/*####################################### TICKER #######################################*/

.ticker{
	background:#272727;
	color:#ec8d1c;
	height:45px;
	line-height:45px;
	position:relative;
	overflow:hidden;
	font-size:12px;
}

.ticker li{
	position:absolute;
}

.ticker li a{
	color:#ec8d1c;
}

.desktop .ticker li a:hover{
	color:white;
}


/*####################################### VISUAL #######################################*/

.visual{
	position:relative;
	background-image:url(../../im/home/visual.jpg);
	background-repeat:no-repeat;
	background-position:50% 50%;
	text-align:center;
	padding-top:1px;
	max-width:1200px;
	min-width:1000px;
	max-height:994px;
	min-height:500px;
	overflow:hidden;
}

.tablet .visual,
.mobile .visual{
	min-height:993px !important;
}

/******************** VIDEO ********************/
.visual .video_overlay{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	z-index:1;
}

.visual .video {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	background:white;
}

.visual .video .mejs-controls{
	display:none;
}


/******************** PAGINATION ********************/

.visual .pagination{
	background:url(../../im/translucent_black_30.png);
	height:8px;
	display:inline-block;
	margin:auto;
	padding:6px;
	position:relative;
	margin-top:13px;
	font-size:0px;
	display:none;
	z-index:1;
}

.visual .pagination li{
	display:inline-block;
	width:8px;
	height:8px;
	background-image:url(../../im/spritesheet.png);
	background-position:-43px -156px;
	vertical-align:middle;
	margin:0px 3px 0px 3px;
	cursor:pointer;
}

.desktop .visual .pagination li:hover,
.visual .pagination li.active{
	background-position:-55px -156px;
}

.visual .pagination li.rounded{
	display:block;
	width:9px;
	height:20px;
	background-image:url(../../im/spritesheet.png);
	position:absolute;
	top:0px;
	cursor:default;
}

.visual .pagination li.rounded.left{
	left:-12px;
	background-position:-136px -125px;
}

.visual .pagination li.rounded.right{
	right:-12px;
	background-position:-145px -125px;
}

/******************** PAGES ********************/
.visual .pages{
	margin-top:60px;
}

/* PAGE */

.visual .pages .page{
	position:absolute;
	padding:30px 10px 30px 10px;
	width:510px;
	background:url(../../im/translucent_black_70.png);
	left:50%;
	margin-left:-265px;
	top:145px;
	color:white;
	font-size:12px;
	text-transform:uppercase;
	z-index:1;
}



.visual .pages .page > .ico{
	width:37px;
	height:36px;
	background-image:url(../../im/spritesheet.png);
	background-position:-136px -85px;
	position:absolute;
	left:50%;
	margin-left:-18px;
	top:-80px;
}

.visual .pages .page h1{
	margin:0px 0px 5px 0px;
	padding:0px;
	font-size:48px;
	text-transform:uppercase;
}

.visual .pages .page a{
	color:#ec8d1c;
}


/******************** GET SUN QUOTE ********************/

.visual .pages .page.get_sun_quote .horizontal_line{
	display:inline-block;
	height:1px;
	background:white;
	width:60px;
	vertical-align:middle;
	margin:0px 10px 0px 10px;
}

.visual .pages .page.get_sun_quote form{
	display:block;
	margin-top:30px;
	height:37px;
}

.visual .pages .page.get_sun_quote form input[type=text]{
	font-size:20px;
	font-family: 'ropa sans', arial, sans-serif;
	text-align:center;
	width:400px;
	line-height:37px;
	height:37px;
	border:none;
	text-transform:uppercase;
	outline:none;
}

.visual .pages .page.get_sun_quote form input[type=submit]{
	line-height:37px;
	height:39px;
}