/************************************************************************
RESET
************************************************************************/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video,main{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}
/************************************************************************
RESET
************************************************************************/



#starbanner{
	background: #fff;
	width: 620px;
	height: 165px;
	display: block;
	position: relative;
	margin: 0px auto;
	padding: 0px;
	cursor: pointer;

}
#starbanner .bg_color{
	background: #012B5D;
	display: block;
	width: 100%;
	position: relative;
	z-index: 1;
	margin: 0px;
	padding: 0px;
	height: 120px;
	border-radius: 6px;
	overflow: hidden;
}
#starbanner .bg{
	position: absolute;
	width: 620px;
	height: auto;
	top: -15%;
}

#starbanner .title_center, #starbanner .title{
	position: absolute;
	width: 50%;
	height: auto;
	z-index: 10;
	top: 8px;
	right: 8%;
}
#starbanner .alt{
	width: 45%;
}
#starbanner .title_center{
	display: none;

}
#starbanner .btn{
	position: absolute;
	width:55%;
	height: auto;
	z-index: 20;
	right: 33px;
	top: 55%;
	display:inline-block
}
#starbanner .cll{
	position: absolute;
	width: 48%;
	height: auto;
	z-index: 30;
	bottom: 0px;
	right: 48px;
	display:inline-block
}
#cllNumberTwo.cll, body.phone  #cllNumber.cll{
	display: none;
}
body.phone  #cllNumberTwo.cll{
	display: block;
}




@media(max-width: 619px){
	#starbanner{
		width: 100%;
	}
}
@media(max-width: 502px){
	#starbanner .title{
		top: 8px;
		right: 5%;
		width: 75%;
	}
	#starbanner .btn{
		right: 3%;
		top: 55%;
		width:56%;
	}
	#starbanner .cll{
		right: 4%;
		width: 90%;
	}
}
@media(max-width: 390px){
	#starbanner .title{
		top: 15px;
		right: 2%;
		width: 49%;
	}
	#starbanner .btn{
		right: 1%;
		top: 40%;
		width:76%;
	}
	#starbanner .cll{
		right: 2%;
		width: 98%;
		bottom: 8%;
	}
	#starbanner .bg{
		left: -15%;
	}
}
@media(max-width: 260px){
	#starbanner .btn{
		width: 95%;
		right: 3%;
	}
	#starbanner .bg{
		left: auto;
		right: 0px;
	}
	#starbanner .title_center{
	display: block;
	width:80%;
	left:10%;
	top: 10px;
	}
	#starbanner .title{
	display: none;
	}
	#starbanner .cll{
		right: 2%;
		width: 98%;
		bottom: 8%;
	}
}

#starbanner .btn2, #starbanner:hover .btn1{
	display: none;
}
#starbanner:hover .btn2{
	display: block;
}