@charset "UTF-8";
@font-face {
    font-family: LCD;
    src:url('dredigital.woff') format('woff');       
}
/* CSS Document */

/*---------begin boilerplate--------- */
#ad{
	background:#FFF url(flo.jpg) no-repeat;
	border:1px #000 solid;
	box-sizing:border-box;
	color:#FFF;
	display:block;
	font-family:'Open Sans', sans-serif;
	font-size:15px;
	font-weight:600;
	height:250px;
	left:0;
	overflow:hidden;
	position:absolute;
	top:0;
	width:300px;
}
#cta {
	bottom: 0px;
    margin: 0;
    opacity: 0;
	filter:Alpha(opacity=0);
	position: absolute;
	right:20px;
	text-align: center;
    -webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	transition: all .5s;
	z-index:1001;
}
#cta.In{opacity:1}
#bgExitArea { 
	cursor:pointer;
	height:100%; 
	left:0;
	opacity:0;
	filter:Alpha(opacity=0);
	position: absolute; 
	top:0; 
	width:100%;  
	z-index:1000;
}
#bgExitArea a {display: none;}
#zipCode:focus, .button:focus {
    outline: 0;
}
#zipCode {
	border: 1px solid #ACACAC;
	border-radius: 3px;
	box-sizing: border-box;
	color: #acacac;
	display: inline-block;
	font-family: Open Sans,Arial,Verdana,sans-serif;
	font-size: .8em;
    font-weight: 400;
	line-height: normal;
	margin: 0 10px 10px 0;
	padding: 0 .8em;
	text-align: center;
	width: 100px;
	-webkit-appearance: none;
	
}
.button {
    display: inline-block;
}
.button input, .button a {
    border: none;
    border-radius: 100px;   
	color: #fff;    
    cursor: pointer;
    display: inline-block;
    font-family: "Raleway",Arial,Verdana,sans-serif;
    font-size: .8em;
    font-weight: 600;
    padding: .8em 35px;
    text-align: center;
    text-decoration: none;
    -webkit-appearance: none;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    background-position: 0 0;
    background:#2aa5fc;
	background: -webkit-linear-gradient(top,#2aa5fc 0%,#0062cf 100%);
	background: -moz-linear-gradient(top,#2aa5fc 0%,#0062cf 100%);
	background: linear-gradient(to bottom,#2aa5fc 0%,#0062cf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#2aa5fc', endColorstr='#0062cf');
}
.button input:hover, .button a:hover {
	background-position: 0 100% !important;
	-webkit-transition: all 0s;
	-moz-transition: all 0s;
	-ms-transition: all 0s;
	transition: all 0s
}
#cta #zipCode, #cta .button {
	height:	35px;
}


/* -----------begin project css------------*/
#logo{
	background:url(logo.jpg) no-repeat;
	background-position:-20px -50px;
	height:26px;
	left:9px;
	position:absolute;
	top:8px;
	width:120px;
}
#text div{
	color: #1e73e9;
	font-size: 16px;
	font-family: "Open Sans";
	font-weight:700;
  	left: 135px;
  	line-height: 1.3;
	opacity:0;
  	position: absolute;
	text-align: left;
  	top: 126px;
  	width: 160px;
	-webkit-transition:all .5s;
	   -moz-transition:all .5s;
			transition:all .5s;
}
#text div.In{opacity:1}

#board{
	background:#000;
	box-shadow:2px 2px 5px #777;
	display:block;
	height:88px;
	left:131px;
	position:absolute;
	top:18px;
	width:156px;
}
.row{
	display:inline-block;
	height: 43px;
	margin-left:-4px;
	padding-left:10px;
	padding-right:0;
	position:relative;
	text-transform:uppercase;
	width:65px;
}
.lights{
	background:url(light.jpg);
	display:block;
	height:15px;
	left:0;
	opacity:0;
	position:absolute;
	top:17px;
	width:15px;
	-webkit-transition:all .1s;
	   -moz-transition:all .1s;
			transition:all .1s;
	-webkit-transform:translateZ(0);
}
.lit{
	opacity:1;
}

#f1,#f2{border-bottom:1px solid #555;}
#f1,#f3{border-right:1px solid #555;}

#companies{
	margin-left:6px;
	position:relative;
	right:0;
	top:1px;
	width:150px;	
}
.companies{
	display:block;
	font-size:8px;
	padding-bottom:0px;
	position:relative;
	text-align:center;
	width:65px;
	z-index:1;
}
.prices{
	color:#f00;
	display:block;
	font-family:'LCD','Open Sans',sans-serif;
	font-size:35px;
	height:40px;
	line-height:20px;
	margin-top:5px;
	position:relative;
	text-align:center;
	width:65px;
	z-index:2;
	
}
.prices::after{
	background:#333;
	content:'';
	display:block;
	height:27px;
	left:5px;
	position:absolute;
	top:-4px;
	width:56px;
	z-index:-1;
}

/*728 x 90*/
@media screen and (min-width: 727px) and (max-width: 729px){
	#ad{background-position:115px -25px;background-size:80px;height:90px;width:728px;}
	#cta{bottom:6px;right:2px;width:150px;}
	#zipCode{margin:0 0 5px 0}
	#logo{left:5px}
	#board{left:182px;top:0px;-webkit-transform:scale(.75,.75);-moz-transform:scale(.75,.75);transform:scale(.75,.75);}
	#text > div{left:348px;font-size:17px;top:23px;width:260px;}
}

/*120 x 600*/
@media screen and (min-width: 119px) and (max-width:121px){
	#ad{background-image:url(flo2.jpg);background-position:-35px 393px;background-size:170px;height:600px;width:120px;}
	#cta{bottom:445px;right:0px}
	#zipCode{margin:0 0 10px 0}
	.button input, .button a {padding:.8em 1.5em}
	#logo{background-position:-20px -91px;left:0px;top:15px}
	#board{left:-20px;top:270px;-webkit-transform:scale(.65,.65);-moz-transform:scale(.65,.65);transform:scale(.65,.65);}
	#text > div{left:10px;font-size:12px;top:185px;width:110px;}
}

/*160 x 600*/
@media screen and (min-width: 159px) and (max-width:161px){
	#ad{background-image:url(flo2.jpg);background-position:-55px 290px;height:600px;width:160px;}
	#cta{bottom:20px;right:-2px}
	#zipCode{margin:0 0 10px 0;}
	.button input, .button a {padding:.8em 2em}
	#logo{background-position:0 0;height:50px;left:0;top:4px;width:160px;}
	#board{left:1px;top:193px;-webkit-transform:scale(.92,.92);-moz-transform:scale(.92,.92);transform:scale(.92,.92);}
	#text > div{left:10px;font-size:15px;top:90px;width:150px;}
}