/*
CTC Separate Stylesheet
Updated: 2022-12-15 16:03:31
Theme Name: Flash Child
Theme URI: https://themegrill.com/themes/flash
Template: flash
Author: ThemeGrill
Author URI: https://themegrill.com
Description: Flash is free responsive multipurpose WordPress theme – truly a versatile theme perfect for any type of website you want. Like never before, it provides multiple pre-built demos which can be imported in seconds using ThemeGrill Demo Importer Plugin. The theme fully integrates with Flash Toolkit and SiteOrigin’s Page Builder Plugin that makes theme more user-friendly and easy. Additionally, theme features multiple blog layouts, WooCommerce support, multiple header styles, multiple color options etc.
Tags: one-column,two-columns,left-sidebar,right-sidebar,grid-layout,custom-background,custom-colors,custom-menu,custom-logo,featured-images,footer-widgets,full-width-template,theme-options,threaded-comments,translation-ready,blog,e-commerce
Version: 1.4.5.1671116611
*/
html {
  scroll-behavior: smooth;
}
div.site-navigation-wrapper {
	display: none;
}
h2, h3, h4{
	margin-bottom: 10px;
}
.flex-area .textwidget {
	display: flex;
	align-items: center;
}
.blocco-numeri{
	display: flex;
	align-content: flex-start;
	justify-content: space-around;
}
.flex-1{
	width: 70%;
}
.flex-2{
	width: 30%;
}

#mySidenav {
	opacity: 0.4;
}
#mySidenav:hover {
	opacity: 1;
}

#mySidenav a {
 	 position: fixed;
  	left: -300px;
  	transition: 0.3s;
  	padding: 15px;
  	width: 360px;
  	text-decoration: none;
  	font-size: 16px;
  	color: white;
  	border-radius: 0 5px 5px 0;
  	text-align: right;
	z-index: 999;
}
.svg-inline--fa {
    height: 2em !important;
    vertical-align: middle !important;
	margin-left: 25px
}
.bottone-numero .svg-inline--fa {
    height: 1em !important;
    vertical-align: middle !important;
	margin-left: 0px!important;
}

#carto-gratis {
	top: 36%;
  	background-color: lightgreen; 
}

#come-chiamare {
  	top: 42%;
  	background-color: lightgreen;
}

#minuti {
  	top: 48%;
  	background-color: lightgreen;
}

#proseguire {
  	top: 54%;
  	background-color: lightgreen;
}
#servizio {
  	top: 60%;
  	background-color: lightgreen;
}
#svizzera {
  	top: 66%;
  	background-color: lightgreen;
}

#mySidenav #carto-gratis:hover {
  	left: -120px;
}
#mySidenav #come-chiamare:hover {
  	left: -150px;
}
#mySidenav #minuti:hover {
  	left: -90px;
}
#mySidenav #proseguire:hover {
  	left: -10px;
}
#mySidenav #servizio:hover {
  	left: -140px;
}
#mySidenav #svizzera:hover {
  	left: -210px;
}

.immagine-header {
  	position: relative;
  	text-align: left;
  	color: white;
	margin: 0 6% -5% 6%;
}
.header-image{
	width:100%; 
	height: 920px; 
	object-fit: cover;
}
.header-tit {
  	position: absolute;
    top: 25%;
    left: 5%;
    right: 50%;
	font-size: 60px;
	text-shadow: 3px 3px 4px black;
}

.header-desc {
  	position: absolute;
    top: 45%;
    left: 5%;
    right: 50%;
	background-color: #213047b5; 
	padding: 10px 20px;
	border-radius: 5px;
}

.header-button-carta {
  	position: absolute;
    top: 65%;
    left: 5%;
	right: 50%;
}
.header-tariffa-carta {
  	position: absolute;
    top: 73%;
    left: 5%;
	right: 50%;
	width: fit-content;
	margin: auto;
	background-color: #213047b5; 
	padding: 10px 20px;
	border-radius: 5px;
}

.caption-desc {
	text-transform: inherit !important;
}
.bottone-numero{
	margin-bottom: 12px;
}
.bottone-numero, .tariffa{
	text-align: center;
}

.bottone-numero a{
	background-color: #213047;
	color: #f1c410 !important;
	padding: 10px 20px;
	border-radius: 10px;
	border: 2px solid #213047;
	font-weight: 700;
	font-size: 20px;
}

.blocco-numeri .tariffa{
	font-size: 15px; 
}
.bottone-numero a:hover{
	background-color: #f1c410;
	color: #213047 !important;
}
.chiama-ora a{
	border: 2px solid #f1c410 !important;
	position: absolute;
    right: 30px;
	bottom: -40px;
}
.chiama-ora a:hover{
	border: 2px solid #213047 !important;
}
#site-navigation .menu-toggle {
	display: none !important;
}
#pg-6-9{
	margin-bottom: -15% !important;
}
.footer-disclaimer{
	color: #FFFFFF !important;
}
@media screen and (max-width: 1920px) {
	.header-image{ 
		height: 680px; 
	}
	.header-tit{
		font-size: 45px;
		top: 5%;
	}
	.header-desc{
		top: 26%;
	}
	.header-button-carta{
		top: 60%;
	}
	
  	.svg-inline--fa {
    	height: 1.2em !important;
    	vertical-align: middle !important;
		margin-left: 25px
	}
	#mySidenav a {
  		position: fixed;
  		left: -315px;
  		transition: 0.3s;
  		padding: 15px;
  		width: 360px;
  		text-decoration: none;
  		font-size: 16px;
  		color: white;
  		border-radius: 0 5px 5px 0;
  		text-align: right;
		z-index: 999;
	}
	#carto-gratis {
		top: 30%;
  		background-color: lightgreen; 
	}

	#come-chiamare {
		top: 37%;
  		background-color: lightgreen;
	}

	#minuti {
  		top: 44%;
  		background-color: lightgreen;
	}

	#proseguire {
  		top: 51%;
  		background-color: lightgreen;
	}
	#servizio {
  		top: 58%;
  		background-color: lightgreen;
	}
	#svizzera {
  		top: 65%;
  		background-color: lightgreen;
	}
	
	.flex-area .textwidget {
		display: block;
		align-items: center;
	}
	.flex-1{
		width: 100%;
	}
	.flex-2{
		width: 100%;
		display: flex;
    	justify-content: center;
	}
}
@media screen and (max-width: 1536px) {
	.header-image{ 
		height: 680px; 
	}
	.header-tit{
		font-size: 40px;
		top: 5%;
	}
	.header-desc{
		top: 23%;
	}
	.header-tariffa-carta{
		top: 71%;
	}
  	.svg-inline--fa {
    	height: 1.2em !important;
    	vertical-align: middle !important;
		margin-left: 25px
	}
	#mySidenav a {
  		position: fixed;
  		left: -315px;
  		transition: 0.3s;
  		padding: 15px;
  		width: 360px;
  		text-decoration: none;
  		font-size: 16px;
  		color: white;
  		border-radius: 0 5px 5px 0;
  		text-align: right;
		z-index: 999;
	}
	#carto-gratis {
		top: 25%;
  		background-color: lightgreen; 
	}

	#come-chiamare {
		top: 33%;
  		background-color: lightgreen;
	}

	#minuti {
  		top: 41%;
  		background-color: lightgreen;
	}

	#proseguire {
  		top: 49%;
  		background-color: lightgreen;
	}
	#servizio {
  		top: 57%;
  		background-color: lightgreen;
	}
	#svizzera {
  		top: 64%;
  		background-color: lightgreen;
	}
	
	.flex-area .textwidget {
		display: block;
		align-items: center;
	}
	.flex-1{
		width: 100%;
	}
	.flex-2{
		width: 100%;
	}
}
@media screen and (max-width: 1496px) {
	.header-tit {
		right: 45%;
	}
}
@media screen and (max-width: 1366px) {
	.header-image{ 
		height: 680px; 
	}
	.header-tit{
		font-size: 40px;
		top: 10%;
	}
	.header-desc{
		top: 5%;
    	left: 47%;
    	right: 5%;
	}
	.header-button-carta{
		top: 55%;
		left: 0%;
    	right: 5%;
	}
	.header-tariffa-carta{
		top: 67%;
		left: 0%;
    	right: 5%;
	}
  	.svg-inline--fa {
    	height: 1.2em !important;
    	vertical-align: middle !important;
		margin-left: 25px
	}
	#mySidenav a {
  		position: fixed;
  		left: -315px;
  		transition: 0.3s;
  		padding: 15px;
  		width: 360px;
  		text-decoration: none;
  		font-size: 16px;
  		color: white;
  		border-radius: 0 5px 5px 0;
  		text-align: right;
		z-index: 999;
	}
	#carto-gratis {
		top: 25%;
  		background-color: lightgreen; 
	}

	#come-chiamare {
		top: 34%;
  		background-color: lightgreen;
	}

	#minuti {
  		top: 43%;
  		background-color: lightgreen;
	}

	#proseguire {
  		top: 52%;
  		background-color: lightgreen;
	}
	#servizio {
  		top: 61%;
  		background-color: lightgreen;
	}
	#svizzera {
  		top: 70%;
  		background-color: lightgreen;
	}
	.bottone-numero a {
    	font-size: 20px;
	}
	#panel-6-1-0-0> .panel-widget-style {
		z-index: 0 !important;
	}
	.flex-area .textwidget {
		display: block;
		align-items: center;
	}
	.flex-1{
		width: 100%;
	}
	.flex-2{
		width: 100%;
	}
}
@media screen and (max-width: 768px) {
	.header-tit {
  		position: absolute;
    	top: 5%;
		left: 5%;
   		right: 50%;
		font-size: 40px;
		text-shadow: 3px 3px 4px black;
	}

	.header-desc {
  		position: absolute;
    	top: 5%;
    	left: 55%;
    	right: 5%;
    	background-color: #213047b5;
    	padding: 10px 20px;
    	border-radius: 5px;
	}

	.header-button-carta {
  		position: absolute;
    	top: 55%;
    	left: 5%;
		right: 50%;
	}
	.header-tariffa-carta {
  		position: absolute;
    	top: 65%;
    	left: 5%;
		right: 50%;
		width: fit-content;
		margin: auto;
		background-color: #213047b5; 
		padding: 10px 20px;
		border-radius: 5px;
	}
  	.svg-inline--fa {
    	height: 1.2em !important;
    	vertical-align: middle !important;
		margin-left: 25px
	}
	#panel-6-1-0-0> .panel-widget-style {
		z-index: 0 !important;
	}
	#mySidenav a {
  		position: fixed;
  		left: -315px;
  		transition: 0.3s;
  		padding: 15px;
  		width: 360px;
  		text-decoration: none;
  		font-size: 16px;
  		color: white;
  		border-radius: 0 5px 5px 0;
  		text-align: right;
		z-index: 9999;
	}
	.flex-area .textwidget {
		display: block;
		align-items: center;
	}
	.flex-1{
		width: 100%;
	}
	.flex-2{
		width: 100%;
	}
	
	#pg-6-9{
		margin-bottom: -25% !important;
	}
}

@media screen and (max-width: 480px){
	.header-image{
		width:100%; 
		height: 960px; 
		object-fit: cover;
	}
	.header-tit {
  		position: absolute;
    	top: 5%;
		left: 10%;
   		right: 3%;
		font-size: 25px;
		text-shadow: 3px 3px 4px black;
	}

	.header-desc {
  		position: absolute;
    	top: 18%;
    	left: 10%;
    	right: 10%;
    	background-color: #213047b5;
    	padding: 10px 20px;
    	border-radius: 5px;
	}

	.header-button-carta {
  		position: absolute;
    	top: 76%;
    	left: 10%;
    	right: 10%;
	}
	.header-tariffa-carta {
  		position: absolute;
    	top: 82%;
    	left: 10%;
    	right: 10%;
		width: fit-content;
		margin: auto;
		background-color: #213047b5; 
		padding: 10px 20px;
		border-radius: 5px;
	}
	.blocco-numeri {
    	display: flex;
		flex-direction: column !important;
	}
	.bottone-numero a{
    	font-size: 20px;
	}
	.chiama-ora a{
		bottom: -30px;
	}
  	.svg-inline--fa {
    	height: 1.2em !important;
    	vertical-align: middle !important;
		margin-left: 25px
	}
	#panel-6-1-0-0> .panel-widget-style {
		z-index: 0 !important;
	}
	#mySidenav a {
  		position: fixed;
  		left: -315px;
  		transition: 0.3s;
  		padding: 15px;
  		width: 360px;
  		text-decoration: none;
  		font-size: 16px;
  		color: white;
  		border-radius: 0 5px 5px 0;
  		text-align: right;
		z-index: 9999;
	}
	.flex-area .textwidget {
		display: block;
		align-items: center;
	}
	.flex-1{
		width: 100%;
	}
	.flex-2{
		width: 100%;
		display: block !important;
	}
	#pg-6-9{
		margin-bottom: -50% !important;
	}
}