$red:     #EE3F35;
@mixin respond-to($media) {
	@if $media == iphoneL {
		@media only screen and (min-width: 414px) { @content; }
	}
	@else if $media == ipadV {
		@media only screen and (min-width: 768px) { @content; }
	}
	@else if $media == ipadH {
		@media only screen and (min-width: 992px) { @content; }
	}
	@else if $media == notebook {
		@media only screen and (min-width: 1200px) { @content; }
	}
	@else if $media == wide {
		@media only screen and (min-width: 1430px) { @content; }
	}
}
.portlet-borderless.autostrade-meridionali-home-portlet .portlet-borderless-bar {
	margin-top:150px;
}
.input-text-wrapper textarea,
.input-text-wrapper input {
	width:90%;
}
.portlet-body .defaultRmpp {
	font-size:11px;
	width:90%;
	background:#ededed;
	height:100px;
}
.emohome {
	width: 96vw;
	position: relative;
	margin-left: -48vw;
	left: 50%;
	text-align:center;
	/*margin-top:150px;*/
}
.repos {
	width:100%;
	top:120px;
}
.aui .titsite {
	position:absolute;
	top:40px;
	text-align:left;
	left:30px;
	@include respond-to(iphoneL) { 
		top:40px;
	}
	h1 {
		color:#fff;
		font-size:27px;
		line-height: 1.1;
	}
	a {
		font-size:25px;
	}
}
.aui .b4container .wrap-navs {
	background:rgba(#fff,0.9);
	color:#2d2d2d;
	border-radius:15px;
	.nav-pills .nav-link {
		background:$red;
		color:darken($red,25);
		&.active {
			color:#2d2d2d;
			background: transparent;
		}
		&:nth-of-type(1) {
		    border-radius: 15px 0 0 0;
		}
		&:nth-of-type(2) {
		    border-radius: 0 15px 0 0;
		}
	}
	a {
		color:#2d2d2d;;
		text-decoration: none;
	}
	.tab-pane {
		padding:1.1rem 1.2rem;
		text-align:left;
		font-size:(12rem/16);
		&.active {
			overflow:auto;
			@include respond-to(ipadH) {
				max-height:230px;
			}
			@include respond-to(wide) {
				max-height:350px;
			}
		}
	}
	.b4row {
		border-width: 0 0 4px 0;
		border-style: dotted; 
  		border-color:#DDDDDD; 
  		border-image-source: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3Edots%3C/title%3E%3Cg id='Page-1' fill='none' fill-rule='evenodd'%3E%3Cg fill='%23DDDDDD'%3E%3Cg id='dots'%3E%3Ccircle cx='2.5' cy='2.5' r='2.5' id='dot'/%3E%3Ccircle cx='2.5' cy='2.5' r='2.5' transform='translate(0 20)' id='dot'/%3E%3Ccircle cx='2.5' cy='2.5' r='2.5' transform='translate(0 10)' id='dot'/%3E%3Ccircle cx='2.5' cy='2.5' r='2.5' transform='translate(10)' id='dot'/%3E%3Ccircle cx='2.5' cy='2.5' r='2.5' transform='translate(10 20)' id='dot'/%3E%3Ccircle cx='2.5' cy='2.5' r='2.5' transform='translate(20)' id='dot'/%3E%3Ccircle cx='2.5' cy='2.5' r='2.5' transform='translate(20 20)' id='dot'/%3E%3Ccircle cx='2.5' cy='2.5' r='2.5' transform='translate(20 10)' id='dot'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  		border-image-slice: 33% 33%;
  		border-image-repeat: round;
		padding: 0.9rem 0;
		&:hover {
			background:lighten($red,20%);
		}
	}
	
	small {
		display:block;
		margin-top:2px;
	}
}
.calendar {
	font-size:20px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	padding: 10px 2px 0 2px;
	position:relative;
	z-index:2;
	&:before {
		background:$red;
		content:'';
		display:block;
		width:50px;
		height:50px;
		border-radius: 50%;
		z-index: -1;
		position:absolute;
		top:0;
		left: 50%;
   		margin-left: -25px;
	}
}
.b_uscite {
	background:url(../images/bg_uscite.jpg) no-repeat center top/cover;
}
.b_wifi {
	background:#303030 url(../images/wifiicon.png) no-repeat right 15px top 10px;
	color:#fff;
	p {
		font-size:20px;
		text-transform: uppercase;
		line-height:1.2;
		span {
			color: $red;
		}
	}
}
.b_uscite,.b_wifi,.puntobox,.pbavviso {
	padding: 15px;
	.aui .b4container & .badge {
		text-transform: uppercase;
		font-size:(14rem/16);
		padding:0.6em 0.8em;
		margin-bottom:0.5em;
	}
}
.testatawebcam {
	background:$red;
	border-radius: 15px 15px 0 0;
	color:#fff;
	font-size:18px;
	font-weight:bold;
	height:64px;
	margin-top:0;
	padding:16px 15px 0;
}
.wrapselect {
	position:relative;
	font-size: 1rem;
	font-weight:400;
	z-index:400;
	.camselect {
		background:lighten($red,8%);
		padding:.25rem 35px .25rem 10px;
		line-height:1;
		color: #FFFFFF;
		position:relative;
		text-decoration: none;
		&:after {
			display: block;
			content:'\25BC';
			color:#fff;
			background:lighten($red,15%);
			font-size:0.5rem;
			padding:8px;
			right:0;
			position:absolute;
			top:0; bottom:0;
		}
	}
	.fakelist {
		width:270px;
		display:none;
		background:lighten($red,5%);
		border: solid 1px lighten($red,30%);
		position:absolute;
		top:1.5rem;
		right:0;
		@include respond-to(ipadH) {
			right:auto;
		}
		.item {
			border-bottom: solid 1px lighten($red,30%);
			color:#fff;
			display:block;
			text-decoration: none;
			font-size: 0.9em;
			padding:2px 5px;
			&:last-child {
				border-bottom:none;
			}
		}
	}
}
#wrapcam {
	display: block;
	position: relative;
	.video-js.vjs-4-3 {
		padding-top:74.64%;
	}
	.vjs-big-play-button {
		width:20%;
		height:22%;
		margin-left:-10%;
		margin-top:-11%;
		border:none;
		background: url(../images/play_btn.svg) no-repeat center center/contain;
		.vjs-icon-play:before, .vjs-icon-placeholder:before, 
		.vjs-play-control .vjs-icon-placeholder:before {
			content:'';
		}
	}
}
.b_link {
	background:url(../images/bgblink.jpg) no-repeat left top/cover;
	div {
		padding:20px;
		text-align:center;
	}
	a {
		display:block;
		padding:20px 0;
	}
	a + a {
		border-top: solid 1px #ccc;
	}
}
.puntobox {
	padding:20px;
	p {
		font-weight:bold;
		font-size:1.1em;
	}
}
.pbavviso {
	background:#707070 url(../images/attention.png) no-repeat right 15px top 10px;
	padding:20px;
	color:#fff;
}
.ccare {
	background: url(../images/bgcustomercare.jpg) no-repeat center top/cover;
	color:#fff;
}
.wrapccare {
	padding:20px;
}
#slotnews {
	background:#fff;
	.slick-dots li.slick-active button:before,
	.slick-dots li button:before {
		background-color:$red;
	}
	.slick-prev:before, .slick-next:before {
		color:$red;
	}
	.slick-dots {
		top:-36px;
		width:auto;
		right:0;
		bottom:auto;
	}
}
#slideNews {
	.datewhere {
		font-size: 1rem;
		color: #BEBEBE;
		letter-spacing: 1px;
		margin-bottom:10px;
	}
	p {
		font-weight:bold;
	}
	.b4news {
		&:after {
			content:'';
			display:table;
			clear: both;
		}
		.wid2 {
			width:16%;
			float:left;
		}
		.wid10 {
			width: 84%;
			float:left;
		}
	}
}
#btnalert {
	display:none;
	position:absolute;
	z-index:100;
	top: 154px;
	top: 571px;
}
.alertrmpp {
	z-index:450;
	position:relative;
	top:133px;
	pointer-events: none;
	.closermpp {
		color:#fff;
		display:block;
		padding:10px 0 0 0;
		font-size:0.9em;
	}
	.container {
		background:rgba(#A52416,0.9);
		position:relative;
		padding: 5px 20px 15px;
		pointer-events: all;
		text-align:left;
		.h2 {
			font-size: 22px;
			color: #FFFFFF;
		}
	}
	.alertbody {
		background: #fff url(../images/bg-alert.svg) no-repeat right center;
		padding: 20px;
		max-height: 284px;
		margin-top:4px;
		overflow:auto;
		.h1 {
			font-size: 27px;
			color: #3D3D3D;
			letter-spacing: -0.7px;
			font-weight:bold;
			line-height:1;
		}
	}
}
.alerttrafic {
	z-index:500;
	position:relative;
	.container {
		background:rgba(#A52416,0.9);
		position:relative;
		padding: 5px 20px 15px;
		text-align:left;
		.h2 {
			font-size: 22px;
			color: #FFFFFF;
		}
	}
	#chiudialert {
		position: absolute;
	    top: 0;
	    right: 0;
	}
	.alertbody {
		background: #fff url(../images/bg-alert.svg) no-repeat right center;
		padding: 20px;
		max-height: 385px;
		margin-top:4px;
		overflow:auto;
		.h1 {
			font-size: 27px;
			color: #3D3D3D;
			letter-spacing: -0.7px;
			font-weight:bold;
			line-height:1;
		}
		.lesser {
			font-size:14px;
		}
		h2 {
			font-size: 23px;
			color: #A6291C;
			font-weight:bold;
			line-height: 1;
		}
		p {
			font-size: 16px;
			color: #000000;
			font-weight:bold;
			line-height: 1.3;
			&.time {
				font-weight:normal;
				padding-left:18px;
				background:url(../images/icn-hour.svg) no-repeat left 5px;
			}
		}
	}
	.notes {
		border-top: 1px solid #E8E8E8;
		padding: 20px 0;
		font-size: 14px;
		color: #1B1B1B;
	}
}
@media (min-width: 768px) {
	.emohome {
		margin-top:0;
	}
	.aui .titsite {
		top:200px;
	}
	.b_uscite,.b_wifi {
		padding: 20px;
	}
	#btnalert {
		left:50%;
		margin-left: -350px;
		top:180px;
	}
	.alertrmpp {
		top:260px;
		position:absolute;
	}
}
@media (min-width: 992px) {
	.alertrmpp {
		position:absolute;
		left:0;
		right:0;
		top: 220px;
	}
	.alerttrafic {
		position:absolute;
		left:0;
		right:0;
		top: 180px;
	}
	#btnalert {
		margin-left: -480px;
		top:140px
	}
	.repos {
		width:43%;
		top:135px;
		position:absolute;
		left:55%;
	}
	.aui .titsite {
		width:50%;
		top:190px;
		h1 {
			font-size:38px;
		}
	}
	.testatawebcam {
		font-size:20px;
		height:77px;
		margin-top:-(77px/2);
		padding:20px 40px 0;
	}
	.b_uscite,.b_wifi {
		padding: 18px;
	}
	.puntobox {
		padding: 25px 30px 10px;
	}
	.pbavviso {
		margin-top:15px;
		padding-left:30px;
	}
	.wrapccare {
		padding:25px;
	}
}
@media (min-width: 1200px) {
	.alertrmpp {
		left:50%;
		top: 260px;
		.container {
			width:600px;
			margin-left: -570px;
		}
	}
	#btnalert {
		margin-left: -570px;
		top:180px;
	}
	.repos {
		width:36%;
		top:180px;
		left:55%;
	}
	.b_uscite,.b_wifi{
		padding: 30px;
	}
	.aui .titsite {
		top:265px;
	}
	.b_link {
		a {
			padding: 30px 0;
		}
	}
	.puntobox {
		padding: 30px 30px 10px;
	}

	.wrapccare {
		padding:40px;
	}
}
@media (min-width: 1430px) {
	#btnalert {
		margin-left: -700px;
	}
	.alertrmpp {
		.container {
			width:820px;
			margin-left: -700px;
		}
	}
	.repos {
		width:470px;
		top:148px;
		margin-left:100px;
	}
	.aui .titsite {
		top:260px;
		max-width:700px;
		left:50%;
		margin-left:-650px;
		h1 {
			font-size:70px
		}
		a {
			font-size:30px;
		}
	}
	.b_uscite,.b_wifi{
		padding: 49px 50px;
	}
	.b_link {
		a {
			padding: 40px 0;
		}
	}
	.puntobox {
		padding: 20px 40px 10px;
	}
	.pbavviso {
		margin-top:10px;
		padding-left:50px;
	}
	.wrapccare {
		padding:60px;
	}
}