/*
Theme Name: PIGMENTO
Theme URI: 
Author: Studio70
Author URI: https://www.studio70.com/
Description: 
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: 
Text Domain: https://www.pigmento.it
*/


.colorPigmento 														{ color: var(--pigmentoC);}
.pigmentofeature_img 												{ width: 200px;	margin-top: -15px;}
.featureSci 														{ left: 50% !important;}
.text-accent 														{ color: #a88300 !important;}
.our-vision .iconbox-icon-ripple .iconbox-icon-container:before 	{ border-color: #a88300 !important;}
.linecustom img 													{ width: 100%; }
.morethaninfinite 													{ position: absolute; width: 300px; bottom: -120px; left: calc(50% - 150px);}
.pigmentow 															{ position: absolute; width: 360px; top: -150px; left: calc(50% - 150px);}
.herotitle 															{ text-transform: uppercase; color: #fffc; letter-spacing: 2px;}
.heroblock  														{}
.heroblock h3 														{ color: #fff; text-shadow: 0px 0px 10px #000; text-align: center;}
.herowrapblock 														{ margin: 140px 0 -180px 0px;}
.herotitlewrap 														{ margin: 90px 0 0 0; text-shadow: 0px 0px 10px #000;}
.herobg 															{ border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; background-size: cover; background-position: center;}
.custom-select 														{ position: relative; float: left; margin-top: 125px;}
.custom-select select 												{ display: none;}
.select-selected 													{ background-color: #ab8800; border-radius: 15px}
.select-selected:after 												{ position: absolute; content: ""; top: 17px; left: 130px; width: 0; height: 0; border: 6px solid transparent; border-color: #fff transparent transparent transparent;}
.select-selected.select-arrow-active:after 							{ border-color: transparent transparent #fff transparent; top: 7px;}
.select-items div,.select-selected 									{ color: #ffffff; padding: 8px 16px; border: 1px solid transparent; border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent; cursor: pointer; user-select: none; float: left; width: 50%;}
.select-items 														{ position: absolute; background-color: #b99405; top: 42px; left: 0; right: 0; z-index: 99; border-radius: 15px;}
.select-hide 														{ display: none;}
.select-items div:hover, .same-as-selected 							{ background-color: rgba(0, 0, 0, 0.1);}
.imageColorSelect 													{ width: calc(100% - 300px); float: left; position: relative; height: 70vh;}
.imageColorSelect img 												{ width: 300px; height: auto; position: absolute; top: 90px; left: calc(50% - (300px / 2)); display: none;}
.imageColorSelect img:first-child  									{ display:block; }
.imageColorSelect #selectedOptionText 								{ width: 100%; position: absolute; color: #fff; text-shadow: 0px 0px 10px #000; font-family: var(--lqd-h2-font-family, var(--lqd-heading-font-family)); font-size: 40px; top: 400px; text-align: center;}
.bgCustomize 														{ position: relative; width: 100%; height: 100%;}
.bgCustomize img 													{ position: absolute; top: 0; width: 100%; height: 100vh; object-fit: cover; display: none; opacity: 0.8;}
.bgCustomize img:first-child 										{ display:block; }
.headerCustomize 													{ background-color: transparent; position: fixed; z-index: 999; width: 100%;}
.headerCustomize a 													{ margin: 25px; display: block;}
.headerCustomize a img 												{ margin: 25px auto; display: block; background-color: #fff; border-radius: 15px; padding: 0px 10px;    }
.personalbgCustomize 												{ position: relative; width: 100%; height: 100%;}
.personalbgCustomize img 											{ position: absolute; top: 0; width: 100%; height: 100vh; object-fit: cover; }
.personalColor 														{ position: absolute; background: #fff; padding: 10px 20px; border-radius: 10px; border: 1px solid #c3c3c3; box-shadow: 0px 0px 7px 0px #000; top: 400px; left: 65px; width: 280px; height: 85px; z-index: 9999999;}
.personalColor label 												{ position: absolute; top: 14px;}
.personalColor input  												{ float:right; }
.perosonalColorSelect 												{ position:relative; width:320px; margin:150px auto }
.perosonalColorSelect img 											{ width: 320px; height: 320px; max-width: 320px;}
.perosonalColorSelect svg 											{ width: 320px; height: 320px; transition: fill 1.5s ease; position: absolute; left: 0; top: 0; opacity: 0.7}
.clearCustomizer 													{ clear:both;  }
.wpcf7-textarea 													{ max-height:120px; }
.wpcf7-not-valid-tip 												{ position: absolute; width: 180px; top: 29px; font-size: 11px !important; left: 4px;}
.wpcf7-acceptance input 											{ position: absolute; top: 0px; left: -14px; width: 20px !important; height: 20px !important;}
#infoColore 														{ position:absolute; top:40px; }
.disclaimerfooter  													{}
.customizeimage img													{ border-radius:25px; }
.lidimage  															{}
.lidimage img 														{ width: 70%; margin: 0 auto; display: block;}
.module-iconbox div.animation-element 								{ width: calc(100% / 3);}
.stratigrafy .contents img 											{ max-width: 124%; width: 124%;}


@media (max-width: 1199px) {
.titleofcustomize 													{ margin-top: 70px; font-size: 34px;}
.personalColor 														{ left: 25px;}
.module-iconbox div.animation-element 								{ width: 100%;}
.stratigrafy .contents img 											{ max-width: 100%; width: 100%;}
}

@media (max-width: 910px) {
.personalColor 														{ left: calc(50% - 140px); top: 190px; }
}


@media (max-width: 767px) {
.heroblock h3 														{ color: #fff; width: 80%; margin: 0 auto !important;	}
.headerCustomize a img 												{ margin: 25px auto; display: block; background-color: #fff; border-radius: 15px; padding: 0px 10px; }
.titleofcustomize 													{ margin-top: 70px; font-size: 34px;}
.custom-select 														{ position: relative; float: none; margin: 30px calc(50% - 150px) 0; clear: both; }
.imageColorSelect 													{ width: 100%; float: left; position: relative; height: 70vh;}
.select-selected 													{ background-color: #ab8800; border-radius: 15px; float: none !important; margin: 0 auto;}
.select-selected:after 												{ position: absolute; content: ""; top: 17px; left: 205px; width: 0; height: 0; border: 6px solid transparent; border-color: #fff transparent transparent transparent;}
.imageColorSelect img 												{ width: 200px; height: auto; position: absolute; top: 90px; left: calc(50% - (200px / 2)); display: none;}
.headerCustomize 													{ background-color: transparent; position: relative; z-index: 999; width: 100%; margin-bottom: -82px;}
.titlebar-inner h1 													{ font-size: 62px;}
.personalColor 														{ left: calc(50% - 140px); top: 190px; }
.module-iconbox div.animation-element 								{ width: 100%;}
.stratigrafy .contents img 											{ max-width: 100%; width: 100%;}
}





/* ***** Global ***** */

:root {

	--pigmentoC: #a98400;

	--lqd-container-width: 1140px;

	--lqd-row-gutter-x: 0;

	--lqd-row-gutter-y: 0;

	--lqd-color-primary: #000000;

	--lqd-body-text-color: #4A4A4A;

	--lqd-color-accent: #49C193;

	--lqd-color-dark: #292929;

	--lqd-color-link: #5b7bfb;

	--lqd-color-dark: #292929;

	--lqd-color-blue-100: #E3E4E8;

	--lqd-color-blue-200: #D9F8EA;

	--lqd-color-blue-300: #EBF8D9;

	--lqd-color-blue-600: #696d79;

	--lqd-color-blue-700: #032A3E;

	--lqd-color-gray-100: rgba(97, 150, 157, 0.18);

	--lqd-color-gray-200: #e2e8f0;

	--lqd-color-gray-400: #8e929b;

	--lqd-color-green-50: rgba(106, 255, 192, 0.24);

	--lqd-color-green-100: #E1F2E6;

	--lqd-color-green-200: #ECF0E7;

	--lqd-color-green-300: #82B541;

	--lqd-color-green-400: #6AFFC0;

	--lqd-color-green-500: #C7D0C1;

	--lqd-color-green-600: #5e746a;

	--lqd-color-orange-100: #F0EBE7;

	--lqd-color-orange-200: #F8E6D9;

	--lqd-color-orange-300: #ffc29f;

	--lqd-color-orange-600: #807264;

	--lqd-color-purple-100: rgba(141, 126, 255, 0.44);

	--lqd-color-purple-500: #9F51E0;

	--lqd-color-slate-100: rgba(97, 150, 157, 0.18);

	--lqd-color-slate-200: #e2e8f0;

	--lqd-color-slate-300: #A2B2C9;

	--lqd-color-slate-400: #94a3b8;

	--lqd-color-slate-500: #64748b;

	--lqd-color-slate-600: #61969D;

	--lqd-color-slate-700: #3A5274;

	--lqd-color-yellow-50: #F9F8F5;

	--lqd-color-yellow-100: #EDEBE2;

	--lqd-color-yellow-200: #F1F0E8;

	--lqd-color-yellow-600: #84806f;

	--lqd-badge-color: #6f6fff;

	--lqd-color-link-hover: #181b31;

	--lqd-body-text-color: #626974;



	--lqd-body-font-family:'Be Vietnam Pro', sans-serif;;

	--lqd-body-font-size: 15px;

	--lqd-body-font-weight: 400;

	--lqd-body-line-height: 1.4em;

	--lqd-accent-font-family: 'Libre Baskerville', serif;

	--lqd-accent-font-style: italic;



	--lqd-heading-font-family: "Space Grotesk", Sans-serif;

	--lqd-heading-font-weight: 700;

	--lqd-heading-line-height: 1em;

	--lqd-heading-color: var(--lqd-color-dark);

	--lqd-h1-font-size: 64px;

	--lqd-h1-letter-spacing: -4px;

	--lqd-h2-font-size: 48px;

	--lqd-h2-letter-spacing: -1.5px;

	--lqd-h3-font-size: 40px;

	--lqd-h3-letter-spacing: -0.5px;

	--lqd-h4-font-size: 37px;

	--lqd-h4-font-weight: 600;

	--lqd-h5-font-size: 22px;

	--lqd-h6-font-size: 18px;



	--lqd-cc-bc: var(--lqd-color-primary);

	--lqd-cc-bg: var(--lqd-color-primary);

	--lqd-cc-size-outer: 35px;

	--lqd-cc-size-inner: 7px;

	--lqd-cc-bw: 1px;

	--lqd-cc-br: calc(var(--lqd-cc-size-outer) / 2);

	--lqd-cc-active-bc: var(--lqd-color-primary);

	--lqd-cc-active-bg: var(--lqd-color-primary);

	--lqd-cc-active-bw: 1px;

	--lqd-cc-active-circle-color: #fff;

	--lqd-cc-active-circle-txt: #000;

	--lqd-cc-active-arrow-color: #fff;



}



.module-text-border:hover {

	background-color: #F8E6D9;

	border-color: #F8E6D9;

	border-style: solid;

	box-shadow: 0 33px 50px 0px rgba(0, 0, 0, 0.18);

}



/* Titlebar */

.titlebar-inner h1 {

	font-size: 72px;

}







/* ***** Button ***** */

.module-btn-sm {

	--btn-pt: 8px;

	--btn-pe: 22px;

	--btn-pb: 8px;

	--btn-ps: 22px;

}



.btn-underlined:hover:after {

	transform-origin: left center;

	transform: scaleX(1);

}



.border-thin {

	font-family: var(--lqd-accent-font-family), Sans-serif;

	font-style: var(--lqd-accent-font-style);

}



.border-thin:after {

	background: #EBF0E6;

}



/* ***** Shape & Mark ***** */

.lqd-highlight-classic .lqd-highlight .lqd-highlight-inner {

	height: 0.4em;

}



/* ***** Lity ***** */

.lity-modal .lqd-contact-form {

	--inputs-margin: 0 0 30px 0;

	--input-margin-bottom: 30px;

}



.lity-modal .ld-fancy-heading h2 span {

	font-family: 'DM Serif Text', serif;

	font-style: italic;

}



@media (max-width: 1199px) {

	.lity-modal .module-content {

		padding: 10px;

	}



	.lity-modal .ld-fancy-heading h2 {

		font-size: 48px;

		line-height: 1em;

	}

}



@media (max-width: 767px) {

	.lity-container {

		padding: 70px 0 30px 0;

	}



	.lity-modal .ld-fancy-heading h2 {

		font-size: 34px;

		line-height: 0.75em;

	}



	.lity-modal .module-info {

		margin-top: 30px;

	}



	.lity-modal .lqd-contact-form {

		margin-top: 30px;

	}

}



/* ***** Main Header ***** */

.main-header .main-nav {

	--lqd-menu-items-top-padding: 15px;

	--lqd-menu-items-right-padding: 60px;

	--lqd-menu-items-bottom-padding: 15px;

	--lqd-menu-items-left-padding: 0;

}



.main-header .main-nav > li > a:before {

	background-color: #F4F4F4;

}



.main-header .ld-module-trigger:before {

	content: "";

	display: inline-block;

	width: 160%;

	height: 160%;

	position: absolute;

	top: -25%;

	left: -25%;

}



.main-header .ld-module-search .ld-module-trigger-icon {

	width: 38px;

	height: 38px;

}



.main-header .btn-icon-left {

	--icon-font-size: 1.3em;

}



.main-header .btn-hover-txt-switch-change {

	--icon-font-size: 1.1em;

}



.main-header .btn-icon-left:hover,

.main-header .btn-icon-left:focus {

	color: #000000;

}



.main-header .btn-icon-left:hover .btn-icon,

.main-header .btn-icon-left:focus .btn-icon {

	background: #000000;

}



@media (max-width: 1199px) {

	.main-header .module-header {

		padding: 10px;

	}

}

/* ***** Sticky Bar Left ***** */

.main-header .lqd-stickybar-left .btn {

	--icon-font-size: 25px;

	box-shadow: 0 0 0 11px rgba(128, 179, 65, 0.27);

}



/* ***** Sticky Bar Right ***** */

.main-header .lqd-stickybar-right {

	justify-content: start;

}



.main-header .lqd-stickybar-right .btn {

	--icon-font-size: 17px;

}



/* ***** Footer ***** */

.main-footer .btn-solid:hover,

.main-footer .btn-solid:focus {

	color: #1C3329;

	background-color: #6AFFC0;

}



.main-footer a:hover,

.main-footer a:hover path {

	color: #fff;

	fill: #fff;

}



@media (max-width: 1199px) {

	.main-footer {

		padding: 70px 20px;

	}



	.main-footer .module-border {

		padding: 40px 15px;

	}

}



@media (max-width: 767px) {

	.main-footer .column-md-50 {

		width: 50%;

	}



	.main-footer .column-md-100 {

		width: 100%;

	}



	.main-footer .lqd-imggrp-single {

		margin-bottom: 15px;

	}



	.main-footer .module-copyright {

		margin-top: 50px;

		margin-bottom: 20px;

	}



	.main-footer .module-social {

		margin: 0;

	}

}





/*  Banner  */

.banner .module-section {

	height: 90vh;

}



.banner .module-shape-1 {

	bottom: -275px;

}



@media (max-width: 1199px) {

	.banner {

		padding-right: 30px;

		padding-left: 30px;

	}



	.banner .module-section {

		padding: 35px 20px;

	}



	.banner .pos-abs:first-child img {

		width: 340px;

	}



	.banner .module-shape-2 {

		top: 40%;

	}



	.banner .module-shape-1 {

		right: 50px;

	}



	.banner .module-shape-2 {

		left: 6%;

	}



	.banner .module-shape-3 {

		right: 1%;

	}



	.banner .module-shape-4 {

		right: 10%;

	}



	.banner .pos-abs.bottom-0 {

		right: 25%;

	}

}



@media (max-width: 767px) {



    .herowrapblock {

        margin: 60px 0 0 0px;

        gap: 0;

    }

    .lqd-mobile-sec .navbar-header>* {

    width: auto;

    flex: 0 0 auto;

}





.pigmentow {

    position: absolute;

    width: 200px;

    top: -120px;

    left: calc(50% - 101px);

}



.morethaninfinite {

    position: absolute;

    width: 200px;

    bottom: -95px;

    left: calc(50% - 100px);

}



	.banner {

		padding: 0 20px;

	}



	.banner .module-section {

		height: 100vh;

	}



    .banner .ld-fancy-heading h1 {

        font-size: 8vw;

    }



	.banner .module-shape-1 {

		right: 0;

	}



	.banner .module-shape-2 {

		top: -21%;

	}



	.banner .module-shape-3 {

		top: -20px;

	}

}



/*  Design Services  */

.design-services .lqd-iconbox-scale:hover {

	background-color: #EBF0E6;

	transform: scale(1.1);

}



.design-services .module-shape {

	left: -10%;

}



@media (max-width: 1199px) {

	.design-services .lqd-iconbox-scale {

		padding: 35px 20px;

	}



	.design-services .module-iconbox {

		padding-right: 20px;

		padding-left: 20px;

	}

}



@media (max-width: 767px) {

	.design-services {

		padding: 90px 20px;

	}



	.design-services .module-shape {

		left: 0;

	}



	.design-services .module-shape {

		top: 3%;

	}



	.design-services .module-shape img {

		width: 49px;

	}

}



/*  Services  */

.services .carousel-nav .flickity-button {

	width: 50px;

	height: 50px;

	color: #000000;

	border-width: 1px;

	border-radius: 12px;

	border-style: solid;

	border-color: rgba(0, 0, 0, 0.15);

	background-color: transparent;

}



.services .carousel-nav {

	width: 100%;

	max-width: 100%;

}



.services .flickity-button:hover {

	color: #FFFFFF;

	border-style: solid;

	border-color: #000000;

	background-color: #000000;

}



.services .module-shape {

	left: 30%;

}



@media (max-width: 1199px) {

	.services {

		padding: 50px 20px;

	}

}



/*  Case Studies  */

.case-studies .filter-list li {

	color: #000000;

}



.case-studies .filter-list li.active {

	color: #C10909;

}



.case-studies .liquid-filter-items {

	margin-bottom: 30px;

}



.case-studies .lqd-pf-item {

	margin-bottom: 20px;

}



.case-studies>.module-shape-1 {

	left: -90px;

}



.case-studies>.module-shape-2 {

	right: -2%;

}



.case-studies .lqd-pf-grid .module-shape-3 {

	right: -60px;

}



@media (max-width: 1199px) {

	.case-studies {

		padding-right: 20px;

		padding-left: 20px;

	}

}



@media (max-width: 767px) {

	.case-studies .lqd-pf-grid .module-shape-3 {

		max-width: 80px;

		top: -60px;

	}



	.case-studies>.module-shape-1 {

		left: -38%;

	}



	.case-studies>.module-shape-2 {

		right: -16%;

	}



	.case-studies .lqd-pf-grid .module-shape-3 {

		right: -25px;

	}

}



/*  Steps Install  */

.steps-install .h1 {

	font-size: 190px;

	color: #DFE2EA;

}



.steps-install .module-middle {

	margin-right: 12.5%;

	margin-left: 12.5%;

}



@media (max-width: 1199px) {

	.steps-install {

		padding: 30px 40px 0 40px;

	}



	.steps-install .module-middle {

		margin: 0;

	}

}



@media (max-width: 767px) {

	.steps-install {

		padding: 60px 20px 0 20px;

	}



	.steps-install .module-first,

	.steps-install .module-middle {

		margin-bottom: 30px;

	}

}



/*  Our Vision  */

.our-vision .lqd-section-flow-panel-end {

	padding: 10% 8% 10% 8%;

}



.our-vision .lqd-throwable-scene {

	height: 855px;

}



.our-vision .module-shape {

	left: 43%;

}



.our-vision .iconbox-icon-ripple .iconbox-icon-container:before {

	border-color: var(--lqd-color-accent);

}



@media (max-width: 1199px) {

	.our-vision {

		padding-bottom: 0px;

	}

}



@media (max-width: 767px) {

    .our-vision {

        padding: 90px 0px 0px 0px;

        background-image: none !important;

    }



	.our-vision .lqd-section-flow-panel-end {

		padding: 0;

	}



	.our-vision .module-content {

		padding-bottom: 30px;

	}

.iconbox h3 {

    display: inline-block;

    text-align: center;

    margin: 0 0 0 0;

}



    .module-content p img {

        width: 30px;

        height: 15px;

    }





}



/*  Testimonials  */

.testimonials .star-rating {

	font-family: Arial, Helvetica, sans-serif;

}



.testimonials .carousel-dots {

	top: auto;

	right: auto;

	bottom: -65px;

	left: auto;

}



.testimonials .carousel-dots:not(.carousel-dots-inside) {

	position: relative;

}



.testimonials .module-shape-1 {

	left: 13%;

}



.testimonials .module-shape-2 {

	right: 23%;

}



@media (max-width: 1199px) {

	.testimonials .carousel-item {

		padding-right: 15px;

		padding-left: 15px;

	}



	.testimonials .module-shape-2 {

		top: 14%;

	}



	.testimonials .module-shape-1 {

		left: 3%;

	}



	.testimonials .module-shape-2 {

		right: 8%;

	}

}



@media (max-width: 767px) {

	.testimonials {

		padding-bottom: 60px;

	}



	.testimonials .col-12:first-child {

		margin-bottom: 40px;

	}



	.testimonials .carousel-item {

		padding-right: 20px;

		padding-left: 20px;

	}



	.testimonials .module-shape-2 {

		top: 4%;

	}



	.testimonials .module-content {

		padding: 25px 15px;

	}

}



/*  Clients  */

@media (max-width: 1199px) {

	.clients {

		padding: 50px 20px 100px 20px;

	}

}



@media (max-width: 767px) {

	.clients {

		padding-top: 50px;

		padding-bottom: 90px;

	}



	.clients .carousel-item {

		width: calc(100% / 2);

		flex: 0 0 auto;

	}

}



/*  Contact Form  */

.contact-form .lqd-contact-form {

	--inputs-margin: 0 0 25px 0;

	--input-margin-bottom: 25px;

}



.contact-form .module-shape-3 {

	right: 123px;

}



.contact-form .module-shape-4 {

	right: 11%;

}



@media (max-width: 1199px) {

	.contact-form {

		padding-right: 20px;

		padding-left: 20px;

		padding-bottom: 70px;

	}



	.contact-form .lqd-contact-form {

		padding: 20px 30px 30px 30px;

	}

}



@media (max-width: 767px) {

	.contact-form {

		padding-top: 150px;

		padding-bottom: 100px;

	}



	.contact-form .module-shape-1 {

		top: -126px;

	}

}



/* Faq */

.faq {

	--lqd-color-brown-300: #F5DBB8;

	--lqd-color-brown-500: #A25139;

	--lqd-color-gray-100: #F7F7F8;

	--lqd-color-slate-600: #225469;

}

.faq .accordion-item.active .accordion-title a {

	color: #000000;

	background-color: #FFFFFF;

}



@media (max-width: 1199px) {

	.faq {

		padding: 50px 40px;

	}

}



@media (max-width: 767px) {

	.faq {

		padding: 40px 20px;

	}

}