/*
Theme Name: Btecno Theme
Description: Child Theme
Template: wp-bootstrap-starter
*/

@font-face {
font-family: 'Gotham Bold';
font-style: normal;
font-weight: bold;
src: url('/wp-content/themes/btecno-child-theme/fonts/Gotham-Bold.woff') format('woff');
}

@font-face {
font-family: 'Baton Turbo';
font-style: normal;
font-weight: normal;
src: url('/wp-content/themes/btecno-child-theme/fonts/BatonTurboWeb-Regular.woff') format('woff');
}

@font-face {
font-family: 'Gotham Pro';
src: local('Gotham Pro Black'), local('Gotham-Pro-Black'),
   url('/wp-content/themes/btecno-child-theme/fonts/GothamPro-Black.woff2') format('woff2'),
   url('/wp-content/themes/btecno-child-theme/fonts/GothamPro-Black.woff') format('woff');
font-weight: 900;
font-style: normal;
}

@font-face {
    font-family: 'Futura Bold';
    src: local('Futura New Bold Reg'), local('Futura-New-Bold-Reg'),
        url('/wp-content/themes/btecno-child-theme/fonts/FuturaNewBold-Reg.woff2') format('woff2'),
        url('/wp-content/themes/btecno-child-theme/fonts/FuturaNewBold-Reg.woff') format('woff'),
        url('/wp-content/themes/btecno-child-theme/fonts/FuturaNewBold-Reg.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Futura';
    src: local('Futura New Book Reg'), local('Futura-New-Book-Reg'),
        url('/wp-content/themes/btecno-child-theme/fonts/FuturaNewBook-Reg.woff2') format('woff2'),
        url('/wp-content/themes/btecno-child-theme/fonts/FuturaNewBook-Reg.woff') format('woff'),
        url('/wp-content/themes/btecno-child-theme/fonts/FuturaNewBook-Reg.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'Didot';
	font-style: normal;
	font-weight: bold;
	src: url('/wp-content/themes/btecno-child-theme/fonts/Didot-Bold.woff') format('woff');
}

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');


p, div {
	color: #6d6f71;
	font-size:16px;
	letter-spacing: 0.025em;
	font-family: 'Baton Turbo';
}

a {
	color: #ffffff;
	letter-spacing: 0.025em;
	font-family: 'Baton Turbo';
}

a:hover {
	color: #ffffff;
}

h2.entry-title a:hover {
	color: inherit;
}

.h3, h3 {
    font-size: 22px;
    font-family: 'Futura Bold';
    color: #6d6f71;
    letter-spacing: 0.025em;
}

h5.elementoDistintivo {
	color: #8dc044;
    font-weight: bold;
	font-family: 'Futura Bold';
}

hr {
    border-top: 5px solid rgb(141 192 69);
    width: 100px;
}

.fullwidth {
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px;
    padding-right: 15px;
}

h1.entry-title {
    border-bottom: 5px solid #8dc045;
    font-size: 22px;
    font-family: 'Futura Bold';
    color: #6d6f71;
    letter-spacing: 0.025em;
	padding-bottom: 0px;
}

strong {
    color: #24292e;
}

@media (min-width: 992px){
.container {
    max-width: 90%;
}}

@media (max-width: 992px){
.container {
    max-width: 90%;
	}}
@media (max-width: 768px){
.container {
    max-width: 100%;
	}}
@media (max-width: 576px){
.container {
    max-width: 100%;
	}}

.home #content.site-content {
    padding-bottom: 0;
    padding-top: 0;
}

#content.site-content {
    padding-bottom: 3.75rem;
    padding-top: 170px;
}

.home .entry-content {
    margin: 125px 0 0;
}

aside {
	background-color: #8dc045;
    padding: 20px 15px;
}

div.header-intestazione.mobile {
	display: none;
}

div.header-intestazione {
	padding: 2px 0px;
	background: rgb(255,255,255);
	background: linear-gradient(90deg, rgba(255,255,255,1) 60%, rgba(141,192,69,1) 70%);
}

div.header-intestazione a {
	font-family: 'Baton Turbo';
	font-size: 12px;
	color: #fff;
}

div.header-intestazione i {
	margin-right: 5px;
	font-size: 15px;
}

header#masthead {
    margin-bottom: 0;
    background-color: #ffffff;
    box-shadow: none;
    padding: 15px 0;
    position: fixed;
    top: 28px;
    left: 0;
    right: 0;
    z-index: 1;
}

body:not(.theme-preset-active) #masthead .navbar-nav > li > a {
    color: #6d6f71;
    padding: 0px 23px;
    font-size: 15px;
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
}

body:not(.theme-preset-active) #masthead .navbar-nav > li > a:hover, body:not(.theme-preset-active) #masthead .navbar-nav > li.current_page_item > a {
	color: #6d6f71;
}

body:not(.theme-preset-active) #masthead .navbar-nav > li:not(.logo) > a:hover:after, a.dropdown-item:hover:after {
    width: 100%;
    left: 0;
}

body:not(.theme-preset-active) #masthead .navbar-nav > li.active:not(.logo) > a:after {
    width: 100%;
    left: 0;
}

body:not(.theme-preset-active) #masthead .navbar-nav > li:not(.logo) > a:after, a.dropdown-item:after {
    bottom: 0;
    content: "";
    display: block;
    height: 2px;
    position: relative;
    left: 50%;
    background: #8dc045;
    transition: width 0.3s ease 0s, left 0.3s ease 0s;
    width: 0;
}

ul#menu-home li.mobile {
	display: none;
}

div.navbar-brand img {
	width:180px;
}

div.logo-animato img {
	width: 180px;
	display: none;
	margin-top: -273px;
	position: relative;
	z-index:5;
}

div.logo-animato .freccia {
	display: none;
    border-top: 25px solid transparent;
    border-left: 25px solid rgb(141 192 69);
    border-bottom: 25px solid transparent;
    position: absolute;
    top: 150px;
	left: 50%;
}

/*GESTIONE HEADER MOBILE*/

header#headerMobile {
	display: none;
	height: 50px;
    background-color: #8dc045;
    z-index: 5000;
    color: #fff;
    box-shadow: 0 -1px 8px rgba(0,0,0,.2);
}

header#headerMobile ul {
	padding: 0;
    margin: 0;
    list-style: none;
	height: inherit;
	z-index: 1034;
    position: relative;
}

header#headerMobile li {
	width: 20%;
	float:left;
	background-color: #8dc045;
}

header#headerMobile li.active {
	background-color: #6a8643;
}

header#headerMobile li.open-menu {
	height: 50px;
}

header#headerMobile li a {
	color: #ffffff;
    margin: 0 auto;
    height: 50px;
}

header#headerMobile li a:hover {
	text-decoration: none;
}

header#headerMobile li i {
	display: block;
    font-size: 20px;
}

header#headerMobile li a span {
	font-size: 10px;
}

header#headerMobile nav li {
	width:100%;
	float: none;
}

header#headerMobile a.nav-link {
	color: #6d6f71;
    padding: 20px 20px;
    font-size: 18px;
	font-weight: bold;
    font-family: "Montserrat", sans-serif;
	background-color: #ffffff;
	height:auto;
}

.hamburger {
    padding: 12px 8px 4px;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity,filter;
    transition-duration: .15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible;
}

.hamburger-box {
    width: 30px;
    height: 24px;
    display: inline-block;
    position: relative;
}

.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
    width: 30px;
    height: 4px;
    background-color: #fff;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: .15s;
    transition-timing-function: ease;
}

.hamburger--spin .hamburger-inner {
    transition-duration: .22s;
    transition-timing-function: cubic-bezier(.55,.055,.675,.19);
}

.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px;
}

.hamburger--spin .hamburger-inner:before {
    transition: top .1s ease-in .25s,opacity .1s ease-in;
}

.hamburger-inner:before {
    top: -10px;
}

.hamburger-inner:after, .hamburger-inner:before {
    content: "";
    display: block;
}

.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
    width: 30px;
    height: 4px;
    background-color: #fff;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: .15s;
    transition-timing-function: ease;
}

.hamburger--spin .hamburger-inner:after {
    transition: bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19);
}

.hamburger-inner:after, .hamburger-inner:before {
    content: "";
    display: block;
}

.hamburger-inner:after {
    bottom: -10px;
}

.hamburger--spin.is-active .hamburger-inner {
    transform: rotate(225deg);
    transition-delay: .12s;
    transition-timing-function: cubic-bezier(.215,.61,.355,1);
}

.hamburger--spin.is-active .hamburger-inner:before {
    top: 0;
    opacity: 0;
    transition: top .1s ease-out,opacity .1s ease-out .12s;
}

.hamburger--spin.is-active .hamburger-inner:after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;
}

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

/*BOTTONI E FORM*/

button:focus {
    outline: none;
}

.btn, .wpcf7-submit {
	font-size: 20px;
	font-family: 'Gotham Bold';
	border-radius: 0;
	padding: 5px 15px;
	border: 2px solid;
	width:auto!important;
	display: inline-block;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: .375rem .75rem;
    line-height: 1.5;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: none;
}

.btn-primary, .wpcf7-submit {
    color: #ffffff;
    background-color: #8dc045;
    border-color: #ffffff;
}

.btn-primary:hover, .wpcf7-submit:hover {
    color: #8dc045;
    background-color: #ffffff;
    border-color: #8dc045;
}

.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {
	box-shadow: none;
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: transparent;
    border-color: #ffffff;
}

.wpcf7-form-control {
	display: block;
    width: 100%;
	height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    line-height: 1.5;
	font-family: 'Futura';
    letter-spacing: 0.025em;
    border-radius: 0;
    border: 2px solid #8dc045;
	font-size:16px;
}

.wpcf7-form-control.wpcf7-file {
	border: none;
	padding: 0px;
}

textarea.wpcf7-form-control {
    height: 150px;
}

.wpcf7-form-control:focus {
    border-color: #8dc045;
    outline: 0;
    box-shadow: none;
}

span.wpcf7-checkbox {
	background-color: transparent;
	font-size: 14px;
	padding:0;
	border: none;
}

span.wpcf7-checkbox span.wpcf7-list-item {
	margin: 0
}

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


/*SEZIONE SLIDER*/

section.slider-home {
    background-size: 100% 100%!important;
    padding: 75px 0 65px 0;
}

div.servizio {
	background-size: 100% 100%!important;
}

div.header-servizio {
    padding: 13px 0;
}

div.body-servizio {
	padding: 8px;
}

div.utility-servizio {
    padding: 7% 3%;
}

div.utility-servizio p {
    padding: 3% 4%;
    min-height: 230px;
}

div.servizio h3 {
	font-family: 'Gotham Pro';
    letter-spacing: 0;
    font-size: 28px;
	width: 85%;
	margin:auto;
}

div.servizio-container:nth-child(1) h3 {
	color: #931930;
}

div.servizio-container:nth-child(2) h3 {
	color: #254c85;
}

div.servizio-container:nth-child(3) h3 {
	color: #0d5144;
}

div.servizio .btn {
	color: #ffffff;
    border-color: #ffffff;
    border: 3px solid;
	width:85%!important;
}

div.body-servizio p {
	color: #ffffff;
	line-height:1.2
}

div.slider-newsletter div {
	font-family: 'Futura';
    font-size: 20px;
    color: #ffffff;
}

div.slider-newsletter .wpcf7-submit {
	font-family: 'Futura';
    background-color: transparent;
    padding: 5px 30px;
	font-size: 20px;
	border-color: #ffffff
}

div.slider-newsletter .wpcf7-form-control.wpcf7-email {
	border: none;
    border-bottom: 2px solid #ffffff;
    background-color: transparent;
	font-size: 20px;
}

div.slider-newsletter .wpcf7-form-control {
    color: #ffffff;
}

div.slider-newsletter .wpcf7-form-control::placeholder {
	color: #ffffff;
}

div.call-to-tubemap {
	color: #ffffff;
    font-size: 18px;
}

div.call-to-tubemap i {
	display: block;
    font-size: 22px;
    margin-top: 10px;
    color: white;
}


/*SEZIONE TUBE MAP*/

section.tube-map {
	padding: 50px 0;
}

section.descrizione-tube-map {
    background-repeat: no-repeat!important;
    background-position: -165px 0px!important;
}

section.tube-map h3 span {
	font-size: 30px;
}

.tube-map-details {
    background-color: #ffffff;
    padding: 25px;
    border: 3px solid;
    -webkit-box-shadow: 0px 5px 10px 10px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 5px 10px 10px rgba(0,0,0,0.75);
    box-shadow: 0px 5px 10px 10px rgba(0,0,0,0.75);
}

div.legenda button {
	font-family: 'Futura Bold';
    color: #ffffff;
    border: none;
    font-size: 18px;
    padding: 8px 10px;
	width: 235px;
    margin-bottom: 15px;
}

	
.home div.legenda button span {
	font-size: 20px;
	display: inline-block;
	transition-duration: 0.2s;
	margin-left: 0;
}

div.legenda button span {
	font-size: 20px;
	display: inline-block;
	transition-duration: 0.2s;
	margin-left: 7px;
}

div.legenda button:not(.collapsed) span {
	transform: rotate(45deg);
	transition-duration: 0.2s;
}

div.legenda {
	margin-top: 30px;
	text-align: left;
}

div.legenda h5 {
	font-family: 'Futura Bold';
    text-align: left;
}

div.legenda button.consulenza-informatica {background-color: #254c85;}
div.legenda button.sicurezza-informatica {background-color: #931930;}
div.legenda button.immagine-e-marketing {background-color: #0d5144;}

div.legenda ul {
	list-style: none;
    padding-left: 10px;
    text-align: left;
}

div.legenda a {
	color: #000000;
}

div.legenda li {
	padding: 5px 0px;
}

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


/*SECTION PROGETTI*/

div.background-progetti-title {
	background-repeat: no-repeat!important;
	background-position: -165px bottom!important;
}

section.progetti {
	background-size: 100% 100%!important;
	padding-bottom: 200px;
}

section.progetti a, div.progetti-mobile a {
	color: #6d6f71;
	text-decoration: underline;
}

div.lista-progetti {
	margin-top: -50px;
}

div.lista-progetti .progetto:nth-child(1){
	align-items: flex-start!important;
	margin-bottom: 20%;
}

div.lista-progetti .progetto:nth-child(1) button, div#sezioneProgetti .progetto:nth-child(1) button {
	font-family: 'Montserrat', sans-serif;
	color: #ffffff;
    border: 2px solid #ffffff;
	background: linear-gradient(to bottom, #7abd2c 1%,#62b733 44%,#10a444 100%);
}

div.lista-progetti .progetto:nth-child(1):hover button, div#sezioneProgetti .progetto:nth-child(1):hover button {
	background: linear-gradient(to top, rgba(222,222,222,1) 0%,rgba(74,74,74,1) 0%,rgba(186,186,186,1) 100%);
}

div.lista-progetti .progetto:nth-child(2){
	align-items: center!important;
}

div.lista-progetti .progetto:nth-child(2) button, div#sezioneProgetti .progetto:nth-child(2) button {
	font-family: 'Gotham Pro';
	color: #fe0003;
    border: 2px solid #fcd401;
	background-color: #ffffff;
	bottom: 180px;
}

div.lista-progetti .progetto:nth-child(2):hover button, div#sezioneProgetti .progetto:nth-child(2):hover button {
	background-color: #fcd401;
}

div.lista-progetti .progetto:nth-child(3){
	align-items: flex-end!important;
}

div.lista-progetti .progetto:nth-child(3) button, div#sezioneProgetti .progetto:nth-child(3) button {
	font-family: 'Didot';
	color: #e4ddca;
    border: 2px solid #1f1f1f;
	background-color: #1f1f1f;
	bottom: 20px;
}

div.lista-progetti .progetto:nth-child(3):hover button, div#sezioneProgetti .progetto:nth-child(3):hover button {
	color: #1f1f1f;
	background-color: #e4ddca;
}

div.progetto {
	position: relative;
	max-width: 380px;
}

div.progetto img {
	cursor: pointer;
}

div.progetto button {
    position: absolute;
    bottom: 10px;
    left: calc(190px - 110px);
    font-size: 14px;
    padding: 3px 0px;
    width: 220px!important;
}

img.ruota-mobile {
    position: absolute;
    bottom: 25px;
    right: 10px;
}

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


/*SECTION CONTATTI*/

section.contatti {
	background-size: 100% 100%!important;
	padding: 50px 0 50px 0;
}

div.mappa iframe {
	width: 100%;
    height: 400px;
}

.dettaglio-contatti {
    background-color: rgb(255 255 255 / 0.9);
    padding: 30px 50px;
}

.dettaglio-contatti .wpcf7-submit {
	text-transform: uppercase;
    padding: 5px 30px;
}

div.dettaglio-contatti i {
	color: #8dc045;
	margin-right:10px;
}

div.dettaglio-contatti a {
	color: #6d6f71;
}

div.dettaglio-contatti form .row {
	margin-bottom: 10px;
}

section.contatti h3 {
	color: #ffffff;
}


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


/*SEZIONE FOOTER */

body:not(.theme-preset-active) footer#colophon {
    color: #ffffff;
    background-color: #8dc045;
	padding: 10px;
}

footer div {
	color: #ffffff
}

div.social {
	background-color: #8dc045;
}

div.social i {
	font-size: 30px;
	margin: 0 10px;
}

div#footer-widget {
	background-color: #8dc045;
	padding: 50px 0;
}

div#footer-widget p {
	margin-bottom: 0;
}

div#footer-widget a, div#footer-widget a:hover {
	color: #fff
}

h3.widget-title {
    font-size: 22px;
    color: #ffffff;
    font-family: 'Futura Bold';
	margin-bottom: 25px;
}

#footer-widget .wpcf7-submit {
    color: #8dc045;
    background-color: #ffffff;
    border-color: #ffffff;
}

#footer-widget .wpcf7-submit:hover {
    color: #ffffff;
    background-color: #8dc045;
    border-color: #ffffff;
}

#footer-widget form .row div {
	padding: 0;
} 

#footer-widget ul {
    display: none;
}

#footer-widget .widget_nav_menu h3 {
	font-size: 16px;
	margin-bottom: 0;
	letter-spacing: 0.025em;
    font-family: 'Baton Turbo';
	line-height: 1.5;
	cursor: pointer;
}

#footer-widget .widget_nav_menu h3:after {
    content: '+';
    margin-left: 10px;
    font-size: 20px;
	transition-duration: 0.2s;
	display: inline-block;
}

#footer-widget .widget_nav_menu h3.rotate:after {
    content: '+';
    transform: rotate(45deg);
	transition-duration: 0.2s;
	display: inline-block;
}

#footer-widget .widget_nav_menu {
	margin-bottom: 0;
}

#footer-widget ul.menu .nav-link {
    padding: 3px 10px;
}

#footer-widget ul.menu .nav-link:hover, #footer-widget ul.menu .nav-link:focus {
    background-color: transparent;
	outline: none;
}

div.biglietto-visita, div.tube-map-orizzontale {
	display: none;
	z-index: 5000;
	background-color: #ffffff;
	border: 5px solid #8dc045;
}

div.biglietto-visita a {
	color: #6d6f71;
	text-decoration: underline;
}

div.biglietto-visita img.logo-btecno-palla {
    margin-right: 0;
    margin-bottom: 15px;
}

.view-orizzontale div.biglietto-visita, .view-orizzontale div.tube-map-orizzontale {
	display: block;
}

.contenuto-biglietto-visita {
    position: absolute;
    background-color: rgb(141 192 69 / 10%);
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#biglietto-tubemap-container.show {
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	opacity: 0.2;
}

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


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

img.logo-btecno-palla {
	margin-right: 10px;
}

.border-bottom-green {
	border-bottom: 5px solid #8dc045;
}

h5.modal-title {
	font-size: 20px;
    font-family: 'Futura Bold';
    color: #ffffff;
    letter-spacing: 0.025em;
}

div.modal-header {background-color: #8dc045;}
#modaleStazione.consulenza-informatica div.modal-header {background-color: #254c85;}
#modaleStazione.sicurezza-informatica div.modal-header {background-color: #931930;}
#modaleStazione.immagine-e-marketing div.modal-header {background-color: #0d5144;}
#modaleStazione.consulenza-informatica .btn-primary {background-color: #254c85;border-color: #254c85}
#modaleStazione.sicurezza-informatica .btn-primary {background-color: #931930; border-color: #931930}
#modaleStazione.immagine-e-marketing .btn-primary {background-color: #0d5144; border-color: #0d5144}
#modaleStazione .btn-primary:hover {color: #ffffff;}
#modaleStazione .modal-body {min-height: 300px;padding: 20px 25px;}
.view-orizzontale #modaleStazione .modal-body {min-height: 100px;padding: 10px 20px;height: 225px;overflow: auto;}

#modaleStazione .form-modale-stazione {
	display: none;
	width: 100%;
	margin: 0px;
}

.modal button.close {
	color: #ffffff;
}

.loader {
  	border: 10px solid #f3f3f3;
	border-radius: 50%;
	border-top: 10px solid #8cc63f;
	width: 120px;
	height: 120px;
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
	display: none;
	position: absolute;
    left: calc(50% - 60px);
    top: calc(50% - 100px);
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.wpcf7-not-valid-tip {
    font-size: 12px;
}

div.storia-emotiva {
	background-color: #8dc045;
    padding: 25px;
}

div.storia-emotiva h5 {
	font-weight: bold;
}

div.storia-emotiva p, div.storia-emotiva h5 {
	color: #ffffff;
}

div.breadcumbs a {
	color: #6d6f71;
}

div.faq {
    border: 5px solid #8dc045;
	background-color: rgb(109 111 113 / 10%);
    margin-top: 50px;
    padding: 50px 25px;
    text-align: center;
}

div.faq h3 {
	font-size: 40px;
}

div.faq h6 {
	font-weight: bold;
	color: #6d6f71;
}

div.faq .lista-domande {
	margin-top: 50px;
}

div.faq .domanda {
    margin-bottom: 20px;
    text-align: left;
    font-size: 18px;
}

div.faq .domanda a {
	color: #6d6f71;
}

div.faq span {
	margin-right: 10px;
    border: 2px solid;
    padding: 2px 5px;
	font-size: 15px;
}


article.dettaglio-faq h2.entry-title {
    border-bottom: 1px solid #8dc045;
    font-size: 20px;
}

article.dettaglio-faq {
	margin-bottom: 25px;
}

div.linea-portfolio {
    text-align: center;
    background-color: red;
	padding: 20px 40px;
	margin-bottom: 20px;
}

div.linea-portfolio h3 {
	color: #fff;
    font-size: 30px;
	line-height: 1.1;
	margin-bottom: 20px;
}

div.linea-portfolio.consulenza-informatica {background-color: rgb(37 76 133 / 60%)}
div.linea-portfolio.sicurezza-informatica {background-color: rgb(147 25 48 / 60%)}
div.linea-portfolio.immagine-e-marketing {background-color: rgb(13 81 68 / 60%)}

.servizio-portfolio {
    background-color: #fff;
    margin-bottom: 20px;
    padding: 8px;
	cursor: pointer;
}

.consulenza-informatica .servizio-portfolio {color: #254c85;border: 3px solid #254c85}
.sicurezza-informatica .servizio-portfolio {color: #931930;border: 3px solid #931930}
.immagine-e-marketing .servizio-portfolio {color: #0d5144;border: 3px solid #0d5144}

.consulenza-informatica .servizio-portfolio:hover {background-color: #254c85;color: #fff;transition: background-color .15s ease-in-out}
.sicurezza-informatica .servizio-portfolio:hover {background-color: #931930;color: #fff;transition: background-color .15s ease-in-out}
.immagine-e-marketing .servizio-portfolio:hover {background-color: #0d5144;color: #fff;transition: background-color .15s ease-in-out}

.thank-you {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 25px;
	text-align: center;
}

.thank-you i {
	color: #8dc045;
	margin-bottom: 25px;
	font-size: 50px;
}

.page-template-thank-you #content {
	min-height: calc(100vh - 246px);
}

.privacy-policy a, .privacy-policy a:hover {
    color: #96c11f;
	word-break: break-word;
}

.page-id-55 form {
	width: 50%;
}

.cn-button.bootstrap {
    color: #fff;
    background: #8dc045!important;
    font-family: 'Gotham Bold'!important;
	border-radius: 0px!important;
}

.modal.immagine-e-marketing a {
	color: #0d5144;
}

.modal {
	z-index: 5000;
}

div.showBigliettoVisita {
	position: fixed;
    bottom: 10px;
    right: 25px;
    font-size: 35px;
    color: #8dc045;
	cursor: pointer;
}

div.closeBigliettoVisita {
	position: fixed;
    top: 10px;
    right: 25px;
    font-size: 35px;
    color: #8dc045;
	cursor: pointer;
}

.cli-style-v2 .cli-bar-message {
	color: #fff !important;
}

img.certificazione {
    width: 60px;
    bottom: 85px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

/*MEDIA QUERY*/

@media(max-width: 1700px){
	div.lista-progetti .progetto:nth-child(2) button {bottom: 150px;}
}

@media(max-width: 1500px){
	div.lista-progetti .progetto:nth-child(2) button {bottom: 135px;}
}

@media(max-width: 1400px){
	header#headerMobile {display: block}
	header#masthead {display: none}
	div.progetto {max-width: 340px;}
	div.progetto button {left: calc(170px - 110px);}
	div.lista-progetti .progetto:nth-child(2) button {bottom: 120px;}
	div.header-intestazione.mobile {display:block;height: 50px;padding: 10px 0;}
	div.header-intestazione.desktop {display: none;}
	div#main-nav {display:block;opacity:0;position: fixed;left: 0;bottom: 50px;width: 100%;height: 0;z-index: 1034;
		-webkit-transition: all .35s ease;
    	-moz-transition: .35s ease all;
    	-o-transition: .35s ease all;
    	-ms-transition: .35s ease all;
    	transition: all .35s ease;background-color: #ffffff;text-align: center;
	}
	div#main-nav.isOpen {height: calc(100vh - 100px);left: 0;top: 50px;bottom: 50px;padding: 0;padding-top: 100px;opacity:1;}
	div.logo-animato img {width: 150px;display: none!important}
	.home .entry-content {margin: 50px 0 0;}
	div.freccia {display: none!important}
	#content.site-content {padding-bottom: 3.75rem;padding-top: 100px;}
	ul#menu-home li.mobile {display: block;}
	div.progetto {max-width: 300px;}
	body.noScroll {overflow: hidden}
	ul#menu-home-1 {flex-direction:column; width: 100%}
}

@media(max-width: 1200px){}

@media(max-width: 992px){
	div.header-intestazione {background: linear-gradient(90deg, rgba(255,255,255,1) 25%, rgba(141,192,69,1) 70%);}
	section.slider-home {padding: 60px 0 70px 0;}
	section.contatti {padding: 30px 0 30px 0;}
	div.progetto {max-width: 100%;}
	section.progetti {background-size: cover!important;background-position: center bottom!important;padding-top: 50px;}
	div.progetto button {left: calc(195px - 110px);bottom: 50px;}
	div#sezioneProgetti .progetto:nth-child(2) button, div#sezioneProgetti .progetto:nth-child(3) button {bottom: 50px;}
	div.slider-newsletter {display:none;position: fixed;bottom: 50px;left:0;z-index: 11111;background: #00000047;padding: 10px 15px 5px;}
	div.slider-newsletter div {font-size: 18px;}
	.carousel-inner {border: 6px solid;}
	.carousel.vertical .carousel-inner {height: 100%;width: auto;}
	.carousel.vertical .carousel-inner>.item {width: auto;transition: 1s ease-in-out;transform: translate3d(0, 100%, 0);top: 0;}
	.carousel.vertical .carousel-inner>.carousel-item-next,
	.carousel.vertical .carousel-inner>.carousel-item-prev,
	.carousel.vertical .carousel-inner>.carousel-item-right {transform: translate3d(0, 100%, 0);top: 0;}
	.carousel.vertical .carousel-inner>.carousel-item-left,
	.carousel.vertical .carousel-inner>.carousel-item-prev.carousel-item-right,
	.carousel.vertical .carousel-inner>.carousel-item-next.carousel-item-left,
	.carousel.vertical .carousel-inner>.active {transform: translate3d(0, 0, 0);top: 0;}
	.carousel.vertical .carousel-inner>.active.carousel-item-right,
	.carousel.vertical .carousel-inner>.active.carousel-item-left {transform: translate3d(0, -100%, 0);top: 0;}
	.carousel.vertical .carousel-indicators {display: inline-block;width: auto;padding: 0;margin: 0;left: auto;right: 10px;bottom: 125px;z-index: 9;font-size: 0;}
	.carousel.vertical .carousel-indicators li {width: 10px;height: 10px;margin-right: 20px;}
	#sezioneProgetti.carousel.vertical .carousel-indicators {right: -40px;}
}

@media(max-width: 768px){
	div.dettaglio-contatti form .row {margin-bottom: 0;}
	div.dettaglio-contatti form .row div {padding-left: 15px!important; padding-right: 15px!important}
	div.input-form-btecno {padding-left: 15px!important; padding-right: 15px!important;margin-bottom: 10px;}
	div.dettaglio-contatti .wpcf7-form-control {margin-bottom: 10px;}
	div#footer-widget {padding: 20px 0;text-align: center;}
	h3.widget-title {margin-bottom: 10px;}
	.widget {margin-bottom: 20px;}
	div.slider-newsletter .wpcf7-submit {padding: .375rem .75rem;}
	section.descrizione-tube-map {background-position: -165px 165px!important;background-size: cover!important;}
	div.background-progetti-title {background-size: cover!important;background-position: -165px bottom!important;}
	section.contatti {background-size: cover!important;background-position: center center!important;}
	div.legenda button {width: auto;}
	.page-id-55 form {width: 100%;}
	.modal button.close {font-size: 30px; opacity: 1;}
	img.logo-btecno-palla {width: 35px!important;height:35px;}
}

@media(max-width: 576px){
	p, div {font-size: 15px;letter-spacing: 0;}
	div.header-intestazione {background: linear-gradient(90deg, rgba(255,255,255,1) 15%, rgba(141,192,69,1) 60%);}
	div#main-nav.isOpen {padding-top: 20px;}
	header#headerMobile a.nav-link {padding: 9px;}
	span.wpcf7-checkbox span.wpcf7-list-item {margin: 0 0 0 1em}
	span.wpcf7-checkbox {font-size: 12px;}
	div.header-intestazione i {margin-right: 0;font-size: 25px;}
	section.contatti {padding: 20px 0 40px 0;}
	.dettaglio-contatti {padding: 10px;}
	body:not(.theme-preset-active) footer#colophon {padding-bottom: 50px;}
	div.servizio .btn {width: auto!important;padding: 5px 20px;font-size: 18px;}
	div.utility-servizio p {min-height: 180px;}
	div.servizio h3 {font-size: 25px;width: 90%;}
	.h3, h3 {font-size: 20px;}
	section.tube-map {padding: 50px 15px;}
	section.slider-home {background-size: cover!important;padding: 73px 0 0 0;height: calc(100vh - 50px);position: relative;}
	div.progetto button {padding: 5px 0px;width: 200px!important;left: calc(122.75px - 85px);}
	#footer-widget form .row div {padding-left: 30px;} 
	.home .entry-content {margin: 0;}
	#footer-widget .widget_nav_menu {margin-bottom: 10px;}
	div.legenda button {width: 100%;}
	div.faq h3 {font-size: 28px;}
	div.faq .domanda {font-size: 16px;}
	div.faq span {font-size: 12px;}
	div.faq {border: 3px solid #8dc045;padding: 30px 20px;margin-bottom: 50px;border-left: none;border-right: none;}
	div.risposta-faq {margin-bottom: 50px;}
	h1.entry-title {border-bottom: 3px solid #8dc045;font-size: 20px;}
	h3.widget-title {font-size: 20px;}
	div.linea-portfolio {padding: 20px 20px;}
	div.linea-portfolio h3 {font-size: 22px;}
	#modaleStazione .modal-body {padding: 15px 15px;}
	div.thank-you {font-size: 20px;}
	div.legenda {margin-top: 10px;}
	footer div {font-size: 13px;}
	#modaleStazione {height: 90%;}
	#custom_html-2 {margin-bottom: 0px;}
	section#text-5 {margin-top: 10px;}
	div.progetto img {width: 100%;}
	img.certificazione {bottom: 75px;}
	div.slider-newsletter .wpcf7-form-control.wpcf7-email {font-size: 16px;margin: 10px 0;}
	div.slider-newsletter {padding: 5px 15px 0px;}
	div.slider-newsletter .wpcf7-submit {font-size: 18px;margin: 10px 0;float: right;}
	.wpcf7-spinner {display: none;}
}

@media(max-width: 410px){
	div.progetto button {left: calc(122.75px - 100px);}
	header#headerMobile a.nav-link {padding: 8px;}
}



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