/*******MATERIALIZE FIXES*****************/
label.error {    color: #f44336 !important; position: relative !important; left: 0 !important; }

html{font-family: 'Montserrat', sans-serif !important;}
body{    /*background: #f0f0f0;*/ background-image: url(https://unionenergia.it/wp-content/themes/yootheme/cache/background-Home-Landing-73c05aaf.png);
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;}
h1, h2, h3, h4{ }

a{color: #0477bc;}

.valign{display:inline-flex; vertical-align: middle;}
#modal{}
#modal h4{    margin: 0.52rem 0 1.912rem 0;}
#modal .profile{cursor: pointer; -webkit-transition: .3s ease-out; transition: .3s ease-out;  }
#modal .profile:hover{background: #9e9e9e47;}
#modal .profile img{    margin: 40px 0;  color: #ee6e73;  font-size: 7rem;
    display: block; width: 100%;}
#modal .profile p{font-size: 1.7rem; font-weight: 500; margin-top: 5px; margin-bottom: 20px;    text-align: center;}

.navbar-fixed{height: 64px !important;-webkit-transition: .3s ease-out; transition: .3s ease-out; }
.navbar-fixed nav{height: 64x; line-height: 64px;-webkit-transition: .3s ease-out; transition: .3s ease-out;}
nav{    background-color: #03A9F4 !important;     
	background-color: #197abe !important;  /*border-bottom: 1px solid #e0e0e0;*/}
nav .nav-wrapper{width: 86%; margin: 0 auto;}

nav a{color: #fff !important;}

nav .bra-logo{display: inline-flex !important; height: 100%; vertical-align: middle; align-items: center;    position: relative !important;font-size: 2.1rem !important; -webkit-transition: .3s ease-out; transition: .3s ease-out;}
nav .bra-logo img{    display: inline-block; height: 75%;  margin-right: 9px;-webkit-transition: .3s ease-out; transition: .3s ease-out;}
nav .bra-logo span{display: none;}
nav .nav-link{display: flex !important; float: right !important; -webkit-transition: .3s ease-out; transition: .3s ease-out;   height: 64px !important; line-height: 64px !important; vertical-align: middle; align-items: center;}
nav .tel-link{    height: auto;  line-height: 1rem;}
nav .tel-link.tel-link-fisso{}
nav .tel-link.tel-link-mobile{margin-right: 15px;}

nav .nav-link.sidenav-trigger{display: none !important;}
nav .nav-link.get-link{height: 48px !important;  line-height: 48px !important;  margin-top: 24px; margin-left: 12px; background-color: #fabb05 !important;  color: #000;} 
nav .nav-link.get-link:hover{background-color: #FF9100 !important;}
nav .nav-link span{display: inline; line-height: initial;}
nav .nav-link i{color: #fff;   font-size: 18px !important; display:  inline-flex !important; color: #000;align-items: center;line-height: initial;}

/*STICKY*/
body.sticky .navbar-fixed,
body.sticky .navbar-fixed nav,
body.sticky nav .nav-link{height: 64px !important; line-height: 64px !important;}

.container{     -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);}
strong{font-weight: 700 !important;}



#wrapper{}
#wrapper > div{ margin: 0 auto;}

section, footer{padding:20px 2%; margin-bottom: 0 !important;}

section h2{font-size: 2.2rem; padding-bottom: 15px; margin-top: 0;    margin-bottom: 0.8rem; position:relative; text-align: center;}
section h2:after{ bottom: 0; content: ''; height: 3px; left: 48%; position: absolute; width: 4%; background: #03a9f4; display: none;}

#title_section{ /*background: #fff;  background: url("/sponsor/i/banner-landing-70.jpg") no-repeat center center; background-size: cover;*/
	padding: 100px 0;padding-bottom: 10px;}
#title_section .bg-layer{/*background: #ffffffa1;*/ width: 90%; margin: 0 auto; padding: 10px 3%;}	
#title_section h1{text-align: center; margin-top: 0.5rem; padding-bottom: 1.1rem; margin-bottom: 0.2rem; position: relative;    
color: #0477bc;
    font-weight: bold;
    font-size: 2.8rem; }
#title_section h1:after{ bottom: 0; content: ''; height: 3px; left: 40%; position: absolute; width: 20%; background: #03a9f4; text-align: center; display: none;}
#title_section p{ text-align: center;font-size: 1.45rem; color: #e84e24;}
#fix-fixed{position: relative; width: 100%;}
#video_part,
#risultati{}

#fast_form div.input-field{ margin-right: auto; float: none;}

/*#video_wrapper.fixed{    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2); position: fixed;
    background: #ddd;}*/
#video_part{text-align: center; display: none;}
#video_wrapper{   /*float: left;*/ width: 60%; z-index: 200;    display: inline-block;}
#video{    background: url(./video.gif) no-repeat center center transparent;}
#countdown_wrapper{    text-align: right; display: none;}
#countdown_wrapper span{font-size: 1.2rem;}
#countdown_wrapper #countdown{    background: #212121; padding: 0.2rem 0.7rem;  color: #fff;}
#video_wrapper h2{margin-top: 40px; width: 60%; margin-left: auto; margin-right: auto;}
#video_wrapper button{}
#video_part .followup{display: none;}
#video_part ul{    font-size: 1.4rem;}
#video_part ul li{}
#controls_wrapper{    float: right; width: 39%;}
#controls_wrapper h2{}
#controls_wrapper .controls-box{    margin-bottom: 10px;}
#controls_wrapper .controls-box.sono-box{}
#controls_wrapper .controls-box.ho-box{}
#controls_wrapper .controls-box.mi-interessa-box{}
#controls_wrapper .controls-box label{font-size: 1.2rem; color: #212121;    margin-bottom: 0.3rem; display: block;}
#controls_wrapper .controls-box .controls{}
#controls_wrapper .controls-box .controls .ctrl{display: none;}
#controls_wrapper .controls-box .controls span{ cursor: pointer;   display: inline-flex; margin-right: 1%;  padding: 0.4rem 0.8rem;    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2); -webkit-transition: .3s ease-out;
    transition: .3s ease-out;    margin-bottom: 0.7rem;    vertical-align: middle; align-items: center;font-size: 1rem;}
#controls_wrapper .controls-box .controls span i{display: none;}
#controls_wrapper .controls-box .controls span.play i {display: inline;}   
#controls_wrapper .controls-box .controls span.active,
#controls_wrapper .controls-box .controls span.highlight,
#controls_wrapper .controls-box .controls span:hover{background: #03A9F4; color: #fff;}
#controls_wrapper .controls-box .controls .ctrl span:hover{background: #F44336; color: #fff;}

#incluso h3{font-size: 1.8rem;     color: #414141;}
#incluso div img{display: block; width: 100%;}
#incluso div img:hover{opacity: .8;}
#incluso > div .trigger-modal{cursor: pointer;}
#incluso > div{text-align: center;}
#incluso > div:hover{ box-shadow: 0 5px 10px rgba(0,0,0,.15);}
.modal-caratteristiche{    max-height: 80% !important;     overflow-x: hidden;}
.modal-caratteristiche img.materialboxed{display: block; width: 100%;}
.modal-caratteristiche ul li{list-style-type: lower-latin !important; margin-left: 5%; line-height: 1.7rem;}
.modal-caratteristiche .modal-footer{}
.modal-caratteristiche .modal-footer-fix{}
#risultati{    }
#risultati img{display: block; margin: 0 auto; max-width: 100%; margin-top: 20px;}


.form_wrapper{    margin-bottom: 60px !important;     width: 50%; max-width: 700px;}
.form_wrapper #contact-container{    max-width: 1024px;  margin: 24px auto 70px;}
.form_wrapper form,
#mandato form{     background: #fff; padding-top: 10px; padding-bottom: 10px; border-radius: 10px;}
.form_wrapper .intro{}
.form_wrapper .intro .input-field{display: inline-block !important; min-width: 50%; margin-top: 0; margin-bottom: 0; margin-right: 5px;}
.form_wrapper .intro input{}
.form_wrapper .intro button{    background-color: #03a9f4 !important;}

.form_wrapper .form_data{ padding: 10px 1% 0; margin-bottom: 0;}
.form_wrapper .form_data p{}
.form_wrapper .form_data label{ color: hsla(0, 0%, 0%, 0.78);     font-size: 1.2rem; /*text-align: center;*/}
.form_wrapper .form_data input{ /*text-align: center;*/ }
.form_wrapper .form_data .agree{position: relative;}
.form_wrapper .form_data .agree input{}
.form_wrapper .form_data .agree span{}
.form_wrapper .form_data button,
#mandato .form_data button,
#video_part button{ margin: 40px auto; display: block;
    color: #fff; height: 48px !important; line-height: 48px !important; font-size: 1.2rem;}

#mandato{display: none;}
#mandato .info-area{margin-bottom: 15px;}
#mandato .info-area p{font-weight: bold;}
.input-field>label { color: hsla(0, 0%, 0%, 0.78); }

.input-field.date-field{}
.input-field.date-field .datepart{width: 30px;}
.input-field.date-field .giorno{width: 60px;}
.input-field.date-field .mese{width: 60px;}
.input-field.date-field .anno{width: 90px;}
.input-field.date-field span{margin: 0 5px;}

input[type='number'],
input[type='number'] { -moz-appearance:textfield; }
/* Webkit browsers like Safari and Chrome */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none; margin: 0; }

input[type=text],
input[type=password],
input[type=email],
input[type=url],
input[type=number],
input[type=search],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=file],
textarea,
select {
	text-transform: uppercase;
}

input[name=cellulare]{ width: calc(100% - 35px) !important; }

.radio-field span:not(.descr){display: block !important; color:rgb(0, 0, 0); font-size: 1rem;height: auto;}
.radio-field span.descr{padding-left: 35px;font-size: 1.1rem;display: inline-block;color: #9e9e9e;}
[type="checkbox"]+span:not(.lever){color:rgb(0, 0, 0);font-size: 1.1rem;}

.radio-field p{display: inline-block; margin-right: 15px;}

#thanks{display: none;}
#istruzioni{background: #fff;}
#istruzioni img{float: left; margin-right: 1%;}
#istruzioni h3{    margin-top: 0;}
#istruzioni p{}

#contattami{top: -90px;
    position: relative; }
    
#fixed_banner{ position: fixed; bottom: 0; background: #fff; width: 100%; text-align: center;-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px 5px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px 5px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);-webkit-transition: .3s ease-out;
    transition: .3s ease-out;    z-index: 20; padding: 0.3rem 10%;}
#fixed_banner span{color: #fff;font-size: 1.1rem;}    
#fixed_banner:hover{}
#fixed_banner a{ color: #000;  text-align: center; padding: 0.9rem 2%; background: #fabb05;  display: block; font-size: 1.4rem; float: left; width: 50%;}
#fixed_banner .progress{background-color: #0070144a;}
#fixed_banner .progress .determinate{    background-color: #007014;}
#fixed_banner span.title{    color: #007014; font-size: 1.1rem; text-transform: uppercase; font-weight: bold;}
#fixed_banner a:hover{background-color: #FF9100 !important;}
#fixed_banner span.mobile{display: none;}

button,
#fixed_banner a.contattami,
nav .nav-link.get-link.contattami{background-color: #0477bc !important; }
button:hover,
#fixed_banner a.contattami:hover,
nav .nav-link.get-link.contattami:hover{background-color: #f08f74 !important;}


div.agree label.error{    top: 30px;
    left: 10px !important;
    position: absolute !important;}
#response{display: none;background: #03a9f4; padding: 0.4rem 1rem; color: #fff; font-size: 1.1rem; text-align: center;}

 .img-caption{position: relative; top: -10px; text-align: right; font-weight: bold;line-height: 1.2rem; display: block;}

footer.page-footer{       padding-bottom: 10px;     background-color: #197abe;}
footer.page-footer > div.row{margin-bottom: 0; text-align: center;}
footer.page-footer > div.row a{text-transform: uppercase;}
.page-footer .footer-copyright{ display: none !important;}
footer a{color: #fff;}



.sidenav .user-view .background{background-color: #fff; border-bottom: 1px solid #2196F3;}
.sidenav li { margin-bottom: 20px;}



.clr{clear:both; height:1px; font-size:1px; line-height:1px; }

.play {
    -webkit-animation-name: blinker; 
    -webkit-animation-duration: 4s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    
    -moz-animation-name: blinker;
    -moz-animation-duration: 4s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    
    animation-name: blinker;
    animation-duration: 4s;  
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker {  
    0% { background-color: #F44336; color: #fff;}
    50% { background-color: #2196f3; color: #fff; } 
    100% { background-color: #F44336; color: #fff;}
}

@-webkit-keyframes blinker {  
    0% { background-color: #F44336; color: #fff;}
    50% { background-color: #2196f3; color: #fff;}
    100% { background-color: #F44336; color: #fff;}
}

::-webkit-scrollbar {
    width: 12px;
    height: 8px
}
::-webkit-scrollbar-thumb {
        background-color: #2196f3!important;
    -webkit-box-shadow: inset 1px 1px 2px rgba(155, 155, 155, .4)
}
::-webkit-scrollbar-thumb:hover {
        background-color: #2196f3!important;
}
::-webkit-scrollbar-thumb:active {
        background-color: #2196f3!important;
}
::-webkit-scrollbar-track {
    background: #FFF;
    -webkit-box-shadow: inset 1px 1px 2px #E0E0E0;
    border: 1px solid #D8D8D8
}

#overlay{position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 10000; background: rgba(0, 0, 0, 0.4); display: none;}
.preloader-wrapper{position: fixed;left: 50%; top: 50%;}
.editabile-download{display: inline-flex; vertical-align: middle;}
.editabile-download i{margin-right: 5px;}
.doc_wrapper{    margin-bottom: 15px;}
.doc_wrapper label{color: hsla(0, 0%, 0%, 0.78);display: block; margin-bottom: 5px;}
.doc_wrapper .single-doc{display: inline-block; padding: 0.2rem 0.6rem; border: 1px solid #ff5722;background: #9e9e9e1a;}
.doc_wrapper .single-doc a.name{color: rgba(0,0,0,0.87); margin-bottom: 5px;}
.doc_wrapper .single-doc .btn{background-color: transparent; box-shadow: none;    padding: 0 8px;}
.doc_wrapper .single-doc .btn:hover{background-color: transparent; box-shadow: none;}
.doc_wrapper .single-doc .btn i{color: #FF5722;}
.doc_wrapper .single-doc .btn i:hover{color: #dd2c00;}
.doc_wrapper .file-field{    margin-top: 12px; padding-left: 0;}
/*************************ATTIVAZIONE***********************************/
.real-wrap{margin: 0 auto; max-width: 1200px;}
    #modulo-attivazione-wrap{}
    #modulo-attivazione-wrap p{ color: #fff;}
    
	.row.attiva{}
	.row.attiva ul{}
	.row.attiva ul li{}
	
	.grazie-wrap li{list-style-position: inside;}
	label.error { color: #F44336; background: #FFCDD2; padding: 2px 10px;}
	
	.footer{text-align: center;}
	.inner{margin: 0;}
	.form-box{background: transparent;     margin-top: 0 !important;}
	.form-box .top h2, .form-box .bottom h2{font-size: 1.8em;}
	.form-box .bottom{/*background: #fff;*/ padding-top:0;}
	.header .form-box .bottom{padding-top: 0.8em;}
	#anteprima-info{}
	#anteprima-info .anteprima-info,
	#cosa-sto-acquistando .cosa-sto-acquistando{
		display: none;    
		background: rgba(20,175,50,0.1);
		background: rgba(233,91,22,0.1);
	    border-color: rgba(20,175,50,0.5);
	    border-color: rgba(233,91,22,0.5);
	    border: 1px solid #efefef;
	    border-radius: 0.2em;
	    font-size: 1em;
	    line-height: 1.3em;
	    margin: 0.5em auto;
	    padding: 0.3em 2%;
	    margin-bottom: 15px;
	    color: #212121;
	        margin-top: 0;

	}
	#anteprima-info .anteprima-info.active,
	#cosa-sto-acquistando .cosa-sto-acquistando.active{
		display: block;
	}
	#anteprima-info .anteprima-info p{}
	#anteprima-info .anteprima-info p.row-one{}
	#anteprima-info .anteprima-info div.row-desc{}
	#anteprima-info .anteprima-info div.row-desc p,
	#cosa-sto-acquistando .cosa-sto-acquistando div.row-desc p{/*padding: 0;
    padding-bottom: 0.2em;
    background: url("star_y.png") no-repeat 0 0;
    background-size: 16px;
    padding-left: 18px;*/}
	.second-top{}
	 header#mainhead {width: 100%; background-color: #fff; position: fixed; top: 0;height: 100px; overflow: hidden; z-index: 2;        box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);}
	 header#mainhead {height: 100px;}
	 .headleft img{}
	 .small .headleft img{    height: 56px; }
	 .big .headleft img{height: 86px;}
	.header .top, .header .bottom{float: left;}
	.header .top{width: 16%;}
	.header .top h2{    margin-top: 6px;}
	.header .bottom {width: 80%;}
	.header .bottom .form-row{margin-bottom: 0;}
	.logoline { background-color: #fff; width: 96%; margin: 0 auto; max-height: 100%;     height: 100%;}
	.headleft { text-align: left; margin-left: 0; width: 26%; float: left;     padding:0;      height: 100%; display: inline-block; }
	.headleft span{ margin: 3% 0 3%; display: block; font-weight: 600; font-size: 2.6em;}
	.headleft img{height: 86px;  padding: 7px 0;}
	.headright {text-align: right; float: right; margin-top: 10px; position: absolute; right: 2%; bottom: 15%;    color: #3f9b36;
    font-weight: bold}
	.headright span{font-size: 2em;}
	.headright strong{}
	img.preview{/*box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.5);*/}
	.preview-loader{display: block; padding: 21% 0; margin: auto;}
	.l-loader{display: block; margin: 0 auto; width: 128px;   padding:0;}
	
	.container{max-width: 100%;margin-top: 102px;}
	
	.header{width: 100%; background: #fff;}
	.header img{width: 37%; margin: 0 auto; display: block; margin-top: 10px;}
	.header p{color: #686868; margin:0; font-size: 1.5em; color: rgb(233, 91, 22); font-weight: 600; color: #3e3d40; padding: 0.8em;}
	
	.form-box{border: none; box-shadow: none;    margin: 2% 0 0;}
	
	.scegli{background: #fff;}
	.price-row{text-align: left; display: none;}
	.price-row .prices-container{display: inline-block; width: 45%; text-align: right;}
	.price-row label{display: inline-block; text-align: left; margin-right: 1%; width: 53%;     font-size: 1.8em;  color: #008000;   font-weight: bold;}
	.price-row #prezzo{font-size: 2em;  color: #FF0000; font-weight: bold; text-decoration: line-through;}
	.price-row #prezzo_scontato{font-size: 4em;  color: #008000;  font-weight: bold; margin-left: 10px; margin-top: 10px; display: inline-block;}
	.price-row #periodo{float: none; font-size: 1.6em; font-weight: bold; display: inline-block; margin-right: 8px; margin-bottom: 0; width: 100%; text-align: right;}
	.form-row input.btn{border-color: #3f9b36; background-color: #3f9b36; background: #3f9b36; background-image: none; cursor: pointer; padding: 15px 0; width: 100%; font-size: 1.5em; text-transform: uppercase;text-shadow: none; margin-bottom: 9px;}
	.form-row input.btn:hover{background-color: rgba(63, 155, 54, 0.77); !important; border-color: rgba(63, 155, 54, 0.77) !important; }
	
	.form-row select{font-weight: bold; color: #212121;}
	
	.terms,
	.terms-book{display: inline-block; color: #fff;}
	
	.terms-book{display: none;}
	
	.tablet-container{position: relative;
    width: 95%;
    height: 800px;
    border-color: #757575;
    border-top: 50px solid;
    border-radius: 20px;
    border-bottom: 50px solid;
    border-left: 20px solid;
    border-right: 20px solid}
    .tablet-container iframe{position: absolute; top:0; left:0; height: 100%;}
    
    
    .step2{display: none;}
    #preview.step2{display: block;}
    #preview.step2 .span-left{width: 28%;}
    #preview.step2 .span-right{width: 70%;}
    .step2 .form-row{margin-bottom: 0.2em;}
    .step2 .form-row label{display: inline-block; width: 30%;}
    .step2 .form-row input.text, .step2 .form-row textarea, .step2 .form-row select{display: inline-block;
    width: 67%;
    background: none;
    border: none;
    box-shadow: none;
    color: #fff;
        padding: 0em 1%;
     vertical-align: top;}
    #cosa-sto-acquistando h3{color: #fff; margin-bottom: 0; margin-top: 20px;}    
    #cosa-sto-acquistando .row-title{margin-top: 5px;}
    #cosa-sto-acquistando .row-desc{color: #fff;}
    
    #firstform.step2{border: 1px solid #fff; padding: 1%; background: #5C6BC0;}
    #firstform.step2 h2{color: #fff;    font-size: 1.8em;  margin: 0.5em 0 0.2em;}
    
    p.highlight{    background: #ff4081; padding: 1%; text-align: center; color: #fff;}
    p.attention, #err{ display: none; background: #ff4081; padding: 1%; text-align: center; color: #fff;}
    ul.once-activated li{list-style-type: decimal;     margin: 0.3em 0 0;}
    ul.what li{list-style-type: none;}
    ul.what li i {margin-right: 7px;}
    
    #prezzo{    text-decoration: line-through;}
    .sidenav li>a>i.material-icons{    margin-right: 2px !important; float: none !important;  height: auto !Important; line-height: 10px !important; font-size: 18px;
    width: auto !important; position: relative; top: 4px;}
 /**************MOBILE************************/
@media screen and (min-width: 1366px){
	#video_wrapper{width: auto;}
	#controls_wrapper { width: 56%; }
	section #h2{font-size: 2.5rem;}
	#incluso h3{font-size: 1.7rem;}
	#modal .profile img { margin: 10px 0; }
	#modal .profile p{margin-bottom: 0;}
	#modal h4 { margin: 0.52rem 0 1.3rem 0; text-align: center;}
}
@media screen and (min-width: 1900px){
	section, footer { padding: 20px 6%; }
	#controls_wrapper { width: 44%; }
}   
@media screen and (max-width: 1600px){
	#video_wrapper{width: auto;}
	#controls_wrapper { width: 56%; }
}
@media screen and (max-width: 1440px){
	#controls_wrapper { width: 52%; }
}
@media screen and (max-width: 1366px){
	#controls_wrapper { width: 49%; }
	#title_section h1{font-size: 3.2rem;}
}
@media screen and (max-width: 1280px){
	#controls_wrapper { width: 58%; }
}
@media screen and (max-width: 1024px){
	#controls_wrapper { width: 48%; }
	#modal h4{font-size: 2.7rem; text-align: center;}
	#modal .profile img { margin: 30px 0 10px; }
	#incluso h3 { font-size: 1.7rem; }
}
@media screen and (max-width: 800px){
	nav .nav-link.sidenav-trigger{display: flex !important;}
	nav .nav-link.get-link{display: none !important;}
	#video_wrapper { margin: 0 auto 15px; width: 640px; float: none; }
	#controls_wrapper { margin: 0 auto; width: 640px; float: none; text-align: center; }
	#incluso h3 { font-size: 1.5rem; }
}
@media screen and (max-width: 768px){
	
}
@media screen and (max-width: 720px){
	#incluso h3 { font-size: 1.3rem; }
}
@media screen and (max-width: 640px){
}
@media screen and (max-width: 640px){
	#incluso h3 { font-size: 2.2rem; }
	nav .nav-wrapper{}
	nav .nav-link.tel-link,
	body.sticky nav .nav-link.tel-link{margin-right: 0;}
	nav .nav-link.tel-link em{display: none;}
	nav .nav-link.tel-link-fisso{font-size: 0.7rem;}
	nav .bra-logo{}
	nav .bra-logo img{margin: 0 auto;}
	.form_wrapper .form_data button {  margin-bottom: 10px; }
}
@media screen and (max-width: 480px){
	#title_section h1 { font-size: 2.1rem; }
}
@media screen and (max-width: 414px){
	nav .bra-logo img{    height: 50%;}
	#title_section { padding-bottom: 15px;  padding-top: 8px; }
	#title_section h1 { font-size: 2.1rem; }
	#title_section p{font-size: 1.3rem;}
	section h2{ font-size: 2rem;}
	#incluso h3 { font-size: 1.8rem; }
	#controls_wrapper .controls-box .controls span{font-size: 0.9rem;}
	#fixed_banner a { font-size: 1.4rem; height: 74px;
    position: relative;
    vertical-align: middle;
    align-items: center;
    display: flex;}
}
@media screen and (max-width: 375px){
	#title_section h1 { font-size: 1.8rem; }
	#controls_wrapper { width: 52%; }
}
@media screen and (max-width: 360px){
	#controls_wrapper { width: 52%; }
	#fixed_banner a { font-size: 1.3rem; }
}
@media screen and (max-width: 320px){
	#controls_wrapper { width: 52%; }
	.form_wrapper .form_data button{margin-top: 57px;}
}