/*!
Theme Name: sinkronie
Theme URI: http://underscores.me/
Author: OTttomani
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: sinkronie
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

sinkronie is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */


:root {
	--orange: #FF9C73;
	--title-brown: #532A11;
	--text-grey: #696865;
	--bg-grey: #F8F6F5;

	--btn-hover: rgba(237,121,49,.07);
}

body {
	font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  /* color: var(--text-grey); */
  color: #532A11;
  background: #fff;
  /* font-size: 18px; */
  font-size: 20px;
}

.container-fluid .row {
	max-width: 1275px;
	margin-left: auto;
  margin-right: auto;
  width: 100%
}

h1,h2,h3,h4,h5,h6 {
	color: var(--title-brown);
	font-weight: 800;
	font-size: 28px
}

h1 {
	font-weight: 300;
}

h1 strong {
	font-weight: 800;
}

a {
	text-decoration: none;
	font-weight: 600;
	transition: .4s;
}

.header {
	box-shadow: 0px 2px 12px 0px rgba(126,124,122,.25);
	position: relative;
	z-index: 2;
	padding: 0

}

.header .row {
	max-width: unset
}

.logo-completo {
	width: 103px
}

.logo-piccolo {
	width: 60px
}

.header.fixed {
	position: fixed;
	top: -500px;
	transition: .4s;
	z-index: 100;
}

.header.fixed.scrolled {
	top: 0px;
}

.orange-bg {
	background: var(--orange);
	color: #fff;
	display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-left: 5%;
  padding-right: 5%;
}

.orange-bg a {
	color: #fff;
}

.mail-link {
	margin: 0 8px;
	font-size: 16px;
}

.navbar {
	padding: 12px 5%;
	background: #fff;	
}

.contact-button {
	color: var(--orange);
	border: solid 1px var(--orange);
	padding: 8px 24px;
	border-radius: 40px;
	font-size: 14px;
	font-weight: 700;
	vertical-align: middle
}

@media screen and (max-width: 1023px) {
	.header .contact-button {
		display: none
	}
}

.contact-button:hover {
	background: var(--btn-hover);
}

.contact-button:active {
	background: var(--orange);
	color:#fff;
}


.title-hero {
	position: absolute;
  max-width: 33%;
  top: 30%;
  left: 10%;
  padding: 0 3%;
}

@media screen and (max-width: 1200px) {
	.title-hero {
		top: 25%;
		left: 1%;
	}
}

@media screen and (max-width: 1024px) {
	.title-hero {
		position: initial;
		width: 100%;
		max-width: 100%;
		margin-top: 60px;
	}

	.video-hero {
		width: 100%;
		margin: 0;
	}
}

@media screen and (max-width: 700px) {
	.title-hero {
		margin-top: 40px;
	}
}

.hero img,
.hero video {
	width: 100%;
	margin-top: 50px;
}

.standard-section {
	padding-top: 60px;
	padding-bottom: 60px;
}

.standard-section h2 {
	text-align: center;
	font-size: 28px;
	font-weight: 800
}

.about {
	background: var(--bg-grey);
}

.about > .row {
	position: relative
}

.about .col {
	max-width: 810px;
	margin: 0 auto;
}

.about .col.full-width-text {
	max-width: 100%;
	font-size: 20px
} 

.about .divider-about {
	height: 1px;
    background: #704108;
    position: absolute;
    bottom: -60px;
    left: 0;
    z-index: 10;
    width: 100%;
    max-width: 1275px;
}

.valori {
	text-align: center;
}

.list-valori {
	font-weight: 700;
	  font-size: 22px;
	  color: var(--title-brown);
	  max-width: 810px;
	  margin: 40px auto 0;
}

.list-valori.inverted {
	 margin: 24px auto;
}


.list-divider {
  margin: 0 15px;
}

.image-wrapper {
	margin-top: 100px;
}

.video-divider {
	margin-top: 40px;
	position: relative;
}

.video-wrapper {
	max-width: 810px;
  margin: 0 auto;
  border-radius: 4px;
  overflow: hidden;
 
  z-index: 10;
  position: relative;
  margin-bottom: -230px;
  padding-bottom: 15px
}

.video-wrapper h3 {
	text-align: center;
	font-size: 24px;
	font-weight: 400;
	margin-bottom: 20px
}

.video-wrapper h3 span {
	color: #FF9C73
}

@media screen and (max-width: 700px) {
	.video-wrapper {
		margin-bottom: -120px;
	}
}

.video-wrapper p {
	margin-bottom: -10px;
	 box-shadow: 0px 2px 12px 0px rgba(126,124,122,.25);
}

@media screen and (max-width:700px) {
	.video-wrapper p iframe {
		height: 220px
	}
}

.video-wrapper .btn-row {
	text-align: center;
	margin-top: 40px
}

.standard-section.video-section {
	padding-bottom: 0;
}

.cosa-facciamo {
	padding-top: 290px;
	/* background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(244,243,243,1) 100%); */
	text-align: center;
	padding-bottom: 1px;
}

.cosa-facciamo.per-pagina-metodo {
	padding-top: 64px;
	padding-bottom: 64px;
}

@media screen and (max-width: 700px) {
	.cosa-facciamo {
		padding-top: 190px;
	}
}

.cosa-facciamo.per-pagina-metodo h2,
.cosa-facciamo.per-pagina-metodo h3,
.cosa-facciamo.per-pagina-metodo p {
	text-align: left
}

.cosa-facciamo.per-pagina-metodo h3 {
	font-size: 20px;
	font-weight: 800
}

.cosa-facciamo.per-pagina-metodo p {
	font-size: 16px;
	font-weight: 400;
	color: #490E10
}

.per-pagina-metodo .box-wrapper {
	margin-top: 62px
}

.per-pagina-metodo .ambito .circle-wrapper img {
	max-width: 113px
}

.per-pagina-metodo .ambito .circle-wrapper {
	top: -35px;
	background: transparent;
	box-shadow: none
}

.per-pagina-metodo .ambito > div {
	background: #fff;
	box-shadow: 0px 2px 12px 0px rgba(126,124,122,.25);
	padding-top: 100px;
	height: auto;
	padding-bottom: 24px;
	border-radius: 4px
}

.cosa-facciamo .bottom-text {
	padding: 12px;
	
}

.double-boxes-notalternate .col-title {
	margin-bottom: 30px
}

.double-boxes-notalternate .col-white {
	margin-bottom: 30px;
	background: #fff;
	box-shadow: 0px 2px 12px 0px rgba(126,124,122,.25);
	padding: 24px;
	border-radius: 4px
}

@media screen and (max-width:767px) {
	.double-boxes-notalternate .col-white {
		margin-bottom: 0px;
		margin-top: 20px;
	}
}


.double-boxes-notalternate .col-white h3 {
	font-size: 20px;
	font-weight: 800
}

.double-boxes-notalternate  .col-img-tranparent {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	padding: 32px
}

.double-boxes-notalternate  .col-img-tranparent img {
	max-width: 360px
}

.cosa-facciamo .bottom-text p {
	margin-bottom: 0;
	font-size: 16px;
	font-weight: 600
}

.db-section {
	background: #fff;
	padding-top: 1px;
	padding-bottom: 0px;
}

.box-wrapper,
.db-wrapper {
	margin-top: 80px;
	margin-left: 5%;
  margin-right: 5%;
}

.box-wrapper {
	margin-top: 100px
}


.page-template-template-homepage .box-wrapper {
	margin-top: 30px
}



.db-wrapper {
	margin-left: 5%;
  margin-right: 5%;
}

.db-section .btn-row {
	text-align: center;
	margin-top: 30px
} 

@media screen and (max-width: 1200px) {
	.box-wrapper,
	.db-wrapper {
		margin-left: 0;
		margin-right: 0;
	}
}

.db-wrapper,
.db-wrapper h2 {
	text-align: left;
}

.db-wrapper p {
	max-width: 500px;
}

.v2 .db-wrapper p {
	max-width: 100%;
	font-size: 20px
}

.carrot-col {
	display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

@media screen and (max-width: 700px) {
	.carrot-col,
	.db-section .col-6 {
		width: 100%;
	}
}

.carrot-col img {
	max-width: 70%;
}

.v2 .carrot-col img {
	max-width: 50%;
}

.ambito {
	position: relative;
}

@media screen and (max-width: 992px) {
	.ambito {
		width: 100%;
		margin-bottom: 100px;
	}

	.ambito:last-child {
		margin-bottom: 0;
	}
}

.ambito > div {
	background: #F6F5F4;
	padding: 80px 16px 32px;
	margin: 10px;
	transition: 1s 1s;
	opacity: 1;
	height: 100%
}

.page-template-template-homepage .ambito > div {
	padding: 50px 16px 24px;
	text-align: left;
	height: auto
}

.notscrolled .ambito > div {
	opacity: 0;
}

@media screen and (max-width: 834px) {
	.ambito > div {
		margin: 0px;
	}
}

.ambito h3 {
	font-size: 22px
}


.page-template-template-homepage .ambito h3 {
	font-size: 20px;
	font-weight: 700
}

.page-template-template-homepage .ambito p {
	font-size: 16px;
}

.ambito ul {
	text-align: left;
	font-size: 16px
}

.ambito ul li::marker {
	color: var(--orange);
}

.ambito .circle-wrapper {
  background: transparent;
  padding: 0 !important;
  margin: 0;
  position: absolute;
  left: 0;
  text-align: center !important;
  width: 100%;
  top: -70px;
  transition: .6s;
  opacity: 1 !important;
  z-index: 9;
}

.page-template-template-homepage  .ambito .circle-wrapper {
	 top: -20px;
}

.ambito .circle-wrapper img {
	max-width: 140px
}

.page-template-template-homepage .ambito .circle-wrapper img {
	max-width: 60px
}

.notscrolled .ambito:first-child .circle-wrapper {
	left: 100%;
}



.notscrolled .ambito:last-child .circle-wrapper {
	left: -100%;
}

@media screen and (max-width: 700px) {
	.notscrolled .ambito:first-child .circle-wrapper,
	.notscrolled .ambito:last-child .circle-wrapper {
		left: 0%;
	}

	.notscrolled .ambito:nth-child(2) .circle-wrapper {
		top: -140%;
	}

	.notscrolled .ambito:last-child .circle-wrapper {
		top: -265%;
	}
}

/*.ambito img {
	margin-top: -33%;
  margin-bottom: 0;
  line-height: 0;
  padding: 0;
}*/

.metodo-wrapper {
	background: #fff;
	box-shadow: 0px 2px 12px 0px rgba(126,124,122,.25);
	padding: 40px 15%;
	border-radius: 4px;
	margin-bottom: 40px
}

.v2 .metodo-wrapper {
	padding: 24px
}

.v2 .metodo-wrapper h3 {
	font-size: 20px;
	font-weight: 800;
	margin-bottom: 20px
}

.v2 .metodo-wrapper h3,
.v2.db-section .btn-row {
	text-align: left
}

@media screen and (max-width: 700px) {
	.metodo-wrapper {
		padding: 40px 15px;
	}
}

.metodo-wrapper h3 {
	text-align: center;
	margin-bottom: 30px;
	font-weight: 700;
	font-size: 22px
}

.metodi {
	display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 15px;
}

.count {
	width: 36px;
	height: 36px;
	color: #fff;
	background: var(--orange);
	border-radius: 50px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 18px;
	font-weight: 900;
	margin-right: 15px;
	flex: auto 0 0;
}

.metodi h4 {
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 0
}

.partner {
	text-align: center;
	background: var(--bg-grey)
}


/* .partner h2 { */
	/* margin-bottom: 48px */
/* } */

.partner .col {
	margin: 40px 2% 0;
	align-items: center;
  display: flex;
  justify-content: center;
  max-width: 12%;
  width: 10%;
}

.partner.v2 .col-4 {
	margin: 40px 0 0;
	align-items: center;
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 700px) {
	.partner .col {
		width: 50%;
		max-width: 50%
	}
}

.partner p {
	font-weight: 600;
	margin-top: 60px
}

.partner img {
	max-width: 110px
}

.portfolio .row {
	padding: 0;
}

@media screen and (max-width: 1200px) {
	.portfolio .row {
		padding: 0 ;
	}
}


.portfolio h2 {
	margin-bottom: 40px;
}

.portfolio.v2 a {
	margin-bottom: 10px
} 

.portfolio .col-12 {
	text-align: center;
}

@media screen and (max-width: 700px) {
	.portfolio .col-4 {
		width: 100%;
		margin-bottom: 20px;
	}
}

.portfolio .col-4 > div {
	box-shadow: 0px 2px 12px 0px rgba(126,124,122,.25);
	border-radius: 4px;
	overflow: hidden;
	position: relative;
}

.portfolio .col-4 > div:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 50%);;
}

.portfolio .col-4 > div:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: .4s
}

.portfolio .col-4:hover > div:after {
	/* background: rgba(255, 156, 115, .4) */
	    background: #563D12;
    opacity: .5;
}

.portfolio img {
	max-width: 100%
}


.portfolio .content {
	position: absolute;
  bottom: 0;
  left: 0;
  padding: 10px 20px;
  color: #fff;
  z-index: 10;
  font-size: 14px;
}

.portfolio .content h3 {
	color: #fff;
	font-size: 18px;
}

.portfolio .contact-row {
	margin-top: 40px;
}

.team .row {
	justify-content: center
}

.team .col-12 {
	margin-bottom: 120px;
}

@media screen and (max-width: 992px) {
	.team .col-4 {
		width: 100%;
		margin-bottom: 120px;
	}

	.team .col-4:last-child {
		margin-bottom: 0;
	}
}

.team .col-4 > div {
	background: #fff;
	margin-left: 40px;
	margin-right: 40px;
	padding: 16px;
	padding-top: 120px;
	text-align: left;
	position: relative;
}

.team.v2 .col-4 > div {
	background: #F6F5F4
} 

@media screen and (max-width: 1200px) {
	.team .col-4 > div {
		margin-left: 20px;
		margin-right: 20px;
	}
}

@media screen and (max-width: 834px) {
	.team .col-4 > div {
		margin-left: 0px;
		margin-right: 0px;
	}
}

.team .photo-wrapper {
	text-align: center;
  position: absolute;
  top: -90px;
  left: 0;
  width: 100%;
}

.team .photo-wrapper img:first-child {
	border-radius: 50%;
	border: solid 2px var(--title-brown);
	max-width: 180px
}

.team .rondine {
	margin-top: -37px;
	max-width: 40px
}

.team .personal-link {
	background: var(--orange);
  width: 46px;
  height: 46px;
  border-radius: 50px;
  display: flex;
  padding: 6px;
}

.team h3 {
	font-family: 'Bellota Text';
	font-size: 32px;
	font-weight: 600;
}

.team h4 {
	color: var(--orange);
	font-size: 18px;
	font-weight: 500;
}

.team .col-4 p {
	font-size: 14px;
	line-height: 22px;
	margin-top: 15px;
}

.collaboratori .row {
	justify-content: space-between;
	max-width: 1600px
}

.collaboratori .col-12 {
	margin-bottom: 50px
}

.collaboratori .col-12 p {
	max-width: 900px;
	margin: 0 auto;
	text-align: left
}

.collaboratori .col-md-2 {
	background: #fff;
	text-align: left;
	padding: 16px;
	padding-top: 48px;
	position: relative;
	margin: 1%
}

.collaboratori .photo-wrapper {
	top: -34px
}

.collaboratori .photo-wrapper img {
	max-width: 68px !important
}

.collaboratori h3 {
	font-size: 16px
}

.collaboratori h4 {
	font-size: 14px
}

.contact {
	text-align: center;
	background-position: bottom right;
  background-repeat: no-repeat;
}

.footer {
	background: #31302F;
	color: #fff;
}

.footer .row {
	padding:32px 5%;
	max-width: unset
}

@media screen and (max-width: 700px) {
	.footer .row > div {
		width: 100%;
	}
}

@media screen and (max-width: 1200px) {
	.footer .row {
		padding:32px 0%
	}
}

.footer img {
	margin-bottom: 12px;
	width: 106px
}

.footer-logo {
	font-family: "Bellota Text";
	font-size: 14px;
	font-weight: 600;
}

.footer-contact,
.footer-contact a {
	font-size: 12px;
	font-weight: 500;
	color: #fff;
}

.footer-contact a {
	color: #dbdbda;
}

.footer-menu ul {
	list-style: none;
	padding-left: 0;
}

.footer-menu a {
	color: var(--orange);
	font-family: "Bellota Text";
	font-weight: 600;
	font-size: 14px;
	text-transform: uppercase;
}

@media screen and (max-width: 700px) {
	.footer-contact {
		order: 3;
	}
	.footer-menu {
		order: 2;
	}
}

.intro-page {
	background: #f6f5f4;
	padding-top: 25px;
	padding-bottom: 25px;
	background-size: contain;
    background-repeat: no-repeat;
    min-height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media screen and (max-width: 767px) {
	.intro-page {
		background-size: cover !important
	}
}




.page-template-template-metodo .double-boxes,
.page-template-template-metodo .cosa-facciamo.per-pagina-metodo,
.page-template-template-metodo .contact {
	background: #F6F5F4
}

.page-template-template-metodo .intro-page,
.page-template-template-metodo .double-boxes-text {
	background: #fff
}

.page-template-template-benefit .intro-page {
	background-position: top center;
	background: #fff;
	    background-repeat: no-repeat;
}


.page-template-template-peraspera .intro-page {
	background-position: bottom left
}

.intro-page h1 {
	font-size: 34x;
	font-weight: 900
}

.title-hero h1 {
	font-size: 34px
}

.intro-page h2 {
	font-size: 22px;
	font-weight: 300
}

.portfolio:nth-child(odd),
.page-template-template-otto-x-sink #contact {
	background: var(--bg-grey)
}

.double-boxes {
	padding-top: 64px;
	padding-bottom: 64px;
	font-size: 20px;
	
}

.page-template-template-peraspera .double-boxes,
.double-boxes.peraspera-db {
	color: #291F58;
	font-size: 22px
}

.double-boxes .row {
	margin-bottom: 40px;
}

.double-boxes.peraspera-db .row {
	border-bottom: solid 1px rgba(112, 65, 8, .15);
	padding-bottom: 32px
}

.double-boxes.peraspera-db .row:last-child {
	border-bottom: none;
	padding-bottom: 0;
	padding-top: 32px
}

.double-boxes .row:nth-child(even) {
	flex-direction: row-reverse
}

.double-boxes .db-image {
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}

.double-boxes .db-image img {
	max-width: 360px
}

.double-boxes .btn-row {
	margin-top: 32px
}


.double-boxes-close {
	font-size: 22px;
	color: #291F58;
	text-align: center
}

.double-boxes-close .col-12 {
	background: #F6F5F4;
	justify-content: center;
	display: flex;
	padding-top: 32px;
	padding-bottom: 32px;
	    flex-direction: column;
    align-items: center;
}

.double-boxes-close .col-12 p {
	max-width: 820px
}

#team.v2 {
	background: #fff
}


#team.collaboratori.v2 {
	background: #f8f6f5
}


.img-divisore-db {
	margin-bottom:-3%;

}

.peraspera {
	padding-top: 80px;
	background: #F6F5F4;
}

.peraspera-box {
	
	margin-top: 24px;
	cursor: pointer
	
}

.peraspera-box > .row {
	background: #fff;
	box-shadow: 0 4px 25px 0 #301e0214;
    border-radius: 4px;
	height: 100%;
	min-height: 200px
}

@media screen and (max-width: 767px) {
	.peraspera-box > .row {
		min-height: 150px
	}
}

.peraspera-box .col-4 {
	background-position: center;
	background-size: cover;
	background-size: 100%;
	transition: .8s;
	padding: 0;
	background-repeat: no-repeat;
}

.peraspera-box .col-4 .overlay {
	background: #aaa2d0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: .8s;
}

.peraspera-box:hover .col-4 .overlay {
	opacity: .5;
}

.peraspera-box:hover .col-4 {
	background-size: 130%;
}

.peraspera-box .col-8 {
	padding: 16px;
	position: relative;
}

.peraspera-box h3 {
	font-size: 18px;
	font-weight: 800;
}

.peraspera-box h4 {
	font-size: 14px;
	color: #8E491D;
	padding-bottom: 0;
	font-weight: 400
	
}


.peraspera-box h5 {
	font-size: 12px;
	color: #210F03;
	font-weight: 700;
	background: #F6F5F4;
    display: inline-block;
    padding: 4px 12px;
    border-radius: 50px;
	margin: 0;
	position: absolute;
	bottom: 16px
}

.peraspera-box .arrow-wrapper {
	position: absolute;
	bottom: 16px;
	right: 16px;
	background: #F6F5F4;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	text-align: center;
	transition: .8s;
}

.peraspera-box:hover .arrow-wrapper {
	background: #aaa2d0;
}

.peraspera-box .arrow-wrapper img {
	filter: invert(0);
	transition: .8s;
}

.peraspera-box:hover .arrow-wrapper img {
	filter: invert(1);
}

.pagination {
	margin-top: 40px;
	display: flex;
	justify-content: center
}

.page-numbers {
	font-size: 17px;
    font-weight: 600;
    color: #FF9C73;
    border: solid 1px;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 8px;
    margin: 0 5px;
}

.page-numbers.current {
	color: #fff;
	background: #FF9C73
}

.modal.fade .modal-dialog {
	width: 100%;
	max-width: 1104px;
	    height: 95%;
    overflow: hidden;
	    border-radius: 12px;
}

.modal-header {
	flex-direction: column;
	align-items: flex-start;
	background: #F7F6FA;
	    position: absolute;
    z-index: 1;
    width: 100%;
}

.modal-header .btn-close-wrapper {
	position: absolute;
	top: 16px;
	right: 16px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #aaa2d030;
    display: flex;
    justify-content: center;
    align-items: center;
	padding: 0;
	transition: .8s
}

.modal-header .btn-close-wrapper:hover {
	background: #aaa2d0;
}

.modal-header .btn-close {
	padding: 0;
    margin: 0;
	opacity: 1;
	filter: invert(0);
	transition: .8s;
}

.modal-header .btn-close-wrapper:hover .btn-close {
	filter: invert(1);
}

.modal-header .modal-title {
	font-size: 22px;
	font-weight: 900
}

.modal-header .modal-subtitle {
	font-size: 16px;
	font-weight: 400;
	color: #8E491D;
	    display: flex;
    align-items: center;
}

.modal-header .modal-subtitle span {
	font-size: 12px;
	color: #210F03;
	font-weight: 700;
	background: #fff;
    display: inline-block;
    padding: 4px 12px;
    border-radius: 50px;
	margin: 0;
	margin-left: 16px
}

.modal-body {
	max-width: 960px;
	margin: 7em auto;
    width: 100%;
	    padding: 0;
    box-shadow: 0 4px 25px 0 rgba(48, 30, 2, 0.08);
}

.modal-body iframe {
	height: 81vh
}

.page-template-template-peraspera.paged .intro-page,
.page-template-template-peraspera.paged .double-boxes,
.page-template-template-peraspera.paged .double-boxes-close {
	display: none
}

.peraspera.box-valori {
	padding-top: 60px
}

.box-valori .peraspera-box .col-12 {
	padding: 24px
} 

.box-valori .peraspera-box h3 {
	font-weight: 900;
	font-size: 22px;
	display: flex;
	align-items: center;
	margin-bottom: 12px
}

.box-valori .peraspera-box p {
	font-size: 18px;
	font-weight: 400
}

.icona-valore {
	background: #FDF2EA;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	    display: flex;
    padding: 12px;
	margin-right: 8px
}

.box-valori .button-wrapper {
	margin-top: 30px;
	text-align: center
}

.contact-button img {
	margin-left: 4px
}

.double-boxes-text {
	background: #F6F5F4;
	color: #532A11
}

.double-boxes-text li::marker {
	color: var(--orange)
}

.page-template-template-metodo .double-boxes .row {
	margin-bottom: 0
}

.double-boxes-text h2 {
	font-size: 28px;
	font-weight: 800
}

.double-boxes-text .db-divider-text {
	height: 1px;
	width: 100%;
	background: #704108;
	margin: 60px 0;
	opacity: .15
}

.double-boxes-text .col-md-12:last-child {
	display: none
}

#form_contact-form2 {
	margin-top: 40px;
	max-width: 810px;
	margin: 0 auto
}

.with_frm_style input[type="text"], .with_frm_style input[type="password"], .with_frm_style input[type="email"], .with_frm_style input[type="number"], .with_frm_style input[type="url"], .with_frm_style input[type="tel"], .with_frm_style input[type="phone"], .with_frm_style input[type="search"], .with_frm_style select, .with_frm_style textarea, .frm_form_fields_style, .with_frm_style .frm_scroll_box .frm_opt_container, .frm_form_fields_active_style, .frm_form_fields_error_style, .with_frm_style .frm-card-element.StripeElement, .with_frm_style .chosen-container-multi .chosen-choices, .with_frm_style .chosen-container-single .chosen-single, .with_frm_style .frm_slimselect.ss-main {
	-webkit-box-shadow: 0px 4px 8px 0px rgba(48,30,2,0.1); 
box-shadow: 0px 4px 8px 0px rgba(48,30,2,0.1);
}

.frm_style_stile-di-formidable.with_frm_style .form-field input:not([type="file"]):focus, .frm_style_stile-di-formidable.with_frm_style select:focus, .frm_style_stile-di-formidable.with_frm_style textarea:focus, .frm_style_stile-di-formidable.with_frm_style .frm_focus_field input[type="text"], .frm_style_stile-di-formidable.with_frm_style .frm_focus_field input[type="password"], .frm_style_stile-di-formidable.with_frm_style .frm_focus_field input[type="email"], .frm_style_stile-di-formidable.with_frm_style .frm_focus_field input[type="number"], .frm_style_stile-di-formidable.with_frm_style .frm_focus_field input[type="url"], .frm_style_stile-di-formidable.with_frm_style .frm_focus_field input[type="tel"], .frm_style_stile-di-formidable.with_frm_style .frm_focus_field input[type="search"], .frm_form_fields_active_style, .frm_style_stile-di-formidable.with_frm_style .frm_focus_field .frm-card-element.StripeElement, .frm_style_stile-di-formidable.with_frm_style .chosen-container-single.chosen-container-active .chosen-single, .frm_style_stile-di-formidable.with_frm_style .chosen-container-active .chosen-choices {
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(237,121,49, 0.4);
}

.frm_style_stile-di-formidable.with_frm_style .form-field {
	margin-bottom: 30px
}

.with_frm_style textarea {
	border-radius: 16px
}

.with_frm_style .vertical_radio .frm_checkbox label {
	color: #706E6C
}


/* Navigation
--------------------------------------------- */
.main-navigation {
	display: block;
	/* width: 100%; */
	flex: 2;
	display: flex;
    justify-content: end;
}

.main-navigation ul {
	/* display: none; */
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	display: block;
	left: auto;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	position: relative;
	margin-right: 24px
}

.main-navigation a {
	display: block;
	text-decoration: none;
	font-size: 14px;
	color: #490E10
}

.current-menu-item a {
	color: #FF9C73;
	font-weight: 900
}

/* Small menu. */

.menu-toggle {
	border: none;
    background: #fff;
	position: relative
}

.menu-toggle span {
	height: 2px;
	background: #490E10;
	width: 18px;
	position: absolute;
	left: 0;
	top: 0
}

.menu-toggle span:nth-child(2) {
	top: -5px
}

.menu-toggle span:nth-child(3) {
	top: 5px
}


.menu-toggle.close-menu span {
	height: 2px;
	background: #490E10;
	width: 18px;
	position: absolute;
	left: 0;
	top: 0;
	transform: rotate(45deg)
}

.menu-toggle.close-menu span:nth-child(2) {
	height: 2px;
	background: #490E10;
	width: 18px;
	position: absolute;
	left: 0;
	top: 0;
	transform: rotate(-45deg)
}

.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 1024px) {

	.menu-toggle,
	.top-menu-mobile,
	.bottom-menu-mobile	{
		display: none;
	}

	.main-navigation ul {
		display: flex;
		justify-content: flex-end;
	}
}

@media screen and (max-width: 1024px) {
	.main-navigation .menu-wrapper {
		position: fixed;
		top: 0;
		background: #fff;
		height: 100%;
		z-index: 99999999999;
		left: 100%;
		width: 85%;
		transition: .4s;
		padding: 55px 25px;
	}
	
	.main-navigation.toggled .menu-wrapper {
		left: 15%
	}
	
	.top-menu-mobile {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 40px
	}
	
	.menu-header-menu-container {
		margin-bottom: 40px
	}
	
	.main-navigation .menu-wrapper ul li {
		margin-bottom: 20px
	}
	
	.main-navigation .menu-wrapper ul li a {
		font-size: 16px
	}
	
	.bottom-menu-mobile {
		display: block
	}
	
	.bottom-menu-mobile a {
		display: inline-block
	}
	
	.bottom-menu-mobile hr {
		margin-bottom: 40px;
		color: #e0e0e0
	}
	
	.bottom-menu-mobile .contact-button {
		color: #FF9C73;
		margin-bottom: 20px
	}
}

.menu-overlay {
	transition-delay: .1s;
	transition-duration: .4s;
    background: rgba(0, 0, 0, 0);
}

.menu-overlay.active {
	position: fixed;
	background: rgba(39, 5, 6, 0.7);
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 99;
	transition-delay: .1s;
	transition-duration: .4s;
}

.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
	margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}

/* VIDEO INTRO PAGE */
.hero-video-section {
	position: relative;
	overflow: hidden;
	    display: flex;
    align-items: center;
    justify-content: flex-start;
}

/* VIDEO BACKGROUND */
.video-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 1;
}

.page-template-template-metodo .video-bg {
	object-fit: contain
}

/* CONTENUTO SOPRA */
.hero-video-section .row {
	position: relative;
	z-index: 2;
	    width: 100%;
}

/* altezza minima */
.hero-video-section {
	min-height: 500px;
}

/* .VIDEO INTRO PAGE */