/*** 600 ***/

/*** Reset / Fixes ***/
.toolbar, object, iframe, #flickrmap {display: block;}

#secondary-footer {padding: .25em 1.25em .1em .65em;}

#secondary-footer li.copyright {display: inline;}

#header {position: relative; -webkit-box-shadow: none; height: auto; padding: 0; margin: 0;}
#header h2 a {text-indent: -120%;}
#wrapper .nine-col .content {background: none; border-radius: 0; -webkit-box-shadow: none; padding: 0 2%; margin: 0;}

#wrapper .nine-col .content.paddingfix {padding-bottom: 0.15em; padding-left: 0.75em; padding-right: 0.75em; padding-top: 0; }

#wrapper.topnews a span {background: #7C7C7C; background: rgba(255,255,255,.2);}
#wrapper.topnews a:hover span {background: red;}
.topnews a:hover {text-decoration: none;}
a.trigger {margin-left: 0;}

/*** Tables ***/
table.data.scaleable {max-width: 100%;}
table.data.scaleable tr {width: 100%;}
table.data.scaleable thead {position: inherit; left: 0; }
table.data.scaleable td:first-child {display: block; width: auto; background: none; color: #444; padding: 1em;}
table.data.scaleable td {float: none; padding: .5em; display: table-cell;}
table.data.scaleable tr:nth-child(odd) td {background-color: none; }

/*** Press ***/
#wrapper .four-col.press, #services {padding: .5em 0;  -webkit-box-shadow: none; background: none;}
#wrapper .five-col.press {margin: 0 0 1em 0; background: none; -webkit-box-shadow: none; padding: 0;}
#wrapper .five-col.press .content {background: #fff; -webkit-box-shadow: 0 0 4px rgba(0,0,0,.3); margin: 0 1em;}

#pagecontent #wrapper {-webkit-font-smoothing: subpixel-antialiased;}

/*** Towns ***/
#pagecontent.towns #wrapper .thirteen-col {-webkit-font-smoothing: antialiased;}

dl.snippet.towns {display: inline-block; float: left; margin: 0 2% .4em 0; width: 23%;}
dd.title {display: block;}

/*** Press ***/

.sharethis {display: block; border-top: 1px solid rgba(0,0,0,.1); margin: 0 0 1em 0; padding: 0;}
#wrapper .nine-col .sharethis .content {padding: 1em 0 0 0; margin: 0;}
.sharethis h4 {margin-top: 0em;}
.sharethis iframe {margin: 0 0 .5em 0;}


/*** Reset Mobile Menu ***/
.three-col.navigation {
  position: relative;
  z-index: 0;
  width: auto;
  top: inherit;
}

.thirteen-col.last-col {
  position: relative;
  z-index: 1;
  width: auto;
  background: none;
  left: 0%;
  clear: none;
 
  background: none;
  -webkit-box-shadow: 0 0 4px rgba(0,0,0,.3);
  -moz-box-shadow: 0 0 4px rgba(0,0,0,.3);
  box-shadow: 0 0 4px rgba(0,0,0,.3);
}

.inner-wrapper .content {background: none; -webkit-box-shadow: none; margin: 0;}

.toolbar {-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; 	border-bottom: 1px solid rgba(0,0,0,.1);}
.toolbar .chat {float: left; margin-left: 6em; background: rgba(255,255,255,.2); border-radius: .2em; padding: .3em .5em; margin: -.25em 0 0 6em; border-top: 1px solid rgba(255,255,255,.5); border-bottom: 1px solid rgba(0,0,0,.08);}

.toolbar .chat:hover {background-color: rgba(255, 255, 255, 0.4);}

html.ie7 .toolbar .chat {margin-left: 0;}
a.trigger{left: 1.25em;}

#header .menu, #header .phonebook {display: none;}
#header.moved .menu {left: 0;}


/*** Reset Phonebook List ***/
ul.phonelist a {display: inline; background: none;}
#wrapper .phonelist .tel, .phonelist .map {background: none; -webkit-box-shadow: none; color: #003a67; text-align: left; float: none; padding: 0; text-shadow: none;}
#wrapper .thirteen-col .phonelist a.map {float: none; background: none; color: #003a78; padding: 0;}
#pagecontent.towns .tel {background: none; color: #003a67; border-radius: none; text-align: left;}

/*** Core Layout ***/
body { 
	font-size: 16px;
	margin: 0;
	text-align: center;
	width: 100%;
	padding: 0;
	background: #689DBC url(../../img/backgrounds/desktop-superwide4.jpg) top center fixed no-repeat;
}

.wrapper, .inner-footer{
	margin: 0 auto; /* This centers the grid. Remove this line to place the grid on the left of the page. */
	text-align: left;
	max-width: 1380px;
}

#wrapper {padding: 0 5%; width: 90%; margin: 0 0 1em 0;}

#footer {border-top: 1px solid #CD7945;}
#footer .content {padding: 0 2%;}

#footer .secondrow .content {border-top: 1px solid rgba(255,255,255,.15); margin-top: 0; padding-top: 0;}

.inner-header {
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 5%;
  position: relative;
}

.inner-wrapper {
	clear: both;
	display: block;/* IE double margin fix. Feel free to move this to your IE specific stylesheets. */
  float: left;
	position: relative;
  width: 100%;
  margin: 0 auto 1em auto;
}

.inner-footer { 
  margin: 0 auto; 
  max-width: 1340px; 
  padding: 0 5%;
}

.container {
	clear: both;
	float: left;
	margin: 0;
	width: 100%;	
}

/*** Grid ***/
.one-col, .two-col, .three-col, .four-col, .five-col, .six-col, .seven-col, .eight-col, .nine-col, .ten-col, .eleven-col, .twelve-col, .thirteen-col, .fourteen-col, .fifteen-col, .sixteen-col {
	clear: none;
	display: block; /* Set to inline originally */
	float: left;
  overflow: hidden;
	margin-right:1.05264%;
	padding: 0;
	background: none;
	position: relative;
}
 .one-col {	width: 5.26315%;}
.two-col {	width: 11.57894%;}
.three-col {width: 17.89473%;}
.four-col {width: 24.21052%; }
html.ie7 .four-col.last-col {width: 23.21052%; }
.five-col {width: 30.52631%;}
html.ie6 .five-col.last-col, html.ie7 .five-col.last-col {margin-right: 0; width: 30%;}
.six-col {width: 36.8421%;}
.seven-col {width: 43.15789%;}
.eight-col {width: 49.47368%;}
.nine-col {width: 55.78947%;}
.ten-col {width: 62.10526%;}
.eleven-col {width: 68.42105%;}
.twelve-col {	width: 74.73684%;}
.thirteen-col {
	/*
	width: 81.05263%;
 */
  width: 100%; }
  
html.ie6 .nine-col {width: 65%; margin-right: 5%;}  
  
.fourteen-col {width: 87.36842%;}
.fifteen-col {width: 93.68421%;}
.sixteen-col {width: 100%; margin-right: 0;}

.sixteen-col .one-col {width: 5.26315%;margin-right: 1.05263%;}
.sixteen-col .two-col {width: 11.57894%;margin-right: 1.05263%;}
.sixteen-col .three-col {width: 17.89473%; margin-right: 1.05263%;}
.sixteen-col .four-col {width: 24.21052%;	margin-right: 1.05263%;}
.sixteen-col .five-col {width: 30.52631%;	margin-right: 1.05263%;}
.sixteen-col .six-col {width: 36.8421%;	margin-right: 1.05263%;}
.sixteen-col .seven-col {width: 43.15789%;	margin-right: 1.05263%;}
.sixteen-col .eight-col {width: 49.47368%;	margin-right: 1.05263%;}
.sixteen-col .nine-col {width: 55.78947%;	margin-right: 1.05263%;}
.sixteen-col .ten-col {width: 62.10526%;	margin-right: 1.05263%;}
.sixteen-col .eleven-col {width: 68.42105%;	margin-right: 1.05263%;}
.sixteen-col .twelve-col {width: 74.73684%;	margin-right: 1.05263%;}
.sixteen-col .thirteen-col {width: 81.05263%;	margin-right: 1.05263%;}
.sixteen-col .fourteen-col {width: 87.36842%;	margin-right: 1.05263%;}
.sixteen-col .fifteen-col {width: 93.68421%;	margin-right: 1.05263%;}
.sixteen-col .sixteen-col {width: 100%;	margin-right: 0;}
.fifteen-col .one-col {width: 5.61797%;	margin-right: 1.12359%;}
.fifteen-col .two-col {	width: 12.35955%;	margin-right: 1.12359%;}
.fifteen-col .three-col {	width: 19.10112%;	margin-right: 1.12359%;}
.fifteen-col .four-col {	width: 25.84269%;	margin-right: 1.12359%;}
.fifteen-col .five-col {	width: 32.58426%;	margin-right: 1.12359%;}
.fifteen-col .six-col {	width: 39.32584%;	margin-right: 1.12359%;}
.fifteen-col .seven-col {	width: 46.06741%;	margin-right: 1.12359%;}
.fifteen-col .eight-col {	width: 52.80898%;	margin-right: 1.12359%;}
.fifteen-col .nine-col {	width: 59.55056%;	margin-right: 1.12359%;}
.fifteen-col .ten-col {	width: 66.29213%;	margin-right: 1.12359%;}
.fifteen-col .eleven-col {	width: 73.0337%;	margin-right: 1.12359%;}
.fifteen-col .twelve-col {	width: 79.77528%;	margin-right: 1.12359%;}
.fifteen-col .thirteen-col {	width: 86.51685%;	margin-right: 1.12359%;}
.fifteen-col .fourteen-col {	width: 93.25842%;	margin-right: 1.12359%;}
.fifteen-col .fifteen-col {	width: 100%;	margin-right: 0;}
.fourteen-col .one-col {	width: 6.02409%;	margin-right: 1.20481%;}
.fourteen-col .two-col {	width: 13.25301%;	margin-right: 1.20481%;}
.fourteen-col .three-col {width: 20.48192%; margin-right: 1.20481%;}
.fourteen-col .four-col {width: 27.71084%;	margin-right: 1.20481%;}
.fourteen-col .five-col {	width: 34.93975%;	margin-right: 1.20481%;}
.fourteen-col .six-col {	width: 42.16867%;	margin-right: 1.20481%;}
.fourteen-col .seven-col {	width: 49.39759%;	margin-right: 1.20481%;}
.fourteen-col .eight-col {	width: 56.6265%;	margin-right: 1.20481%;}
.fourteen-col .nine-col {	width: 63.85542%;	margin-right: 1.20481%;}
.fourteen-col .ten-col {	width: 71.08433%;	margin-right: 1.20481%;}
.fourteen-col .eleven-col {	width: 78.31325%;	margin-right: 1.20481%;}
.fourteen-col .twelve-col {	width: 85.54216%;	margin-right: 1.20481%;}
.fourteen-col .thirteen-col {	width: 92.77108%;	margin-right: 1.20481%;}
.fourteen-col .fourteen-col {	width: 100%;	margin-right: 0;}
.thirteen-col .one-col {	width: 6.4935%;	margin-right: 1.2987%;}
.thirteen-col .two-col {	width: 14.28571%;	margin-right: 1.2987%;}
.thirteen-col .three-col {	width: 22.07792%;	margin-right: 1.2987%;}
.thirteen-col .four-col {	width: 29.87012%;	margin-right: 1.2987%;}
.thirteen-col .five-col {	width: 37.66233%;	margin-right: 1.2987%;}
.thirteen-col .six-col {	width: 45.45454%;	margin-right: 1.2987%;}
.thirteen-col .seven-col {	width: 53.24675%;	margin-right: 1.2987%;}
.thirteen-col .eight-col {	width: 61.03896%;	margin-right: 1.2987%;}
.thirteen-col .nine-col {	width: 68.83116%;	margin-right: 1.2987%;}
.thirteen-col .ten-col {	width: 76.62337%;	margin-right: 1.2987%;}
.thirteen-col .eleven-col {	width: 84.41558%;	margin-right: 1.2987%;}
.thirteen-col .twelve-col {	width: 92.20779%;	margin-right: 1.2987%;}
.thirteen-col .thirteen-col {	width: 100%;	margin-right: 0; }
.twelve-col .one-col {	width: 7.04225%;	margin-right: 1.40845%;}
.twelve-col .two-col {	width: 15.49295%;	margin-right: 1.40845%;}
.twelve-col .three-col {	width: 23.94366%;	margin-right: 1.40845%;}
.twelve-col .four-col {	width: 32.39436%;	margin-right: 1.40845%;}
.twelve-col .five-col {	width: 40.84507%;	margin-right: 1.40845%;}
.twelve-col .six-col {	width: 49.29577%;	margin-right: 1.40845%;}
.twelve-col .seven-col {	width: 57.74647%;	margin-right: 1.40845%;}
.twelve-col .eight-col {	width: 66.19718%;	margin-right: 1.40845%;}
.twelve-col .nine-col {	width: 74.64788%;	margin-right: 1.40845%;}
.twelve-col .ten-col {	width: 83.09859%;	margin-right: 1.40845%;}
.twelve-col .eleven-col {	width: 91.54929%;	margin-right: 1.40845%;}
.twelve-col .twelve-col {	width: 100%;	margin-right: 0;}
.eleven-col .one-col {	width: 7.6923%;	margin-right: 1.53846%;}
.eleven-col .two-col {	width: 16.92307%;	margin-right: 1.53846%;}
.eleven-col .three-col {	width: 26.15384%;	margin-right: 1.53846%;}
.eleven-col .four-col {	width: 35.38461%;	margin-right: 1.53846%;}
.eleven-col .five-col {	width: 44.61538%;	margin-right: 1.53846%;}
.eleven-col .six-col {	width: 53.84615%;	margin-right: 1.53846%;}
.eleven-col .seven-col {	width: 63.07692%;	margin-right: 1.53846%;}
.eleven-col .eight-col {	width: 72.30769%;	margin-right: 1.53846%;}
.eleven-col .nine-col {	width: 81.53846%;	margin-right: 1.53846%;}
.eleven-col .ten-col {	width: 90.76923%;	margin-right: 1.53846%;}
.eleven-col .eleven-col {	width: 100%;	margin-right: 0;}
.ten-col .one-col {	width: 8.47457%;	margin-right: 1.69491%;}
.ten-col .two-col {	width: 18.64406%;	margin-right: 1.69491%;}
.ten-col .three-col {	width: 28.81355%;	margin-right: 1.69491%;}
.ten-col .four-col {	width: 38.98305%;	margin-right: 1.69491%;}
.ten-col .five-col {	width: 49.15254%;	margin-right: 1.69491%;}
.ten-col .six-col {	width: 59.32203%;	margin-right: 1.69491%;}
.ten-col .seven-col {	width: 69.49152%;	margin-right: 1.69491%;}
.ten-col .eight-col {	width: 79.66101%;	margin-right: 1.69491%;}
.ten-col .nine-col {	width: 89.8305%;	margin-right: 1.69491%;}
.ten-col .ten-col {	width: 100%;	margin-right: 0;}
.nine-col .one-col {	width: 9.43396%;	margin-right: 1.88679%;}
.nine-col .two-col {	width: 20.75471%;	margin-right: 1.88679%;}
.nine-col .three-col {	width: 32.07547%;	margin-right: 1.88679%;}
.nine-col .four-col {	width: 43.39622%;	margin-right: 1.88679%;}
.nine-col .five-col {	width: 54.71698%;	margin-right: 1.88679%;}
.nine-col .six-col {	width: 66.03773%;	margin-right: 1.88679%;}
.nine-col .seven-col {	width: 77.35849%;	margin-right: 1.88679%;}
.nine-col .eight-col {	width: 88.67924%;	margin-right: 1.88679%;}
.nine-col .nine-col {	width: 100%;	margin-right: 0;}
.eight-col .one-col {	width: 10.63829%;	margin-right: 2.12765%;}
.eight-col .two-col {	width: 23.40425%;	margin-right: 2.12765%;}
.eight-col .three-col {	width: 36.17021%;	margin-right: 2.12765%;}
.eight-col .four-col {	width: 48.93617%;	margin-right: 2.12765%;}
.eight-col .five-col {	width: 61.70212%;	margin-right: 2.12765%;}
.eight-col .six-col {	width: 74.46808%;	margin-right: 2.12765%;}
.eight-col .seven-col {	width: 87.23404%;	margin-right: 2.12765%;}
.eight-col .eight-col {	width: 100%;	margin-right: 0;}
.seven-col .one-col {	width: 12.19512%;	margin-right: 2.43902%;}
.seven-col .two-col {	width: 26.82926%;	margin-right: 2.43902%;}
.seven-col .three-col {	width: 41.46341%;	margin-right: 2.43902%;}
.seven-col .four-col {	width: 56.09756%;	margin-right: 2.43902%;}
.seven-col .five-col {	width: 70.7317%;	margin-right: 2.43902%;}
.seven-col .six-col {	width: 85.36585%;	margin-right: 2.43902%;}
.seven-col .seven-col {	width: 100%;	margin-right: 0;}
.six-col .one-col {	width: 14.28571%;	margin-right: 2.85714%;}
.six-col .two-col {	width: 31.42857%;	margin-right: 2.85714%;}
.six-col .three-col {	width: 48.57142%;	margin-right: 2.85714%;}
.six-col .four-col {	width: 65.71428%;	margin-right: 2.85714%;}
.six-col .five-col {	width: 82.85714%;	margin-right: 2.85714%;}
.six-col .six-col {	width: 100%;	margin-right: 0;}
.five-col .one-col {	width: 17.24137%;	margin-right: 3.44827%;}
.five-col .two-col {	width: 37.93103%;	margin-right: 3.44827%;}
.five-col .three-col {	width: 58.62068%;	margin-right: 3.44827%;}
.five-col .four-col {	width: 79.31034%;	margin-right: 3.44827%;}
.five-col .five-col {	width: 100%;	margin-right: 0;}
.four-col .one-col {	width: 21.73913%;	margin-right: 4.34782%;}
.four-col .two-col {	width: 47.82608%;	margin-right: 4.34782%;}
.four-col .three-col {width: 73.91304%;	margin-right: 4.34782%;}
.four-col .four-col {	width: 100%;	margin-right: 0;}
.three-col .one-col {	width: 29.41176%;	margin-right: 5.88235%;}
.three-col .two-col {	width: 64.70588%;	margin-right: 5.88235%;}
.three-col .three-col {	width: 100%;	margin-right: 0;}
.two-col .one-col {	width: 45.45454%;	margin-right: 9.0909%;}
.two-col .two-col {	width: 100%;	margin-right: 0;}
.one-col .one-col {	width: 100%;	margin-right: 0;}
 .sixteen-col .last-col {margin-right: 0;}
 .fifteen-col .last-col {	margin-right: 0;}
.fourteen-col .last-col {margin-right: 0;}
.thirteen-col .last-col {margin-right: 0;}
.twelve-col .last-col {margin-right: 0;}
.eleven-col .last-col {margin-right: 0;}
.ten-col .last-col {margin-right: 0;}
.nine-col .last-col {margin-right: 0;}
.eight-col .last-col {margin-right: 0;}
.seven-col .last-col {margin-right: 0;}
.six-col .last-col {margin-right: 0;}
.five-col .last-col {margin-right: 0;}
.four-col .last-col {margin-right: 0;}
.three-col .last-col {margin-right: 0;}
.two-col .last-col {margin-right: 0;}
.one-col .last-col {margin-right: 0;}

.clear {clear: both;}
.last-col {margin-right: 0;}

/*** Design Specific ***/

.thirteen-col.home .content ul.listing, 
.thirteen-col.home .photos span, 
.thirteen-col.home .local span, 
#header .searchbar,
#header .topnavigation,
.three-col.navigation,
#footer dd, #footer ul,
#wrapper .four-col.local ul.listing,
#wrapper .four-col.alerts ul.listing,
#wrapper .four-col.calendars ul.listing,
#wrapper .four-col.feedback .content ul,  
#wrapper .four-col.feedback .content p, 
#wrapper .four-col.calendars p
body.homepage .content p {display: block;}

/*** Remove Background from Mobile Header ***/
#header {
  background: none; 
  filter: none;
  background: rgba(0,0,0,.08);
  border-top: 12px solid rgba(0,0,0,.4);
  margin-bottom: 1em;
}

html.ie7 #header, html.ie8 #header {margin-bottom: 0;}


/*** Search ***/
.search {width: 100%; margin-top: 0; padding-top: 0;}
html.ie6 .searchbar {float: right; padding: 0; margin: 0; display: block;}
.searchbar form {text-align: right; padding: 1em 0 0 0; float: right; }

#header .searchbar form input#search {
	border: 2px solid #ccc;
	width: 18em;
	/*float: left;*/
	color: #003a67;
	background: #fff;
	vertical-align: top;
	display: inline;
	border-radius: .4em;
	-webkit-transition-property: all;
	-webkit-transition-duration: .2s;
	-webkit-transition-timing-function: ease-in-out;
	-moz-transition-property: all;
	-moz-transition-duration: .2s;
	-moz-transition-timing-function: ease-in-out;
  padding: .5em 0 1em 0;
  font-size: .9em;
  outline: none;
  margin: 0;
  -webkit-box-shadow: 0 3px 3px rgba(0,0,0,.1);
	-webkit-appearance: none;
	display: inline-table;
  -webkit-transition: all .1s ease-in-out;
  -moz-transition: all .1s ease-in-out;
  -o-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;
}

html.ie7 #header .searchbar form input#search,
html.ie8 #header .searchbar form input#search, 
html.ie9 #header .searchbar form input#search 
{display: block; line-height: 1em; height: 1.15em; padding: .73em; float: left;} 

.search form input#search:hover, #header form input#search:focus {
	background: #fff;
	background: rgba(255,255,255,.95);
	border: 2px solid #6698CB; 
	color: #194b80;
	margin: 0;
	outline: none;
	-webkit-box-shadow: 0 0 3px rgba(47,126,191,1) inset;
	-moz-box-shadow: 0 0 3px rgba(47,126,191,1) inset;
	box-shadow: 0 0 3px rgba(47,126,191,1) inset;
}

.searchbar form button {
  text-indent: 140%;
  overflow: hidden;
  -webkit-box-shadow: 0 3px 3px rgba(0,0,0,.1);
  height: 3.45em;
  width: 64px;
  border: none;
  border-radius: .4em;
  margin: 0 0 0 .5em;
  outline: none;
  -webkit-transition: .2s all ease-in-out;
  background: #E5A04E url(../../img/icons/searchbutton.png) center no-repeat;
}

#header .searchbar form button:hover, #header .searchbar form button:focus {background: #CD7945 url(../../img/icons/searchbutton.png) center no-repeat;}

/*** Desktop H1 ***/

#header h1 a {
  display: block;
  background: url(../../img/header/h1-header.png) center left no-repeat;
  height: 74px;
  width: 334.5px;
  padding-top: 1.5em;
  float: left;
  text-indent: -200%;
  white-space: nowrap;
  overflow: hidden;
  -webkit-transition: opacity .3s ease;
  -moz-transition: opacity .3s ease;
  -o-transition: opacity .3s ease;
  transition: opacity .3s ease;
  position: relative;
}

/*#header h1 a {
  display: block;
  background: url(../../img/header/h1-desktop.png) center left no-repeat;
  height: 96px;
  width: 184px;
  float: left;
  text-indent: -200%;
  white-space: nowrap;
  overflow: hidden;
  -webkit-transition: opacity .3s ease;
  -moz-transition: opacity .3s ease;
  -o-transition: opacity .3s ease;
  transition: opacity .3s ease;
  position: relative;
}*/
#header h2 {
	font-size: 1em;
	margin: .5em 0 .8em 0;
	padding: 0;
	text-align: left;
	display: block;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
	color: #edf6fd;
}

#header .three-col {width: 180px; padding: 10px 10px 0 10px;}
#header h1 a:hover {opacity: .85;}


.left {
	float: left;
}

.right {
	float: right;
}

.bubbles {
	padding-right: 2em;
}

/*** Footer ***/
#footer dl {margin: 1em 0 0 .2em;}

#footer dt a {
  background: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  padding: .3em 0;
  font-weight: 400;
  font-size: 1.15em;
  margin: 0 0 .5em 0;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-transition: all .1s ease-in-out;
  -moz-transition: all .1s ease-in-out;
  -o-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;
}

#footer dt a:hover {background: none; color: #def; text-shadow: 0 0 10px rgba(255,255,255,.6);}
#primary-content {margin: 0 10px;}

#wrapper .content { 
  border-radius: .2em; 
  margin: 0 .75em 1em .75em; 
  padding: 0 .75em .15em .75em; 
  display: block; 
  float: none;
  background: none;
}

#pagecontent.homepage .content {padding: 0 .75em 1em .75em;}

#pagecontent.homepage .content-banner {padding: .5em .75em 1em .75em;} 

#pagecontent.homepage #wrapper .thirteen-col {background: rgba(255,255,255,.7);}

html.ie8 #pagecontent.homepage #wrapper .thirteen-col, html.ie7 #pagecontent.homepage #wrapper .thirteen-col {background: url(../../img/ie/white70.png);}

#wrapper .thirteen-col {
  background: #fff;
  background: rgba(255,255,255,.91);
  padding: 0;
  margin: 0 0 0 0;
  width: 100%;
  /*
  border-top-right-radius: .35em; 
  border-bottom-right-radius: .35em; 
  */
  border-radius: .35em;
}

html.ie7 #pagecontent #wrapper .thirteen-col, html.ie8 #pagecontent #wrapper .thirteen-col {background: url(../../img/ie/white90.png) center repeat}


#footer dd  {font-size: .9em; font-weight: 200; line-height: 1.3em; padding: 0 0 .4em 0; margin: 0;}
#footer dd a {
  display: block; 
  color: #fff; 
  color: rgba(255,255,255,.9);
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

#footer dd a:hover, #footer dd a:active {background: rgba(255,255,255,.05); color: #def;  text-decoration: underline;}

/*** Top Navigation ***/
.topnavigation {text-align: right; margin: .2em 7em 1em 0;  }
.topnavigation ul li {display: inline; padding: 0; margin: 0;}

#header .topnavigation ul li a {
	padding: .3em .75em .3em .75em; 
  font-size: .8em;  
	color: #003a67; 
	font-weight: 200; 
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-decoration: none; 
	-moz-text-shadow: 0 1px 0 rgba(255,255,255,.7); 
	text-shadow: 0 1px 0 rgba(255,255,255,.5); 
	-moz-border-radius: .3em; 
	-webkit-border-radius: .3em; 
	border-radius: .3em; 
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

#header .topnavigation ul li.current a {background: #194b80; color: #fff; color: rgba(255,255,255,.9); text-shadow: 0 -1px 0 rgba(0,0,0,.6);  -moz-text-shadow: 0 -1px 0 rgba(0,0,0,.6);}
.topnavigation ul li a:hover {background: rgba(0,0,0,.08);}
html.ie7 .topnavigation ul li a:hover, html.ie8 .topnavigation ul li a:hover {background: url(../../img/ie/black_7.png) center repeat;}

/*** Navigation  ***/
.three-col.navigation {
  display: block;
  width: 100%;
  background: rgb(25,75,128); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(25,75,128,1) 0%, rgba(0,58,103,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(25,75,128,1)), color-stop(100%,rgba(0,58,103,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(25,75,128,1) 0%,rgba(0,58,103,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(25,75,128,1) 0%,rgba(0,58,103,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(25,75,128,1) 0%,rgba(0,58,103,1) 100%); /* IE10+ */
  background: linear-gradient(top,  rgba(25,75,128,1) 0%,rgba(0,58,103,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#194b80', endColorstr='#003a67',GradientType=0 ); /* IE6-9 */
  border-radius: .4em;
  margin: 0 0 1em 0;
  text-align: center;
}

.navigation ul {display: block; margin: 0em auto; text-align: center;  padding: 0;}
.navigation ul li {display: block; float: left; font-size: 1em; margin: 0; text-align: center; width: 12.5%; margin: 0; height: 3.9em; padding: 0;}

html.ie7 .navigation ul {margin: 0 auto; text-align: center;}
html.ie7 .navigation ul li {font-size: 1em; width: 12%; text-align: center; }

.three-col.navigation ul li a {
  padding: 1.5em .25em 1em .25em; 
  font-family: "JunctionRegular", "Helvetica Nueue", Helvetica, Arial, sans-serif; 
  display: block; 
  height: 5.2em;
  vertical-align: top;
  font-weight: 200;
  color: #fff; 
  border-bottom: none;
  border-top: none;
  line-height: 1.3em;
  font-size: .78em;
  text-shadow: 0 -1px 0 rgba(0,0,0,.4);
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

html.no-flexbox .three-col.navigation ul li a {padding: 1.5em 0 1em 0;}

.navigation ul li a:hover, 
.navigation ul li a:active {
  background: #326392;
  text-decoration: none;
  background: rgba(255,255,255,.1);
}

html.flexbox #wrapper .navigation ul li a {
   -moz-box-sizing:    border-box;
   -webkit-box-sizing: border-box;
    box-sizing:        border-box;
    border-left: 1px solid rgba(255,255,255,.1);
    border-right: 1px solid rgba(0,0,0,.2);
}

html.no-flexbox #wrapper .navigation ul li a {border-right: 1px solid #22537E; overflow: hidden;}

#pagecontent.home .navigation ul li.home a, 
#pagecontent.services .navigation ul li.services a, 
#pagecontent.government .navigation ul li.government a, 
#pagecontent.business .navigation ul li.business a, 
#pagecontent.resident .navigation ul li.resident a, 
#pagecontent.visit .navigation ul li.visit a, 
#pagecontent.information .navigation ul li.information a,
#pagecontent.towns .navigation ul li.towns a {
  background: #37638F url(../../img/icons/icons.png) 50% -2280px no-repeat;
  background: rgba(255,255,255,.15) url(../../img/icons/icons.png) 50% -2280px no-repeat;
  color: #fff;
}

/*** Hide Mobile Menu Buttons ***/
#header li.menu, #header li.search {display: none;}

/*** Home page Headers ***/
#pagecontent .thirteen-col.home h3 a {
  background: none; 
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  padding: .5em 0;
  font-size: 1.2em;
  margin: 0 0 .25em 0;
  display: block;
  text-shadow: none;
  color: #2F74A6;
  border-bottom: 2px solid rgba(0,0,0,.2);
}

.thirteen-col.home h3 a:hover, .thirteen-col.home h3 a:active {background: none;}

/*** Topnews ***/
.topnews {
  margin-top: .35em;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}

.topnews a span {
  display:block; 
  float: left; 
  display: block; 
  text-indent: 0;
  height: 100%;
  background: url(../../img/ie/white10.png) center repeat;
  background: rgba(255,255,255,.2);
  padding: 1em; 
  margin: -1em 1em 0 -1em;
}

/*** Transparent ***/

#wrapper .inner-wrapper .thirteen-col.transparent {background: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
#wrapper .four-col.aside  .content {padding: 1em 1.2em; margin: 0; border-top: none; background: none;  }
#wrapper .inner-wrapper .four-col.aside {background: rgba(51,121,176,.1);}
html.ie8 #wrapper .four-col.aside, html.ie7 #wrapper .four-col.aside {background: url(../../img/ie/blue-aside.png) center repeat; }

/*** Tagline ***/
h3.marketing {margin-bottom: 0; font-size: 1.5em;}

p.tagline {margin: 0 0 3em 0; padding: 0;}

/*** Sites Menu ***/
#sites { background-color: rgba(0,0,0,.4); position: relative; -webkit-box-shadow: 0 4px 5px rgba(0,0,0,.3) inset; float: left; width: 100%; z-index: 300;} 
html.no-js #sites {display: none;}
html.ie6 #sites {display: none; /* background: #194b80; float: left; width: 950px; height: 3em; margin: 0 auto; */}
html.ie7 #sites, html.ie8 #sites {background: url(../../img/ie/black40.png) center repeat;}
#sites .wrap { position: relative; margin: 0 auto; padding:0 3% 1em 3%; display: block;  list-style: none; text-align: right; overflow: hidden; max-width: 1340px;  }
#sites ul { margin: 0 auto 1em auto; text-align: right; padding: 0;}
#sites li { display: inline; padding: 7px 0; margin: 0 0 0 .5em; text-align: right; color: #fff; font-size: .8em; }
#sites li a { color: #fff; text-decoration: none; padding: .3em;  border-radius: .4em; -webkit-transition: all .15s ease-in-out;  }
html.ie7 #sites li:a hover, html.ie8 #sites li a:hover {background: url(../../img/ie/black30.png) center repeat;}
#sites li a, #sites li em { padding: 0 .2em; font-style: normal; }
           
a.sites-toggle {
  background: rgba(0,0,0,.4) url(../../img/icons/icons.png) 85% -2454px no-repeat;
  height: 1.8em;  
  position: absolute; 
  top: 0; 
  font-size: .8em;
  right: 4.9%;  
  z-index: 500; 
  border-bottom-right-radius: .3em;
  border-bottom-left-radius: .3em;
  padding: .75em 2.7em .3em .75em;
  overflow: hidden;
  -webkit-transition: all .1s ease-in-out;
	-moz-transition: all .15s ease-in-out;
	-o-transition: all .15s ease-in-out;
	transition: all .1s ease-in-out;
	color: #fff;
	text-shadow: 0 1px 0 rgba(0,0,0,.2);
}

html.ie7 a.sites-toggle, html.ie8 a.sites-toggle  {background: url(../../img/ie/black40.png) center repeat; padding: .75em .75em 0 .75em;}

a.sites-toggle:hover,
a.sites-toggle:active {
  height: 2.1em;
  text-decoration: none;
  color: #def;
}

html.ie6 a.sites-toggle {display: none;}
#sites li { padding: .5em 0; }
#sites .close {
  text-indent: 100%;
  overflow: hidden; 
  display: block; 
  width: 9px; 
  height: 9px; 
  cursor: pointer; 
  text-align:left;
}

#sites ul.widgets {
	background: rgba(0,0,0,.05); 
	border-top: 1px solid rgba(0,0,0,.4); 
	border-bottom: 1px solid rgba(255,255,255,.4); 
	display: inline-block; 
	float: right; 
	text-align: left; 
	border-radius: .4em;
	margin-top: .95em;
	margin-right: 1.5em;
}

#pagecontent #sites ul.widgets li {margin: 0; padding: 0; border-radius: 0;}
#pagecontent #sites ul.widgets li a {border-radius: 0; padding: .5em .8em; display: inline-block; margin: 0; cursor: pointer; font-weight: bold;}
#wrapper #sites ul.widgets li a:hover {cursor: pointer; text-decoration: underline; background: none;}

#pagecontent #sites ul li a.normalvis {
  background: rgba(0, 0, 0, .3);
  font-weight: bold;
  -webkit-border-top-left-radius: .4em;
  -webkit-border-bottom-left-radius: .4em;
  -moz-border-radius-topleft: .4em;
  -moz-border-radius-bottomright: .4em;
  border-top-left-radius: .4em;
  border-bottom-left-radius: .4em;
}

#pagecontent #sites  ul li a.highvis {
  -webkit-border-top-right-radius: .4em; 
  -webkit-border-bottom-right-radius: .4em;
  -moz-border-radius-topright: .4em;
  -moz-border-radius-bottomright: .4em;
  border-top-right-radius: .4em; 
  border-bottom-right-radius: .4em;
}


/*** Bread Crumb ***/
.breadcrumb  {margin: .75em .5em 1em 0; font-size: .8em; font-family: Helvetica, Arial, sans-serif; color: #555; padding: .3em .5em .3em .3em; line-height: 1.4em; }
#wrapper .breadcrumb a {text-decoration: none; margin: 0 1px 0 0; color: #777;  display: inline-block; padding: 0 .3em; display: inline-block;}
#wrapper .breadcrumb a:first-child {padding-left: 0;}
#wrapper .breadcrumb a.last {color: #2E7DBD;}

/*** Feedback ***/
#header .topnavigation a.feedback {
	background: none; 
	border-width: 2px 0 2px 2px; 
	z-index: 99; 
	border-style: solid; 
	border-color: #fff; 
	float: left; 
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	color: #fff; 
	padding: 0; 
	opacity: .9;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
	-webkit-box-shadow: 0 4px 4px rgba(0,0,0,.5);
	background: #194b80 url(../../img/feedback/feedback.png) center no-repeat; 
	width: 2.2em; 
	height: 110px;
	position: fixed; 
	right: 0; 
	top: 35%; 
	-webkit-transform: translateZ(0);
}

html.ie7 #header .topnavigation a.feedback {display: none;}
#header a.feedback span {display: block; float: left; position: absolute; left: -9999em;}
#header a.feedback:hover {opacity: 1; padding-right:4px;}
html.ie6 a.feedback {display: none;}

/*** Boxes ***/
#wrapper .four-col .content,
#wrapper .five-col.calendars .content {
  background: #fff;
  -webkit-box-shadow: 0 0 6px rgba(0,0,0,.3);
  -moz-box-shadow: 0 0 6px rgba(0,0,0,.3);
  box-shadow: 0 0 6px rgba(0,0,0,.3);
}

#wrapper .four-col.feedback {margin: 0; padding: 0; background: none;}
#wrapper .four-col.feedback .content h3 a{margin: 0;}

/*** Mobile Page Specific ***/

/***** First Headline ***/
.headlineOne {
	position: relative;
	margin-top: .5em;
}

.headlineOne .one {
	font-size: 1.75em;
	font-weight: 200;
	padding-right: .3em;
}

.headlineOne .two {
	font-size: 8em;
	font-weight: bold;
	/*display: block;*/
	color: #2F74A6;
	padding-top: .12em;
	text-shadow: 0px 2px 1px #bbbaba;
}

.headlineOne .three {
	font-size: 1.2em;
	font-weight: bold;
}

html.csstransforms .headlineOne .three {
	display: block;
	position: absolute;
	top: 0px;
	left: 140px;
	height: 100%;
	-webkit-transform: rotate(90deg); 
	-moz-transform: rotate(90deg);
}

html.no-csstransforms .headlineOne .three {
	font-size: 1.75em;
	font-weight: 200;
}

/************** Second Headline ***********/
.headlineTwo {
	margin-top: 2em;
}

.headlineTwo .two-one {
	font-size: 1.75em;
	font-weight: 200;
}

.headlineTwo .two-two {
	font-size: 1em;
	font-weight: bold;
	color: #2F74A6;
}

/************** Third Headline ***********/
.headlineThree {
	margin-top: 2em;
	display: block;
}

.headlineThree .three-one {
	font-size: 1.75em;
	font-weight: 200;
}

.headlineThree .three-two {
	font-size: 1em;
	font-weight: bold;
	display: block;
	color: #2F74A6;
}

p.mobiletagline {
	font-size: 2.5em;
	margin: 0 0 .5em 0;
	text-align: center;
}

#wrapper .appicons {padding-top: 10px;}
.appicons a img {padding: 0 15px 15px 0;}


/*** Footer Specific ***/
.photos dd {
  float: left;
  display: inline-block;
  margin: 0 1em 1em 0;
}

#footer .photos dd a {background: none;}
#footer .photos dd a:hover {background: none;}

.photos dd img {
  margin: 0 1em 1em 0;
  border: 1px solid rgba(255,255,255,.5);
  opacity: .9;
}

.photos dd img:hover,
.photos dd img:active {opacity: 1;}


/*** Footer borders ***/
html.flexbox #footer .secondrow {
  -moz-box-sizing:    border-box;
  -webkit-box-sizing: border-box;
  box-sizing:        border-box;
  border-top: 1px solid rgba(0,0,0,.4);
}

html.flexbox #footer .three-col {width: 18.94737%;  margin-right: 0;}

/*** Footer Icons ***/
#footer a {color: #fff;}
#footer a:hover, #footer a:active {text-decoration: none; }
#footer .socialweb a {padding: .18em 0 .18em 24px; -webkit-transition: none; -moz-transition: none; float: left; width: 100%;}

#footer .socialweb dd {float: left; width: 100%; display: block; clear: both;}

#footer .socialweb dl {clear: both; border: 2px solid red; display: block;}
#footer .socialweb dt a {padding-left: 0;}
html.ie6 #wrapper #footer .socialweb a, html.ie6 #footer .blog a {padding-left: 0; background: none; }


#footer a.facebook {background: url(../../img/icons/icons.png) 0% -1438px no-repeat;}
#footer a.facebook:hover {background:  url(../../img/icons/icons.png) 0% -598px no-repeat; }

#footer a.flickr {background: url(../../img/icons/icons.png) 0% -1678px no-repeat;}
#footer a.flickr:hover {background: url(../../img/icons/icons.png) 0% -1198px no-repeat;}
#footer a.googleplus {background: url(../../img/icons/icons.png) 0% -2759px no-repeat;}
#footer a.googleplus:hover {background:  url(../../img/icons/icons.png) 0% -2698px no-repeat;}
#footer a.pinterest {background: url(../../img/icons/icons.png) 0% -2820px no-repeat;}
#footer a.pinterest:hover {background:  url(../../img/icons/icons.png) 0% -2880px no-repeat;}
#footer a.linkedin {background: url(../../img/icons/icons.png) 0% -1618px no-repeat;}
#footer a.linkedin:hover {background:  url(../../img/icons/icons.png) 0% -1138px no-repeat;}
#footer a.rss {background: url(../../img/icons/icons.png) 0% -1798px no-repeat; color: #fff; padding: .35em 0 .25em 24px; margin: 0;}
#footer a.rss:hover {background:  url(../../img/icons/icons.png) 0% -1258px no-repeat;}
#footer a.tumblr {background: url(../../img/icons/icons.png) 0% -1738px no-repeat;}
#footer a.tumblr:hover {background:  url(../../img/icons/icons.png) 0% -1078px no-repeat;}
#footer a.twitter {background: url(../../img/icons/icons.png) 0% -1498px no-repeat;}
#footer a.twitter:hover {background:  url(../../img/icons/icons.png) 0% -658px no-repeat;}
#footer a.youtube {background: url(../../img/icons/icons.png) 0% -1558px no-repeat;}
#footer a.youtube:hover {background:  url(../../img/icons/icons.png) 0% -718px no-repeat;}
.topnavigation, .searchbar, a.sites-toggle {display: block;}
#header a.menu, #header .search {display: none;}

/*** Footer Awards ***/
#footer { -webkit-transform: translateZ(0);}
.awards dl a {opacity: .8;}
.awards dl a:hover, .awards dl a:active {opacity: 1;}

.awards dd.bow a, #footer .awards dd.bow a:active, #footer .awards dd.bow a:hover {
  background: transparent url(../../img/awards/bow-ima2012.png) top center no-repeat; 
  height: 60px; 
  width: 78px; 
  text-indent: -250%; 
  white-space: nowrap;
  overflow: hidden; 
  padding: 0; 
  margin: 0; 
}

.awards dd.ima a, #footer .awards dd.ima a:hover, #footer .awards dd.ima a:active {
  -webkit-transition: none; 
  background: transparent url(../../img/awards/bow-ima2012.png) 0% -60px no-repeat; 
  height: 34px; 
  width: 78px; 
  text-indent: -300%; 
  white-space: nowrap;
  overflow: hidden; 
  padding: 0; 
  margin: 0; 
}

html.ie7 .awards dd.bow a, html.ie7 #footer .awards dd.bow a:active, html.ie7 #footer .awards dd.bow a:hover {background: none; height: auto; width: auto; text-indent: 0; white-space: normal; overflow: auto; padding: 0; margin: 0;}
html.ie7 .awards dd.ima a, html.ie7 #footer .awards dd.ima a:hover, html.ie7 #footer .awards dd.ima a:active {background: none; height: auto; width: auto; text-indent: 0; white-space: normal; overflow: auto; padding: 0; margin: 0;}

/*** Accordion ***/
#wrapper .five-col.last-col.accordion.transparent .content {margin-right: .2em; margin-left: 1em; padding-right: 0;}

#pagecontent.home #wrapper .expandcontent {height: 12em; overflow: hidden;  }
.expandcontent.governor {background: #fff url(../../img/backgrounds/accordion-sprite.jpg) 0 -10px no-repeat;}
.expandcontent.legislature {background: #fff url(../../img/backgrounds/accordion-sprite.jpg) 0 -270px no-repeat;}
.expandcontent.judiciary {background: #fff url(../../img/backgrounds/accordion-sprite.jpg) 0 -600px no-repeat;}
#pagecontent #wrapper .expandcontent dl {width: 70%; float: right; margin: 1em 1em 0 0; padding: 0;  background: none; overflow: hidden; }
html.no-js #wrapper .expandcontent dl {width: 100%; float: none; margin: 0; padding: 0; text-align: left; background: none;}
.expandcontent dl a {display: inline-block; text-align: right; padding: .2em .5em;  background: none;}



#pagecontent .governorbox {
	margin-top: .5em;
	background-color: #fff;
	height: auto;
	background: #fff url(../../img/governor/ChafeeHeadshot-seal.png) no-repeat left bottom;
	-webkit-box-shadow: 0 4px 4px rgba(0,0,0,.3);
	box-shadow: 0 4px 4px rgba(0,0,0,.3);
	padding-left: 0;
	padding-bottom: 0; 
}



/*** Maps for Cities and Towns ***/
#map_canvas {display: block; height: 300px; margin-bottom: 1em;}

/*** Banner Animations - Dot Navigation ***/
#sequence ul li img {display: inherit;}

ul#bannernav {
  display: block;
  margin: .5em 0 0 0;
  padding: 0;
  clear: both;
  text-align: center;
}

html.no-js ul#bannernav {display: none;}
ul#bannernav li {display: inline-block; padding: .35em; margin: 0;}
html.ie6 ul#bannernav li, html.ie7 ul#bannernav li {display: inline;}

ul#bannernav li a {
  text-indent: -200%;
  opacity: .9;
  overflow: hidden;
  display: block;
  border: 2px solid #bbb;
  -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8);
  border-radius: 1em;
  height: .5em;
  width: .5em;
  background: #ccc;
}

ul#bannernav li.active a {background: #fff; opacity: 1;}
ul#bannernav li a:hover,
ul#bannernav li a:active {opacity: 1;}

/*** Sequence Animation ***/

#banner {
  position: relative;
  -webkit-backface-visibility: hidden;
 
}

#sequence{
  height: 17em;
  padding: 0;
  margin: 0;
  position: relative;
  width: 100%;
  overflow: hidden;
  -webkit-box-shadow: 0 4px 4px rgba(0,0,0,.3);
}

html.no-js #sequence {height: auto; overflow: auto;} 

#sequence ul {margin: 0; padding: 0;}
#sequence ul li {list-style: none; list-style-type: none; margin: 0; padding: 0; }
html.no-js #sequence ul li {display: block; float: left; width: 25%;}
/*#sequence li > *  {position: absolute;}*/
html.no-js #sequence li > *  {position: relative;}

html.no-js #sequence li .skyline,
html.no-js #sequence li .superhero,
html.no-js #sequence li .hand,
html.no-js #sequence li .ballotbox,
html.no-js #sequence li .banner-three img,
html.no-js #sequence li #bub1,
html.no-js #sequence li #bub2,
html.no-js #sequence li #bub3,
html.no-js #sequence li .tada {
  display: none;  
}



.prev, .next {z-index: 300;}
html.no-js .prev, html.no-js .next {display: none;}

.prev a, .next a{
  width: 24px;
  opacity: .9;
  display: block;
  text-indent: -350%;
  overflow: hidden;
  z-index: 300;
  height: 24px;
}



.next a {background: #003a67 url(../../img/icons/icons.png) 50% -2340px no-repeat;  border-top-right-radius: .3em;  border-bottom-right-radius: .3em;   }
.prev a {background: #003a67 url(../../img/icons/icons.png) 10% -2399px no-repeat; border-top-left-radius: .3em;  border-bottom-left-radius: .3em;}
.prev a:hover, .next a:hover, .prev a:active, .next a:active {opacity: 1;}
.prev, .next {position: absolute; top: .8em; width: 22px; height: 22px;}
.next {right: 0;}
.prev {border-right: 1px solid #fff; right: 24px;}

/*** Banner One ***/

.headline {width: 45%; font-size: 1.9em; top: 8%; }
.superhero {width: 22%; height: auto;}

#sequence .banner-one.animate-in, 
#sequence .banner-two.animate-in, 
#sequence .banner-three.animate-in,
#sequence .banner-four.animate-in, 
#sequence .banner-five.animate-in, 
#sequence .banner-six.animate-in,
#sequence .banner-seven.animate-in,
#sequence .banner-eight.animate-in, 
#sequence .banner-nine.animate-in    
{left: 0; top: 0;}

@-webkit-keyframes superhero {0% {bottom: -100%; opacity: 0; -webkit-transform: scale(0.1) rotate(-20deg); -webkit-transform: rotate3d(0, 1, 1, 30deg);} 70% {bottom: -100%; opacity: 0;  -webkit-transform: scale(0.1) rotate(-20deg);} 100% {bottom: 0; opacity: 1; -webkit-transform: scale(1.0) rotate(0deg);}}
/* @-moz-keyframes superhero {0% {bottom: -100%; opacity: 0; -webkit-transform: scale(0.1) rotate(-20deg); -moz-transform: rotate3d(0, 1, 1, 30deg);} 70% {bottom: -100%; opacity: 0;  -moz-transform: scale(0.1) rotate(-20deg);} 100% {bottom: 0; opacity: 1; -webkit-transform: scale(1.0) rotate(0deg);}} */
@-ms-keyframes superhero {0% {bottom: -100%; opacity: 0; -ms-transform: scale(0.1) rotate(-20deg); -ms-transform: rotate3d(0, 1, 1, 30deg);} 70% {bottom: -100%; opacity: 0;  -ms-transform: scale(0.1) rotate(-20deg);} 100% {bottom: 0; opacity: 1; -webkit-transform: scale(1.0) rotate(0deg);}}
@keyframes superhero {0% {bottom: -100%; opacity: 0; transform: scale(0.1) rotate(-20deg); transform: rotate3d(0, 1, 1, 30deg);} 70% {bottom: -100%; opacity: 0;  transform: scale(0.1) rotate(-20deg);} 100% {bottom: 0; opacity: 1; -webkit-transform: scale(1.0) rotate(0deg);}}


@-webkit-keyframes headline {0% {opacity: 0; -webkit-transform: scale(0) rotate(-20deg);} 20% {opacity: .5; -webkit-transform: scale(0) rotate(-20deg);} 100% {opacity: 1; -webkit-transform: scale(1.0) rotate(0deg);}}
/* @-moz-keyframes headline {0% {opacity: 0; -webkit-transform: scale(0) rotate(-20deg);} 20% {opacity: .5; -moz-transform: scale(0) rotate(-20deg);} 100% {opacity: 1; -moz-transform: scale(1.0) rotate(0deg);}} */
@-ms-keyframes headline {0% {opacity: 0; -webkit-transform: scale(0) rotate(-20deg);} 20% {opacity: .5; -ms-transform: scale(0) rotate(-20deg);} 100% {opacity: 1; -ms-transform: scale(1.0) rotate(0deg);}}
@keyframes headline {0% {opacity: 0; -webkit-transform: scale(0) rotate(-20deg);} 20% {opacity: .5; transform: scale(0) rotate(-20deg);} 100% {opacity: 1;transform: scale(1.0) rotate(0deg);}}

@-webkit-keyframes skyline {0% {bottom: -100%;} 80% {bottom: -100%;} 100% {bottom: 0%;}}
/* @-moz-keyframes skyline {0% {bottom: -100%;} 80% {bottom: -100%;} 100% {bottom: 0%;}} */
@-ms-keyframes skyline {0% {bottom: -100%;} 80% {bottom: -100%;} 100% {bottom: 0%;}}
@keyframes skyline {0% {bottom: -100%;} 80% {bottom: -100%;} 100% {bottom: 0%;}}


@-webkit-keyframes textbox {0% {top: -100%;} 80% {top: -50%;} 95% {top: 65%;} 98% {top: 60%;} 100% {bottom: 10%;}}
/* @-moz-keyframes textbox {0% {top: -100%;} 80% {top: -50%;} 95% {top: 65%;} 98% {top: 60%;} 100% {bottom: 10%;}} */
@-ms-keyframes textbox {0% {top: -100%;} 80% {top: -50%;} 95% {top: 65%;} 98% {top: 60%;} 100% {bottom: 10%;}}
@keyframes textbox {0% {top: -100%;} 80% {top: -50%;} 95% {top: 65%;} 98% {top: 60%;} 100% {bottom: 10%;}}

.textbox { width: 70%; display: block;  overflow: hidden;  z-index: 100;  position: absolute;  left: 1em;   top: 60%;  font-size: 1em; bottom: 0;}

.animate-out .headline, .animate-out .textbox  {top: -100%;}

.superhero {width: 35%;  bottom: 0;  right: 15%;  z-index: 1;  position: absolute;  display: block; overflow: hidden;  z-index: 100;}
.html.no-js .superhero {display: none;}
.skyline {width: 45%;  z-index: 100;  bottom: 0;  right: 5%;  z-index: 1;  position: absolute;  display: block;  overflow: hidden;}
html.no-js .skyline {display: none;}

#sequence .animate-in .headline {
  -webkit-animation:headline 2s ease-in-out 1;
/*   -moz-animation:headline 2s ease-in-out 1; */
  -ms-animation:headline 2s ease-in-out 1;
  animation:headline 2s ease-in-out 1;
}

html.no-js #sequence .animate-in .headline {
    -webkit-animation:textbox none;
/*   -moz-animation:textbox none; */
  -ms-animation:textbox none;
  animation:textbox none;
}

#sequence .animate-in .textbox {
  -webkit-animation:textbox 4.5s linear 1;
  -moz-animation:textbox 4.5s linear 1;
  -ms-animation:textbox 4.5s linear 1;
  animation:textbox 4.5s linear 1;
  z-index: 500;
}

html.no-js #sequence .animate-in .textbox {
  -webkit-animation:textbox none;
/*   -moz-animation:textbox none; */
  -ms-animation:textbox none;
  animation:textbox none;
}

#sequence .animate-in .skyline {
  -webkit-animation:skyline 4s ease-in-out 1;
/*   -moz-animation:skyline 4s ease-in-out 1; */
  -ms-animation:skyline 4s ease-in-out 1;
  animation:skyline 4s ease-in-out 1;
}

#sequence .animate-in .superhero {
  -webkit-animation:superhero 3s ease-in-out 1;
/*   -moz-animation:superhero 3s ease-in-out 1; */
  -ms-animation:superhero 3s ease-in-out 1;
  animation:superhero 3s ease-in-out 1;
}

html.no-js #sequence .animate-in .superhero {
  -webkit-animation:superhero none;
/*   -moz-animation:superhero none; */
  -ms-animation:superhero none;
  animation:superhero none;
}


/*** Banner Two ***/

@-webkit-keyframes headlinetwo {
0% {opacity: 0; -webkit-transform: scale(0) rotate(0deg);} 
20% {opacity: .5; -webkit-transform: scale(0) rotate(0deg);} 
100% {opacity: 1; -webkit-transform: scale(1.0) rotate(0deg);}
}
@-ms-keyframes headlinetwo {
0% {opacity: 0; -ms-transform: scale(0) rotate(40deg);} 
20% {opacity: .5; -ms-transform: scale(0) rotate(40deg);} 
100% {opacity: 1; -ms-transform: scale(1.0) rotate(0deg);}
}
@keyframes headlinetwo {0% {opacity: 0; transform: scale(0) rotate(40deg);} 20% {opacity: .5; transform: scale(0) rotate(4deg);} 100% {opacity: 1; transform: scale(1.0) rotate(0deg);}}

@-webkit-keyframes votinghand {0% {top: -100%;} 100% {top: 0%;} }
/* @-moz-keyframes votinghand {0% {top: -100%;} 100% {top: 0%;} } */
@-ms-keyframes votinghand {0% {top: -100%;} 100% {top: 0%;} }
@keyframes votinghand {0% {top: -100%;} 100% {top: 0%;} }



.banner-two .headline {	z-index: 400; left: 35%;width: 40%;	right: auto; text-align: left; }
.banner-two .headline span.row-two {padding-left: 4%;}
.banner-two .headline span.row-two em {display: block;}
 html.no-js .banner-two .headline span.row-two {padding-left: 0;}
 
.banner-two .textbox {
	position: absolute;
	bottom: 5%;
	left: 28%; 
	width: 50%; 
	padding: .5em;
	}
	
.banner-two .textbox a {background: #90B4C2; font-weight: bold; text-shadow: 0 1px 0 rgba(0,0,0,.5); padding: 1em;}
.banner-two .textbox a:hover, .banner-two .textbox a:active {color: #def;  background: #094070; -webkit-box-shadow: 0 0 4px rgba(0,0,0,.3);  -moz-box-shadow: 0 0 4px rgba(0,0,0,.3);  box-shadow: 0 0 4px rgba(0,0,0,.3);}

.banner-two .headline strong {color: #CC5D57; display: inline-block; padding-left: 2%;}

html.no-js s {display: none;}

.ballotbox {display: block;  position: absolute;  bottom: 14%;  left: 10%;  width: 12%;  overflow: hidden;  z-index: 200;}
.hand {display: block;  position: absolute;  top: 0;  left: 10%;  text-align: center;  width: 10%;  z-index: 1;  overflow: hidden;  z-index: 300;}

#sequence .banner-two.animate-in .headline {
  -webkit-animation:headlinetwo 3s ease-in-out 1;
  -moz-animation:headlinetwo 3s ease-in-out 1;
  -ms-animation:headlinetwo 3s ease-in-out 1;
  animation:headlinetwo 3s ease-in-out 1;
}

#sequence .animate-in .hand {
  -webkit-animation:votinghand 3s ease-in-out 1;
  -moz-animation:votinghand 3s ease-in-out 1;
  -ms-animation:votinghand 3s ease-in-out 1;
  animation:votinghand 3s ease-in-out 1;
}

/********** Banner Three *************/

#fish-01 {  width: 22%;  position: absolute;  bottom: 30%;  right: -110%;  display: block; z-index: 90;}
#fish-02  {width: 20%; position: absolute; top: 20%; right: -120%; display: block; z-index: 100;}
#fish-03 {width:	12%; position: absolute; bottom: 50%;	right: -120%;	display: block;	z-index: 100;}
#fish-04 {width: 10%;	position: absolute;	bottom: 30%; right: -160%;	display: block; z-index: 100; opacity: .5;}
#fish-05 {width: 10%; position: absolute; bottom: 40%; right: -140%;	display: block; z-index: 100; opacity: .25;}
#fish-06 {width: 20%; position: absolute; bottom: 35%; right: -170%; display: block; z-index: 100;}

#bub1 {width: 20%;position: absolute;	display: block;	right: -35px;	bottom: -40px; background: url(../../img/banner/fish/bubble.png) top center no-repeat;}
#bub2 {width: 20%;	position: absolute;	display: block;	right: -25px;	bottom: -10px	background: url(../../img/banner/fish/bubble.png) top center no-repeat;}
#bub3 {	width: 20%;	position: absolute;	right: -30px;	bottom: 10px;	background: url(../../img/banner/fish/bubble.png) top center no-repeat;}

.hookandline {width: 20%;	position: absolute;	right: 20%;	bottom: 5%;	z-index: 110;	opacity: 0;}
.hookandfish {width: 20%;	position: absolute;	right: 20%;	bottom: 5%;	z-index: 120;}

#fish-end {	width:	10%; position: absolute;	bottom: 40%; right: -140%;	display: block;  z-index: 100;  opacity: .25;}
#fish-end1 {width:	12%; position: absolute;	bottom: 20%; right: -140%;	display: block;  z-index: 80;  opacity: .50;}
#fish-end2 {	width:	8%;	position: absolute;	bottom: 30%; right: -140%;	display: block;  z-index: 70;  opacity: .50;}

.headlinethree {width: 45%;  top: 17%;  left: 5%;  z-index: 1;  line-height: 1.1em;  position: absolute;  display: block;  overflow: hidden;  z-index: 100;  opacity: 0; font-size: 2.1em;}

.headlinethree span.row-two {padding-left: 10%;}
.headlinethree span strong {font-weight: bold; color: #2F74A6;}
#sequence .banner-three .textbox a {background: #05A0AA; background: rgba(5,160,170,.75); font-weight: normal; text-shadow: 0 1px 0 rgba(0,0,0,.5);}

.banner-three .headlinethree strong {color: #05a0aa; display: inline-block; padding-left: 0em;}
html.no-js .banner-three .headlinethree strong {display: block; margin-bottom: 0; padding-bottom: 0;}

/*********** The animations  ************/
@-webkit-keyframes fishswimming {0% {left: -100%;} 75% {left: 100%;} 100% {left: 100%;}}
/* @-moz-keyframes fishswimming {0% {left: -100%;} 75% {left: 100%;} 100% {left: 100%;}} */
@-ms-keyframes fishswimming {0% {left: -100%;} 75% {left: 100%;} 100% {left: 100%;}}
@keyframes fishswimming {0% {left: -100%;} 75% {left: 100%;} 100% {left: 100%;}}

@-webkit-keyframes bubble {0% {-webkit-transform: translateY(0px); opacity: 0; } 25% {opacity: 1;} 50% {opacity: 0;}  75% {opacity: 1;} 100% {-webkit-transform: translateY(-100px); opacity: 0; 	}}
/* @-moz-keyframes bubble {0% {-moz-transform: translateY(0px); opacity: 0; } 25% {opacity: 1;} 50% {opacity: 0;}  75% {opacity: 1;} 100% {-moz-transform: translateY(-100px); opacity: 0; 	}} */
@-ms-keyframes bubble {0% {-ms-transform: translateY(0px); opacity: 0; } 25% {opacity: 1;} 50% {opacity: 0;}  75% {opacity: 1;} 100% {-ms-transform: translateY(-100px); opacity: 0; 	}}
@keyframes bubble {0% {transform: translateY(0px); opacity: 0; } 25% {opacity: 1;} 50% {opacity: 0;}  75% {opacity: 1;} 100% {transform: translateY(-100px); opacity: 0; 	}}

@-webkit-keyframes hookswing {0% 	{-webkit-transform: rotateZ(4deg);} 50%  {-webkit-transform: rotateZ(-4deg);} 100% {-webkit-transform: rotateZ(4deg);}}
/* @-moz-keyframes hookswing {0% 	{-moz-transform: rotateZ(4deg);} 50%  {-moz-transform: rotateZ(-4deg);} 100% {-moz-transform: rotateZ(4deg);}} */
@-ms-keyframes hookswing {0% 	{-ms-transform: rotateZ(4deg);} 50%  {-ms-transform: rotateZ(-4deg);} 100% {-ms-transform: rotateZ(4deg);}}
@keyframes hookswing {0% 	{transform: rotateZ(4deg);} 50%  {-webkit-transform: rotateZ(-4deg);} 100% {transform: rotateZ(4deg);}}

@-webkit-keyframes hookdrop {0% {bottom: 100%; opacity: 1;} 20% {bottom: 100%; opacity: 1;} 75% {bottom: -100%;	opacity: 0;	} 100% {bottom: -5%;	opacity: 0;}}
/* @-moz-keyframes hookdrop {0% {bottom: 100%; opacity: 1;} 20% {bottom: 100%; opacity: 1;} 75% {bottom: -100%;	opacity: 0;	} 100% {bottom: -5%;	opacity: 0;}} */
@-ms-keyframes hookdrop {0% {bottom: 100%; opacity: 1;} 20% {bottom: 100%; opacity: 1;} 75% {bottom: -100%;	opacity: 0;	} 100% {bottom: -5%;	opacity: 0;}}
@keyframes hookdrop {0% {bottom: 100%; opacity: 1;} 20% {bottom: 100%; opacity: 1;} 75% {bottom: -100%;	opacity: 0;	} 100% {bottom: -5%;	opacity: 0;}}

@-webkit-keyframes gotfish {0% {bottom: -100%; opacity: 0;	} 50% {bottom: -100%;	opacity: 0;	} 75% {bottom: -100%;	opacity: 0;	} 100% {bottom: 5%;opacity: 1;}}
/* @-moz-keyframes gotfish {0% {bottom: -100%; opacity: 0;	} 50% {bottom: -100%;	opacity: 0;	} 75% {bottom: -100%;	opacity: 0;	} 100% {bottom: 5%;opacity: 1;}} */
@-ms-keyframes gotfish {0% {bottom: -100%; opacity: 0;	} 50% {bottom: -100%;	opacity: 0;	} 75% {bottom: -100%;	opacity: 0;	} 100% {bottom: 5%;opacity: 1;}}
@keyframes gotfish {0% {bottom: -100%; opacity: 0;	} 50% {bottom: -100%;	opacity: 0;	} 75% {bottom: -100%;	opacity: 0;	} 100% {bottom: 5%;opacity: 1;}}

@-webkit-keyframes fishheadline {0% { opacity: 0; -webkit-transform: scale(0) rotate(-20deg); } 70% { opacity: .5; -webkit-transform: scale(0) rotate(-20deg); } 100% {opacity: 1; -webkit-transform: scale(1.0) rotate(0deg); }}
/* @-moz-keyframes fishheadline {0% { opacity: 0; -moz-transform: scale(0) rotate(-20deg); } 70% { opacity: .5; -moz-transform: scale(0) rotate(-20deg); } 100% {opacity: 1; -moz-transform: scale(1.0) rotate(0deg); }} */
@-ms-keyframes fishheadline {0% { opacity: 0; -ms-transform: scale(0) rotate(-20deg); } 70% { opacity: .5; -ms-transform: scale(0) rotate(-20deg); } 100% {opacity: 1; -ms-transform: scale(1.0) rotate(0deg); }}
@keyframes fishheadline {0% { opacity: 0; transform: scale(0) rotate(-20deg); } 70% { opacity: .5; transform: scale(0) rotate(-20deg); } 100% {opacity: 1; transform: scale(1.0) rotate(0deg); }}

@-webkit-keyframes fishswimmingend {0% {left: -100%;} 50% {left: 	-100%;} 100% { left: 100%; }}
/* @-moz-keyframes fishswimmingend {0% {left: -100%;} 50% {left: 	-100%;} 100% { left: 100%; }} */
@-ms-keyframes fishswimmingend {0% {left: -100%;} 50% {left: 	-100%;} 100% { left: 100%; }}
@keyframes fishswimmingend {0% {left: -100%;} 50% {left: 	-100%;} 100% { left: 100%; }}


/**** Calling the animation to run on .animate-in class (using js to trigger) ******/
/*The order goes: animation name, duration(in seconds), count, timing-function*/
#sequence .animate-in #fish-01 { 
	-webkit-animation: fishswimming 8.5s 1 linear;
/* 	-moz-animation: fishswimming 8.5s 1 linear; */
	-ms-animation: fishswimming 8.5s 1 linear;
	animation: fishswimming 8.5s 1 linear;
}

#sequence .animate-in #fish-02 {
	-webkit-animation: fishswimming 7.5s 1 linear;
/* 	-moz-animation: fishswimming 7.5s 1 linear; */
	-ms-animation: fishswimming 7.5s 1 linear;
	animation: fishswimming 7.5s 1 linear;
}

#sequence .animate-in #fish-03 {
	-webkit-animation: fishswimming 5s 1 linear;
	-moz-animation: fishswimming 5s 1 linear;
	-ms-animation: fishswimming 5s 1 linear;
	animation: fishswimming 5s 1 linear;
}

#sequence .animate-in #fish-04 {
	-webkit-animation: fishswimming 6.5s 1 linear;
/* 	-moz-animation: fishswimming 6.5s 1 linear; */
	-ms-animation: fishswimming 6.5s 1 linear;
	animation: fishswimming 6.5s 1 linear;
}

#sequence .animate-in #fish-05 {
	-webkit-animation: fishswimming 7s 1 linear;
/* 	-moz-animation: fishswimming 7s 1 linear; */
	-ms-animation: fishswimming 7s 1 linear;
	animation: fishswimming 7s 1 linear;
}

#sequence .animate-in #fish-06 {
	-webkit-animation: fishswimming 6s 1 linear;
/* 	-moz-animation: fishswimming 6s 1 linear; */
	-ms-animation: fishswimming 6s 1 linear;
	animation: fishswimming 6s 1 linear;
}

#sequence .animate-in #bub1 {
	-webkit-animation: bubble 3.5s infinite linear;
/* 	-moz-animation: bubble 3.5s infinite linear; */
	-ms-animation: bubble 3.5s infinite linear;
	-animation: bubble 3.5s infinite linear;
}

#sequence .animate-in #bub2 {
	-webkit-animation: bubble 2s infinite linear;
/* 	-moz-animation: bubble 2s infinite linear; */
	-ms-animation: bubble 2s infinite linear;
	animation: bubble 2s infinite linear;
}

#sequence .animate-in #bub3 {
	-webkit-animation: bubble 3s infinite linear;
/* 	-moz-animation: bubble 3s infinite linear; */
	-ms-animation: bubble 3s infinite linear;
	animation: bubble 3s infinite linear;
}

/*This one below is: animation name, duration, count, timing-function*/
#sequence .animate-in .hookandline {
	-webkit-animation: hookdrop 7s 1 ease-in-out;
/* 	-moz-animation: hookdrop 7s 1 ease-in-out; */
	-ms-animation: hookdrop 7s 1 ease-in-out;
	animation: hookdrop 7s 1 ease-in-out;
}

#sequence .animate-in .hookandfish {
	-webkit-animation: gotfish 7s 1 ease-in-out;
/* 	-moz-animation: gotfish 7s 1 ease-in-out; */
	-ms-animation: gotfish 7s 1 ease-in-out;
	animation: gotfish 7s 1 ease-in-out;
}

/*This one below is: animation name, duration, delay, count, timing-function*/
#sequence .animate-in .swing {
	-webkit-animation: hookswing 2s 5.25s infinite ease-in-out;
/* 	-moz-animation: hookswing 2s 5.25s infinite ease-in-out; */
	-ms-animation: hookswing 2s 5.25s infinite ease-in-out;
	animation: hookswing 2s 5.25s infinite ease-in-out;
}

#sequence .animate-in #fish-end {
	-webkit-animation: fishswimmingend 12s infinite linear;
/* 	-moz-animation: fishswimmingend 12s infinite linear; */
	-ms-animation: fishswimmingend 12s infinite linear;
	animation: fishswimmingend 12s infinite linear;
}

#sequence .animate-in #fish-end1 {
	-webkit-animation: fishswimmingend 13s infinite linear;
/* 	-moz-animation: fishswimmingend 13s infinite linear; */
	-ms-animation: fishswimmingend 13s infinite linear;
	animation: fishswimmingend 13s infinite linear;
}

#sequence .animate-in #fish-end2 {
	-webkit-animation: fishswimmingend 10s infinite linear;
/* 	-moz-animation: fishswimmingend 10s infinite linear; */
	-ms-animation: fishswimmingend 10s infinite linear;
	animation: fishswimmingend 10s infinite linear;
}

#sequence .animate-in .headlinethree {
	-webkit-animation: fishheadline 4s 1 ease-in-out;
/* 	-moz-animation: fishheadline 4s 1 ease-in-out; */
	-ms-animation: fishheadline 4s 1 ease-in-out;
	animation: fishheadline 4s 1 ease-in-out;
}

html.no-js #sequence .animate-in .headlinethree {
  	-webkit-animation: none;
/* 	-moz-animation: none; */
	-ms-animation: none;
	animation: none;
}


/** Banner 5 **/


.headlinefive {
  position: absolute;
  right: 30%;
  top: 22%;
  left: inherit;
  font-size: 2.2em;
}


.answers {
	margin: .5em 0 0 0px;
	font-weight: 600;
}


.textboxfive {
	position: absolute;
	top: 65%;
	right: 16%;
  margin: 0px;
  width: 28em;
}

.askrilogo {
	 position: absolute;
	  left: 8%;
  	bottom: 25%;
  	width: 23%;
  	z-index: 700;
}

/*** Keyframes ***/
@-webkit-keyframes questions  {	0% {top: -100%;}20% {top: -100%;}100% {top: 22%;}}
/*@-moz-keyframes questions  {0% {top: -100%;}20% {top: -100%;}100% {top: 22%;}}*/
@-ms-keyframes questions  {	0% {top: -100%;}20% {top: -100%;}100% {top: 22%;}}
keyframes questions  {	0% {top: -100%;}20% {top: -100%;}100% {top: 22%;}}

@-webkit-keyframes askrilogo  {0% {opacity: 0; -webkit-transform: scale(0.1);} 	70% {opacity: 0; -webkit-transform: scale(0.1);}	85% {opacity: 0; -webkit-transform: scale(0.1);}   	100% {opacity: 1; -webkit-transform: scale(1);}}
/*@-moz-keyframes askrilogo  {0% {opacity: 0; -moz-transform: scale(0.1);} 	20% {opacity: 0; -moz-transform: scale(0.1);}	70% {opacity: 0; -moz-transform: scale(0.1);}   100% {opacity: 1; -moz-transform: scale(1);}}*/
@-ms-keyframes askrilogo  {0% {opacity: 0; -ms-transform: scale(0.1);} 70% {opacity: 0; -ms-transform: scale(0.1);} 85% {opacity: 0; -ms-transform: scale(0.1);} 100% {opacity: 1; -ms-transform: scale(1);}}
@keyframes askrilogo  {0% {opacity: 0; transform: scale(0.1);} 	70% {opacity: 0; transform: scale(0.1);} 85% {opacity: 0; transform: scale(0.1);} 100% {opacity: 1; transform: scale(1);}}

@-webkit-keyframes textboxfive {0% {top: -100%; }	70% {top: -100%; } 	80% {top: -20%; }  	90% {top: 60%;}	95%	{top: 55%;}	100% {top: 65%;}}
/*@-moz-keyframes textboxfive {0% {top: -100%; }	70% {top: -100%; } 	80% {top: -20%; }  	90% {top: 60%;}	95%	{top: 55%;}	100% {top: 65%;}}*/
@-ms-keyframes textboxfive {0% {top: -100%; }	70% {top: -100%; } 	80% {top: -20%; }  	90% {top: 60%;}	95%	{top: 55%;}	100% {top: 65%;}}
@keyframes textboxfive {0% {top: -100%; }	70% {top: -100%; } 	80% {top: -20%; }  	90% {top: 60%;}	95%	{top: 55%;}	100% {top: 65%;}}

@-webkit-keyframes pop {0% {  opacity: 0; -webkit-transform: scale(0.1);}50% {  -webkit-transform: scale(1.2);}100% { opacity: 1; -webkit-transform: scaleX(1);} }
/*@-moz-keyframes pop {0% {  opacity: 0; -moz-transform: scale(0.1);}50% {  -moz-transform: scale(1.2);}100% { opacity: 1; -moz-transform: scaleX(1);} }*/
@-ms-keyframes pop {0% {  opacity: 0; -ms-transform: scale(0.1);}50% {  -ms-transform: scale(1.2);}100% { opacity: 1; -ms-transform: scaleX(1);} }
@keyframes pop {0% {  opacity: 0; transform: scale(0.1);}50% {  transform: scale(1.2);}100% { opacity: 1; transform: scaleX(1);} }

@-webkit-keyframes pop2 {0% {  opacity: 0; -webkit-transform: scale(0.1);} 	50% {  -webkit-transform: scale(1.5);}	100% { opacity: 1; -webkit-transform: scale(1);}}
/*@-moz-keyframes pop2 {0% {  opacity: 0; -moz-transform: scale(0.1);} 	50% {  -moz-transform: scale(1.5);}	100% { opacity: 1; -moz-transform: scale(1);}}*/
@-ms-keyframes pop2 {0% {  opacity: 0; -ms-transform: scale(0.1);} 	50% {  -ms-transform: scale(1.5);}	100% { opacity: 1; -ms-transform: scale(1);}}
@keyframes pop2 {0% {  opacity: 0; transform: scale(0.1);} 	50% {  transform: scale(1.5);}	100% { opacity: 1; transform: scale(1);}}

@-webkit-keyframes popreverse4 { 0% {opacity: 0; width: 0;}70% { width: 9%;}100% { opacity: 1; width: 6%} }
/*@-moz-keyframes popreverse4 { 0% {opacity: 0; width: 0;}70% { width: 9%;}100% { opacity: 1; width: 6%} }*/
@-ms-keyframes popreverse4 { 0% {opacity: 0; width: 0;}70% { width: 9%;}100% { opacity: 1; width: 6%} }
@keyframes popreverse4 { 0% {opacity: 0; width: 0;}70% { width: 9%;}100% { opacity: 1; width: 6%} }

@-webkit-keyframes popreverse6 {0% {opacity: 0; width: 0;}70% {width: 11%;}100% { opacity: 1; width: 9%} }
/*@-moz-keyframes popreverse6 {0% {opacity: 0; width: 0;}70% {width: 11%;}100% { opacity: 1; width: 9%} }*/
@-ms-keyframes popreverse6 {0% {opacity: 0; width: 0;}70% {width: 11%;}100% { opacity: 1; width: 9%} }
keyframes popreverse6 {0% {opacity: 0; width: 0;}70% {width: 11%;}100% { opacity: 1; width: 9%} }

@-webkit-keyframes popreverse8 {0% {opacity: 0; width: 0;}70% {width: 10%;}100% {opacity: 1; width: 7%}}
@-moz-keyframes popreverse8 {0% {opacity: 0; width: 0;}70% {width: 10%;}100% {opacity: 1; width: 7%}}
@-ms-keyframes popreverse8 {0% {opacity: 0; width: 0;}70% {width: 10%;}100% {opacity: 1; width: 7%}}
@keyframes popreverse8 {0% {opacity: 0; width: 0;}70% {width: 10%;}100% {opacity: 1; width: 7%}}

/******  Animations  *******/
#sequence .animate-in .headlinefive {
	/*-webkit-animation: name duration count timing function; */
	-webkit-animation: questions 3s 1 ease-in-out;
	/*-moz-animation: questions 3s 1 ease-in-out;*/
	-ms-animation: questions 3s 1 ease-in-out;
	animation: questions 3s 1 ease-in-out;
}
#sequence .animate-in .askrilogo {
	-webkit-animation: askrilogo 4s 1 ease-in-out;
	/*-moz-animation: askrilogo 4s 1 ease-in-out;*/
	-ms-animation: askrilogo 4s 1 ease-in-out;
	animation: askrilogo 4s 1 ease-in-out;
}
#sequence .animate-in .textboxfive {
	-webkit-animation: textboxfive 5s 1 linear;
	/*-moz-animation: textboxfive 5s 1 linear;*/
	-ms-animation: textboxfive 5s 1 linear;
	animation: textboxfive 5s 1 linear;
}
#sequence .animate-in .qbubble1 {
	-webkit-animation: pop 1.5s 1 ease-in-out;
	/*-moz-animation: pop 1.5s 1 ease-in-out;*/
	-ms-animation: pop 1.5s 1 ease-in-out;
	animation: pop 1.5s 1 ease-in-out;
}
#sequence .animate-in .qbubble2 {
	-webkit-animation: pop2 2s 1 ease-in-out;
	-moz-animation: pop2 2s 1 ease-in-out;
	-ms-animation: pop2 2s 1 ease-in-out;
	animation: pop2 2s 1 ease-in-out;
}
#sequence .animate-in .qbubble3 {
	-webkit-animation: pop 1s 1 ease-in-out;
}
#sequence .animate-in .qbubble4 {
	-webkit-animation: popreverse4 1.5s 1 ease-in-out;
}
#sequence .animate-in .qbubble5 {
	-webkit-animation: pop 2s 1 ease-in-out;
}
#sequence .animate-in .qbubble6 {
	-webkit-animation: popreverse6 1s 1 ease-in-out;
}
#sequence .animate-in .qbubble7 {
	-webkit-animation: pop 1.5s 1 ease-in-out;
}
#sequence .animate-in .qbubble8 {
	-webkit-animation: popreverse8 1s 1 ease-in-out;
}
#sequence .animate-in .qbubble9 {
	-webkit-animation: pop 0.5s 1 ease-in-out;
}






/*************** Banner 6 ******************/


#tree img {	bottom: 10%;}

#lgcloud {
	width: 22%;
	top: 10%;
  	right: -50%;
}
#sequence .banner-six .cloudtextbox {
  top: 65%;
  right: 10%;
  font-size: 1.2em;
  line-height: 1.4em;
}

#carcloud2 {left: 22%;}



html.no-js #sequence .banner-six .cloudtextbox  {
  top: 30%;
  right: 0;
  bottom: 0;
  padding: .3em;
  }

html.no-js #sequence .banner-six .cloudtextbox a {
  font-size: .8em;
  text-transform: uppercase;
  letter-spacing: 1px;
  overflow: visible;
  display: block;
  padding: .5em 0.8em 1em 0.8em;
  line-height: 1.2em;
  margin: .8em .2em;
  
}

html.no-js #sequence .banner-six .cloudtextbox a {
 	text-decoration: none;
 }

html.no-js #sequence .banner-six #tree img {display: none;}
html.no-js #sequence .banner-six #lgcloud {display: none;}
html.no-js #sequence .banner-six #carcloud2 {display: none;}




/******** Keyframes ****************/
@-webkit-keyframes slowcloud {	0% {left: 10%;}	100% {left: -100%;}  }
@-ms-keyframes slowcloud {	0% {left: 10%;}	100% {left: -100%;}  }
@keyframes slowcloud {	0% {left: 10%;}	100% {left: -100%;}  }

@-webkit-keyframes slowcloud2 {	0% {right: 10%;} 100% {right: 120%;}}
@-ms-keyframes slowcloud2 {	0% {right: 10%;} 100% {right: 120%;}}
@keyframes slowcloud2 {	0% {right: 10%;} 100% {right: 120%;}}

@-webkit-keyframes cloudmove {	0% {left: 45%;}100% {left: -145%;}}
@-ms-keyframes cloudmove {	0% {left: 45%;}100% {left: -145%;}}
@keyframes cloudmove {	0% {left: 45%;}100% {left: -145%;}}

@-webkit-keyframes nicecloud {0% {right: 20%;} 100% {right: 145%;}}
@-ms-keyframes nicecloud {0% {right: 20%;} 100% {right: 145%;}}
@keyframes nicecloud {0% {right: 20%;} 100% {right: 145%;}}

@-webkit-keyframes carcloud1 {	0% {right: 5%;} 100% {right: 100%;}}
@-ms-keyframes carcloud1 {	0% {right: 5%;} 100% {right: 100%;}}
@keyframes carcloud1 {	0% {right: 5%;} 100% {right: 100%;}}

@-webkit-keyframes carcloud2 {	0% {left: 22%;} 100% {left: -50%;}}
@-ms-keyframes carcloud2 {	0% {left: 22%;} 100% {left: -50%;}}
@keyframes carcloud2 {	0% {left: 22%;} 100% {left: -50%;}}

@-webkit-keyframes lowcloud3 {	0% {right: -50%;} 100% {right: 100%;}}
@-ms-keyframes lowcloud3 {	0% {right: -50%;} 100% {right: 100%;}}
@keyframes lowcloud3 {	0% {right: -50%;} 100% {right: 100%;}}

@-webkit-keyframes nicecloud3 {	0% {right: -30%;} 	100% {right: 100%;}}
@-ms-keyframes nicecloud3 {	0% {right: -30%;} 	100% {right: 100%;}}
@keyframes nicecloud3 {	0% {right: -30%;} 	100% {right: 100%;}}

@-webkit-keyframes headlinecloud { 0% {right: -20%;} 30% {right: 30%;} 100% {right: 100%;}}
@-ms-keyframes headlinecloud { 0% {right: -20%;} 30% {right: 30%;} 100% {right: 100%;}}
@keyframes headlinecloud { 0% {right: -20%;} 30% {right: 30%;} 100% {right: 100%;}}

@-webkit-keyframes puff1 {0% {opacity: 1;}50% {opacity: 0;}75% {opacity: 1;}100% {opacity: 1;}}
@-ms-keyframes puff1 {0% {opacity: 1;}50% {opacity: 0;}75% {opacity: 1;}100% {opacity: 1;}}
@keyframes puff1 {0% {opacity: 1;}50% {opacity: 0;}75% {opacity: 1;}100% {opacity: 1;}}

@-webkit-keyframes puff2 {0% {opacity: 1;}30% {opacity: 0;} 75% {opacity: 1;} 100% {opacity: 1;}}
@-ms-keyframes puff2 {0% {opacity: 1;}30% {opacity: 0;} 75% {opacity: 1;} 100% {opacity: 1;}}
@keyframes puff2 {0% {opacity: 1;}30% {opacity: 0;} 75% {opacity: 1;} 100% {opacity: 1;}}

@-webkit-keyframes cloudtextbox {0% {opacity: 0;}35% {opacity: 0;} 	100% {opacity: 1;}}
@-ms-keyframes cloudtextbox {0% {opacity: 0;}35% {opacity: 0;} 	100% {opacity: 1;}}
@keyframes cloudtextbox {0% {opacity: 0;}35% {opacity: 0;} 	100% {opacity: 1;}}


/************* Animations ***************/
/*The order goes: animation name, duration(in seconds), count, timing-function*/
#sequence .animate-in #lowcloud { 
	-webkit-animation: cloudmove 15s 1 linear;
/* 	-moz-animation: cloudmove 15s 1 linear;*/ 
	-ms-animation: cloudmove 15s 1 linear;
	animation: cloudmove 15s 1 linear;
}

#sequence .animate-in #lowcloud1 { 
	-webkit-animation: slowcloud 15s 1 linear;
/* 	-moz-animation: slowcloud 15s 1 linear; */
	-ms-animation: slowcloud 15s 1 linear;
	animation: slowcloud 15s 1 linear;
}

#sequence .animate-in #lowcloud2 { 
	-webkit-animation: slowcloud2 15s 1 linear;
/* 	-moz-animation: slowcloud2 15s 1 linear; */
	-ms-animation: slowcloud 15s 1 linear;
	animation: slowcloud 15s 1 linear;
}

#sequence .animate-in #lumpycloud1 { 
	-webkit-animation: cloudmove 22s 1 linear;
/* 	-moz-animation: cloudmove 22s 1 linear; */
	-ms-animation: cloudmove 22s 1 linear;
	animation: cloudmove 22s 1 linear;
}

#sequence .animate-in #nicecloud1 { 
	-webkit-animation: cloudmove 20s 1 ease-in;
/*	-moz-animation: cloudmove 20s 1 ease-in;*/
	-ms-animation: cloudmove 20s 1 ease-in;
	animation: cloudmove 20s 1 ease-in;
}

#sequence .animate-in #lgcloud { 
	-webkit-animation: headlinecloud 18s 1 linear;
/*	-moz-animation: headlinecloud 18s 1 linear;*/
	-ms-animation: headlinecloud 18s 1 linear;
	animation: headlinecloud 18s 1 linear;
}

#sequence .animate-in #carcloud1 { 
	-webkit-animation: carcloud1 12s .5s 1 linear;
/*	-moz-animation: carcloud1 12s .5s 1 linear;*/
	-ms-animation: carcloud1 12s .5s 1 linear;
	animation: carcloud1 12s .5s 1 linear;
}

#sequence .animate-in #carcloud2 { 
	-webkit-animation: carcloud2 16s 0s 1 linear;
/*	-moz-animation: carcloud2 16s 0s 1 linear;*/
	-ms-animation: carcloud2 16s 0s 1 linear;
	animation: carcloud2 16s 0s 1 linear;
}

#sequence .animate-in #lowcloud3 { 
	-webkit-animation: lowcloud3 20s 0s 1 linear;
/*	-moz-animation: lowcloud3 20s 0s 1 linear;*/
	-ms-animation: lowcloud3 20s 0s 1 linear;
	animation: lowcloud3 20s 0s 1 linear;
}

#sequence .animate-in #nicecloud3 { 
	-webkit-animation: nicecloud3 20s 0s 1 linear;
/*	-moz-animation: nicecloud3 20s 0s 1 linear;*/
	-ms-animation: nicecloud3 20s 0s 1 linear;
	animation: nicecloud3 20s 0s 1 linear;
}

#sequence .animate-in #puff {
  	-webkit-animation: puff2 2s 0s infinite ease-in-out;
/*  -moz-animation: puff2 2s 0s infinite ease-in-out;*/
  	-ms-animation: puff2 2s 0s infinite ease-in-out;
  	animation: puff2 2s 0s infinite ease-in-out;
}

#sequence .animate-in #puff2 {
	  -webkit-animation: puff1 2s 0s infinite ease-in-out;
/*	  -moz-animation: puff1 2s 0s infinite ease-in-out;*/
	  -ms-animation: puff1 2s 0s infinite ease-in-out;
	  animation: puff1 2s 0s infinite ease-in-out;
}

#sequence .animate-in #puff3 {
  -webkit-animation: puff1 1.75s 0s infinite ease-in-out;
/*  -moz-animation: puff1 1.75s 0s infinite ease-in-out;*/
  -ms-animation: puff1 1.75s 0s infinite ease-in-out;
  animation: puff1 1.75s 0s infinite ease-in-out;
}

/*The order goes: animation name, duration(in seconds), count, timing-function*/
#sequence .animate-in .cloudtextbox {
  -webkit-animation: cloudtextbox 7s 0s 1 ease-in-out;
/*  -moz-animation: cloudtextbox 7s 0s 1 ease-in-out;*/
  -ms-animation: cloudtextbox 7s 0s 1 ease-in-out;
  animation: cloudtextbox 7s 0s 1 ease-in-out;
}

html.no-js #sequence .animate-in .cloudtextbox {
  -webkit-animation: cloudtextbox none;
/*  -moz-animation: cloudtextbox none;*/
  -ms-animation: cloudtextbox none;
  animation: cloudtextbox none;
}







/*** Banner Seven 7 Hurricane ****/

.banner-seven .textbox {
	position: absolute;
	top: 60%;
	right: 5%;
	left:  auto;
}

.banner-seven .hurricane {
  	position: absolute;
  	top: 0;
  	left: 2%;
  	display: block;
  	z-index: 91;
  	width: 40%;
}

/*** Keyframes ***/
@-webkit-keyframes spinning  
{	
0% {-webkit-transform: rotate(0deg); }
100% {-webkit-transform: rotate(360deg);}
}
/*
@-moz-keyframes spinning {	
0% {-moz-transform: rotate(0deg);}
100% {-moz-transform: rotate(360deg);}
}

@-ms-keyframes spinning {	
0% {-ms-transform: rotate(0deg);}
100% {-ms-transform: rotate(360deg);}
}
*/
@keyframes spinning {	
0% {transform: rotate(0deg);}
100% {transform: rotate(360deg);}
}

/************* Animations ***************/
/*The order goes: animation name, duration(in seconds), count, timing-function*/
#sequence .animate-in .hurricane { 
	-webkit-animation-name: spinning; 
	-webkit-animation-duration: 60s; 
	-webkit-animation-iteration-count: infinite; 
	-webkit-animation-timing-function: linear;
	/*-moz-animation: spinning 60s infinite linear;*/ 
	-ms-animation: spinning 60s infinite linear;
	animation: spinning 60s infinite linear;
}


html.no-js #sequence .animate-in .hurricane {
  -webkit-animation: spinning none;
/*  -moz-animation: spinning none;*/
  -ms-animation: spinning none;
  animation: spinning none;
}



/*** Banner Eight 8 holiday Cheer ****/
#sequence .banner-eight {
  background: #fff url(../../img/banner/americanflag.png) left top no-repeat;
  background-size: 50%;

 }
 
.banner-eight .textbox {
	position: absolute;
	top: 60%;
	left:  20%;
}


.banner-eight .headline {
  position: absolute;
  left: 50%;
  top: 30px;
  z-index: 100;
}




/*** Banner Nine 9 Snowstorm ****/
.snowstorm {
	display: block;
}

.stormcloudall {
	display: none;
}
.snowstorm {
	position: relative;
	width: 100%;
}
.snowstorm {
	position: relative;
	width: 80%;
}

.snowstorm div {
	position: absolute;
}

.snowflakelg {
	width: 10%;
	top: 120px;
	left: 60px;
}

.snowflakemed {
	width: 7%;
	top: 130px;
	left: 140px;
}

.snowflakemedright {
	width: 5%;
	top: 100px;
	left: 190px;
}

.snowflakesm {
	width: 6%;
	top: 170px;
	left: 110px;
}

.snowflakeexsm {
	width: 4%;
	top: 140px;
	left: 190px;
}

.snowleft {
	width: 10%;
	top: 100px;
	left: 50px;
}

.snowtop {
	width: 10%;
	top: 105px;
	left: 95px;
}


.snowright {
	width: 10%;
	top: 90px;
	left: 160px;
}

.snowbottom {
	width: 10%;
	top: 145px;
	left: 100px;
}


.banner-nine .headlinenine {
	position: absolute;
	top: 10%;
	right: 5%;
	left:  auto;
	width: 45%; 
	font-size: 1.9em;
	color: #8BA0A5;
}



.banner-nine .textbox {
	position: absolute;
	top: 60%;
	right: 5%;
	left:  auto;
}



.banner-nine .stormcloud {
  	position: absolute;
  	top: -10px;
  	left: 2%;
  	display: block;
  	z-index: 91;
  	width: 45%;
}

.banner-nine .textbox9 { 
	width: 70%; 
	display: block;  
	overflow: hidden;  
	z-index: 100;  
	position: absolute;  
	left: auto;  
	right: 10; 
	top: 60%;  
	font-size: 1em; 
	bottom: 0;
}
	
	

/*** Keyframes ***/

@-webkit-keyframes zoom {0% {right: -50%; }  100% {right: 5%;}}
@-moz-keyframes zoom {0% {right: -50%; }  100% {right: 5%;}}
@-ms-keyframes zoom  {0% {right: -50%; }  100% {right: 5%;}}
@keyframes zoom {0% {right: -50%; }  100% {right: 5%;}}

@-webkit-keyframes textboxdrop 
{0% {top: -100%;} 80% {top: -50%;} 95% {top: 65%;} 98% {top: 60%;} 100% {bottom: 10%;}}
@-moz-keyframes textboxdrop 
{0% {top: -100%;} 80% {top: -50%;} 95% {top: 65%;} 98% {top: 60%;} 100% {bottom: 10%;}}
@-ms-keyframes textboxdrop 
{0% {top: -100%;} 80% {top: -50%;} 95% {top: 65%;} 98% {top: 60%;} 100% {bottom: 10%;}}
@keyframes textboxdrop 
{0% {top: -100%;} 80% {top: -50%;} 95% {top: 65%;} 98% {top: 60%;} 100% {bottom: 10%;}}


@-webkit-keyframes fadeinout 
{0% {opacity: 0; top: 75px;} 50% {opacity: 1; top: 120px;} 100% {opacity: 0; top: 150px;}}
@-moz-keyframes fadeinout 
{0% {opacity: 0; top: 75px;} 50% {opacity: 1; top: 120px;} 100% {opacity: 0; top: 150px;}}
@-ms-keyframes fadeinout 
{0% {opacity: 0; top: 75px;} 50% {opacity: 1; top: 120px;} 100% {opacity: 0; top: 150px;}}
@keyframes fadeinout 
{0% {opacity: 0; top: 75px;} 50% {opacity: 1; top: 120px;} 100% {opacity: 0; top: 150px;}}


@-webkit-keyframes fadeinout2 
{0% {opacity: 0; top: 50px;} 50% {opacity: 1; top: 90px;} 100% {opacity: 0; top: 120px;}}
@-moz-keyframes fadeinout2 
{0% {opacity: 0; top: 50px;} 50% {opacity: 1; top: 90px;} 100% {opacity: 0; top: 120px;}}
@-ms-keyframes fadeinout2 
{0% {opacity: 0; top: 50px;} 50% {opacity: 1; top: 90px;} 100% {opacity: 0; top: 120px;}}
@keyframes fadeinout2 
{0% {opacity: 0; top: 50px;} 50% {opacity: 1; top: 90px;} 100% {opacity: 0; top: 120px;}}


@-webkit-keyframes fadeinout3 
{0% {opacity: 0; top: 50px;} 50% {opacity: 1; top: 120px;} 100% {opacity: 0; top: 190px;}}
@-moz-keyframes fadeinout3 
{0% {opacity: 0; top: 50px;} 50% {opacity: 1; top: 120px;} 100% {opacity: 0; top: 190px;}}
@-ms-keyframes fadeinout3 
{0% {opacity: 0; top: 50px;} 50% {opacity: 1; top: 120px;} 100% {opacity: 0; top: 190px;}}
@keyframes fadeinout3 
{0% {opacity: 0; top: 50px;} 50% {opacity: 1; top: 120px;} 100% {opacity: 0; top: 190px;}}



/************* Animations ***************/


/*The order goes: animation name, duration(in seconds), count, timing-function*/
#sequence .animate-in .snowflakelg { 
	-webkit-animation-name: fadeinout; 
	-webkit-animation-duration: 2.5s; 
	-webkit-animation-iteration-count: infinite; 
	-webkit-animation-timing-function: linear;
	/*-moz-animation: fadeinout 2.5s infinite linear;*/ 
	-ms-animation: fadeinout 2.5s infinite linear;
	animation: fadeinout 2.5s infinite linear;
}

#sequence .animate-in .snowflakemed { 
	-webkit-animation-name: fadeinout; 
	-webkit-animation-duration: 2s; 
	-webkit-animation-iteration-count: infinite; 
	-webkit-animation-timing-function: linear;
	/*-moz-animation: fadeinout 2s infinite linear;*/ 
	-ms-animation: fadeinout 2s infinite linear;
	animation: fadeinout 2s infinite linear;
}

#sequence .animate-in .snowleft { 
	-webkit-animation-name: fadeinout; 
	-webkit-animation-duration: 1.5s; 
	-webkit-animation-iteration-count: infinite; 
	-webkit-animation-timing-function: linear;
	/*-moz-animation: fadeinout 1.5s infinite linear;*/ 
	-ms-animation: fadeinout 1.5s infinite linear;
	animation: fadeinout 1.5s infinite linear;
}


#sequence .animate-in .snowflakemedright { 
	-webkit-animation-name: fadeinout2; 
	-webkit-animation-duration: 1.5s; 
	-webkit-animation-iteration-count: infinite; 
	-webkit-animation-timing-function: linear;
	/*-moz-animation: fadeinout 1.5s infinite linear;*/ 
	-ms-animation: fadeinout 1.5s infinite linear;
	animation: fadeinout 1.5s infinite linear;
}

#sequence .animate-in .snowtop { 
	-webkit-animation-name: fadeinout2; 
	-webkit-animation-duration: 1.2s; 
	-webkit-animation-iteration-count: infinite; 
	-webkit-animation-timing-function: linear;
	/*-moz-animation: fadeinout 1.2s infinite linear;*/ 
	-ms-animation: fadeinout 1.2s infinite linear;
	animation: fadeinout 1.2s infinite linear;
}

#sequence .animate-in .snowflakesm { 
	-webkit-animation-name: fadeinout3; 
	-webkit-animation-duration: 2s; 
	-webkit-animation-iteration-count: infinite; 
	-webkit-animation-timing-function: linear;
	/*-moz-animation: fadeinout 2s infinite linear;*/ 
	-ms-animation: fadeinout 2s infinite linear;
	animation: fadeinout 2s infinite linear;
}

#sequence .animate-in .snowbottom {
	-webkit-animation-name: fadeinout2; 
	-webkit-animation-duration: 2.5s; 
	-webkit-animation-iteration-count: infinite; 
	-webkit-animation-timing-function: linear;
	/*-moz-animation: fadeinout 2.5s infinite linear;*/ 
	-ms-animation: fadeinout 2.5s infinite linear;
	animation: fadeinout 2.5s infinite linear;

}

#sequence .animate-in .snowflakeexsm { 
	-webkit-animation-name: fadeinout3; 
	-webkit-animation-duration: 2.5s; 
	-webkit-animation-iteration-count: infinite; 
	-webkit-animation-timing-function: linear;
	/*-moz-animation: fadeinout 2.5s infinite linear;*/ 
	-ms-animation: fadeinout 2.5s infinite linear;
	animation: fadeinout 2.5s infinite linear;
}

#sequence .animate-in .snowright { 
	-webkit-animation-name: fadeinout2; 
	-webkit-animation-duration: 3s; 
	-webkit-animation-iteration-count: infinite; 
	-webkit-animation-timing-function: linear;
	/*-moz-animation: fadeinout 3s infinite linear;*/ 
	-ms-animation: fadeinout 3s infinite linear;
	animation: fadeinout 3s infinite linear;
}


#sequence .animate-in .headlinenine { 
	-webkit-animation-name: zoom; 
	-webkit-animation-duration: 1s; 
	-webkit-animation-iteration-count: 1; 
	-webkit-animation-timing-function: ease-in-out;
	/*-moz-animation: spinning 1s infinite linear;*/ 
	-ms-animation: zoom 1s 1 ease-in-out;
	animation: zoom 1s 1 ease-in-out;
}

#sequence .animate-in .textbox9 {
  -webkit-animation:textboxdrop 3s linear 1;
  -moz-animation:textboxdrop 3s linear 1;
  -ms-animation:textboxdrop 3s linear 1;
  animation:textboxdrop 3s linear 1;
  z-index: 500;
}


html.no-js #sequence .animate-in .textbox9 {
  -webkit-animation: zoom none;
/*  -moz-animation: zoom none;*/
  -ms-animation: zoom none;
  animation: zoom none;
}

html.no-js #sequence .animate-in .textbox9 {
  -webkit-animation: textboxdrop none;
/*  -moz-animation: textboxdrop none;*/
  -ms-animation: textboxdrop none;
  animation: textboxdrop none;
}













/*** Services ***/
#services {position: relative;}
#services h3 {padding-right: 3.5em;}

#sequence-services{
  height: 16em;
  padding: 0;
  margin: 0;
  position: relative;
  width: 100%;
  overflow: hidden;
}

#sequence-services ul {margin: 0; padding: 0;}
#sequence-services ul li {list-style: none; list-style-type: none; margin: 0; padding: 0;}
#sequence-services li > *  {position: absolute;}

#sequence-services li dl {
  padding: 0;
  height: 17.5em;
  font-size: .9em;
  display: block;
  margin: 0;
  opacity: 1;
}

#sequence-services li dd {margin: 0; padding: 0; border-bottom: 1px solid #eee;}
#sequence-services li dd a { display: block; padding: .4em 0 .4em 0; }
#sequence-services li dd a:hover {background: #eee; background: rgba(0,0,0,.1);}

html.no-js #sequence-services li > *{position: relative;}

.services-one, .services-two, .services-three{
    height: 100%;
    padding: 0;
    width: 100%;
}

.services-one, .services-two, .services-three{
    left: -210%;
    top: 0px;
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
}

.services-one.animate-in, .services-two.animate-in, .services-three.animate-in{
    left: 0px;
    opacity: 1;
    -webkit-transition-duration: .75s;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    transition-duration: .75s;
}

.services-one.animate-out, .services-two.animate-out, .services-three.animate-out{
    left: 110%;
    opacity: 0;
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
}

.mobilefeatureblock img {	display: inline;}  
.mobilefeatureblock {	margin-bottom: 40px;} 
.mobilefeatureblock h4 {margin-bottom: 20px;} 
.mobilefeatureblock .android {padding-left: 20px;}
.mobilebanner img {	width: 98%;} 

#wrapper .four-col.feedback {margin: 0; padding-top: 0;}
#wrapper .four-col.feedback .content  {margin-top: 0; padding-top: 0;}