@font-face {
	font-family: 'Oregon LDO';
	src: url('/.f/Oregon-LDO.eot') format('embedded-opentype'), url('/.f/Oregon-LDO.woff') format('woff'), url('/.f/Oregon-LDO.ttf') format('truetype'), url('/.f/Oregon-LDO.svg') format('svg');
	font-weight: normal; font-style: normal;
}
@charset "utf-8";
@-ms-viewport { width: device-width;}
html, body {
	margin: 0;
	font-family:'Oregon LDO',sans-serif,"Times New Roman", Times, serif;
	font-size: 20px;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	/*background-color:rgba(255,255,255,1);
	background-image:url('/.a/bkss/0.jpg');
	background-size:cover;
	background-position-y: center;*/
	background-image: url(/.a/bk-rQCEx1920w.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	width:100%;
	height:100%;
	overflow-x: hidden;
	/*-ms-overflow-style: scrollbar; /* fix ie scroll bar overlay */
	-ms-overflow-style: -ms-autohiding-scrollbar;
	scrollbar-face-color: rgba(66,91,126,.8);
	scrollbar-shadow-color: rgba(66,91,126,.8);
	scrollbar-highlight-color: rgba(66,91,126,.8);
	scrollbar-3dlight-color: rgba(66,91,126,.8);
	scrollbar-darkshadow-color: rgba(66,91,126,.8);
	scrollbar-track-color: rgba(255,255,255,.1);
	scrollbar-arrow-color: rgba(66,91,126,.8);
}
::-webkit-scrollbar { width:8px;}
::-webkit-scrollbar-button	   { width:8px; background-color:rgba(66,91,126,.8);  }
::-webkit-scrollbar-track { width:8px; background-color:rgba(66,91,126,.8);}
::-webkit-scrollbar-track-piece  { width:8px; background-color: rgba(66,91,126,.8); }
::-webkit-scrollbar-thumb		{ width:8px; }
::-webkit-scrollbar-corner	   { width:8px; }
::-webkit-resizer				{ width:8px; }
#openmenu {
	display:none;
}
/* Anti-Spam */
#srYourNameHereV, #srYourNameHere, #pfYourNameHereV, #pfYourNameHere, #coYourNameHereV, #coYourNameHere, #crfYourNameHereV, #crfYourNameHere, #cfYourNameHereV, #cfYourNameHere, #pDOYourNameHere, #pDOYourNameHereV {
	display: none;
}
#landscape {display:none;}
@media all and (min-width: 1200px){}

/* - Desktop CSS - */
@media all and (max-height: 900px){
	#menu ul ul li {
	font-size: 1rem;
	padding: .6rem .35rem;
	}
}
@media all and (max-height: 760px){
	#menu ul li {font-size:1.1rem;}
	#menu ul ul li {font-size: .9rem;padding: .3rem .4rem;}
}
@media all and (min-width: 751px){

/* -- Start: Menu Fix for smaller height desktop browsers-- */
/* - End: Menu Fix - */

.mbl {display:none !important;}
/* -- START DT MENU -- */
#openmenubox[type=checkbox], #menubox input[type=checkbox]  {
  display:none;
}
#openmenubox[type=checkbox], #menubox input[type=checkbox]  {
  display:none;
}
#bkbtn {
	font-size: 1.1rem;
	display: block;
	padding: .5rem;
	cursor:pointer;
}
#menubox {
	position:fixed;
	top:4rem;
	width:100%;
	height:2.5rem;
	color:rgba(0,0,0,1);
	background-color:rgba(255,255,255,.85);
	border-top:1px solid rgba(231,173,30,.3);
	border-bottom:1px solid rgba(231,173,30,.3);
	z-index:2000;
}
#menu {
	position: absolute;
	display: block;
	height: 2.7rem;
	list-style: none;
	top: 1rem;
	right: 5rem;
	font-size: 1rem;
	border-bottom: .05rem solid rgba(0,0,0,.5);
	color: rgba(0, 0, 0, 1);
}


#menu div li {
	/*color:rgba(56,91,126,1);*/
	color:rgba(0,0,0,1);
}
.closeme {
	position:fixed;
	color:rgba(126,56,56,1);
	font-size:1.5rem;
	top:6.5rem;
	right:2.5rem;
	cursor:pointer;
	display:none;
}
#menu div li a {
	text-decoration:none;
	font-weight:normal;
}
#menu li {
	padding: .5rem .35rem;
	display:inline;
	/*border-left: .1rem solid rgba(0,0,0,1);
	border-right: 1px solid rgba(0,0,0,1);*/
}
#menu li a {
	text-decoration: none;
	color: rgba(0,0,0, 1);
}
#menu li:hover {
	color: rgba(255,255,255, 1);
	border-bottom: .05rem solid rgba(255,255,255,1);
	cursor: pointer;
}
#menu li:hover a {
	color: rgba(255,255,255, 1);
}
#menu li:hover li a, #menu li li:hover li a {
	color: rgba(0,0,0, 1);
}
#menu li:hover li {
	border:0;
	color: rgba(0,0,0, 1)
}
#menu li li:hover, #menu li li:hover a, #menu li li li:hover a {
	color:rgba(0,0,0, 1);
}
#menu li li:hover {
	background-color: rgba(255,255,255,1);
}
#menu li div {
	position:absolute;
	/*width:0;
	right:0;
	top:6.5rem;
	height:calc(-6.5rem + 100vh);
	width:calc(-29rem + 100%);
	min-width:40rem;
	padding:1rem;
	background-color:rgba(255,255,255,.975);
	border-left: 2px solid rgb(0,0,0);*/
}
#menu div {
	color: rgba(0,0,0,1);
}
#menu div ul li {
	display:list-item;
	margin-bottom:-1.25rem;
	list-style-type: none;
}
#menu div ul li li {
	list-style-type: none;
}
#menu ul li label:before {
	font-weight: bold;
	color: rgba(126, 56, 56, 1);
	font-size: .75rem;
	margin: -1rem 0 0 -.8rem;
	/*content: "\027A4 ";*/
}
#menu ul li label:after {
	content: " \027A4 ";
	position: relative;
	padding-left:2rem;
}
#menu div ul {
	position: absolute;
	top: 1.75rem;
	right: -.5rem;
	font-size: 1rem;
	white-space: nowrap;
	background-color: rgba(255, 255, 255, 0.85);
	padding: 0;
	border-radius: 0 0 .2rem .2rem;
	border-top: .1rem solid rgba(0,0,0,1);
}
#menu div ul div {
	position:absolute;
	/*height:calc(50vh - 305px);*/
	top:-1.75rem;
	left: 100%;
	background-color:rgba(255,255,255,0);
}
#menu div ul div ul {
	position: relative;
	font-size:1rem;
	border-left: 2px solid rgba(231,173,30,1);
	right:0;
	top: 1.65rem;
	border-radius: 0 0 .2rem 0;
}
#menu div, #menu li:hover div div, #menu li li:hover div div {
	display:none;
}
#menu li:hover div {
	display:inline;
}
#menu li:hover li:hover div, #menu li:hover li:hover li:hover div {
	display:block;
}
/* -- END DT MENU -- */

#top {
	position:fixed;
	top:0;
	width:100%;
	height:4rem;
	background-color: rgba(255,255,255,1);
	z-index: 3000;
}
#top h1 {
	padding: .2rem 1.1rem;
	margin:0;
	font-size: 1.6rem;
	text-shadow: 1px 1px 2px rgba(231,173,30,1);
	color: rgba(231,173,30,1)
}
#top span {
	position: absolute;
	top: 2.3rem;
	left: 12rem;
	color: rgba(255,255,255,.7);
}
#top #company {
	position:fixed;
	top:-1.5rem;
	left:1.5rem;
	font-size:1rem;
	color: rgba(255,255,255,1);
	text-shadow: 0 0 5px rgba(0,0,0,1);
	z-index:1000;
}
#phone {
	position:absolute;
	top:0rem;
	right: 3rem;
	height:3rem;
	color: rgba(0,0,0,.7);
	display:inline-flex;
	z-index:1000;
}
#phone a {
	text-decoration: none;
	font-size:2rem;
	font-weight:bold;
	color: rgba(0,0,0, 1);
	z-index:1000;
}
#phone div {
	width:15rem;
	text-align:center;
}

#c {
	position:absolute;
	top: 0;
	left:0;
	right:0;
	padding-top: 6rem;
	min-height: 100%;
}
#c-cam {
	position:fixed;
	top: 6.5rem;
	right:0;
	left:0;
	bottom:0;
	padding:1rem 1rem 4rem 1rem;
	background-color: rgba(255,255,255,.95);
	box-shadow: 0 0 3px 1px rgba(0,0,0,1);
	/*-webkit-animation: myc 10s 1;
	animation: myc 2s 1;*/
	overflow-y: auto;
	border-bottom: .5rem solid rgb(255,255,255);
	border-top: 2px solid rgb(255,255,255);
}
.notes {
	float: right;
	width: 15rem;
	max-width: 40%;
	padding: .5rem;
	margin: .5rem;
	border: .1rem solid rgba(0,0,0,1);
	background-color: rgba(255, 250, 207, 1);
	text-shadow: none;
	color: rgba(0, 0, 0, 1);
	box-shadow: 0px 0px 0.5rem 0px rgba(0,0,0,1);
	border-radius: .3rem;
}
#CategoryID,#TestimonialID,#ApprovedTestimonialID {
		margin: .5rem;
		padding: .3rem;
		border: .05rem solid rgba(200,200,200,1);
		border-radius: .25rem;
}
#AgentID {
	margin: .5rem;
	padding: .3rem;
	border: .05rem solid rgba(200,200,200,1);
	border-radius: .25rem;
}
.BOeditor {
	max-width: 60%;
}
.BOeditor input {
	border: .05rem solid rgba(200,200,200,1);
	border-radius: .25rem;
	margin: .5rem;
	padding: .3rem;
}
.BOeditor label {
	display: inline-table;
	width: 12rem;
	text-align: right;
	padding: .5rem;
	vertical-align: top;
}
#fpfullsearchbox {
	position: fixed;
	right: 1rem;
	top: 12rem;
	width: 20rem;
}
#fpfullsearchboxbox {
	border: .05rem solid rgba(0,0,0, .5);
	padding: .25rem;
	margin-top: .25rem;
	background-color: rgba(0,0,0,.1);
}
.selectopt {
	position: relative;
}
.selectopt:after {
	content: '<->';
	font: .8rem "Consolas", monospace;
	color: rgba(70,70,70,1);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	right: .1rem;
	top: .4rem;
	padding: 0 0 .1rem 0;
	border-bottom: 1px solid #999;
	position: absolute;
	pointer-events: none;
}
.selectopt select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	
	display: block;
	width: 100%;
	margin: .05rem 0;
	padding: .4rem;
	font-size: .8rem;
	background-image: none;
	border: 1px solid rgba(200,200,200,1);
	-ms-word-break: normal;
	word-break: normal;
}
#fpfullsearchbox #types1, #fpfullsearchbox #Lakes, #fpfullsearchbox #bedrooms,#fpfullsearchbox #baths {
	padding: .4rem;
	margin: .05rem .05rem;
	width: calc(-.15rem + 50%);
	border: 1px solid rgba(200,200,200,1);
	font-size: 0.8rem;
}
#fpfullsearchbox #minprice,#fpfullsearchbox #maxprice,#fpfullsearchbox #minacres,#fpfullsearchbox #maxacres {
	padding: .4rem;
	margin: .05rem .05rem;
	width: calc(-1.05rem + 50%);
	border: 1px solid rgba(200,200,200,1);
	font-size: 0.8rem;
}
#fpfullsearchbox #styles,#fpfullsearchbox #counties,#fpfullsearchbox #cities {
	padding: .4rem;
	margin: .05rem .05rem;
	width: calc(-0.15rem + 50%);
	height: 3.65rem;
	border: 1px solid rgba(200,200,200,1);
	font-size: 0.8rem;
}
#SFAllSubmit {
	padding: .5rem;
	margin: .5rem 0 0 0;
	background: linear-gradient(rgba(231, 173, 30, 1), rgba(231, 143, 15, 1)) top/200% no-repeat;
	color: rgba(255, 255, 255, 1);
	font-weight: bold;
	width: 100%;
	font-size: 0.8rem;
	border: 0;
	border-radius: .2rem;
	cursor: pointer;
}
/* Input and Submit elements */
#SFLNSubmit,#EDHSENSubmit {
	position: absolute;
	padding: .5rem;
	background: linear-gradient(rgba(50, 50, 50, 1), rgba(0, 0, 0, 1)) top/200% no-repeat;
	color: rgba(255, 255, 255, 1);
	font-weight: bold;
	font-size: 0.8rem;
	border: 0;
	border-radius: .2rem;
	cursor: pointer;
}
#SearchMLS,#DateRange,#ClientName,#ClientEmail {
	padding: .4rem;
	margin: .05rem 0;
	width: calc(-7.9rem + 100%);
	border: 1px solid rgba(200,200,200,1);
	font-size: 0.8rem;
	border-radius: .2rem 0 0 .2rem;
}

#fpsearchbox fieldset {
	position: fixed;
	left: calc(-17.5rem + 50%);
	bottom: 10rem;
	border: .05rem solid rgba(0,0,0, .5);
	padding: 0 .5rem .5rem .5rem;
	width: 34rem;
	margin-top: .25rem;
	background-color: rgba(255,255,255,.2);
	border-radius: .2rem;
	color:rgba(255,255,255,1);
	text-shadow: 0 0 .1rem 0 rgba(0,0,0,.8);
}

#FeaturedCards .Result, #HotSheetCards .Result,#SearchResultCards .Result {
	width: 12rem;
	font-size: 0.9rem;
	background-color: rgba(255, 255, 255, 1);
	color: rgba(0, 0, 0, 1);
	padding: .5rem;
	text-shadow: none;
}
#FeaturedCards .Result .fli,#HotSheetCards .Result .fli,#SearchResultCards .Result .fli {
	width: 100%;
	margin: -.5rem -.5rem 0 -.5rem;
}
#FeaturedCards .Result .details,#HotSheetCards .Result .details,#SearchResultCards .Result .details {
	font-size: 0.8rem;
	background-color: rgba(0, 0, 0, 0.1);
	border-bottom: .05rem solid rgba(0,0,0,1);
	margin: .5rem -.5rem;
	padding: .5rem;
}
#FeaturedCards .Result .brlogo,#HotSheetCards .Result .brlogo,#SearchResultCards .Result .brlogo {
	float:right;
}
#FeaturedListings .Result,#HotSheetList .Result {
	height: 4rem;
	padding: .5rem;
	background-color: rgba(255, 255, 255, 1);
	display: block;
	text-shadow: none;
	color: rgba(0, 0, 0, 1);
	font-size: 0.8rem;
	border-top: .05rem solid rgba(0,0,0,.2);
	border-bottom: .05rem solid rgba(0,0,0,.2);
}
#FeaturedListings .Result .fli,#HotSheetList .Result .fli {
	max-height: 2rem;
	position: absolute;
	left: 1rem;
}
#FeaturedListings .Result .details,#HotSheetList .Result .details {
	background-color: rgba(0, 0, 0, 0.1);
	height: 4rem;
	margin: -.5rem 0;
	position: absolute;
	left: 6rem;
	right: 15rem;
	padding: .5rem;
}
#FeaturedListings .Result .brlogo,#HotSheetList .Result .brlogo {
	width: 12rem;
	height: 4rem;
	position: absolute;
	right: 2rem;
	padding-top: 1rem;
}
#FeaturedListings .Result .brlogo img,#HotSheetList .Result .brlogo img {
	position: absolute;
	right: 2rem;
	margin-top: -.5rem;
}
#FeaturedListings .Result .details div,#HotSheetList .Result .details div {
	width: 12rem;
	height: 4rem;
	display: inline-flex;
}
#HotSheetNotifications {
	width: 25rem;
	margin: 1rem;
}
#HotSheetNotifications #Module {
	height: 11rem;
}

#Module {
	text-shadow: none;
	color: rgba(0, 0, 0, 1);
	font-size: 0.9rem;
}
#LDSelector {
	list-style: none;
	width: 20rem;
}
#LDSelector input[type=checkbox] {
	display:none;
}
#LDSelector input[type=checkbox]:checked ~ div {
	display: block;
}
#LDSelector li {
	display:inline;
	list-style: none;
}
#LDSelector li:selected div {
	display:block;
}
#LDSelector li div {
	position: absolute;
	display: none;
	border: .05rem solid rgba(0,0,0,.2);
	padding: .5rem;
	width: calc(-7rem + 100%);
	min-height: 20rem;
	background-color: rgba(255, 255, 255, 0.2);
}
#ListingDetails {
	position: relative;
	top:-1rem;
	padding: 0;
}

#ListingDefault{
	position: relative;
	border: .05rem solid rgba(0,0,0,.2);
	padding: .5rem;
	width: calc(-7rem + 100%);
	min-height: 20rem;
	background-color: rgba(255, 255, 255, 0.2);
	top:-1rem;
	left:2rem;
}

.Photos, .Map, .Tour {
	display: inline-flex;
	padding: .5rem;
	border: .05 solid rgba(0,0,0,.2);
	width: auto;
	background-color: rgba(255, 255, 255, 0.3);
}

#fpfullsearchbox fieldset {
	background-color: rgba(255, 255, 255, 0.2);
	color: rgba(255, 255, 255, 1);
	text-shadow: 0px 0px 0.1rem 0px rgba(0,0,0,0.8);
	border: .05rem solid rgba(0,0,0, .5);
}
fieldset {
	background-color: rgba(0, 0, 0, 0.7);
	color: rgba(0, 0, 0, 1);
	border: .05rem solid rgba(0,0,0, .2);
	border-radius: .2rem;
}
legend {
	display: block;
	background-color: rgba(255, 255, 255, 1);
	padding: 0 .5rem;
	border-radius: .2rem;
	box-shadow: 0px 0px 0.2rem 0px rgba(0,0,0,1);
}

.ManageAgencies {
	background-color: rgba(255, 255, 255, 1);
	padding: .75rem 1rem;
	border-radius: .5rem;
	border: .05rem solid rgba(0,0,0,1);
}
.ManageAgencies .add {
	display:block;
	float:right;
	background-color: rgba(0,0,0,1);
	padding:.25rem;
	font-size: 1rem;
	border-radius: .1rem;
	border: .05rem inset rgba(0,0,0,1);
}
.ManageAgencies select {
	font-size: 1rem;
	border: .05rem solid rgba(0,0,0,.1);
	padding: .25rem;
}
#c .add a {
	color: rgba(255,255,255,1);
}
#msgSend,#SaveSignature,#btn_save_template,#btn_add_template {
	cursor: pointer;
	background: rgb(226,226,226); /* Old browsers */
	background: linear-gradient(to bottom, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
	text-shadow: 0 0 .1rem 0 rgba(100,100,100,.9);
}
#msgSend:hover,#SaveSignature:hover,#btn_save_template:hover,#btn_add_template:hover {
	text-shadow: 0 0 .1rem 0 rgba(150,70,70,.9);
	text-decoration: underline;
}
#TestimonialIDcontent,#ApprovedTestimonialIDcontent,#AgencyID,#AgencyUserLevel,#CSTM_AgentID,#msgTemplate,#SendTo {
	border: .05rem solid rgba(200,200,200,.3);
	border-radius: .25rem;
	margin: .5rem;
	padding: .3rem;
	width: 15rem;
	background-color: rgba(255,255,255,0);
	vertical-align: top;
}
#msgBody {
	border: .05rem solid rgba(200,200,200,1);
	border-radius: .25rem;
	width: 20rem;
	height:12rem;
	margin: .5rem;
	padding: .3rem;
}
#msgSignature {
	border: .05rem solid rgba(200,200,200,1);
	border-radius: .25rem;
	width: 20rem;
	height:4rem;
	margin: .5rem;
	padding: .3rem;
}
#UpdateAgentID, #AddAgentID, #UpdateLinkCategories,#ApproveTestimonial,#RemoveTestimonial,#SaveSignature,#msgSend {
	position: relative;
	margin-left: 45%;
}

/*
@-webkit-keyframes myc {
	0%   {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes myc {
	0%   {opacity: 0;}
	100% {opacity: 1;}
}
*/
#c h1, #c-cam h1 {
	display: block;
	margin: -4rem 0 3rem 0;
	font-size: 1.4rem;
	color: rgba(255, 255, 255, 1);
	text-shadow: 0px 0px 0.2rem 0px rgba(0,0,0,1);
}
#c a, #c-cam a {
	text-decoration: none;
	color: rgba(150, 30, 28, 1);
}

#c_desk {
	display: block;
	position: absolute;
	top: 8.5rem;
	left: 1rem;
	right: 1rem;
	background-color: rgba(255, 255, 255, 0.8);
	padding: 1rem;
	border-radius: .2rem;
	border: .05rem solid rgba(0,0,0,.9);
	border-top: 1rem solid rgba(0,0,0,.9);
}
/* autosize specials section images */
.specialsimg {
	width: 48%;
	margin: .5%;
	box-shadow: 0 0 .1rem 0 rgba(0,0,0,1);
}
.specialsimg:active {
	width: 90%;
	height: auto;
	max-height: 95%;
	position: fixed;
	top:5%;
	left:5%;
	z-index: 10000;
}

#items a {
	position: absolute;
	color: rgba(252,252,2,1);
	background-color: rgba(0,0,0,.8);
	width: 14rem;
	display: block;
	padding: .5rem;
}
.cimg {
	max-width:45%;
	float:right;
	padding:.1rem;
	margin:.5rem;
	border:.5rem solid rgba(255,255,255,1);
	background-color:rgba(0,0,0,1);
	box-shadow: 0 0 .1rem 0 rgba(0,0,0,1);
}
#items {
	list-style: none;
	padding-left:0;
}
#items li {
	overflow: hidden;
	height: 10rem;
	width: 15rem;
	border: .75rem solid rgba(255,255,255,1);
	box-shadow: 0 0 .2rem rgba(0,0,0,1);
	float:left;
	margin: .35rem;
}
#items li span {
	position:absolute;
	color: rgba(255,255,255,1);
	background-color: rgba(0,0,0,.8);
	width:14rem;
	display:block;
	padding: .5rem .5rem;
	font-weight:bold;
	text-align:center;
	z-index:1;
}
#items li img {
	position: center;
	max-height: 10rem;
}
.mls {
		width: calc(-2rem + 100%) !Important;
		/*height: calc(-12.1rem + 100%) !Important;*/
		bottom: 0 !Important;
	}
#alist {
	float:right;width:9rem;
	padding:0 .5rem .5rem .5rem;
	margin:1rem -1rem 1rem 1rem;
	background-color:rgba(255,255,255,1);
	box-shadow:0 0 .2rem rgb(0,0,0);
}
/*#ourteam img {
	width: 8rem;
	box-shadow: 0 0 .1rem #000;
}
#ourteam li b {
	text-transform: uppercase;
	color: rgba(0, 85, 145, 1);
}
#ourteam li h3 {
	color: #000;
	font-size: .9rem;
	margin: .5rem;
	font-weight:normal;
	width: 7rem;
}
#ourteam li{
	float: left;
	text-align:center;
	line-height:1.25em;
	list-style: none;
	margin-right: 1em;
	margin-left: 1em;
	margin-bottom: 2em;
	font-size:.75rem;
	height: 14rem;
	padding: .25rem;
}
#ourteam a{
	text-decoration:none;
	color: #000;
}*/
#GR, #MAR {
	height:9rem;
	width:35rem;
	padding:.5rem;
	font-size:.9rem;
}
#GR b, #MAR b{
	font-size:1rem;
}
#GR p, #MAR p {
	position: absolute;
	background-color: rgba(255, 255, 255, .95);
	padding: 1rem;
	border: .4rem solid rgba(0,0,0,.7);
	margin: .4rem;
	box-shadow: 0px 0px 0.2rem 0px rgba(0,0,0,1);
}
#testimonials {
	background-color: rgba(255, 255, 255, 1);
	margin: -.5rem -1rem;
	padding: .5rem 1rem;
	color: rgba(50,50,50, 1);
	border-top: 1px dashed rgba(160, 40, 38, 1);
	border-bottom: 1px dashed rgba(160, 40, 38, 1);
}
#testimonials b {
	line-height:3rem;
	color:rgba(0,0,0,1);
}
#f {
	position:fixed;
	width:100%;
	height: 2rem;
	background-color: rgba(0,0,0,.3);
	left:0;
	bottom:0;
	font-size: .8rem;
	padding: .35rem;
	color: rgba(255,255,255,.8);
}
#f a {
	text-decoration: none;
	color: rgba(255,255,255,.9);
}
#logo {
	position:absolute;
	top:.5rem;
	left:5rem;
	background-image:url('/.a/logo-full-400w.png');
	background-size: contain;
	background-position-y:top;
	background-repeat: no-repeat;
	width:12rem;
	height:10rem;
	max-width: 16rem;
	z-index:5000;
}
#action {
	position: fixed;
	display:inline-flex;
	width: calc(-22rem + 100%);
	bottom: 3rem;
	right: 0;
	background-color: rgba(255,255,255,.9);
	height: 7rem;
	border-top: 2px solid rgba(255,4,6,1);
	border-bottom: 2px solid rgba(255,4,6,1);
	box-shadow: 0 0 .2rem rgb(0,0,0);
	overflow:hidden;
	padding-bottom:.3rem;
}
#action div {
	width:33%;
	text-align:center;
}
#action div h2 {
	margin: .5rem 0;
	font-size: 1.3rem;
}
#action div p {
	color: rgba(0,0,0,1);
	width: 85%;
	font-size: .9rem;
	margin: 0 auto;
}
#action div a {
	text-decoration: none;
	color:rgba(150,50,50,1);
}
#i {
	position:fixed;
	top: 8rem;
	left: 1rem;
	width:20rem;
	height:15.5rem;
	overflow:hidden;
	border-top: .1rem solid rgba(255,4,6,1);
	border-bottom:.1rem solid rgba(255,4,6,1);
	background: rgba(255,255,255,.95);
	z-index:1;
}
.blogpost {
	color: rgb(0,0,0);
}
#feed {
	position:absolute;
	display:block;
	top:9.5rem;
	/*background-color:rgba(255,255,255,0);*/
	padding:.5rem 1rem;
	/*box-shadow: 0 0 3px 1px rgba(0,0,0,.2);
	border-top:2px solid rgba(255,255,255,.8);
	border-bottom:2px solid rgba(228,228,228,.8);*/
	/*border-radius:20px;*/
	left:0;
	font-size:.8rem;
	width:calc(-2rem + 100%);
	/*background: #ffffff;
	background: -moz-linear-gradient(top,  rgba(228,228,228,1) 0%, rgba(236,236,236,1) 40%, rgba(255,255,255,1) 68%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(228,228,228,1) 0%,rgba(236,236,235,1) 40%,rgba(255,255,255,1) 68%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom,  rgba(228,228,228,1) 0%,rgba(236,236,236,1) 40%,rgba(255,255,255,1) 68%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgb(255,255,255)', endColorstr='rgb(228,228,228)',GradientType=0 );*/
}
#feed h4 {
	padding:0;
	margin: 0;
	font-size:1.2rem;
	color: rgba(0,0,0, 1);
	/*text-shadow: 0 0 2px rgba(100,100,100,.8);*/
}
#feed h3 {
	margin:.5rem 0;
}
#feed p {
	margin:0;
	width:80%;
}
#feed a {
	text-decoration: none;
	color:rgba(150,50,50,1);
}
#feed i {
	font-size:.6rem;
	color: rgba(100,100,100,1);
}
#feed span {
	width:calc(100vw - 450px);
}
#req {
	position:absolute;
	display:block;
	width:100%;
	height:155px;
	left:0;
	top:0;
	padding:.5rem 1rem;
}
#req h4 {
	margin:.5rem 0;
	font-size:1.2rem;
	color:rgba(0,0,0,1);
	/*text-shadow: 0 0 2px rgba(100,100,100,.8);*/
}
#req div span {
	position:absolute;
	top:.2rem;
	left:.2rem;
	width:20rem;
}
.cr {
	border:0;
	background-color: rgba(252,4,6,.1);
	padding: .3rem;
	font-size:.8rem;
	width:155px;
	margin:.1rem;
}
#xTopic {
	border:0;
	background-color: rgba(252,4,6,.1);
	padding: .3rem;
	font-size:.8rem;
	width:332px;
	margin:.1rem;
}
.pm {
	border:0;
	border-bottom: 1px solid rgba(231,173,30,1);
	background-color: rgba(0,0,0,.1);
	padding: .3rem;
	font-size:.8rem;
	width:155px;
	margin:.1rem;
}
.fa {
	border:0;
	padding: .3rem;
	font-size:.5rem;
	width:250px;
	margin:.1rem;
}

.crp {
	border:0;
	background-color: rgba(252, 4, 6, 0.1);
	padding: .3rem;
	font-size:.8rem;
	width:155px;
	margin:.1rem;
}
.crm {
	border: 0;
	background-color: rgba(0,125,0,.1);
	padding: .275rem;
	font-size:.8rem;
	width:345px;
	margin:.1rem;
}
.crh {
	border: 1px solid rgba(231,173,30,1);
	background-color: rgba(231,173,30,.1);
	padding: .275rem;
	font-size:.8rem;
	width:175px;
	margin:.1rem;
}
.crb {
	border:.05rem outset;
	color:rgba(255,255,255, 1);
	background-color: rgba(150,50,50,1);
	/*background: -moz-linear-gradient(top,  rgba(228,228,228,1) 0%, rgba(236,236,236,1) 40%, rgba(255,255,255,1) 68%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(228,228,228,1) 0%,rgba(236,236,235,1) 40%,rgba(255,255,255,1) 68%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 40%,rgba(236,236,236,1) 68%,rgba(228,228,228,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgb(255,255,255)', endColorstr='rgb(228,228,228)',GradientType=0 );*/
	padding: .3rem;
	font-size:.8rem;
	margin:.1rem;
	cursor: pointer;
}
.crb:hover {
	
	/*background: #ffffff; /* Old browsers */
	/*background: -moz-linear-gradient(top,  rgba(228,228,228,1) 0%, rgba(236,236,236,1) 40%, rgba(255,255,255,1) 68%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(228,228,228,1) 0%,rgba(236,236,235,1) 40%,rgba(255,255,255,1) 68%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom,  rgba(228,228,228,1) 0%,rgba(236,236,236,1) 40%,rgba(255,255,255,1) 68%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgb(255,255,255)', endColorstr='rgb(228,228,228)',GradientType=0 );*/

}
#itascamap img {
	width:25%;
	float:right;
}
#itascamap:hover img {
	position:fixed;
	top:10rem;
	right:0;
	width:45%;
	box-shadow: 0 0 1rem rgb(0,0,0);
	z-index:5000;
}
#rateme {
	position:fixed;
	bottom:185px;
	right:0;
	color: rgba(153,204,51,1);
	background-color:rgba(255,255,255,0);
	border:0;
	font-size:1.1rem;
	text-align:right;
}
#rated {
	display:none;
	position:fixed;
	bottom:273px;
	right:0;
	width:250px;
	padding:0 1rem .5rem 1rem;
	font-size:.8rem;
	color:rgba(0,0,0,1);
	background-color:rgba(153,204,51,.95);
	border:2px solid rgba(153,204,51,1);
	border-bottom:0;
	border-right:0;
	box-shadow:0 0 3px 1px rgba(153,204,51,1);
	border-radius: 10px 0 0 0;
}
#rated h4 {
	margin:.5rem 0;
}
#social {
	position:absolute;
	bottom:0;
	right:1rem;
}
#social img {
	width:1.5rem;
}
#copy {
	position:fixed;
	bottom:1.2rem;
	right:2.5rem;
}
#design {
	position:fixed;
	bottom:.2rem;
	right:2.5rem;
}
#html5 {
	width:2rem;
	position:fixed;
	right:.5rem;
	bottom:-.25rem;
}

#foot {
	position:absolute;
	left: 2rem;
	font-size:.9rem;
	bottom: .6rem;
	color: rgba(255,255,255,1);
}
#foot a {
	color: rgba(255,255,255,1);
}
#foot b {
	position:relative;
	bottom: -.2rem;
	font-weight:bold;
	font-size:1.5rem;
	padding-right: 1.5rem;
}
#careeropportunities {
	width: 400px;
	margin: 0 0 10px 15px;
	padding: 10px;
	border-top: 2px #000;
	background-color: rgba(20,53,97,1);
	color: #FFF;
	float: right;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	box-shadow: 0 0 3px #333;
	-webkit-box-shadow: 0 0 3px #333;
	-moz-box-shadow: 0 0 3px #333;
}
#newdesignproject {
	width: 100%;
	margin: 0 0 10px 15px;
	padding: 10px;
}
#newdesignproject h3 {
	display: block;
	width:100%;
}
#newdesignproject input {
	font-size:1rem;
	padding:.2rem;
	border:0;
	border-left:2px solid rgba(255,0,0,1);
}
#newdesignproject .button {
	border:1px solid rgba(0,0,0,1);
	border-radius: .2rem;
	box-shadow: 0 0 .1rem rgb(0,0,0);
	cursor:pointer;
}
#Color1, #Color2, #Color3, #Color4 {
	border:0;
	background-color:rgba(255,255,255,0);
	font-size:1rem;
	color:rgba(0,0,0,.7);
}
#colors {
	float:right;
	width:35vmin;
	margin-left:10px;
}
#colorpicks {
	border: 1px solid rgba(0,0,0,1);
	background-color: rgba(255,255,255,1);
	width:220px;
	padding:1rem;
	margin:.5rem;
	color: rgba(0,0,0,1);
}
#picker, #picker2, #picker3, #picker4 { display:inline-block; width: 30vmin; height: 30vmin; }
#slide, #slide2, #slide3, #slide4 { display:inline-block;width: 4vmin; height: 30vmin; }
#contactform, #paymentform {
	width: 700px;
	margin: 0 0 10px 15px;
	padding: 10px;
	border-top: 2px #000;
	background-color: #143561;
	color: #FFF;
	float: right;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	/* box-shadow: horizontal vertical blur color */
	box-shadow: 0 0 3px #333;
	-webkit-box-shadow: 0 0 3px #333;
	-moz-box-shadow: 0 0 3px #333;
}
#contactinfo, #payright  {
	width: 320px;
	float:right;
	border:1px solid #000;
	background-color: #fff;
	color: #143561;
	padding: 0 10px;
}
#cd {
	width: 340px;
	margin: 0 -10px;
	height: 5px;
	background-color:#000;
}
#careeropportunities h3,#contactform h3, #paymentform h3 {
	background-color: #fff;
	color: #143561;
	margin: -10px -10px 10px -10px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius: 5px 5px 0 0;
	padding: 10px;
}


#splash {
	position:fixed;
	width: 100vmin;
	height:100vmin;
	top:-100px;
	right:-50px;
	background-image: url('/.a/logo.png');
	background-size: 100% 100%;
	background-position:50%;
	background-repeat:no-repeat;
	opacity: .3;
	-webkit-animation: mybox 10s 1;
	animation: mybox 5s 1;
	z-index: 2000;
	color: rgba(0,0,0,0);
	z-index:0;
	overflow:hidden;
}
@-webkit-keyframes mybox {
	0%   {width: 0; height: 0; opacity: 1;}
	100% {width: 100vmin; height:100vmin; opacity: .3;}
}
@keyframes mybox {
	0%   {width: 0; height: 0; opacity: 1;}
	100% {width: 100vmin; height:100vmin; opacity: .3;}
}
}
@media all and (max-width: 1275px){
#top h1 {
	font-size: 1.5rem;
	max-width: 55%;
}
#top span {
	top:2.2rem;
	left:10rem;
}

#phone a {
	font-size:1.5rem;
}
#phone div {
	width:10rem;
	padding-top:.5rem;
}
#action div p {
	font-size: .7rem;
}
#action div h2 {
	font-size:1.2rem;
}

}
@media all and (max-height: 900px){
#action {
	height:2rem;
}
#action div p {
	display: none;
}
#c, #c cam {
	bottom: 5.45rem;
}
#i {
	height:10rem;
}
#req h4 {
	font-size: 1rem;
}
#social {
	display:none;
}
#feed {
	display:none;
}
}
@media all and (max-width: 975px){
#i {
	width:12rem;
}
#action {
	width:calc(-14rem + 100%);
}
#logo {
	max-width: 12rem;
}
.crm {
	width: 200px;
}
#req h4 {
	font-size:1rem;
}
#feed {
	display:none;
}
#top span {
	display:none;
}
#phone a {
	font-size:1.3rem;
}
#phone div {
	width:8rem;
	padding-top:.75rem;
}
#action div h2 {
	font-size:1.1rem;
}
}

/* - Mobile CSS - */

@media screen and (max-width: 750px){
.dt {display:none;}
.mbl {display:block;}
html, body {
	font-family:'Oregon LDO',sans-serif,"Times New Roman", Times, serif;
	background-color: rgba(28,32,17,1);
	background-image: url('/.a/bkm.jpg');
	background-position:center;
	background-size:cover;
}
.mls {
	bottom: auto !important;
}
.mls img {
	max-width:calc(-1rem + 100%) !important;
}
/*#splash {
	position:fixed;
	width: 100vmin;
	height:100vmin;
	top:-100px;
	right:-50px;

	background-image: url('/.a/logo.png');
	background-size: 100% 100%;
	background-position:50%;
	background-repeat:no-repeat;
	opacity: .3;
	-webkit-animation: mybox 10s 1;
	animation: mybox 5s 1;
	z-index: 2000;
	color: rgba(0,0,0,0);
	z-index:0;
	overflow:hidden;
}
@-webkit-keyframes mybox {
	0%   {width: 0; height: 0; opacity: 1;}
	100% {width: 100vmin; height:100vmin; opacity: .3;}
}
@keyframes mybox {
	0%   {width: 0; height: 0; opacity: 1;}
	100% {width: 100vmin; height:100vmin; opacity: .3;}
}*/

/*#i {
	position:absolute;
	display: block;
	z-index:2000;
}
#feed {
	position:fixed;
	display:block;
	bottom:1rem;
	right:1rem;
	z-index:0;
}*/
#i {
	position:absolute;
	bottom: 0;
	width:100%;
	height:0;
	border-top: 0;
	background: none;
}
#feed {
	position: fixed;
	display:none;
	bottom:0;
	background-color:rgba(56,91,126,.05);
	padding:.2rem .7rem;
	right:0;
	font-size:.8rem;
	width:65%;
	border:1px solid rgba(56,91,126,.2);
	border-left:0;
	border-right:0;
	z-index:2000;
}
#feed h4 {
	padding:0;
	margin:.5rem 0;
	font-size:.8rem;	
}
#feed p {
	margin:0;
}
#feed a{
	text-decoration: none;
	color:rgba(56,91,126,1);
}
#feed i {
	font-size:.7rem;
}
#c, #c-cam {
	top:1rem;
	bottom:0;
	left: .5rem;
	right:.5rem;
	padding:.75rem;
	position:absolute;
	z-index:100;
	font-size:.8rem;
	/*background-color: rgba(56,91,126,.95);*/
	background-color:rgba(0,0,0,.9);
	color:rgba(210,210,210, 1);
	border:rgba(231,173,30,1);
	box-shadow: 0 0 3px 0 rgba(0,0,0,1);
	-webkit-animation: myc 10s 1;
	animation: myc 5s 1;
	padding-bottom:7rem;
	width:calc(-2.5rem + 100%);
	overflow-y: scroll;
}
@-webkit-keyframes myc {
	0%   {opacity: 0;}
	30%   {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes myc {
	0%   {opacity: 0;}
	30%   {opacity: 0;}
	100% {opacity: 1;}
}
#c img {
	max-width:100%;
}
#c h1, #c-cam h1 {
	display:block;
	color: rgba(231, 173, 30, 1);
	border-bottom: 3px solid rgba(159,26,24,1);
	padding-bottom:.4rem;
	margin:-.2rem 0;
}
#c a, #c-cam a {
	text-decoration:none;
	color:rgba(231, 173, 30, 1);
}
#items {
	list-style: none;
	padding-left:0;
}
#items img {
	max-width:unset;
}
#items li {
	overflow: hidden;
	height: 10rem;
	width: calc(-.5rem + 100%);
	box-shadow: 0 0 .2rem rgba(0,0,0,1);
	float:left;
	margin: .35rem;
}
#items li span {
	position:absolute;
	background-color: rgba(255,255,255,.8);
	width: calc(-3rem + 100%);
	display:block;
	padding: .5rem .5rem;
	text-align:center;
	z-index:1;
}
#items a {
	color: rgba(255,4,6,1);
}
#items li img {
	position: center;
}
#ourteam li {
	list-style:none;
	height: 25rem;
}
#action {
	position:fixed;
	top:10rem;
	left:.5rem;
	width:60%;
}
#action h2 {
	display:block;
	background-color: rgba(0,0,0,1);
	padding:.6rem .6rem .3rem .6rem;
	margin:.6rem;
	font-size:.85rem;
	color:rgba(231,173,30,1);
	/*border-left:2px solid rgba(46,69,7,1);*/
	border-left: 2px solid rgba(160,40,38,.9);
	box-shadow: 0 0 .1rem rgb(0,0,0);
}
#action h2 a {
	text-decoration:none;
	color:rgba(231,173,30,1);
}
#action p {
	display:none;
}
#f {
	position:fixed;
	bottom:0;
	right:0;
	width:calc(100% - .75rem);
	height:6rem;
	font-size: .6rem;
	padding: .35rem .75rem .35rem 0;
	color: rgba(100,100,100,1);
	background-color: rgba(0,0,0,.9);
	z-index:100;
}
#f a {
	text-decoration: none;
	color: rgba(110,110,110,1);
}
#logo {
	position:absolute;
	left: 1rem;
	bottom:1rem;
	width:7.5rem;
	height: 6rem;
	background-image:url('/.a/logom.png');
	background-size: 100% auto;
	background-repeat:no-repeat;
}
#copy {
	position:absolute;
	right:2.5rem;
	bottom:1rem;
}
#design {
	position:absolute;
	right:2.5rem;
	bottom:.25rem;
}
#html5 {
	position:absolute;
	width:2rem;
	right:.5rem;
	bottom:0;
	
}

/* - Menu - */
#openmenubox[type=checkbox] {
  display:none;
  color:rgba(255,255,255,0);
}
#openmenu {
	display:block;
	position: fixed;
	right:-30px;
	bottom: 200px;
	background-color: rgba(255,255,255,1);
	width: 60px;
	height:60px;
	padding:15px;
	border-bottom: 2px solid rgba(0,0,0,.8);
	box-shadow: 0 0 3px 0 rgba(0,0,0,1);
	cursor:pointer;
	z-index:2000;
	line-height: 100px;
	font-size:1.5rem;
	vertical-align: middle;
	-webkit-transform-origin: 0 100%;
	-moz-transform-origin: 0 100%;
	-ms-transform-origin: 0 100%;
	-o-transform-origin: 0 100%;
	transform-origin: 0 100%;
	-webkit-transform: rotate(45)deg;
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	background: -webkit-linear-gradient(90deg, rgba(255,255,255,1), rgba(175,175,175,1));
	background: -o-linear-gradient(90deg, rgba(255,255,255,1), rgba(175,175,175,1));
	background: -moz-linear-gradient(90deg, rgba(255,255,255,1), rgba(175,175,175,1));
	background: linear-gradient(90deg, rgba(255,255,255,1), rgba(175,175,175,1));
	z-index: 20000;	
}
#openmenubox[type=checkbox]:checked ~ #menubox, #openmenubox[type=checkbox]:checked ~ #AdaptiveBG {
	display:block;
}
#openmenubox[type=checkbox]:checked ~ #openmenu:after {
	content:"\00d7";
}
#openmenubox[type=checkbox]:checked ~ #openmenu {
	background-color: rgba(0,0,0,1);
	color: rgba(255,255,255,1);
	background: -webkit-linear-gradient(90deg, rgba(255,255,255,1), rgba(175,175,175,1));
	background: -o-linear-gradient(90deg, rgba(255,255,255,1), rgba(175,175,175,1));
	background: -moz-linear-gradient(90deg, rgba(255,255,255,1), rgba(175,175,175,1));
	background: linear-gradient(90deg, rgba(80,80,80,1), rgba(0,0,0,1));
}
#openmenu:after {
   position:absolute;
	-webkit-transform: rotate(-45)deg;
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	content:"\2261";
}
#menubox {
	position:absolute;
	top:10px;
	left:5px;
	z-index:1000;
	display:none;
}
#menubox input[type=checkbox] {
	display:none;
}
#menu li div, #menu li div li div, #menu li div li div li div {
	display:none;
}
#menu li {
	list-style:none;
	padding:.3rem;
}
#menu li a {
	text-decoration:none;
	color:rgba(200, 100, 100, 1);
}
#menu li input[type=checkbox]:checked + label {
	padding:.25rem 0;
	border-bottom:3px solid rgba(61,86,121,1);
	color: rgba(0,0,0,1);
	font-size:1.1rem;
	max-width:200px;
}
#menu li input[type=checkbox]:checked + label:before {
	/*content: "\2607";
	content: "\021A9";*/
	content: "\021b6";
	margin-right:1rem;
	position: absolute;
	left: 15px;
}
#menu ul {
	list-style: none;
	padding:.7rem 0 0 .1rem;
}
#menu ul li {
	padding: .2rem;
}
#menu ul a {
	text-decoration:none;
	color:rgba(200,100,100,1);
}
#AdaptiveBG {
	position: fixed;
	display: none;
	bottom: 575px;
	-webkit-transform-origin: 0 100%;
	-moz-transform-origin: 0 100%;
	-ms-transform-origin: 0 100%;
	-o-transform-origin: 0 100%;
	transform-origin: 0 100%;
	-webkit-transform: rotate(40deg);
	-moz-transform: rotate(40deg);
	-ms-transform: rotate(40deg);
	-o-transform: rotate(40deg);
	transform: rotate(40deg);
	-webkit-backface-visibility:hidden;
	content: "";
	width:2000px;
	height:2000px;
	left:-580px;
	background-color: rgba(255,255,255,.95);
	border: 2px solid rgba(0,0,0,.8);
	box-shadow: 0 0 5px 1px rgba(0,0,0,1);
	z-index:800;
}

#Introduction[type=checkbox]:checked #menu + div li {
	display:none;
}
#menu input[type=checkbox]:checked ~ div {
	display:block;
}
@media screen and (orientation: landscape) {
#landscape {
	display:block;
	position:absolute;
	padding:0 5%;
	top:10%;
	left:10%;
	width: 70%;
	height: 80%;
	font-size: .9rem;
	vertical-align:middle;
	background-color: rgba(255,255,255,9);
	border:1px solid rgba(0,0,0,.9);
	box-shadow: 0 0 3px 0 rgba(0,0,0,1);
	z-index:5000;
}
#landscape i {
	font-size: .7rem;
}
}
}
#compat {display:none;}
@media screen and (max-width: 750px){
#compat {
	display:block;
	position:fixed;
	width:200px;
	background-color:rgba(255,255,255,.8);
	top:100px;
	right:0;
	padding:20px;
	box-shadow: 0 0 3px 0 rgba(0,0,0,1);
	-webkit-animation: compatmove 10s 1;
	animation: mycompat 5s 1;
}
#compat b {
	font-size: 1.5rem;
}
#compat span {
	margin:-20px 0 -20px 0;
}
#compat span:before {
	content:"\00d7";
}
@-webkit-keyframes mycompat {
	0%   {width: 0px; opacity: 0;}
	100% {width: 200px; opacity: 1;}
}
@keyframes mycompat {
	0%   {width: 0px; opacity: 0;}
	100% {width: 200px; opacity: 1;}
}
}