@charset "utf-8";
.wrapper {
	min-width: 100%;
	min-height: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	overflow-x: hidden;
	z-index: 0;
	position: relative;
	top: 0;
	bottom: 100%;
	left: 0;
	background-color: #FFFFFF;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.wrapper .header {
	width: 100%;
	height: 180px;
	padding-top: 10px;
	background-color: #FFFFFF;
	position: fixed;
	top: 0px;
	border-bottom: thick solid #000000;
	z-index: 100;
	background-repeat: repeat-x;
	background-size: auto 190px;
}
.wrapper .foot {
	background-color: #3F3F3F;
	background-image: url(../Images/headback.png);
	width: 100%;
	position: fixed;
	bottom: 0px;
	height: 50px;
	z-index: 125;
	display: none;
}

body {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-color: #FFFFFF;
}
.wrapper .header .name {
	width: 350px;
	margin-left: 25px;
	float: left;
	display: block;
}
.header .name img {
	width: 100%;
	height: auto;
}
.wrapper .header .phone {
	width: 150px;
	height: auto;
	display: block;
	float: right;
	margin-right: 25px;
	text-align: right;
	color: #363636;
	font-family: league-gothic;
	font-style: normal;
	font-weight: 400;
	font-size: 2em;
}


.wrapper .header .motto {
	width: 350px;
	color: #363636;
	margin-left: 25px;
	font-family: economica;
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	clear: left;
	display: block;
	text-align: left;
}
.wrapper .header .leftline {
	border-bottom: thick solid #000000;
	display: block;
	width: 350px;
	margin-left: 25px;
	float: left;
	clear: left;
	margin-top: 5px;
	margin-bottom: 5px;
}
.wrapper .header .navbar {
	width: 800px;
	display: block;
	clear: left;
	margin-top: 30px;
	margin-left: -15px;

}
.header .navbar ul {
	list-style-type: none;
}

#search form #entersearch {
	width: 30px;
	height: auto;
	position: absolute;
	top: 18px;
	right: 15px;
}
.foot ul {
	list-style-type: none;
	margin-left: -40px;
	margin-top: -5px;
}

.foot ul li a {
	display: block;
	width: 25%;
	float: left;
	text-align: center;
	text-decoration: none;
	color: #FFFDE9;
	font-family: didact-gothic;
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	-moz-transition: color 0.3s ease-in 0s, background-color 0.3s ease-in 0s;
	-ms-transition: color 0.3s ease-in 0s, background-color 0.3s ease-in 0s;
	-o-transition: color 0.3s ease-in 0s, background-color 0.3s ease-in 0s;
	-webkit-transition: color 0.3s ease-in 0s, background-color 0.3s ease-in 0s;
	transition: color 0.3s ease-in 0s, background-color 0.3s ease-in 0s;
	border-top: 5px solid #000000;
	padding-top: 10px;
	padding-bottom: 15px;
	border-right: 1px solid #1B1B1B;
	margin-left: -1px;
}




.navbar ul li a {
	text-decoration: none;
	color: #363636;
	font-family: league-gothic;
	font-style: normal;
	font-weight: 400;
	font-size: 1.5em;
	display: block;
	-moz-transition: color 0.3s ease-in 0s;
	-ms-transition: color 0.3s ease-in 0s;
	-o-transition: color 0.3s ease-in 0s;
	-webkit-transition: color 0.3s ease-in 0s;
	transition: color 0.3s ease-in 0s;
	padding-top: 0px;
}
.foot ul li a:hover, .foot ul li a:active, .foot ul li a:focus {
	color: #3F3F3F;
	background-color: #A7A7A7;
}
.navbar ul li a:hover  , .navbar ul li a:focus, .navbar ul li a:active {
	color: #A7A7A7;
}
#homenav ul li a.thispage , #pagenav ul li a.thispage{
	text-decoration: underline;






}
.navbar ul li {
	display: block;
	float: left;
}
ul li #navhome,
ul li #navservice,
ul li #navteam,
ul li #navpractice,
ul li #navcontact,
ul li #navsocial {
	margin-right: 25px;

}

#search form #typesearch {
	position: absolute;
	right: 10px;
	font-family: didact-gothic;
	font-style: normal;
	font-weight: 400;
	top: 14px;
	height: 20px;
	font-size: 12px;
	text-indent: 2px;
	background-color: #FFFFFF;
	width: 13%;
}
#mobtypesearch {
	color: #363636;
	font-family: didact-gothic;
	font-style: normal;
	font-weight: 400;
	font-size: 0.75em;
	width: 146px;
	height: 26px;
	padding-right: 5px;
}
#mobentersearch {
	position: fixed;
	top: 18px;
	z-index: 11;
	height: 16px;
	margin-left: 115px;

}


#slider {
	background-color: #FFFDE9;
	width: 1300px;
	overflow: visible;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: 500px;
	top: 195px;
	-webkit-box-shadow: 0px -5px 5px 5px rgba(0,0,0,0.70);
	box-shadow: 0px -5px 5px 5px rgba(0,0,0,0.70);
}
#mask {
	overflow: hidden;
	height: 500px;
}
#slider ul {
	margin: 0;
	padding: 0;
	position: relative;
}
#slider li {
	width: 100%;
	position: absolute;
	list-style-type: none;
	margin-left: auto;
	margin-right: auto;
	height: auto;
}
#slider li.firstanimation {
	animation: cycle 45s linear infinite;
}
#slider li.secondanimation {
	animation: cycletwo 45s linear infinite;
}
#slider li.thirdanimation {
	animation: cyclethree 45s linear infinite;
}
#slider li.fourthanimation {
	animation: cyclefour 45s linear infinite;
}
#slider li.fifthanimation {
	animation: cyclefive 45s linear infinite;
}
@keyframes cycle {
   0%  { top: 0px; } /* When you start the slide, the first image is already visible */
   4%  { top: 0px; } /* Original Position */
   16% { top: 0px; opacity:1; z-index:0; } /* From 4% to 16 % = for 3 seconds the image is visible */
   20% { top: 500px; opacity: 0; z-index: 0; } /* From 16% to 20% = for 1 second exit image */
   21% { top: -500px; opacity: 0; z-index: -1; } /* Return to Original Position */
   92% { top: -500px; opacity: 0; z-index: 0; }
   96% { top: -500px; opacity: 0; } /* From 96% to 100% = for 1 second enter image*/
   100%{ top: 0px; opacity: 1; }
}

@keyframes cycletwo {
   0%  { top: -500px; opacity: 0; } /* Original Position */
   16% { top: -500px; opacity: 0; }/* Starts moving after 16% to this position */
   20% { top: 0px; opacity: 1; }
   24% { top: 0px; opacity: 1; }  /* From 20% to 24% = for 1 second enter image*/
   36% { top: 0px; opacity: 1; z-index: 0; }   /* From 24% to 36 % = for 3 seconds the image is visible */
   40% { top: 500px; opacity: 0; z-index: 0; } /* From 36% to 40% = for 1 second exit image */
   41% { top: -500px; opacity: 0; z-index: -1; }   /* Return to Original Position */
   100%{ top: -500px; opacity: 0; z-index: -1; }
}

@keyframes cyclethree {
   0%  { top: -500px; opacity: 0; }
   36% { top: -500px; opacity: 0; }
   40% { top: 0px; opacity: 1; }
   44% { top: 0px; opacity: 1; }
   56% { top: 0px; opacity: 1; }
   60% { top: 500px; opacity: 0; z-index: 0; }
   61% { top: -500px; opacity: 0; z-index: -1; }
   100%{ top: -500px; opacity: 0; z-index: -1; }
}

@keyframes cyclefour {
   0%  { top: -500px; opacity: 0; }
   56% { top: -500px; opacity: 0; }
   60% { top: 0px; opacity: 1; }
   64% { top: 0px; opacity: 1; }
   76% { top: 0px; opacity: 1; z-index: 0; }
   80% { top: 500px; opacity: 0; z-index: 0; }
   81% { top: -500px; opacity: 0; z-index: -1; }
   100%{ top: -500px; opacity: 0; z-index: -1; }
}
@keyframes cyclefive {
   0%  { top: -500px; opacity: 0; }
   76% { top: -500px; opacity: 0; }
   80% { top: 0px; opacity: 1; }
   84% { top: 0px; opacity: 1; }
   96% { top: 0px; opacity: 1; z-index: 0; }
   100%{ top: 500px; opacity: 0; z-index: 0; }
}
.progressbar {
	position: relative;
	top: -5px;
	width: 680px;
	height: 5px;
	background: #000;
	animation: fullexpand 45s ease-out infinite;
}
@keyframes fullexpand {
   /* In these keyframes, the progress-bar is stationary */
   0%, 20%, 40%, 60%, 80%, 100% { width: 0%; opacity: 0; }

   /* In these keyframes, the progress-bar starts to come alive */
   4%, 24%, 44%, 64%, 84% { width: 0%; opacity: 0.3; }

   /* In these keyframes, the progress-bar moves forward for 3 seconds */
   16%, 36%, 56%, 76%, 96% { width: 100%; opacity: 0.7; }

   /* In these keyframes, the progress-bar has finished his path */
   17%, 37%, 57%, 77%, 97% { width: 100%; opacity: 0.3; }

   /* In these keyframes, the progress-bar will disappear and then resume the cycle */
   18%, 38%, 58%, 78%, 98% { width: 100%; opacity: 0; }
}
.wrapper .pageend {
	background-image: url(../Images/headback.png);
	border-top: medium solid #000000;
	z-index: 101;
	width: 100%;
	margin-bottom: 40px;

}
.wrapper .tall {
	background-color: #FFFDE9;
	height: 500px;
	position: relative;
	top: 195px;
	-moz-box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.7);
	-ms-box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.7);
	-o-box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.7);
	-webkit-box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.7);
	box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.7);
	background-image: url(../Images/Blur%20back.png);
	background-repeat: repeat-x;
	background-size: contain;
}
.wrapper .header #logo img {
	width: 100%;
	height: auto;
}
.wrapper .header #logo {
	width: 100px;
	position: fixed;
	top: 10px;
	left: 385px;
}
.pageend #top img {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	display: block;
}
.pageend #top {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 15px;
	padding-top: 20px;
	display: block;
}
.wrapper .main {
	background-color: #FFFDE9;
	color: #363636;
	font-family: vera-sans;
	font-style: normal;
	font-weight: 400;
	padding-bottom: 30px;
	width: 100%;
	margin-left: 0px;
}
.wrapper .mainresults {
	background-color: #FFFDE9;
	color: #363636;
	font-family: vera-sans;
	font-style: normal;
	font-weight: 400;
	padding-bottom: 50px;
	width: 100%;
	padding-top: 50px;
	margin-right: 0px;
	margin-left: 0px;
	background-image: url(../Images/Lights.png);
	background-size: cover;
	background-position: center 0%;
	background-repeat: no-repeat;
}
.wrapper .mainserv {
	background-color: #FFFDE9;
	color: #363636;
	font-family: vera-sans;
	font-style: normal;
	font-weight: 400;
	width: 100%;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
}
.wrapper .mained {
	background-color: #FFFFFF;
	color: #363636;
	font-family: vera-sans;
	font-style: normal;
	font-weight: 400;
	width: 100%;
	margin-right: 0px;
	margin-left: 0px;
	height: 75px;
	background-size: cover;
	background-position: center bottom;
}
.wrapper .mainresults #results {
	width: 75%;
	margin-left: 15%;
	overflow-y: auto;
	margin-top: 20px;
	height: 300px;
}

.wrapper .home .testimonials {
	width: 35%;
	background-color: #E2EDF3;
	display: none;
	padding-top: 30px;
	padding-right: 35px;
}
.wrapper .mainserv .options {
	background-color: #E2EDF3;
	padding-top: 20px;
	padding-bottom: 30px;
}
.mainserv .options p {
	width: 75%;
	margin-left: 15%;
	font-size: 1em;
}
.mainserv .options ul {
	width: 75%;
	margin-left: auto;
	margin-right: auto;
}



.home .testimonials .test {
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	font-family: didact-gothic;
	font-style: normal;
	font-weight: 400;
	font-size: 1.12em;
	color: #353535;
	text-align: justify;
}


.wrapper .main p {
	width: 75%;
	margin-left: 15%;
	font-size: 1em;
}
.wrapper .main .heading {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	display: block;
	font-family: league-gothic;
	font-style: normal;
	font-weight: 400;
	font-size: 3em;
	padding-top: 30px;
}
#teampage .heading {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-family: league-gothic;
	font-style: normal;
	font-weight: 400;
	font-size: 2em;
	padding-top: 20px;
	width: 100%;
	display: block;
}
#mainheading {
	display: none;
}

.wrapper .mainresults .heading {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	display: block;
	font-family: league-gothic;
	font-style: normal;
	font-weight: 400;
	font-size: 2em;
	margin-bottom: 30px;
}
.wrapper .mainserv .heading {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	display: block;
	font-family: league-gothic;
	font-style: normal;
	font-weight: 400;
	font-size: 1.75em;
	margin-bottom: 20px;
}





.wrapper .pageend #location {
	background-image: url(../Images/Foot%20Fade.png);
	width: 100%;
	background-size: cover;
	font-family: didact-gothic;
	font-style: normal;
	font-weight: 400;
	text-align: center;
	font-size: 1.12em;
	padding-top: 20px;
	padding-bottom: 50px;
	color: #000000;
	border-top: thin solid #000000;
}
.pageend #location strong {
	width: 85%;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.pageend #location a {
	font-weight: bold;
	color: #360000;
	-moz-transition: color 0.2s ease-in 0s;
	-ms-transition: color 0.2s ease-in 0s;
	-o-transition: color 0.2s ease-in 0s;
	-webkit-transition: color 0.2s ease-in 0s;
	transition: color 0.2s ease-in 0s;
}
.pageend #location a:hover  , .pagened #location a:focus, .pagened #location a:active{
	font-weight: bold;
	color: #560000;
}
.wrapper .pageend #calltoday {
	font-family: league-gothic;
	font-style: normal;
	font-weight: 400;
	font-size: 3em;
	color: #2D2D2D;
	text-align: center;
	padding-bottom: 20px;
	background-color: #929292;
	padding-top: 20px;
}
.wrapper .cred {
	margin-left: -40px;
	margin-top: -16px;
	height: 100%;
}
.cred ul li {
	display: block;
	width: 20%;
	float: left;
}
ul li img {
	width: 100%;
}


.wrapper .cred ul {
	list-style-type: none;
	margin-top: 0px;
}
.wrapper .mission {
	background-color: #CCE0C3;
	font-family: asap;
	font-style: normal;
	font-weight: 400;
	color: #2A2A2A;
	font-size: 1em;
	padding-top: 50px;
	width: 100%;
}
.wrapper .mission2 {
	margin-top: 0px;
	background-color: #CCE0C3;
	font-family: asap;
	font-style: normal;
	font-weight: 400;
	color: #2A2A2A;
	font-size: 1em;
	padding-top: 20px;
	padding-bottom: 30px;
}
.wrapper .mission #statement , .wrapper .mission2 #statement{
	text-align: center;
	margin-left: auto;
	width: 70%;
	margin-right: auto;

}
.mission #statement #quoteleft , .mission2 #statement #quoteleft{
	width: 25px;
	position: absolute;
	left: 0px;
	display: none;
}
.mission #statement #quoteright  , .mission2 #statement #quoteright{
	width: 50px;
	display: none;
}
.wrapper .mission #missiontitle  , .wrapper .mission2 #missiontitle{
	font-family: league-gothic;
	font-style: normal;
	font-weight: 400;
	font-size: 3em;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin-bottom: -20px;
}
.wrapper .home .products {
	background-color: #E7E0EC;
	padding-top: 20px;
	padding-bottom: 30px;
	clear: both;
	display: block;
	width: 100%;
}

.wrapper .products .productstext {
	width: 75%;
	margin-left: 15%;
}
input[type=checkbox] {
	visibility: hidden;

}


.products .productstext .heading2 {
	color: #212121;
	font-family: league-gothic;
	font-style: normal;
	font-weight: 400;
	font-size: 2em;
}
.products .productstext p {
	color: #3B3B3B;
	font-family: vera-sans;
	font-style: normal;
	font-weight: 400;
	font-size: 1em;
	margin-bottom: 50px;
	margin-top: 10px;
}
.productstext p a {
	color: #7F7F7F;
	text-decoration: none;
}
.header .follow ul {
	list-style-type: none;
	padding-left: 0px;
	padding-right: 0px;
}
#welcome .follow ul {
	list-style-type: none;
	padding-left: 0px;
	padding-right: 0px;
}
.header .follow ul li {
	display: block;
	float: left;
	margin-right: 20px;
	height: 25px;
}
#welcome .follow ul li {
	display: block;
	height: 25px;
	clear: left;
	margin-top: 15px;
}

.wrapper .header .follow {
	width: 190px;
	display: block;
	position: fixed;
	top: 60px;
	right: 10px;
	padding-left: 0px;
}
.wrapper #welcome .follow {
	display: none;
	position: absolute;
	top: -20px;
	left: 5px;
}
.header .follow ul li #fb , .header .follow ul li #tw , .header .follow ul li #ggl , .header .follow ul li #blg {
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#welcome .follow ul li #fb  , #welcome .follow ul li #tw  , #welcome .follow ul li #ggl  , #welcome .follow ul li #blg {
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.header li a #fb , .header li a #tw , .header li a #ggl , .header li a #blg{
	position: fixed;
	height: 25px;
	margin-right: 10px;
}
#welcome li a #fb  , #welcome li a #tw  , #welcome li a #ggl  , #welcome li a #blg{
	height: 25px;
}
.header .follow ul li img {
	height: 100%;
	width: auto;
}
#welcome .follow ul li img {
	height: 100%;
	width: auto;
}
.header #fb:hover ,.header #fb:active,.header #tw:hover,.header #tw:active, .header #ggl:hover ,.header #ggl:active,.header #blg:hover,.header #blg:active   {
	opacity: 0;
}
#welcome #fb:hover ,#welcome #fb:active,#welcome #tw:hover,#welcome #tw:active, #welcome #ggl:hover ,#welcome #ggl:active,#welcome #blg:hover,#welcome #blg:active   {
	opacity: 0.5;
}
.main, .testimonials {
	float: none;
	vertical-align: top;
}
.home {
	display: block;
}
.testimonials .testquotel {
	width: 30px;
	margin-left: -10%;
}
.testimonials .testquoter {
	width: 30px;
	margin-left: 100%;

}
.home .testimonials .orig {
	font-family: dosis;
	font-style: normal;
	font-weight: 400;
	text-align: right;
	width: 90%;
	color: #353535;
	margin-left: auto;
	margin-right: auto;
	font-size: 0.9em;



}
.products .productstext .heading3 {
	font-family: league-gothic;
	font-style: normal;
	font-weight: 400;
	color: #212121;
	font-size: 3em;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	text-align: center;
	margin-bottom: 15px;
}

::-webkit-scrollbar {
    width: 10px;
}
 
::-webkit-scrollbar-track {
	width: 10px;
	-webkit-box-shadow: inset 1px 1px 6px rgba(0,0,0,0.5);
	box-shadow: inset 1px 1px 6px rgba(0,0,0,0.5);
	background-color: #FFFDE9;
}
 
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
	box-shadow: inset 2px 2px 6px 2px rgba(0,0,0,0.5);
	background-color: rgba(61, 61, 61, .5);
}
.mainresults #results #noresult {
	margin-top: 30px;
	text-align: center;
}
.mainresults #results a {
	color: #10180C;
	font-weight: bold;
	font-size: 1em;
	font-style: normal;
	-moz-transition: color 0.2s ease-in 0s;
	-ms-transition: color 0.2s ease-in 0s;
	-o-transition: color 0.2s ease-in 0s;
	-webkit-transition: color 0.2s ease-in 0s;
	transition: color 0.2s ease-in 0s;
}
#results a:hover, #results a:active, #results a:focus {
	color: #213219;
}
.mainresults #results .description {
	margin-top: 5px;
	font-size: 0.9em;
	color: #565656;
	margin-bottom: 5px;
}
.wrapper .mainserv .stationed {
	width: 100%;
	margin-bottom: -5px;
	display: none;
}
.mobserv {
	background-image: url(../Images/1mobbanner.png);
	width: 100%;
	height: 150px;
	display: block;
	background-position: center center;
	background-size: cover;
}
.mobcustom {
	background-image: url(../Images/1mobbanner2.png);
	width: 100%;
	height: 150px;
	display: block;
	background-position: center center;
	background-size: cover;
}
.mobquote {
	background-image: url(../Images/1mobbanner12.png);
	width: 100%;
	height: 150px;
	display: block;
	background-position: center center;
	background-size: cover;
}
.mobcontact {
	background-image: url(../Images/1mobbanner11.png);
	width: 100%;
	height: 150px;
	display: block;
	background-position: center center;
	background-size: cover;
}
.mobsocial {
	background-image: url(../Images/1mobbanner10.png);
	width: 100%;
	height: 150px;
	display: block;
	background-position: center center;
	background-size: cover;
}
.mobopt {
	background-image: url(../Images/1mobbanner9.png);
	width: 100%;
	height: 150px;
	display: block;
	background-position: center center;
	background-size: cover;
}
.mobed {
	background-image: url(../Images/1mobbanner8.png);
	width: 100%;
	height: 150px;
	display: block;
	background-position: center center;
	background-size: cover;
}
.mobmission {
	background-image: url(../Images/1mobbanner7.png);
	width: 100%;
	height: 150px;
	display: block;
	background-position: center center;
	background-size: cover;
}
.mobfaq {
	background-image: url(../Images/1mobbanner13.png);
	width: 100%;
	height: 150px;
	display: block;
	background-position: center center;
	background-size: cover;
}
.mobteam {
	background-image: url(../Images/1mobbanner6.png);
	width: 100%;
	height: 150px;
	display: block;
	background-position: center center;
	background-size: cover;
}
.mobsst {
	background-image: url(../Images/1mobbanner5.png);
	width: 100%;
	height: 150px;
	display: block;
	background-position: center center;
	background-size: cover;
}
.mob504 {
	background-image: url(../Images/1mobbanner3.png);
	width: 100%;
	height: 150px;
	display: block;
	background-position: center center;
	background-size: cover;
}
.mobiep {
	background-image: url(../Images/1mobbanner4.png);
	width: 100%;
	height: 150px;
	display: block;
	background-position: center center;
	background-size: cover;
}

.mainserv .stationed img {
	width: 100%;
	height: auto;
	-moz-box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.7);
	-ms-box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.7);
	-o-box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.7);
	-webkit-box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.7);
	box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.7);
	}
.wrapper .mainserv #servintro {
	display: none;
	width: 100%;
	vertical-align: top;
	padding-top: 50px;
	font-size: 1.12em;
}
.wrapper .mainserv #mobservintro {
	display: block;
	width: 100%;
	vertical-align: top;
	padding-top: 20px;
	font-size: 1em;
	padding-bottom: 20px;
}
.wrapper .mainserv #iep {
	width: 100%;
	vertical-align: top;
	padding-top: 50px;
	font-size: 1.12em;
	padding-bottom: 100px;
}
.wrapper .mainserv .servlinks {
	display: block;
	width: 100%;
	background-color: #E2EDF3;
	height: 275px;
}
.servlinks #education p, .servlinks #custom p, .servlinks #consult p {
	font-family: didact-gothic;
	font-style: normal;
	font-weight: 400;
	text-align: center;
	font-size: 1em;
}
.serv #servintro p {
	width: 85%;
	margin-left: auto;
	margin-right: auto;
}
.serv #mobservintro p {
	width: 75%;
	margin-left: 15%;
}
.wrapper #iep p {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
.mainserv #iep p .subheading , .mainserv .options .subheading{
	font-family: league-gothic;
	font-style: normal;
	font-weight: 400;
	font-size: 1.5em;
}


.wrapper .mainserv .serv {
	display: block;
}
.serv #mobservintro .click {
	font-style: normal;
	font-weight: bold;
	font-size: 1.25em;
	text-align: center;
	margin-top: 50px;
	margin-bottom: 20px;
}
.wrapper .mainserv #edprogramming {
}
.wrapper .mained #prodname {
	width: 650px;
	margin-left: auto;
	margin-right: auto;
	display: none;
}
.mained #prodname img {
	width: 100%;
	height: auto;
	margin-bottom: 75px;
}
.wrapper .mained #edlinks {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	top: 175px;
}

#edlinks a img {
	width: 100%;
	height: auto;
}.mained #edlinks ul {
	list-style-type: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#edlinks ul li {
	width: 33%;
	display: block;
	float: left;
	margin-left: auto;
	margin-right: auto;
}
#edlinks ul li a {
	color: #ffffff;
	font-family: montserrat;
	font-style: normal;
	font-weight: 400;
	text-decoration: none;
	font-size: 30px;
	width: 75px;
	display: block;
	text-align: center;
	line-height: 75px;
	margin-left: auto;
	margin-right: auto;
	-moz-transition: all 0.3s ease-in 0s;
	-ms-transition: all 0.3s ease-in 0s;
	-o-transition: all 0.3s ease-in 0s;
	-webkit-transition: all 0.3s ease-in 0s;
	transition: all 0.3s ease-in 0s;
	height: 75px;
	border: thin solid #ffffff;
}
#edlinks ul li a:hover, #edlinks ul li a:focus, #edlinks ul li a:active {
	background-color: rgba(255,255,255,0.30);
}
.wrapper #baseline {
	width: 100%;
	height: 350px;
	background-image: url(../Images/Kids%20teacher%20outside.png);
	background-position: center center;
	background-size: cover;
}
.download a {
	background-color: #96BF85;
	text-decoration: none;
	text-align: center;
	color: #FFFDE9;
	font-style: normal;
	font-weight: 400;
	font-size: 1.25em;
	font-family: didact-gothic;
	padding-top: 5px;
	padding-bottom: 5px;
	border-radius: 10px;
	-moz-transition: background-color 0.3s ease-in 0s;
	-ms-transition: background-color 0.3s ease-in 0s;
	-o-transition: background-color 0.3s ease-in 0s;
	-webkit-transition: background-color 0.3s ease-in 0s;
	transition: background-color 0.3s ease-in 0s;
	width: 60%;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#faq .download a {
	background-color: #96BF85;
	text-decoration: none;
	text-align: center;
	color: #FFFDE9;
	font-style: normal;
	font-weight: 400;
	font-size: 0.9em;
	font-family: didact-gothic;
	padding-top: 5px;
	padding-bottom: 5px;
	border-radius: 10px;
	-moz-transition: background-color 0.3s ease-in 0s;
	-ms-transition: background-color 0.3s ease-in 0s;
	-o-transition: background-color 0.3s ease-in 0s;
	-webkit-transition: background-color 0.3s ease-in 0s;
	transition: background-color 0.3s ease-in 0s;
	width: 100px;
	display: block;
	margin-left: 0px;
}
.download a:hover, .download a:focus, .download a:active {
	background-color: #B1CFA4;
}
@-webkit-keyframes fadeIn {
	from {
		opacity:0; }
	to {
		opacity:1; }
}
@-moz-keyframes fadeIn {
	from {
		opacity:0; }
	to {
		opacity:1; }
}
@-o-keyframes fadeIn {
	from {
		opacity:0; }
	to {
		opacity:1; }
}

@keyframes fadeIn {
	from {
		opacity:0; }
	to {
		opacity:1; }
}
#faq .download a:hover , #faq .download a:focus ,#faq .download a:active {
	background-color: #B1CFA4;
}

.fade-in {
	opacity:0;
	-webkit-animation:fadeIn ease-in 1;
	-ms-animation:fadeIn ease-in 1;
	-moz-animation:fadeIn ease-in 1;
	-o-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;
	-webkit-animation-fill-mode:forwards;
	-ms-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	-o-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	-webkit-animation-duration:1s;
	-ms-animation-duration:1s;
	-moz-animation-duration:1s;
	-o-animation-duration:1s;
	animation-duration:1s;
}

.fade-in #504 {
	-webkit-animation-delay: 0.7s;
	-ms-animation-delay: 0.7s;
	-moz-animation-delay: 0.7s;
	-o-animation-delay: 0.7s;
	animation-delay: 0.7s;
}
.fade-in #IEP {
	-webkit-animation-delay: 1.2s;
	-ms-animation-delay: 1.2s;
	-moz-animation-delay: 1.2s;
	-o-animation-delay: 1.2s;
	animation-delay: 1.2s;
}
.fade-in #sst {
	-webkit-animation-delay: 1.6s;
	-ms-animation-delay: 1.6s;
	-moz-animation-delay: 1.6s;
	-o-animation-delay: 1.6s;
	animation-delay: 1.6s;
}
.wrapper .servlinks ul {
	list-style-type: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.servlinks ul li {
	width: 42%;
	display: block;
	float: left;
	padding-left: 4%;
	padding-right: 4%;
}
.servlinks ul li a {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin-bottom: 10px;
	-moz-transition: all 0.3s ease-in 0s;
	-ms-transition: all 0.3s ease-in 0s;
	-o-transition: all 0.3s ease-in 0s;
	-webkit-transition: all 0.3s ease-in 0s;
	transition: all 0.3s ease-in 0s;
	margin-top: 30px;
}
.servlinks ul li a:hover, .servlinks ul li a:focus, .servlinks ul li a:active {
	opacity: 0.8;

}
.servlinks ul li a img {
	width: 90%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	display: block;
	max-width: 150px;
}
.wrapper .mainserv .howtochoose {
	background-color: #CCE0C3;
	padding-top: 20px;
	padding-bottom: 30px;
}
.mainserv .howtochoose p {
	width: 75%;
	margin-left: 15%;
	font-size: 1em;
}
.mainserv .howtochoose ul {
	list-style-type: decimal;
	width: 75%;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	font-size: 0.9em;
}
.wrapper .mainserv .features {
	padding-top: 20px;
	padding-bottom: 30px;
}
.mainserv .features ul {
	width: 75%;
	margin-left: auto;
	margin-right: auto;
}
.mainserv .features p {
	width: 75%;
	margin-left: 15%;
	font-size: 1em;
}
#sidebar a {
	height: 350px;
	display: block;
	-moz-transition: all 0.3s ease-in 0s;
	-ms-transition: all 0.3s ease-in 0s;
	-o-transition: all 0.3s ease-in 0s;
	-webkit-transition: all 0.3s ease-in 0s;
	transition: all 0.3s ease-in 0s;
	position: fixed;
	top: 300px;
	right: -25px;
}
#sidebar  {
	z-index: 100;
	display: none;
}

#sidebar a img {
	height: 100%;
	width: auto;
}
#sidebar a:hover, #sidebar a:active, #sidebar a:focus {
	position: fixed;
	top: 300px;
	right: 0px;

}
ul li .subnav {
	display: block;
	max-height: 0px;
	width: 0px;
	overflow: hidden;
	white-space: nowrap;
	margin-right: 0px;
	margin-bottom: 0px;
	position: absolute;
	top: 40px;
	-moz-transition: all 0.5s ease-in 0s;
	-ms-transition: all 0.5s ease-in 0s;
	-o-transition: all 0.5s ease-in 0s;
	-webkit-transition: all 0.5s ease-in 0s;
	transition: all 0.5s ease-in 0s;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	left: 14.28%;
	background-color: rgba(255,255,255,0.85);
	margin-top: 15px;
}
#homenav ul li:hover ul.subnav {
	display: block;
	opacity: 1;
	max-height: 300px;
	width: 200px;
	overflow: hidden;
	white-space: nowrap;
	margin-right: 0px;
	margin-bottom: 0px;
	position: absolute;
	top: 40px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	left: 14.28%;
	background-color: rgba(255,255,255,0.85);
	margin-top: 15px;
}
#homenav ul li .subnav li a {
	font-family: dosis;
	font-style: normal;
	font-weight: 200;
	font-size: 20px;
	text-align: left;
	width: 200px;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #363636;
	-moz-transition: all 0.2s ease-in 0s;
	-ms-transition: all 0.2s ease-in 0s;
	-o-transition: all 0.2s ease-in 0s;
	-webkit-transition: all 0.2s ease-in 0s;
	transition: all 0.2s ease-in 0s;
}
#homenav ul li .subnav li a:hover ,#homenav ul li .subnav li a:focus  , #homenav ul li .subnav li a:active{
	background-color: #535353;
	color: #FFFFFF;
}

#navservice {
	padding-bottom: 16px;
}
#homenav ul li .subnav li {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	clear: left;
}
.wrapper .mainserv #request {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	height: 750px;
	padding-top: 30px;
}
#request .heading {
	display: none;
}

.mainserv #request #requestquote {
	width: 100%;
	font-size: 0.8em;
}
#request #requestquote #customconsult {
	width: 90%;
	height: 250px;
	color: #353535;
	font-family: didact-gothic;
	font-style: normal;
	font-weight: 400;
	font-size: 1.25em;
	margin-left: auto;
	margin-right: auto;
	display: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-bottom: 15px;
}

#request #requestquote #email {
	margin-top: 5px;
	width: 98%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-family: didact-gothic;
	font-style: normal;
	font-weight: 400;
	color: #363636;
	font-size: 1.25em;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#request #requestquote #spanemail {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	display: block;
	margin-bottom: 15px;
}
#request #requestquote #spanname {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	display: block;
	margin-bottom: 15px;
}


#request #requestquote #name {
	margin-top: 5px;
	width: 98%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	color: #363636;
	font-family: didact-gothic;
	font-style: normal;
	font-weight: 400;
	font-size: 1.25em;
	margin-left: auto;
	margin-right: auto;
	display: block;
}
#request #requestquote #spanselect {
	width: 90%;
	margin-bottom: 15px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#requestquote #spanselect select {
	width: 98%;
	margin-top: 5px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	color: #363636;
	font-size: 1.25em;
	font-family: didact-gothic;
	font-style: normal;
	font-weight: 400;
	margin-left: auto;
	margin-right: auto;
	display: block;
}
#request #requestquote #spandistrict {
	width: 90%;
	margin-right: auto;
	display: none;
	margin-left: auto;
	margin-bottom: 15px;
}
#request #requestquote #district {
	width: 98%;
	margin-top: 5px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	color: #363636;
	font-family: didact-gothic;
	font-style: normal;
	font-weight: 400;
	font-size: 1.25em;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#request #requestquote #spansis {
	width: 90%;
	display: none;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;
}
#request #requestquote #sis {
	width: 98%;
	margin-top: 5px;
	color: #363636;
	font-size: 1.25em;
	font-family: didact-gothic;
	font-style: normal;
	font-weight: 400;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}




#request #requestquote #spancount {
	width: 90%;
	margin-right: auto;
	display: none;
	margin-left: auto;
	margin-bottom: 15px;
}
#request #requestquote #count {
	width: 98%;
	margin-top: 5px;
	color: #363636;
	font-family: didact-gothic;
	font-style: normal;
	font-weight: 400;
	font-size: 1.25em;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.check {
	width: 36px;
	height: 16px;
	background: #333;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-ms-border-radius: 50px;
	-o-border-radius: 50px;
	border-radius: 50px;
	position: relative;
	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5);
	-o-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5);
	-ms-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5);
	margin-left: 0px;
}
#requestquote #addoptcheck .checklabel {
	width: 90%;
	margin-right: 33px;
	position: relative;
	left: 45px;
	top: -16px;
	margin-top: 0px;
	margin-bottom: 0px;
}


.check:after {
	position: absolute;
	right: 6px;
	z-index: 0;
	top: 0px;
}
.check:before {
	content: 'Yes';
	font-size: 11px;
	font-family: dosis;
	color: #96BF85;
	position: absolute;
	left: 4px;
	z-index: 0;
	font-weight: 400;
	font-style: normal;
}
.check label {
	display: block;
	width: 17px;
	height: 12px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-o-border-radius: 50px;
	-ms-border-radius: 50px;
	border-radius: 50px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	cursor: pointer;
	position: absolute;
	top: 2px;
	left: 2px;
	z-index: 1;
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	-ms-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	-o-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	background: #fcfff4;
	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	padding-left: 5px;
}
.check input[type=checkbox]:checked + label {
	left: 23px;
	width: 6px;
}
#request #requestquote #addoptcheck {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	display: none;
}
#request #requestquote #addoptforms {
	width: 95%;
	margin-right: auto;
	display: none;
	margin-left: auto;
}
#request #requestquote #submit {
	border-radius: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-family: didact-gothic;
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	color: #FFFDE9;
	border-style: none;
	display: none;
	width: 75px;
	opacity: 1;
	-moz-transition: opacity 0.3s ease-in 0s;
	-ms-transition: opacity 0.3s ease-in 0s;
	-o-transition: opacity 0.3s ease-in 0s;
	-webkit-transition: opacity 0.3s ease-in 0s;
	transition: opacity 0.3s ease-in 0s;
}
#request #requestquote #submit:hover  , #request #requestquote #submit:active, #request #requestquote #submit:focus{
	opacity: 0.8;
}
.wrapper .mainserv #optionsvid {
	width: 90%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	display: block;
	border-radius: 10px;
	-webkit-box-shadow: 2px 2px 5px 2px #424242;
	box-shadow: 2px 2px 5px 2px #424242;
}
.wrapper .mainserv #optvid {
	background-color: #FFFDE9;
	padding-bottom: 75px;
	padding-top: 50px;
	background-size: cover;
	background-position: center 0%;
}
#teampage p {
	margin-left: auto;
	margin-right: auto;
}
.wrapper #teampage {
	color: #363636;
	font-family: didact-gothic;
	font-style: normal;
	font-weight: 400;
	font-size: 1.12em;
}
.wrapper #teampage #marlene {
	background-color: #E2EDF3;
	padding-top: 20px;
	padding-bottom: 30px;
	margin-bottom: 0px;
	margin-top: 0px;
}
#marleneimg img, #dougimg img {
	width: 200px;
	height: auto;
	-webkit-box-shadow: 2px 2px 5px 3px #606060;
	box-shadow: 2px 2px 5px 3px #606060;
	margin-bottom: 20px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#teampage #marlene #marlenetitle, #teampage #doug #dougtitle {
	margin-top: 0px;
	margin-bottom: 30px;
	font-family: league-gothic;
	font-style: normal;
	font-weight: 400;
	font-size: 1.5em;
	text-align: center;
}
.wrapper #teampage #doug {
	background-color: #E7E0EC;
	margin-top: 0px;
	padding-top: 20px;
	padding-bottom: 30px;
}
.wrapper #teampage #programmers {
	background-color: #FFFDE9;
	padding-bottom: 30px;
	padding-top: 20px;
}
.wrapper #teampage .stationed {
	width: 100%;
	display: none;
}
#teampage .stationed img {
	width: 100%;
	height: auto;
	-webkit-box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.70);
	box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.70);
}
.wrapper #teampage #teamintro {
	background-color: #FFFDE9;
	padding-bottom: 30px;
	margin-bottom: 0px;
	border-bottom: medium double #363636;
	padding-top: 20px;
}
#teampage #teamintro p, #teampage #programmers p {
	width: 75%;
	margin-left: 15%;
}
#teampage #marlene p, #teampage #doug p {
	width: 75%;
	margin-left: 15%;
}
.wrapper .mainserv #socnewstable {
	display: block;
	width: 100%;
}
.mainserv #socnewstable .social {
	display: block;
	background-color: #FFFDE9;
	padding-top: 50px;
	padding-bottom: 50px;
	width: 100%;
}
.mainserv #socnewstable #news {
	display: block;
	padding-top: 50px;
	width: 100%;
	background-image: url(../Images/Lights%20shrunk.png);
	background-size: cover;
	-webkit-box-shadow: 2px 0px 5px 2px rgba(0,0,0,0.7);
	box-shadow: 2px 0px 5px 2px rgba(0,0,0,0.7);
	padding-bottom: 50px;
}
.social ul {
	list-style-type: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-left: auto;
	margin-right: auto;
	display: none;
	width: 100%;
}
.social ul li {
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	padding-right: 0px;
	padding-left: 0px;
	font-size: 1em;
	height: 40px;
	width: 100%;
}
.social ul li img {
	height: 40px;
	margin-right: 20px;
	display: block;
	float: left;
	width: auto;
}
#subscribe #subemail  {
	width: 90%;
	height: 25px;
	margin-right: 0px;
	float: left;
	border: 1pt solid #82c1ec;
	border-radius: 10px;
	padding-left: 10px;
	font-family: didact-gothic;
	font-style: normal;
	font-weight: 400;
	color: #363636;
	font-size: 0.9em;
}
#subscribe #submit  {
	font-family: didact-gothic;
	font-style: normal;
	font-weight: 400;
	font-size: 0.9em;
	color: #363636;
	height: 29px;
	width: auto;
	opacity: 1;
	-moz-transition: opacity 0.3s ease-in 0s;
	-ms-transition: opacity 0.3s ease-in 0s;
	-o-transition: opacity 0.3s ease-in 0s;
	-webkit-transition: opacity 0.3s ease-in 0s;
	transition: opacity 0.3s ease-in 0s;
	border: thin solid #82c1ec;
	border-radius: 10px;
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
}
#subscribe #submit:hover, #subscribe #submit:active, #subscribe #submit:focus {
	opacity: 0.8;
}
.social .subscribe {
	width: 75%;
	margin-left: auto;
	font-size: 1em;
	margin-right: auto;
	text-align: center;
}
.event .fulldate .month {
	width: 60px;
	height: 24px;
	text-align: center;
	line-height: 26.25px;
	color: #151515;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	background-color: #c04d4d;
	border-top-left-radius: 5px;
	border-right-color: #151515;
	border-right-style: solid;
	border-right-width: 1pt;
}
.event .fulldate .day {
	height: 47px;
	width: 60px;
	text-align: center;
	font-family: league-gothic;
	font-style: normal;
	font-weight: 400;
	font-size: 40px;
	line-height: 48px;
	margin-top: 0px;
	background-color: #FFFDE9;
	border-bottom-left-radius: 5px;
	border-right-color: #151515;
	border-top-color: #151515;
	border-right-style: solid;
	border-top-style: solid;
	border-right-width: 1pt;
	border-top-width: 1pt;
}
#socnewstable #news .event {
	height: 72px;
	background-color: #FFFDE9;
	border-radius: 5px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-right: auto;
	width: 90%;
	margin-bottom: 50px;
	border: 1pt solid #151515;
	font-size: 0.8em;
	display: block;
	margin-left: auto;
}
#eventslist .event .newsdesc {
	width: 100%;
	text-align: center;
}

#eventslist .event .fulldate {
	width: 60px;
	height: 75px;
	display: block;
	float: left;
}
#socnewstable #news #eventslist {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
#eventslist .event form {
	width: 50px;
	display: block;
	margin-left: 70px;
	margin-top: -25px;
}
.event form .signup {
	width: 50px;
	opacity: 1;
	-moz-transition: opacity 0.3s ease-in 0s;
	-ms-transition: opacity 0.3s ease-in 0s;
	-o-transition: opacity 0.3s ease-in 0s;
	-webkit-transition: opacity 0.3s ease-in 0s;
	transition: opacity 0.3s ease-in 0s;
}
.event form .signup:hover  , .event form .signup:active  ,.event form .signup:focus {
	opacity: 0.8;
}
#socnewstable #news #signing {
	width: 85%;
	margin-left: auto;
	text-align: center;
	background-color: #FFFDE9;
	border-radius: 10px;
	border: 1pt solid #636363;
	-webkit-box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.70);
	box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.70);
	padding-top: 30px;
	padding-bottom: 30px;
	margin-right: auto;
}
#signing strong {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

#news #signing #eventsubmit {
	width: 100px;
	opacity: 1;
	-moz-transition: opacity 0.3s ease-in 0s;
	-ms-transition: opacity 0.3s ease-in 0s;
	-o-transition: opacity 0.3s ease-in 0s;
	-webkit-transition: opacity 0.3s ease-in 0s;
	transition: opacity 0.3s ease-in 0s;
}
#signing #eventsubmit:hover ,#signing #eventsubmit:active,#signing#eventsubmit:focus {
	opacity: 0.8;
}


#news #signing #eventemail {
	width: 80%;
	font-size: 1.12em;
	color: #363636;
	font-family: didact-gothic;
	font-style: normal;
	font-weight: 400;
	padding-left: 5px;
	border-radius: 10px;
	border: 1pt solid #82c1ec;
	margin-bottom: 40px;
}

#news #signing #eventsignup {
	width: 83%;
	font-size: 1.12em;
	font-family: didact-gothic;
	font-style: normal;
	font-weight: 400;
	color: #151515;
	margin-top: 15px;
	margin-bottom: 15px;
	border-radius: 10px;
	border: 1pt solid #82c1ec;
}
.wrapper .mainserv #contact {
	background-color: #E2EDF3;
	padding-top: 20px;
	padding-bottom: 75px;
}
.mainserv #contact p {
	width: 75%;
	margin-left: auto;
	margin-right: auto;
}
#contact strong {
	width: 75%;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.mainserv #contact #contactus {
	width: 85%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	background-color: #FFFDE9;
	border-radius: 10px;
	border: 1pt solid #a7a7a7;
	-webkit-box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.70);
	box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.70);
	display: block;
	padding-top: 20px;
	padding-bottom: 20px;
}
#contact #contactus #spancontactfname    {
	display: block;
	width: 90%;
	margin-bottom: 15px;
	margin-left: auto;
	margin-right: auto;
}

#contact #contactus #spancontactemail {
	width: 90%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
}
#contactus #spancontactfname #contactfname            {
	width: 98%;
	font-family: didact-gothic;
	font-style: normal;
	font-weight: 400;
	color: #363636;
	font-size: 1.25em;
	border-radius: 5px;
	border: 1pt solid #A7A7A7;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}
#contactus #spancontactemail #contactemail {
	width: 98%;
	border: 1pt solid #a7a7a7;
	border-radius: 5px;
	color: #363636;
	font-family: didact-gothic;
	font-style: normal;
	font-weight: 400;
	font-size: 1.25em;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#contactus #spancontactsubject #contactsubject {
	width: 98%;
	font-family: didact-gothic;
	font-style: normal;
	font-weight: 400;
	font-size: 1.25em;
	color: #363636;
	border-radius: 5px;
	border: 1pt solid #a7a7a7;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#contact #contactus #spancontactmsg {
	width: 90%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 18px;
}
#contactus #spancontactmsg #contactmsg {
	width: 100%;
	height: 200px;
	border-radius: 5px;
	border: 1pt solid #a7a7a7;
	color: #363636;
	font-family: didact-gothic;
	font-style: normal;
	font-weight: 400;
	font-size: 1.25em;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}



#contact #contactus #spancontacttel {
	width: 90%;
	display: block;
	margin-bottom: 15px;
	margin-left: auto;
	margin-right: auto;
}
#contact #contactus #spancontactsubject {
	width: 90%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
}
#contactus #spancontacttel #contacttel {
	width: 98%;
	color: #363636;
	font-family: didact-gothic;
	font-style: normal;
	font-weight: 400;
	font-size: 1.25em;
	border-radius: 5px;
	border: 1pt solid #a7a7a7;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#contact #contactus #contactsubmit {
	width: 100px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.photobanner {
	height: 700px;
	overflow: hidden;
	width: 250%;
	display: none;
}
.photobanner img {
	float: left;
	height: 800px;
	width: auto;
}
.first {
	-webkit-animation: bannermove 45s linear infinite;
	-moz-animation: bannermove 45s linear infinite;
	-o-animation: bannermove 45s linear infinite;
	animation: bannermove 45s linear infinite;
}
@keyframes "bannermove" {
	0% {
		margin-left: 0px;
	}
	100% {margin-left: -25%;
	}
}
@-moz-keyframes "bannermove" {
	0% {
		margin-left: 0px;
	}
	100% {
		margin-left: -25%;
	}
}
@-webkit-keyframes "bannermove" {
	0% {
		margin-left: 0px;
	}
	100% {
		margin-left: -25%;
	}
}
@-o-keyframes "bannermove" {
	0% {
		margin-left: 0px;
	}
	100% {
		margin-left: -25%;
	}
}
.wrapper #welcome  {
	display: block;
	width: 100%;
	text-align: center;
	color: #363636;
	font-family: didact-gothic;
	font-style: normal;
	font-weight: 400;
	font-size: 15px;
	line-height: 30px;
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: rgba(255,255,255,0.65);
	padding-top: 47px;
	padding-bottom: 50px;
}

h8 {
	font-size: 50px;
	line-height: 50px;
}
.wrapper #homenav {
	background-color: rgba(255,255,255,0.85);
	position: absolute;
	top: 115px;
	left: 0px;
	width: 100%;
	display: none;
	height: 100%;
}


#homenav ul {
	list-style-type: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#homenav ul li {
	color: #363636;
	font-family: didact-gothic;
	font-style: normal;
	font-weight: 400;
	display: block;
	width: 14.28%;
	float: left;
	text-align: center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 15px;
}
#homenav ul li a {
	text-decoration: none;
	color: #363636;
	-moz-transition: all 0.2s ease-in 0s;
	-ms-transition: all 0.2s ease-in 0s;
	-o-transition: all 0.2s ease-in 0s;
	-webkit-transition: all 0.2s ease-in 0s;
	transition: all 0.2s ease-in 0s;
	display: block;
	width: 100%;
}
#welcome img  {
	width: 30%;
	height: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wrapper #pagenav {
	background-color: rgba(255,255,255,0.95);
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	display: none;
	height: 55px;
	z-index: 10;
}
#pagenav ul {
	list-style-type: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#pagenav ul li {
	color: #363636;
	font-family: didact-gothic;
	font-style: normal;
	font-weight: 400;
	display: block;
	width: 14.28%;
	float: left;
	text-align: center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 15px;
}
#pagenav ul li a {
	text-decoration: none;
	color: #363636;
	-moz-transition: all 0.3s ease-in 0s;
	-ms-transition: all 0.3s ease-in 0s;
	-o-transition: all 0.3s ease-in 0s;
	-webkit-transition: all 0.3s ease-in 0s;
	transition: all 0.3s ease-in 0s;
	display: block;
	width: 100%;
}
#pagenav ul li a:hover, #pagenav ul li a:active     , #homenav ul li a:hover, #homenav ul li a:active{
	color: #7E7E7E;

}

#pagenav ul li:hover ul.subnav {
	display: block;
	opacity: 1;
	max-height: 300px;
	width: 200px;
	overflow: hidden;
	white-space: nowrap;
	margin-right: 0px;
	margin-bottom: 0px;
	position: absolute;
	top: 40px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	left: 14.28%;
	background-color: rgba(255,255,255,0.85);
	margin-top: 15px;
}
#pagenav ul li .subnav li a {
	font-family: dosis;
	font-style: normal;
	font-weight: 200;
	font-size: 20px;
	text-align: left;
	width: 200px;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #363636;
	-moz-transition: all 0.2s ease-in 0s;
	-ms-transition: all 0.2s ease-in 0s;
	-o-transition: all 0.2s ease-in 0s;
	-webkit-transition: all 0.2s ease-in 0s;
	transition: all 0.2s ease-in 0s;
}
#pagenav ul li .subnav li a:hover ,#pagenav ul li .subnav li a:focus  , #pagenav ul li .subnav li a:active{
	background-color: #535353;
	color: #FFFFFF;
}

#pagenav ul li .subnav li {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	clear: left;
}
#sidelink1 {
	width: 75px;
	display: block;
	position: fixed;
	top: 375px;
	left: -20.75px;
	-moz-transition: all 0.2s ease-in 0s;
	-ms-transition: all 0.2s ease-in 0s;
	-o-transition: all 0.2s ease-in 0s;
	-webkit-transition: all 0.2s ease-in 0s;
	transition: all 0.2s ease-in 0s;
}
#sidelink2 {
	width: 75px;
	display: block;
	position: fixed;
	top: 415.75px;
	left: -20.75px;
	-moz-transition: all 0.2s ease-in 0s;
	-ms-transition: all 0.2s ease-in 0s;
	-o-transition: all 0.2s ease-in 0s;
	-webkit-transition: all 0.2s ease-in 0s;
	transition: all 0.2s ease-in 0s;
}
#sidelink3 {
	width: 75px;
	display: block;
	position: fixed;
	top: 456.5px;
	left: -20.75px;
	-moz-transition: all 0.2s ease-in 0s;
	-ms-transition: all 0.2s ease-in 0s;
	-o-transition: all 0.2s ease-in 0s;
	-webkit-transition: all 0.2s ease-in 0s;
	transition: all 0.2s ease-in 0s;
}
#sidelink4 {
	width: 75px;
	display: block;
	position: fixed;
	top: 498.25px;
	left: -20.75px;
	-moz-transition: all 0.2s ease-in 0s;
	-ms-transition: all 0.2s ease-in 0s;
	-o-transition: all 0.2s ease-in 0s;
	-webkit-transition: all 0.2s ease-in 0s;
	transition: all 0.2s ease-in 0s;
}
#sidelinks {
	display: none;
}

#sidelink1:hover, #sidelink1:active , #sidelink2:hover, #sidelink2:active, #sidelink3:hover, #sidelink3:active, #sidelink4:hover, #sidelink4:active{
	position: fixed;
	left: -10px;
}


#sidelink1 img ,#sidelink2 img, #sidelink3 img , #sidelink4 img{
	width: 100%;
}
.mainserv .features #commercial {
	width: 85%;
	margin-left: auto;
	display: block;
	border-radius: 10px;
	border: thin solid #363636;
	margin-bottom: 50px;
	-webkit-box-shadow: 2px 2px 5px 2px;
	box-shadow: 2px 2px 5px 2px;
	margin-right: auto;
}
.wrapper #mobilelanding {
	height: 180px;
	width: 100%;
	display: block;
	background-image: url(../Images/Mobile%20Collage.png);
	background-size: 100% auto;
}
.homenavmob {
	list-style-type: none;
	background: #FFFFFF;
	width: 250px;
	height: 100%;
	position: fixed;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: -255px;
	z-index: 1;
	padding: 0px;
	margin: 0px;
	display: block;
}
.homenavmob li {
	width: 250px;
	font-family: didact-gothic;
	font-style: normal;
	font-weight: 400;
	text-align: left;
	font-size: 1.25em;
}
.homenavmob li a {
	display: block;
	width: 235px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	text-decoration: none;
	color: #363636;
}
.homenavmob li a:hover, .homenavmob li a:active, .homenavmob li a:focus , .homenavmob li a.thispage{
	background-color: #363636;
	color: #FFFFFF;
}

.mobmenu-trigger {
	position: absolute;
	clip: rect(0, 0, 0, 0);
}
.mobsearch-trigger {
	position: absolute;
	clip: rect(0, 0, 0, 0);
}
label[for="mobmenu-trigger"] {
	position: fixed;
	top: 10px;
	left: 10px;
	z-index: 2;
	width: 30px;
	height: 24px;
	cursor: pointer;
	background-image: url(../Images/mobmenu.png);
	background-size: contain;
	display: block;
}
.mobmenu-trigger:checked + label    {
	left: 205px;
	top: 12px;
	background-image: url(../Images/close.png);
	background-repeat: no-repeat;
	width: 30px;
	height: 30px;
}
.mobmenu-trigger:checked ~ .homenavmob {
	left: 0px;
	-webkit-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.5);
}
.mobmenu-trigger + label, .homenavmob {
	transition: all 0.5s;
}
.wrapper .mobfoot {
	width: 100%;
	display: block;
	position: fixed;
	bottom: 0px;
	left: 0px;
	right: 0px;
	height: 40px;
	z-index: 200;
}
.mobfoot ul {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	list-style-type: none;
}
.mobfoot ul li {
	width: 25%;
	margin-top: -16px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: left;
	height: 50px;
}
.mobfoot ul li #mobfb {
	background-color: #3b579d;
	width: 100%;
	display: block;
	height: 35px;
	padding-top: 5px;
}
.mobfoot ul li #mobggl {
	background-color: #dc493c;
	width: 100%;
	display: block;
	height: 35px;
	padding-top: 5px;
}
.mobfoot ul li #mobblog {
	background-color: #e98030;
	width: 100%;
	display: block;
	height: 35px;
	padding-top: 5px;
}
.mobfoot a  img {
	display: block;
	height: 30px;
	width: auto;
	margin-left: auto;
	margin-right: auto;
}
.mobfoot ul li #mobtw {
	width: 100%;
	height: 35px;
	padding-top: 5px;
	display: block;
	background-color: #5ea9dd;
}
label[for="mobsearch-trigger"] {
	position: fixed;
	top: 10px;
	z-index: 2;
	width: 29px;
	height: 24px;
	cursor: pointer;
	background-image: url(../Images/mobsearch.png);
	background-size: contain;
	display: block;
	right: 10px;
}
.mobsearch-trigger:checked + label {
	right: 160px;

}
.mobsearch-trigger:checked ~ .mobsearch {
	right: -2px;
}
.mobsearch-trigger + label, .mobsearch {
	transition: right 0.5s;
}
.mobsearch {
	z-index: 10;
	display: block;
	width: 150px;
	height: 32px;
	position: fixed;
	top: 10px;
	right: -150px;
}
.mobpagehead {
	color: #363636;
	font-size: 2.5em;
	font-family: league-gothic;
	font-style: normal;
	font-weight: 400;
	text-align: center;
	background-color: rgba(255,255,255,0.75);
	width: 100%;
	height: 150px;
	position: absolute;
	top: 0px;
	left: 0px;
	line-height: 150px;
}
.features p #mainsidebar {
	display: none;
}
.mained .heading {
	font-family: didact-gothic;
	font-style: normal;
	font-weight: 400;
	width: 75%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-size: 1.12em;
}
.social .heading {
	display: none;
}
#contact .heading {
	display: none;
}
.mainserv #socnewstable #mobsocsignups {
	display: none;
}
.mainserv #faq {
	width: 75%;
	margin-left: 15%;
	margin-top: 0px;
	padding-top: 20px;
	padding-bottom: 30px;
}
h6 {
	color: #363636;
	font-family: league-gothic;
	font-style: normal;
	font-weight: 400;
	text-align: center;
	font-size: 2em;
	margin-top: 15px;
	margin-bottom: 25px;
}
#faq section {
	color: #363636;
	font-family: didact-gothic;
	font-style: normal;
	font-weight: 400;
	font-size: 0.9em;
	border-bottom: thin solid #c2c2c2;
	padding-top: 15px;
	padding-bottom: 15px;
}

#faq strong {
	display: block;
}
.wrapper #welcome #tagline {
	display: none;
}
#homebar {
	display: none;
}
.homenavmob #homenavmobtitle {
	width: 100%;
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	color: #ffffff;
	font-style: normal;
	font-size: 25px;
	background-image: -webkit-linear-gradient(270deg,rgba(141,141,141,1.00) 0%,rgba(54,54,54,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(141,141,141,1.00) 0%,rgba(54,54,54,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(141,141,141,1.00) 0%,rgba(54,54,54,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(141,141,141,1.00) 0%,rgba(54,54,54,1.00) 100%);
	font-family: league-gothic;
	font-weight: 400;
}

#edhead img {
	height: 100%;
}
#edwelcome {
	position: absolute;
	top: 60px;
	width: 80%;
	left: 15%;
	color: #ffffff;
	font-family: didact-gothic;
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	display: block;
}
#ishere {
	position: absolute;
	color: #ffffff;
	font-family: didact-gothic;
	font-style: normal;
	font-weight: 400;
	font-size: 35px;
	top: 100px;
	left: 15%;
	width: 85%;
	display: block;
	right: 7.5%;
}
#edhead {
	height: 375px;
}
.subscribebanner {
	width: 100%;
	display: block;
	text-align: center;
	color: #151515;
	font-family: league-gothic;
	font-style: normal;
	font-weight: 400;
	padding-top: 15px;
	padding-bottom: 15px;
	background-image: url(../Images/Subscribebanner.png);
	font-size: 25px;
	margin-top: 50px;
}
.paragraphbanner {
	width: 85%;
	padding-left: 7.5%;
	padding-right: 7.5%;
	text-align: center;
	color: #151515;
	background-image: url(../Images/Blur%20back.png);
	background-size: 100%;
	background-position: center center;
	display: block;
	padding-top: 25px;
	padding-bottom: 25px;
	font-family: league-gothic;
	font-style: normal;
	font-weight: 400;
	font-size: 25px;
	margin-top: 50px;
}
.paragraphside {
	display: none;
}
.googlemap {
	margin-bottom: 35px;
}
.subscribebanner a {
	color: #151515;
	-moz-transition: all 0.3s ease-in 0s;
	-ms-transition: all 0.3s ease-in 0s;
	-o-transition: all 0.3s ease-in 0s;
	-webkit-transition: all 0.3s ease-in 0s;
	transition: all 0.3s ease-in 0s;
}
.subscribebanner a:hover, .subscribebanner a:active, .subscribebanner a:focus {
	color: #515151;
}
.copyright {
	width: 100%;
	display: block;
	color: #7e7e7e;
	font-family: didact-gothic;
	font-style: normal;
	font-weight: 400;
	text-align: center;
	font-size: 12px;
	background-color: #363636;
	padding-top: 10px;
	padding-bottom: 10px;
}
