/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

/**********REFRAME*************/

@font-face {
	font-family:"pressio-condensed";
	src:
		url("https://use.typekit.net/af/5a64c8/00000000000000007735c65f/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),
		url("https://use.typekit.net/af/5a64c8/00000000000000007735c65f/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),
		url("https://use.typekit.net/af/5a64c8/00000000000000007735c65f/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
	font-display:auto;
	font-style:normal;
	font-weight:400;
	font-stretch:normal;
}

@font-face {
	font-family:"pressio-condensed";
	src:
		url("https://use.typekit.net/af/6317c9/00000000000000007735c672/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),
		url("https://use.typekit.net/af/6317c9/00000000000000007735c672/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),
		url("https://use.typekit.net/af/6317c9/00000000000000007735c672/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
	font-display:auto;
	font-style:normal;
	font-weight:700;
	font-stretch:normal;
}

.page-id-32956 {
	font-family: auto;
	letter-spacing: 0.64px;
	
}
.page-id-32956 h1, .page-id-32956 h2, .page-id-32956 h3 {
	font-family: "pressio-condensed",sans-serif;	
}
.page-id-32956 p {
	line-height:24px;
	font: normal normal normal 16px/24px Times New Roman;
}
.nav>li {
    margin: 0px 20px;
}
.nav>li>a {
    font-size:14px;
	font-family: auto!important;
	letter-spacing: 0.56px;
	color:black;
}
.hero h1 {
	font-size:80px;
	line-height: 80px;
}
.text_t1_hero span {
	color:#FFFD92;
}
.contattaci_hero {
	background-color: #FFFD92;
	color:black;
}
.circle_animation_container {
	width:500px;
	height:500px;
}
.hero_background_circle {
	background-color: #FFFD92;
    border-radius: 250px;
    height: 500px;
    width: 500px;
/	animation: animazione-cerchio 2s ease-in-out forwards;
}
.hero_image > div {
	border-radius: 350px;
	height: 100%;
}
.hero_image .img {
	width: 106%;
}
.hero_image .img-inner {
    position: absolute;
    width: 100%;
    right: 100px;
	transition:all 2s ease;
}
.scissor {
	position: absolute;
	right: -172px;
    top: 80px;
	transition:all 0.5s ease;
	opacity:0;
}
.scissor:hover {
	transform: translateX(10px);
	transition:all 0.5s ease;
}
.ditale {
	position: absolute;
	right: -96px;
    bottom: 154px;
	transition:all 0.5s ease;
	opacity:0;
}
.ditale:hover {
	transform: scale(0.9);
	transition:all 0.5s ease;
}
.bottone_hero {
	position: absolute;
    left: 116px;
    top: 66px;
	opacity:0;
}
.bottone_hero img {
	transition:all 0.5s ease;
}
.bottone_hero img:hover {
	transform: rotate(90deg);
	transition:all 0.5s ease;
}
.farfalla {
	position: absolute;
	right: -102px;
    top: 50px;
	opacity:0;
}
.boutique h2 {
	font-size:18px;
	line-height: 25px;
	letter-spacing: 0.72px;
}
.boutique h3 {
	font-size:70px;
	line-height: 70px;
}
.boutique_background_circle {
	background-color: #DAD4FF;
    border-radius: 250px;
    height: 500px;
    width: 500px;
}
.metro {
	position:absolute;
    top: 88px;
    right: -10px;
	transition:all 0.5s ease;
}
.metro:hover {
	transform: scale(1.2);
	transition:all 0.5s ease;
}
.bottone {
	position:absolute;
	right: 140px;
}
.bottone img {
	transition:all 0.5s ease;
}
.bottone img:hover {
	transform: rotate(90deg);
	transition:all 0.5s ease;
}
.cucitrice {
	position:absolute;
	left: -14px;
    bottom: 40px;
	transition:all 0.5s ease;
}
.cucitrice:hover {
	transform: scaleX(1.3);
	transition:all 0.5s ease;
}
.spilla_balia {
	position:absolute;
    top: 58px;
    left: 36px;
	transition:all 0.5s ease;
	z-index: 2;
}
.spilla_balia:hover {
	transform: scaleY(1.3);
	transition:all 0.5s ease;
	z-index: 2;
}
.capitello {
	position:absolute;
    top: 58px;
    left: -108px;
	transition:all 0.5s ease;
}
.capitello:hover {
	filter: hue-rotate(90deg);
	transition:all 0.5s ease;
}
.boutique_image > div > div:nth-child(2) > .img-inner {
    position: absolute;
	width: 83%;
    right: -27px;
    top: 38px;
	transition:all 0.5s ease;
}
.boutique_image > div > div:nth-child(2) > .img-inner:hover {
	filter: drop-shadow(2px 4px 6px black);
	transition:all 0.5s ease;
}
.misure_servizi h2 {
	font-size:30px;
	margin-bottom:0;
}
.misure_servizi .col {
	padding: 0;
}
.relazioni_ist, .advocacy {
	border-bottom: solid 1px black;
    border-right: solid 1px black;
}
.comunicazione_crisi, .digital_pr {
    border-right: solid 1px black;
}
.comunicazione {
	border-bottom: solid 1px black;
}
.misure_servizi .box-image > div {
	height:250px;
	display: flex;
	align-items: flex-end;
}
.misure_servizi .box-text {
	height:350px;
	padding: 0px 6vw;
}
.misure_servizi .box-text p {
	line-height: 20px;
}
.relazioni_ist .box-image {
	width: 192px!important;
}
.advocacy .box-image {
	width: 70px!important;
}
.comunicazione .box-image {
	width: 150px!important;
}
.comunicazione_crisi .box-image {
	width: 116px!important;
}
.digital_pr .box-image {
	width: 230px!important;
}
.engagement .box-image {
	width: 200px!important;
}
.cosa_facciamo h2 {
	font-size:18px;
	line-height: 25px;
	letter-spacing: 0.72px;
}
.cosa_facciamo h3 {
	font-size:70px;
	line-height: 70px;
}
.text_cosa_facciamo > div > div:last-child {
	padding-right: 70px;
}
.cosa_facciamo_background_circle {
	background-color: #D7EDFF;
    border-radius: 250px;
    height: 500px;
    width: 500px;
}
.cosa_facciamo_image > div > div:nth-child(2) > .img-inner {
    position: absolute;
    width: 83%;
    right: 36px;
	top: -20px;
	transition:all 0.5s ease;
}
.cosa_facciamo_image > div > div:nth-child(2) > .img-inner:hover {
	filter: grayscale(1);
	transition:all 0.5s ease;
}
.bottone_filo {
	position:absolute;
	right: -42px;
    top: 210px;
	transition:all 0.5s ease;
}
.bottone_filo:hover {
	transition:all 0.5s ease;
	transform: rotate(40deg);
}
.hamburger {
	position:absolute;
    left: 4px;
    top: -23px;
	transition:all 0.5s ease;
}
.hamburger:hover {
	transition:all 0.5s ease;
	transform: translateX(15px);
}
.ago_filo {
	position:absolute;
    left: -19px;
    bottom: 65px;
	transition:all 0.5s ease;
}
.ago_filo:hover {
	transition:all 0.5s ease;
	transform: scale(0.8);
}
.lavoro_artigianale h2 {
	font-size:18px;
	line-height: 25px;
	letter-spacing: 0.72px;
}
.lavoro_artigianale h3 {
	font-size:70px;
	line-height: 70px;
}
.lavoro_artigianale_background_circle {
	background-color: #FFE2EB;
    border-radius: 250px;
    height: 500px;
    width: 500px;
}
.lavoro_artigianale_image > div > div:nth-child(2) > .img-inner {
    position: absolute;
	width: 94%;
    right: -24px;
    top: -40px;
	transition:all 0.5s ease;
}
.lavoro_artigianale_image > div > div:nth-child(2) > .img-inner:hover {
    filter: blur(2px);
	transition:all 0.5s ease;
}
.nastro {
	position:absolute;
	right: -124px;
    bottom: 242px;
	transition:all 0.5s ease;
}
.nastro:hover {
	transition:all 0.5s ease;
	filter: drop-shadow(2px 4px 6px blue);
}
.forbici {
	position:absolute;
	top: 4px;
	transition:all 0.5s ease;
}
.forbici:hover {
	transition:all 0.5s ease;
	transform: translatey(-15px);
}
.spilla_balia_artig {
	position:absolute;
    top: 50px;
    right: 50px;
	transition:all 0.5s ease;
}
.spilla_balia_artig:hover {
	transform: scaleY(1.3);
	transition:all 0.5s ease;
}
.capitello_artig {
	position:absolute;
    bottom: -56px;
    right: 72px;
	transition:all 0.5s ease;
}
.capitello_artig:hover {
	transition:all 0.5s ease;
	filter: drop-shadow(2px 4px 6px black);
}
.lav_art_box h2 {
	font-size:30px;
	margin-bottom:0;
}
.lav_art_box .box-image > div {
	height:275px;
	display: flex;
	align-items: flex-end;
}
.lav_art_box .box-text {
	height:275px;	
	padding: 0px 6vw;
}
.lav_art_col1 .box-image {
	width: 250px!important;
}
.lav_art_col1 .box-image > div {
	padding-bottom: 20px;
}
.lav_art_col2 .box-image {
	width: 300px!important;
}
.contattaci h2 {
	font-size:18px;
	line-height: 25px;
	letter-spacing: 0.72px;
}
.contattaci h3 {
	font-size:70px;
	line-height: 70px;
}

.row_form > p {
	display:flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: row;
}
.row_form_submit > div > div > p {
	display:flex;
	justify-content: flex-start;
	align-items: center;
	flex-direction: row;
}
.row_form_submit > div > div:nth-child(3) > p {
	display:flex;
	align-items: center;
    flex-direction: column;
	justify-content: center;
	margin-top: 40px;
}

.row_form > p > span{
	width: 48%;
}

.row_form input[type=text], .row_form input[type=number], .row_form input[type=email], .row_form input[type=tel] {
	height:60px!important;
}
.row_form_submit > div > div > p > span:nth-child(1) {
	line-height: 1;
}
.row_form_submit  {
	flex-direction: column;
	display:flex;
	justify-content: space-between;
}
input[type=checkbox] {
	width: 27px!important;
    height: 27px!important;
	margin: 0;
}
input[type=submit] {
	margin: 0;
	width: 380px!important;
    background-color: #FFFD92!important;
    color: black;
    height: 60px;
}

#footer .row {
	height: 200px;
}
.footer {
	padding:0;
}
#footer a {
	color:white;
	margin: 0px 8px;
}
#footer .row {
	align-items: center;
}
#footer .row > .col:nth-child(even) {
	flex-basis: 50%;
    max-width: 50%;
	margin-bottom: 0;
}
#footer .row > .col:nth-child(odd) {
	flex-basis: 25%;
    max-width: 25%;
	margin-bottom: 0;
}
#footer img {
	filter: invert(1);
}
.absolute-footer {
	display:none;
}



@media only screen and (max-width: 48em) { 
	
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.page-id-32956 p {
		line-height:22px;
	}
	.hero_background_circle {
		background-color: #FFFD92;
		border-radius: 130px;
		height: 240px;
		width: 240px;
		margin-left: auto;
		margin-right: auto;
	}
	.hero_image .img-inner {
		position: absolute;
		width: 100%;
		right: -14px;
		top: -6px;
	}
	.hero h1 {
		font-size:40px;
		line-height: 40px;
	}
	.text_hero_banner > div {
		    text-align: center!important;
	}
	.bottone_hero {
		position: absolute;
		left: 38px;
		top: 10px;
	}
	.scissor {
		position: absolute;
		right: 34px;
		top: 40px;
	}
	.ditale {
		position: absolute;
		right: 68px;
		top: 164px;
	}
	.farfalla {
		position: absolute;
		right: 68px;
		top: 24px;
	}
	.boutique_background_circle {
		background-color: #DAD4FF;
		border-radius: 130px;
		height: 240px;
		width: 240px;
		margin-left: auto;
		margin-right: auto;
	}
	.boutique_image > div > div:nth-child(2) > .img-inner {
		position: absolute;
		width: 83%;
		right: -62px;
		top: 20px;
	}
	.cucitrice {
		position: absolute;
		left: 28px;
		bottom: 0px;
	}
	.metro {
		position: absolute;
		right: 62px;
		top: 104px;
	}
	.boutique {
		padding-bottom: 0!important;
	}
	.boutique h2 {
		margin-bottom: 40px;
	}
	.boutique h3 {
		font-size:40px;
		line-height: 40px;
	}
	.bottone {
		position: absolute;
		right: 116px;
		top: 56px;
	}
	.spilla_balia {
		position: absolute;
		top: 90px;
		left: 62px;
	}
	.capitello {
		position: absolute;
		top: 95px;
		left: -6px;
	}
	.misure_servizi .box-text {
		height: 250px;
		padding: 0px 6vw;
	}
	.comunicazione_crisi, .digital_pr {
		border-bottom: solid 1px black;
	}
	.relazioni_ist, .advocacy, .comunicazione, .comunicazione_crisi, .digital_pr, .engagement {
		border-right: none;
	}
	.cosa_facciamo h2 {
		margin-bottom: 40px;
	}
	.cosa_facciamo h3 {
		font-size:40px;
		line-height: 40px;
	}
	.text_cosa_facciamo > div > div:last-child {
		padding-right: 0;
	}
	.cosa_facciamo_background_circle {
		background-color: #D7EDFF;
		border-radius: 130px;
		height: 240px;
		width: 240px;
		margin-left: auto;
		margin-right: auto;
	}
	.cosa_facciamo_image > div > div:nth-child(2) > .img-inner {
		position: absolute;
		width: 82%;
		right: -34px;
		top: -6px;
	}
	.hamburger {
		position: absolute;
		top: 50px;
		left: 54px;
	}
	.ago_filo {
		position: absolute;
		left: 44px;
		bottom: 12px;
	}
	.bottone_filo {
		position: absolute;
		right: 22px;
		top: 166px;
	}
	.lavoro_artigianale h2 {
		margin-bottom: 40px;
	}
	.lavoro_artigianale h3 {
		font-size:40px;
		line-height: 40px;
	}
	.lavoro_artigianale_background_circle {
		background-color: #FFE2EB;
		border-radius: 130px;
		height: 240px;
		width: 240px;
		margin-left: auto;
		margin-right: auto;
	}
	.lavoro_artigianale_image > div > div:nth-child(2) > .img-inner {
		position: absolute;
		width: 82%;
		right: -42px;
		top: -34px;
	}
	.forbici {
		position: absolute;
		left: 44px;
		top: 60px;
	}
	.nastro {
		position: absolute;
		right: -8px;
		bottom: 118px;
	}
	.spilla_balia_artig {
		position: absolute;
		top: 80px;
		right: 74px;
	}
	.capitello_artig {
		position: absolute;
		bottom: -36px;
		right: 80px;
	}
	.contattaci h2 {
		margin-bottom: 40px;
	}
	.contattaci h3 {
		font-size:40px;
		line-height: 40px;
	}

	.row_form_submit {
		flex-direction: column;
	}
	.row_form_submit > p{
		width: 100%;
		flex-direction: column-reverse;
	}
	.row_form_submit > div > p > span:last-child {
		text-align: left;
	}
	
	#footer .row > .col {
		flex-basis: 100%!important;
		max-width: 100%!important;
		margin-bottom: 0;
		text-align: center;
	}
	#footer .row > .col > div {
		text-align: center;
	}
	
	/**** menu ***/	
	.mfp-content {
		background-color: #3e3d45!important;
	}
	
	/**********Animation*******/
	.circle_animation_container {
		width: 250px;
		height: 250px;
		margin-left: auto;
		margin-right: auto;
	}
}

/***********Animations***********/

.hero_image .img-inner:hover {
	filter: hue-rotate(90deg);
	transition:all 2s ease;
}

@keyframes animazione-cerchio {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}

.circle_animation {
	transform: scale(0.1);
	transition: transform 0.5s ease-in-out;
	z-index: -1;
    position: relative;
}



/*************END REFRAME*************/