@font-face {
	font-family: 'Ubuntu Condensed';
	src: url('/font/UbuntuCondensed-Regular.eot') format('embedded-opentype'), url('/font/UbuntuCondensed-Regular.woff') format('woff'), url('/font/UbuntuCondensed-Regular.ttf') format('truetype'), url('/font/UbuntuCondensed-Regular.svg') format('svg');
	font-weight: normal; font-style: normal;
}
@font-face {
	font-family: 'Ubuntu';
	src: url('/font/Ubuntu-Regular.eot') format('embedded-opentype'), url('/font/Ubuntu-Regular.woff') format('woff'), url('/font/Ubuntu-Regular.ttf') format('truetype'), url('/font/Ubuntu-Regular.svg') format('svg');
	font-weight: normal; font-style: normal;
}
body {
	background-color: rgba(245,248,255,1);
	background-image: url(/.a/bk.jpg);
	background-size: 100% auto;
	background-position: center bottom;
	background-repeat: no-repeat;
	font-family:'Ubuntu Condensed',sans-serif,"Times New Roman", Times, serif;
	margin: 0px;
	font-size: 18px;
	height:100%;
}
html {
  height: 100%;
}
html * { 
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
#FRight {
	float:right;
	top: 7.5rem;
	width: 50%;
	left: calc(-2rem + 43vw);
	padding: 0 1rem;
	color: rgba(255,255,255,1);
	background-color: rgba(27,117,174,.5);
	box-shadow: 0 0 1.5rem 1.5rem rgba(27,117,174,.5);
	text-align: center;
}
.sandy {
	font-size: 1.7rem;
	font-family: 'Ephesis', cursive;
}
.new {
	margin:.5rem 1rem;
	background-color: rgba(255,255,255,.1);
	border:.05rem solid rgba(255,255,255,.3);
}
.new ul {
	list-style:none;
}
#LetItSnow {
	position: absolute;
	left: 0px;
	top: 0px;
}
#s {
	height:100%;
	width:100%;
}
#t {
	font-size: 2.5rem;
	height:200px;
	width: 86vw;
	max-width:1600px;
	padding:0 2rem;
	margin: 0 auto;
	color: rgba(0,28,46,1);
	border-left:1px solid rgba(27,117,174,1);
	border-right:1px solid rgba(27,117,174,1);
	background-color: rgba(108,190,243,.9);
}
#c h1 {
	font-size:2.5rem;
	margin-top: 0;
}
#t img {
	padding-right: 2rem;
	vertical-align:middle;
}
#c {
	width: 86vw;
	max-width:1600px;
	min-height:calc(100% - 550px);
	margin: 0 auto;
	padding:2rem;
	font-size: 1.4rem;
	color: rgba(0,28,46,1);
	border-left:1px solid rgba(27,117,174,1);
	border-right:1px solid rgba(27,117,174,1);
	background-color: rgba(108,190,243,.9);
	overflow: auto;
}
#f {
	font-size:.9rem;
	bottom:0;
	height:50px;
	width: 86vw;
	max-width:1600px;
	padding:18px 2rem;
	margin: 0 auto;
	color: rgba(0,28,46,1);
	border-left:1px solid rgba(27,117,174,1);
	border-right:1px solid rgba(27,117,174,1);
	background-color: rgba(108,190,243,.9);
}
#f a {
	text-decoration: none;
	color: rgba(0,0,0,1);
}
#design {
	float: right;
}
.snow {
	padding-left: 15px;
	font-family: Cambria, Georgia, serif;
	font-size: 14px;
	line-height: 24px;
	position: fixed;
	color: #FFFFFF;
	user-select: none;
	z-index: 1000;
}
.snow {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.snow:hover {
����cursor:crosshair;
}
.p1 {
	border: 5px solid rgba(0,0,0,.1);
	width:98%;
	margin:1%;
}
.p2 {
	border: 5px solid rgba(0,0,0,.1);
	width:48%;
	margin:1%;
}
#aboutff {
	float:right;
	padding:0 1rem;
	font-size:1rem;
	width:40vw;
	background-color: rgba(0,0,0,.1);
}
/* SLIDER */
#slider img {
	max-width:100%;
}
.jssorb05 {
	position: absolute;
}
.jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
	position: absolute;
	width: 16px;
	height: 16px;
	background: url('/.a/b05.png') no-repeat;
	overflow: hidden;
	cursor: pointer;
}
.jssorb05 div { background-position: -7px -7px; }
.jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
.jssorb05 .av { background-position: -67px -7px; }
.jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }
.jssora22l, .jssora22r {
	display: block;
	position: absolute;
	width: 40px;
	height: 58px;
	cursor: pointer;
	background: url('/.a/a22.png') center center no-repeat;
	overflow: hidden;
}
.jssora22l { background-position: -10px -31px; top:140px;left:8px;width:40px;height:58px;}
.jssora22r { background-position: -70px -31px; top:140px;left:70px;width:40px;height:58px;}
.jssora22l.jssora22lds { background-position: -10px -31px; opacity: .3; pointer-events: none; }
.jssora22r.jssora22rds { background-position: -70px -31px; opacity: .3; pointer-events: none; }
#sliderbox {
	font-size: 3rem;
	height:300px;
	width: 86vw;
	max-width:1600px;
	padding:0 2rem;
	margin: 0 auto;
	color: rgba(0,55,90,1);
	background-color: rgba(108,190,243,.9);
	text-shadow: 0 0 3px rgba(0,0,0,1);
}
#slider {
	position: relative;
	margin: 0 -2rem;
	top: 0;
	left: 0;
	max-width:1600px;
	height: 300px;
	overflow: hidden;
	visibility: hidden;
}
.st1 {
	position: absolute; top: 20px; left: 20px; width: 700px; height: 120px; font-size: 50px; color: #ffffff; line-height: 60px;
}
.st2 {
	position: absolute; top: 250px; left: 20px; width: 700px; height: 120px; font-size: 30px; color: #ffffff; line-height: 38px;
}
#music {
	position:absolute;
	top:245px;
	left:45vw;
	width: 40vw;
}
#music audio {
	width:40vw;
	height:40px;
	position:relative;
	background-color:#000;
}
/* Menu CSS */
.mbl, #menu label {display:none;}
#menubox input[type=checkbox] { display: none; }
#menubox {
	position:relative;
	margin-top:-50px;
	float:right;
	height:40px;
	color: rgba(0,0,0,1);
	background-color: rgba(0,0,0,.2);
}
#quickmenubox, .hfd {
	display:none;
}
#menu input[type=checkbox] {
	display: none;
}
#menu {
	list-style:none;
	margin:0 auto;
	position: relative;
	list-style:none;
	height:2rem;
	padding: 0 1rem 0 2rem;
	z-index: 5000;
}
#menu a {
	font-family: "Ubuntu Condensed","Oswald";
}
#menu li {
	display: inline;
	height:1.5rem;
}
#menu li a {
	height:2.7rem;
	text-decoration: none;
	color: rgba(255,255,255,1);
}
#menu li a {
	float:left;
	display: inline;
	padding:.5rem .6vw 0 .6vw;/*
	border-left: 1px solid rgba(230,230,230,0);
	border-right: 1px solid rgba(230,230,230,0);*/
}
#menu > li {
	font-size: 1.4rem;
	text-transform: uppercase;
	text-shadow: 0 0 2px rgba(0,0,0,1);
}
#menu li:hover a {
	color: rgba(200,0,0,1);
	margin-top:-.1rem;
	background-color: rgba(255,255,255,.7);
	border-top: 2px solid rgba(0,0,0,.1);
	border-bottom:2px solid rgba(0,0,0,.1);/*
	box-shadow: 0 0 .05rem #000;*/
}
@media all and (max-height: 800px){
#music {
	top:145px;
}
#menubox {
	top:15px;
	height:30px;
}
#menu > li {
	font-size:1.2rem;
}
#menu li a {
	padding: .3rem .6vw 0 .6vw;
	height: 2rem;
}
#t {
	height:100px;
	font-size: 1.5rem;
}
#t img {
	height:100px;
}
#c {
	height:calc(100% - 350px);
}

#sliderbox, #slider {
	height: 200px;
}
.jssora22l { background-position: -10px -31px; top:80px;left:8px;width:40px;height:58px;}
.jssora22r { background-position: -70px -31px; top:80px;left:70px;width:40px;height:58px;}
.st1 {top:10px;}
.st2 {top:150px;}
}
@media all and (max-height: 585px){
#sliderbox {
	display: none;
}
#t {
	height:100px;
}
#t img {
	height:100px;
}
#c {
	height:calc(100% - 150px);
}
}
@media all and (max-width: 925px){
#menu > li {
	font-size: 1.2rem;
}
}
@media all and (max-width: 850px){
#t, #c, #f {
	width:100vw;
	border:0;
}
#c {
	height:calc(100% - 150px);
}
#FRight {
	margin-top:2rem;
	float: unset;
	width: 100%;
}
#t {
	position:relative;
	margin: 4rem 0 0 0;
	font-size: 1rem;	
}
#f {
	font-size: .7rem;
}
#design {
	float:none;
}
#sliderbox {
	padding:0;
	width:100vw;
	z-index:-1;
	border:0;
}
#mblnav {
	position:fixed;
	width: 4rem;
	bottom: 2rem;
	right: 1rem;
}
#mblnav img {
	border:1px solid rgba(27,117,174,1);
	background-color: rgba(255,255,255,1);
	background:linear-gradient(rgba(255,255,255,1), rgba(200,200,200,1));
	box-shadow: 0 0 3px rgba(0,0,0,1);
	border-radius:50%;
	padding:.25rem;
	margin:.25rem;
}
#mblnav a {
	text-decoration: none;
	color: rgba(27,117,174,1);
}
.mbl, #menu label {display:block; !Important}
.dt {display:none !Important;}
#slider {
	margin:0 auto 0 auto;
}
#pricing, #treecare {
	padding-left:.5rem;
	list-style-type:circle;
}
#aboutff {
	width:100%;
	margin-bottom: 1rem;
}
#menubox {
	position:fixed;
	top: 0;
	left:0;
	width:100vw;
	height:4rem;
	list-style: none;
	padding:0;
	margin:0;
	color:#FFF;
	background-color:rgba(27,117,174,1);
	font-variant: small-caps;
	z-index:5000;
}
#openmenubox + label {
	padding:.5rem 1rem;
	cursor:pointer;
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	font-size:2rem;
}
#menu {
	height:auto;
	width:100%;
	margin: 0;
	padding: 0;
	border-bottom:.025rem solid #000;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
#menu ul {
	list-style: none;
	/*margin:.75rem 0 -.75rem 0;
	*/padding:0 0 0 .25rem;
	box-shadow: 0 0 .25rem #ccc;
}
#menu li {
	display:block;
	color: #000;
	height:4rem;
	padding: 1.2rem;
	text-indent: .5rem;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color:rgba(0,85,145,1);
	color:#fff;
	border-top:1px solid rgba(255,255,255,1);
}
#menu > li {
	font-size: 1.7rem;
}
#menu li a {
	text-decoration: none;
	/*color:rgba(48, 137, 199, 1);*/
	/*color:rgba(0,85,145,1);*/
	color: rgba(255,255,255,1);
}
#menu li {
	padding:0;
}
#menu li a {
	padding: 1rem .5rem;
}
#menu li:hover {
	background-color: rgba(255,255,255,1);
}
#menu li:hover a {
	display:block;
	width:100%;
	background-color: rgba(0,0,0,0);
	border: 0;
	box-shadow: 0 0 0 rgba(0,0,0,0);
	color: rgba(0, 85, 145, 1);
}
ul { list-style-type: none; }
input[type=checkbox] ~ ul,input[type=checkbox] ~ div { 
	display:none;
	overflow: hidden;
	white-space:nowrap;
	-webkit-transition:all 1s linear;
	-moz-transition:all 1s linear;
	-o-transition:all 1s linear;
	transition:all 1s linear;
	cursor:pointer;
}
input[type=checkbox]:checked ~ ul,input[type=checkbox]:checked ~ div {
	display:block;
	opacity: 1;
}
}