/*WebSite Accelerator 4.0.0.0 | Main Screen Styles | 2009*/
/*Reset*/
@import url("/include/css/reset.css");  
/*WSA Global Styles - DO NOT REMOVE!*/
@import url("/common/wsaglobal.css");

body {
    background-color: #fff;
    color: #505050;
    font: 15px/26px "Century Gothic", Questrial, "Apple Gothic", AppleGothic, Futura, sans-serif;
    font-weight:400;
    text-align: left;
}
body#maincontent {
    background: none;
    text-align: left;
}

/*For enhanced text editor*/
.wrapper {
    background: #fff;
    position: relative;
    right:0px;
    z-index: 100;
}
@media only screen and (max-width:1225px) {
    .wrapper {
        box-shadow: 5px 0px 10px rgba(0,0,0,.2);
    }
}
.container {
    margin: 0 auto;
    max-width: 1280px;
    padding: 0 20px;
}

/*Shared Styles*/
div.header,
div.siteContent,
div.footer,
div.testimonials,
div.banner,
div.breadCrumbs {
    width:100%;
}
div.header *,
div.siteContent *,
div.footer *,
div.callouts *,
div.testimonials *,
div.flexslider *,
div.breadCrumbs *,
div.banner *,
div.mobileNav * {
    box-sizing:border-box;
}

/*Disable user select*/
.flexslider-slideCopy,
.topnav,
.leftnav,
.super,
.breadCrumbs,
.footer-menu {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/*Display*/
.shim {display:none;}
.hide {display:none;}

/*Positioning*/
.clearL {
    clear: left;
}
.clearR {
    clear: right;
}
.clearB, .clear {
    clear: both;
}
.left {
    float: left;
}
.right {
    float: right;
}
	
/*img resouce*/
img { 
	display:block; 
}
img.resource { 
	max-width:100%; 
}

@media only screen and (max-width:500px) {
    img.resource {
        width: 100%;
    }
}
img.alignleft {
    text-align: left;
    margin: 0 20px 20px 0;
}
img.aligncenter {
    text-align: center;
    margin: 0 auto 10px auto;
}
img.alignright {
    text-align: left;
    margin: 0 0 20px 20px;
}

/*Text*/
.alignleft {
    text-align: left;
}
.aligncenter {
    text-align: center;
}
.alignright {
    text-align: right;
}
.textitalics, em, i {
    font-style: italic;
}
.textbold, .smallbold, strong, b {
    font-weight: bold;
}
.small, .smallbold, small {
    font-size: 10px;
}
.error {
    color: #c00;
    font-weight: normal;
}
blockquote {
    background: #F8F8F8;
    border: 1px solid #eee;
    border-radius:5px;
    font-style:italic;
    font-size:17px;
    margin:0 0 20px 0;
    padding:20px 30px;
}

/*Typography*/
p, .text, .textitalics, .textbold, .small, .smallbold, p.error {
    margin-bottom: 15px;
}
ul {
    list-style: disc;
}
ol {
    list-style: decimal;
}
ul, ol {
    margin: 0 0 15px;
    padding: 0;
}
ul li, ol li {
    margin: 0 0 8px 20px;
	line-height:24px;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .subheader, .imagegallerytitle, .boldlargetext {
    color: #505050;
    display:inline-block;
    text-align: left;
    margin: 0 0 15px;
    width:100%;
}
h1, .h1 {
    font-size: 46px;
    font-weight: 600;
    line-height: 50px;
    margin:20px 0;
    padding:0;
}
h1 span {
    color:#696969;
    display:block;
    font-family:serif;
    font-size:21px;
    font-style:italic;
    font-weight:normal;
}
h2, .h2 {
    font-size: 22px;
    font-weight: 400;
    line-height: 30px;
    margin:0 0 15px;
    text-transform: none;
	position:relative;
}
h3, .h3, .subheader, .imagegallerytitle, .boldlargetext {
    font-size: 18px;
    line-height: 26px;
	color:#00afd1;
    margin:15px 0 8px 0;
}
h3 span {
	font-size:16;
	font-weight:normal;
}
h4, .h4 {
    font-size: 16px;
}
h5, .h5 {
    font-size: 14px;
}
h6, .h6 {
    font-size: 12px;
}

h2 + h3 {
	margin-top:0;
}
p + h2 { 
	margin-top:20px; 
}

#contactus-page h4 {
	margin:30px 0 0;
    font-size: 22px;
    font-weight: 400;
    line-height: 30px;
    text-transform: none;
    position: relative;	
	padding:30px 0 0;
	border-top:1px solid #dadada;
}

@media only screen and (max-width:950px) {
	h1 {
		font-size:40px;
		padding:0 0 5px;
		margin:0 0 16px;
		line-height:60px;
	}
    #home-page h1 {
        margin:20px 0;
    }
}

a, a:link, a:visited {
    color: #00afd1;
    text-decoration: none;
}
p.btn {
	display:inline-block;
	position:relative;
}
p.btn a {
	background:#00afd1;
	color:#fff;
	border:2px solid #00afd1;
	border-radius:50px;
	display:block;
	padding:10px 30px;
	z-index:3;
	font-size:15px;
	position:relative;
    -webkit-transition: all .25s linear;
    -moz-transition: all .25s linear;
    -o-transition: all .25s linear;
    transition: all .25s linear;
	text-decoration:none !important;
}
p.btn a:hover {
	background:#00a1c7;
	text-decoration:none;
}
p.btn:before,
p.btn:after {
	content:"";
	width:100%;
	height:100%;
	opacity:0;
	position:absolute;
	z-index:2;
	background:#7dd6e8;
	top:0%;
	left:0%;
	border-radius:50px;
}
p.btn:before {
	animation:button-animate 1.3s;
	animation-delay:2800ms;
}
p.btn:hover:after {
	animation:button-animate 1.3s;
}
.general p.btn {
	margin:20px 0;
}
.general p.btn + h3 {
	margin-top:30px;
}
.landing-page .general p.btn a {
	border-color:#89c24b;
}

.landing-page .general p.btn a,
.landing-page .general p.btn:before,
.landing-page .general p.btn:after {
	background-color:#89c24b;
}




.general .clear {
	display:none;
}
@keyframes button-animate {
    0% {
        width:100%;
        height:100%;
        opacity:1;
        top:0;
        left:0;
    }
    100% {
        height:200%;
        width:140%;
        opacity:0;
        top:-50%;
        left:-20%;
    }
}

.general p a {
    text-decoration: underline;
}
.general ul li a {
    text-decoration: underline;
}
a:hover {
    text-decoration:underline;
}

/* Animation */
.hidden{
     opacity:0;
}
.visible{
     opacity:1 !important;
}
/*Header*/
.header {
    margin:0;
    padding:0;
    position:fixed;
    z-index:2000;
	text-align:right;
	-webkit-transition: .25s linear;
	-moz-transition: .25s linear;
	-o-transition: .25s linear;
	transition: .25s linear;
	
}
#home-page .header {
	background:#fff;
	-moz-box-shadow:0 1px 7px 2px rgba(0,0,0,0.1);
	-webkit-box-shadow:0 1px 7px 2px rgba(0,0,0,0.1);
	box-shadow:0 1px 7px 2px rgba(0,0,0,0.1);
}
#hometest-page .header {
	background:#fff;
	-moz-box-shadow:0 1px 7px 2px rgba(0,0,0,0.1);
	-webkit-box-shadow:0 1px 7px 2px rgba(0,0,0,0.1);
	box-shadow:0 1px 7px 2px rgba(0,0,0,0.1);
}
.header-scrolled {
	background:#00afd1;
}
.header .container {
	position:relative;
	padding:0;
	border-bottom:1px solid rgba(255,255,255,0.4);
}
.header-scrolled .container {
	border:0;
}
.header.no-slider {
	background:#fff;
}
.header.no-slider .container {
	border-bottom:1px solid #eee;
}
#contactus-page .header .container {
	border:0;
}
#contactus-page .header.no-slider.header-scrolled .container {
	border-bottom:1px solid #eee;
}
.header-logo {
    display: inline-block;
	position:absolute;
	left:0;
	top:0;
    margin:30px 0 20px;
}
.header-logo img {
    height:24px;
    max-width: 100%;
}
@media only screen and (max-width:1320px) {
    .header .container {
		margin:0 20px;
	}
}
@media only screen and (max-width:950px) {
	.header {
        position:absolute;
		text-align:left;
	}
	.header-logo {
		position:static;
	}
}

/*Top Navigation*/
.nav-icon2 {
	display:none;
	width: 40px;
	height: 30px;
	position: absolute;
	top:50%;
	margin-top:-15px;
	right:0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
}
.nav-icon2 span {
    display: block;
    position: absolute;
    height: 5px;
    width: 50%;
    background: #fff;
    opacity: 1;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}
.header.no-slider .nav-icon2 span {
    background: #00afd1;
}
#home-page .nav-icon2 span,
#hometest-page .nav-icon2 span {
	background:#00afd1;
}
.nav-icon2 span:nth-child(even) {
    left: 50%;
    border-radius: 0 9px 9px 0;
}

.nav-icon2 span:nth-child(odd) {
    left:0px;
    border-radius: 9px 0 0 9px;
}
.nav-icon2 span:nth-child(1), .nav-icon2 span:nth-child(2) {
    top: 0px;
}

.nav-icon2 span:nth-child(3), .nav-icon2 span:nth-child(4) {
    top: 12px;
}
.nav-icon2 span:nth-child(3) {
    width:25%;
    left:25%;
}
.nav-icon2 span:nth-child(5), .nav-icon2 span:nth-child(6) {
    top: 24px;
}
.nav-icon2:hover span:nth-child(odd) {
    animation:nav-slide 1s infinite ease-in-out alternate forwards;
}
.nav-icon2:hover span:nth-child(3) {
    animation:nav-slide-short 1s infinite ease-in-out alternate forwards;
    animation-delay:0.25s;
}
.nav-icon2:hover span:nth-child(5) {
    animation-delay:0.5s;
}
@keyframes nav-slide {
  0% {
	left:0;
  }
  50% {
	left:50%;
  }
  100% {
	left:0;
  }
}
@keyframes nav-slide-short {
  0% {
	left:25%;
  }
  50% {
	left:50%;
  }
  100% {
	left:25%;
  }
}

.nav-icon2.open span:nth-child(odd) {
	 animation: none !important;
}
.nav-icon2.open span:nth-child(1),.nav-icon2.open span:nth-child(6) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.nav-icon2.open span:nth-child(2),.nav-icon2.open span:nth-child(5) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.nav-icon2.open span:nth-child(1) {
  left: 5px;
  top: 7px;
}

.nav-icon2.open span:nth-child(2) {
  left: calc(50% - 5px);
  top: 7px;
}

.nav-icon2.open span:nth-child(3) {
  left: -50%;
  opacity: 0;
}

.nav-icon2.open span:nth-child(4) {
  left: 100%;
  opacity: 0;
}

.nav-icon2.open span:nth-child(5) {
  left: 5px;
  top: 17px;
}

.nav-icon2.open span:nth-child(6) {
  left: calc(50% - 5px);
  top: 17px;
}


.topnav {
	display:inline-block;
	margin:0;
}
.topnav ul {
	list-style:none;
	text-align:right;
	margin:0;
}
.topnav ul li {
	display:inline-block;
	margin:0 0 0 -5px;
	position:relative;
}
.topnav > ul > li > a {
	color:#fff;
	line-height:74px;
	font-size:16px;
	display:block;
	padding:0 15px;
	-webkit-transition:all .15s linear;  
	-moz-transition:all .15s linear;  
	-o-transition:all .15s linear;  
	transition:all .15s linear;
	border:1px solid rgba(255,255,255,0);
	border-width:0 1px;
	box-sizing:border-box;
}
.topnav > ul > li:hover > a,
.topnav > ul > li.sfHover:hover > a,
.topnav > ul > li.current > a {
	text-decoration:none;
    background: #44bfda;
	background:rgba(9,71,96, 0.8);
	border:1px solid rgba(255,255,255,0.4);
	border-width:0 1px;
	box-sizing:border-box;
}
.header.no-slider .topnav > ul > li:hover > a,
.header.no-slider .topnav > ul > li.current > a {
    background: #fafafa;
	border-color:#cceff6;
}

@media only screen and (min-width:951px) {

	.topnav > ul > li:last-of-type > a {
		background: #00afd1;
		color: #fff !important;
		border: 2px solid #00afd1;
		border-radius: 50px !important;
		display: block;
		padding: 10px 30px !important;
		z-index: 3;
		font-size: 15px !important;
		position: relative;
		-webkit-transition: all .25s linear;
		-moz-transition: all .25s linear;
		-o-transition: all .25s linear;
		transition: all .25s linear;
		text-decoration: none !important;
		line-height:26px;
	}
	.topnav > ul > li:last-of-type:hover > a {
		background-color:#00a1c7 !important;
	}
}

/* LEVEL TWO */
.topnav ul ul {
	display:none;
    list-style: none;
    position: absolute;
    z-index: 999;
    top: 100%;
    left: 0;
    margin: 0;
    width: 300px;
	text-align:left;
	background:rgba(9,71,96, 0.8);
	border:1px solid rgba(255,255,255,0.4);
	border-width:0 1px 1px;
}
#home-page .topnav ul ul,
#hometest-page .topnav ul ul {
	background:rgba(255,255,255,0.98);
	border:1px solid #efefef;
}
#home-page .topnav a,
#hometest-page .topnav a {
	color:#8e8e8e;
}
#home-page .topnav ul ul a,
#hometest-page .topnav ul ul a {
	color:#8e8e8e;
}

#home-page .topnav > ul > li:hover > a,
#home-page .topnav > ul > li.sfHover:hover > a,
#hometest-page .topnav > ul > li:hover > a,
#hometest-page .topnav > ul > li.sfHover:hover > a {
	background:#fafafa;
}
.header-scrolled .topnav > ul > li:hover > a,
.header-scrolled .topnav > ul > li.sfHover:hover > a,
.header-scrolled .topnav > ul > li.current > a,
.header-scrolled .topnav ul ul,
.landing-page .topnav ul ul {
	background:#44bfda;
}
#home-page .header-scrolled .topnav > ul > li:hover > a,
#home-page .header-scrolled .topnav > ul > li.sfHover:hover > a,
#hometest-page .header-scrolled .topnav > ul > li:hover > a,
#hometest-page .header-scrolled .topnav > ul > li.sfHover:hover > a {
	background:#fafafa;
}

.topnav > ul > li:last-child > ul {
    left:auto;
    right:0px;
}
.topnav ul ul li { 
	border:none; 
	float: none; 
	margin:0; 
	display:block; 
	position:relative;
	
}
.topnav ul ul li a {
    color:#fff;
    display:block;
    padding:8px 15px;
    text-decoration:none;
	-webkit-transition:all .15s linear;  
	-moz-transition:all .15s linear;  
	-o-transition:all .15s linear;  
	transition:all .15s linear;
	
} 
.topnav ul ul li:hover a {
    background: #74cfe4;
	background:rgba(255,255,255,0.3);
}
#home-page .topnav ul ul li:hover a,
#hometest-page .topnav ul ul li:hover a {
    background: #fafafa;
}
/* LEVEL THREE */
.topnav ul ul ul {
    left: 100%;
	display:none !important;
    top: 0;
}
.header.no-slider .topnav ul ul {
    background: none;
    border: 1px solid rgba(238,238,238,0.8);
}
.header.no-slider .topnav ul ul li a {
	background:rgba(255,255,255,0.9);
    border-bottom: 1px solid rgba(238,238,238,0.8);
}
.header.no-slider .topnav ul ul li:hover a {
	background:rgba(238,238,238,0.8);
}
.header.no-slider .topnav ul li a {
	color:#00afd1;
}
.nav-overlay {
	width:100%;
	height:100%;
	position:fixed;
	background:rgba(0,0,0,0.6);
	z-index:100;
	top:0px;
	display:none;
}
@media only screen and (max-width:950px) {
	.topnav {
		display:none;
		position:absolute;
		right:-20px;
		left:-20px;
		top:100%;
		width:calc(100% + 40px);
	}
	.topnav ul {
		background:#0a9ab9;
		text-align:center;
	}
	.topnav ul:before {
		content:"";
		position:absolute;
		top:-15px;
		right:25px;
		width: 0; 
		height: 0; 
		border-left: 15px solid transparent;
		border-right: 15px solid transparent;
		border-bottom: 15px solid #0a9ab9;
	}
	.topnav ul li {
		display:block;
        margin:0px;
	}
	.topnav > ul > li > a {
        color:#fff!important;
		padding:15px 20px;
		line-height:20px;
		background:none;
		border:none;
		border-bottom:1px solid #05a4c4;
		text-align:left;
	}
    .topnav > ul > li:hover > a,
    .topnav > ul > li.current > a {
        background: rgba(255,255,255,0.2)!important;
        border:none;
        border-color:rgba(255,255,255,0.2)!important;
        border-bottom:1px solid rgba(255,255,255,0.2);
    }
	.nav-icon2 {
		display:block;
	}
	.topnav ul ul {
		display:none !important;
	}
	.topnav > ul > li > a:hover {
		border:none;
        border-bottom:1px solid #05a4c4;
		background-color:#05a4c4;
	}

}


/* Slider */
.banner { display:none; }
.slider {
	background:url('/images/Banner-2.jpg') bottom center no-repeat #00afd1;
	background-size:cover;
	position:relative;
	overflow:hidden;
	display:none;
	padding-top:74px;
	z-index:2;
}
.slider.landing-slider {
	height:620px;
}
#home-page .slider {
	background:#00afd1;
}
#home-page .slider,
#hometest-page .slider {
	background:url('/images/home-phone.png') 80% bottom no-repeat #f2f2f2 !important;
	background-size:600px !important;
}

/* FOR GRADIENT
background: linear-gradient(241deg, #f2f2f2, #d4d4d4, #bebebe);
background-size: 600% 600%;

-webkit-animation: AnimationName 7s ease infinite;
-moz-animation: AnimationName 7s ease infinite;
animation: AnimationName 7s ease infinite;

@-webkit-keyframes AnimationName {
    0%{background-position:0% 84%}
    50%{background-position:100% 17%}
    100%{background-position:0% 84%}
}
@-moz-keyframes AnimationName {
    0%{background-position:0% 84%}
    50%{background-position:100% 17%}
    100%{background-position:0% 84%}
}
@keyframes AnimationName { 
    0%{background-position:0% 84%}
    50%{background-position:100% 17%}
    100%{background-position:0% 84%}
}
*/



/* .slider:after { */
	/* content:""; */
	/* position:absolute; */
	/* bottom:0; */
	/* left:0; */
	/* width:100%; */
	/* height:31px; */
	/* z-index:100; */
	/* background: url('/images/gradient-bottom.png') bottom; */
/* } */
.slider .container {
	padding:80px 0;
	position:relative;
}
.slider-text {
	display:inline-block;
	vertical-align:bottom;
	color:#fff;
	margin:0;
}
.landing-slider .slider-text {
	margin-left:35%;
	width:50%;
}
.landing-slider .slider-text h1 {
	font-weight:normal;
	line-height:50px;
	margin-bottom:0;
}
.landing-slider .slider-text h2 {
	text-transform:uppercase;
	color:#fff;
	font-weight:bold;
}
.landing-slider .slider-text .divider {
	width:200px;
	height:5px;
	background:#89c24b;
	margin:30px 0;
}
@media only screen and (max-width:949px) {
	.landing-slider .slider-text {
		margin-left:0;
		width:100%;
	}
	.slider.landing-slider {
		height:auto;
	}

}

#home-page .slider-text h1 {
    color: #fff;
    font-size: 40px;
    font-weight:600;
    line-height:45px;
	margin:0;
}
#home-page .slider-text h3 {
	color:#fff;
	border:0;
	padding:0;
	line-height:28px;
	margin-bottom:10px;
    font-size:20px;
    font-weight:400;
}
.slider-text h1 {
	color:#fff;
	border:0;
	padding:0;
	font-size:40px;
	line-height:46px;
	margin:0 0 10px;
}
.slider-text p {
	font-size:20px;
}
#home-page .slider-text p {
	font-size:17px;
}
.slider-text p.btn {
	margin-top:15px;
	position:relative;
}
.slider-text p.btn a {
	border-color:#7dd6e8;
	background:#00afd1;
	color:#fff;
	position:relative;
	z-index:10;

}
#home-page .slider-text h1,
#home-page .slider-text h3,
#hometest-page .slider-text h1,
#hometest-page .slider-text h3 {
	color:#8e8e8e;
}

.slider-text p.btn a:hover {
	background:#00a1c7;
}
.slider-text p.btn:before,
.slider-text p.btn:after,
.forms.header-form .button-border-before,
.forms.header-form .button-border-after {
	content:"";
	width:100%;
	height:100%;
	opacity:0;
	position:absolute;
	z-index:2;
	background:#7dd6e8;
	top:0%;
	left:0%;
	border-radius:50px;
}



.forms.header-form .button-border-before,
.forms.header-form .button-border-after {
	background-color:#f299a3;
}
.slider-text p.btn:before,
.forms.header-form .button-border-before {
	animation:slider-btn 1.3s;
	animation-delay:2800ms;
}
.slider-text p.btn:hover:after,
.forms.header-form li.submit:hover .button-border-after {
	animation:slider-btn 1.3s;
}
@keyframes slider-btn {
  0% {
 	width:100%;
	height:100%;
	opacity:1;
	top:0;
	left:0;
  }
  100% {
	height:200%;
 	width:140%;
  	opacity:0;
	top:-50%;
	left:-20%;
  }
}

.slider .slider-wrapper {
	display:inline-block;
	vertical-align:middle;
	position:relative;
	overflow:hidden;
	width:61%;
}
.slider-monitor {
	background:#b7b7b7;
	border-radius:23px 23px 0 0;
	-webkit-transition:all .5s linear;  
	-moz-transition:all .5s linear;  
	-o-transition:all .5s linear;  
	margin:auto;
    overflow:hidden;
	transition:all .5s linear;
	width:100%;
	position:relative;
}
.slider-monitor.mobile-container {
	animation: mobile-resize 2s forwards;
	overflow:hidden;
}
.slider-monitor.mobile-container.mobile-remove {
	animation: mobile-unresize 1s forwards;
}
.slider-monitor a {
	color:#fff;
}
.slider-monitor a:hover {
	text-decoration:none;
}

#home-page .slider .container {
	padding:80px 20px 0; 
}
#home-page .slider .container,
#hometest-page .slider .container {
	padding:130px 0 63px;
}
#home-page .slider-text {
	width:37%;
	vertical-align:middle;
	box-sizing:border-box;
	padding:0 0 0 50px;
}
#home-page .slider-text,
#hometest-page .slider-text {
	width:37%;
	vertical-align:middle;
	box-sizing:border-box;
	padding:0 0 60px;
}

@media only screen and (max-width:1540px) {
    .slider-text,
    #home-page .slider-text {
        box-sizing: border-box;
        padding: 0 0 20px 20px;
    }
}
@media only screen and (max-width:1400px) {
	#home-page .slider-text,
	#hometest-page .slider-text {
		padding-left:20px;
	}
}
@media only screen and (max-width:1260px) {
	#home-page .slider,
	#hometest-page .slider {
		background-position:right bottom !important;
	}
	#home-page .slider-text,
	#hometest-page .slider-text {
		width:45%;
	}
}
@media only screen and (max-width:1060px) {
	#home-page .slider .container,
	#hometest-page .slider .container {
	    padding: 90px 0 33px;
	}
	#home-page .slider,
	#hometest-page .slider {
		background-position:125% bottom !important;
	}
}
@media only screen and (max-width:950px) {
	.slider .slider-wrapper {
		display:none;
	}
	.slider-text,
	#home-page .slider-text {
		width:100%;
		padding:0 50px;
	}
	#home-page .slider-text br {
		display:none;
	}
	#home-page .slider-text h1 {
		font-size:36px;
		line-height:46px;
		font-weight:bold;
	}
	#home-page .slider .container {
		padding:40px 0;
	}
}
@media only screen and (max-width:900px) {
	#home-page .slider,
	#hometest-page .slider {
		background:#f2f2f2 !important;
	}

	#home-page .slider-text,
	#hometest-page .slider-text {
		width:100%;
	}
}
@media only screen and (max-width:600px) {
    .slider-text,
    #home-page .slider-text {
        padding: 0 20px;
    }

}

#contactus-page .slider {
	padding:0;
	display:block;
}
#contactus-page .slider .container {
	display:none;
}
#map {
  background-color: grey;
  height: 320px;
  margin:74px 0 0 0;
  width: 100%;
}
@media only screen and (max-width:950px) {
	#map {
		height:220px;
	}
}

.animation-container {
	position:absolute;
	top:43px;
	left:0;
	bottom:0;
	right:0;
	margin:0;
	list-style:none;
	overflow:hidden;
	background:url('/images/slides/slide-1.jpg') center no-repeat;
	background-size:contain;
}
.animation-container li {
	margin:0;
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
}
.animation-container .slide-title {
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	width:0;
	background:#012f3f;
	text-transform:uppercase;
	margin:0;
	opacity:0.9;
}
.animation-container h3 {
	color:#fff;
	font-weight:bold;
	text-align:center;
	font-size:30px;
	line-height:36px;
	position:absolute;
	width:50%;
	left:0;
	padding:0;
	top:50%;
	opacity:0;
	animation: title-text-slide 7s forwards;
	margin-top:-15px;
}
.animation-container h3 span {
	font-size:16px;
}
.animation-container .slide {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.animation-container .slide-image {
	position:absolute;
	left:0;
	top:0;
	overflow:hidden;
	max-width:100%;
}
.animation-container .slide-image img {
	display:block;
	width:100%;
	animation: image-scale 20s forwards;
}
.animation-container #slide-5 .slide-image,
.animation-container #slide-6 .slide-image {
	/* left:50%; */
	/* max-width:50%; */
	/* margin-left:-25%; */
	-webkit-transition:all .25s linear;  
	-moz-transition:all .25s linear;  
	-o-transition:all .25s linear;  
	transition:all .25s linear;
}



.slider-monitor.mobile-container .animation-container #slide-5 .slide-image,
.slider-monitor.mobile-container .animation-container #slide-6 .slide-image {
	max-width:100%;
	left:0;
	margin:0;
	max-height:100%;
}
.slider-monitor.mobile-container .animation-container {
}
.slider-monitor.mobile-container.mobile-remove .animation-container {
}
.slider-monitor.mobile-container .animation-container #slide-5 .slide-image {
	left:0;
	margin-left:0;
}
.animation-container #slide-5 .slide-image img,
.animation-container #slide-6 .slide-image img {
	animation:none !important;
	width:100%;
}

#slide-1 {
	z-index:6;
	animation: slide-z-index 10s forwards;
}
#slide-2 {
	z-index:5;
	animation: slide-z-index 10s forwards;
	animation-delay:8s;
}
/*
#slide-3 {
	z-index:4;
	border:4px solid #cc0;
	animation: slide-z-index 10s forwards;
	animation-delay:16s;
}
*/
#slide-4 {
	z-index:3;
	animation: slide-z-index 12s forwards;
	animation-delay:16s;
}
#slide-5 {
	z-index:2;
}
#slide-5 {
	z-index:1;
	animation: slide-z-index 10s forwards;
	animation-delay:32s;
}
@keyframes slide-z-index {
  0% {
	display:block;
	visibility:visible;
  }
  99% {
	display:block;
	visibility:visible;
  }
  100% {
	display:none;
	visibility:hidden;
  }
}

.animation-container #slide-1 .slide-title {
	animation: title-slide-1 7s forwards;
	animation-delay:2s;
}
.animation-container #slide-1 h3 {
	animation-delay:2s;
}
.animation-container #slide-1 .slide-image {
	animation: image-slide-down 1s forwards;
	animation-delay:8s;
}
.animation-container #slide-1 .slide-image img {
	animation-delay:3s;
}
.animation-container #slide-2 .slide-title {
	animation: title-slide-2 7s forwards;
	animation-delay:10s;
}
.animation-container #slide-2 h3 {
	animation-delay:10s;
}
.animation-container #slide-2 .slide-image {
	animation: image-slide-up 1s forwards;
	animation-delay:16s;
}
.animation-container #slide-2 .slide-image img {
	animation-delay:11s;
}
/*
.animation-container #slide-3 .slide-title {
	animation: title-slide-3 7s forwards;
	animation-delay:18s;
}
.animation-container #slide-3 h3 {
	animation-delay:18s;
}
.animation-container #slide-3 .slide-image {
	animation: image-slide-down 1s forwards;
	animation-delay:24s;
}
.animation-container #slide-3 .slide-image img {
	animation-delay:19s;
}
*/
.animation-container #slide-4 .slide-title {
	animation: title-slide-4 7s forwards;
	animation-delay:18s;
}
.animation-container #slide-4 h3 {
	animation-delay:18s;
}
.animation-container #slide-4 .slide-image {
	animation: image-slide-down 4s forwards;
	animation-delay:20s;
}
.animation-container #slide-4 .slide-image img {
	animation-delay:19s;
}
.animation-container #slide-5 .slide-image {
	animation: image-slide-up 1s forwards;
	animation-delay:26s;
}
.animation-container #slide-6 .slide-title {
	animation: title-slide-6 7s forwards;
	animation-delay:28s;
}
.animation-container #slide-6 h3 {
	animation-delay:28s;
}
.animation-container #slide-6 .slide-image {
	animation: image-slide-down 1s forwards;
	animation-delay:32s;
}
.animation-container #slide-6 .slide-image img {
	animation:none !important;
}




/*

.animation-container #slide-4 .slide-title {
	animation: title-slide-4 7s forwards;
	animation-delay:26s;
}
.animation-container #slide-4 h3 {
	animation-delay:26s;
}
.animation-container #slide-4 .slide-image {
	animation: image-slide-down 4s forwards;
	animation-delay:28s;
}
.animation-container #slide-4 .slide-image img {
	animation-delay:27s;
}
.animation-container #slide-5 .slide-image {
	animation: image-slide-up 1s forwards;
	animation-delay:34s;
}
.animation-container #slide-6 .slide-title {
	animation: title-slide-6 7s forwards;
	animation-delay:36s;
}
.animation-container #slide-6 h3 {
	animation-delay:36s;
}
.animation-container #slide-6 .slide-image {
	animation: image-slide-down 1s forwards;
	animation-delay:40s;
}
.animation-container #slide-6 .slide-image img {
	animation:none !important;
}
*/

/* @supports (-ms-ime-align:auto) { */
	/* .slider-monitor.mobile-container .animation-container { */
		/* animation: mobile-resize-edge 2s forwards; */
	/* } */
	/* .animation-container #slide-5 .slide-image, */
	/* .animation-container #slide-6 .slide-image { */
		/* -webkit-transition:all .25s linear;   */
		/* -moz-transition:all .25s linear;   */
		/* -o-transition:all .25s linear;   */
		/* transition:all .25s linear; */
	/* } */
	/* .slider-monitor.mobile-container.mobile-remove .animation-container { */
		/* animation: mobile-unresize-edge 2s forwards; */
	/* } */
/* } */


@keyframes title-slide-1 {
  0% {
 	background:#313131;
	width:0%;
  }
  10% {
 	background:#313131;
	width:100%;
  }
  80% {
 	background:#313131;
	width:100%;
  }
  100% {
	width:0;
	background:none;
  }
}
@keyframes title-slide-2 {
  0% {
 	background:#026828;
	width:0%;
  }
  10% {
 	background:#026828;
	width:100%;
  }
  80% {
 	background:#026828;
	width:100%;
  }
  100% {
	width:0;
	background:none;
  }
}
@keyframes title-slide-3 {
  0% {
 	background:#db4b16;
	width:0%;
  }
  10% {
 	background:#db4b16;
	width:100%;
  }
  80% {
 	background:#db4b16;
	width:100%;
  }
  100% {
	width:0;
	background:none;
  }
}
@keyframes title-slide-4 {
  0% {
 	background:#ee4396;
	width:0%;
  }
  10% {
 	background:#ee4396;
	width:100%;
  }
  80% {
 	background:#ee4396;
	width:100%;
	opacity:1;
  }
  100% {
	width:0;
	background:none;
  }
}
@keyframes title-slide-6 {
  0% {
 	background:#3d6ca0;
	width:0%;
  }
  10% {
 	background:#3d6ca0;
	width:100%;
  }
  80% {
 	background:#3d6ca0;
	width:100%;
	opacity:1;

  }
  100% {
	width:0;
	background:none;
  }
}
@keyframes title-text-slide {
	0% {
		left:-10%;
		opacity:0;
		width:80%;
	}
	10% {
		opacity:0;
	}
	20% {
		opacity:1;
	}
	60% {
		left:10%;
		width:80%;
	}
	80% {
		left:10%;
		width:80%;
		opacity:1;
		top:50%;
	}
	100% {
		width:100%;
		opacity:1;
		left:100%;
	}
}
@keyframes image-slide-down {
  0% {
  	top:0;
  }
  100% {
	top:100%;
  }
}
@keyframes image-slide-up {
  0% {
  	top:auto;
	bottom:0;
  }
  100% {
    top:auto;
	bottom:100%;
  }
}
@keyframes image-scale {
  0% {
  	transform: scale(1);
  }
  100% {
	transform: scale(1.5);
  }
}
@keyframes mobile-resize {
  0% {
  	width:100%;
	margin:0 auto;
  }
  100% {
	width:50%;
	margin:0 auto;
  }
}
@keyframes mobile-unresize {
  0% {
	width:50%;
	margin:0 auto;
  }
  100% {
  	width:100%;
	margin:0 auto;
  }
}


.callouts {
    width: 45%;
    display: inline-block;
    vertical-align: top;
    margin:0 5% 20px 0;
}
.callouts .clear {
	display:none;
}
.callouts img {
	height:90px;
	margin:15px 25px 0 0;
	float:left;
}
.callouts h3,
.callouts p {
	width:calc(100% - 120px);
	display:inline-block;
}
@media only screen and (max-width:950px) {
	.callouts {
		width:100%;
		margin:0 0 20px;
	}
	.callouts img {
		max-width:90px;
	}
}
@media only screen and (max-width:550px) {
	.callouts img {
		float:none;
		margin:auto;
	}
	.callouts h3,
	.callouts p {
		width:100%;
		text-align:center !important;
	}

}


.logo-wrap .container {
	padding:70px 20px;
	text-align:center;
}
.logo-wrap .clear {
	display:none;
}
.logo-wrap h2 {
	color:#878787;
	text-align:center;
	font-size:30px;
	line-height:37px;
	margin-bottom:30px;
}
.logo-wrap img {
	max-width:15%;
	max-height:40px;
	display:inline-block;
	vertical-align:middle;
	margin:10px 15px;
	float:none;
}
.logo-wrap img:first-of-type {
	max-width:25%;
	max-height:60px;
}
@media only screen and (max-width:700px) {
	.logo-wrap img {
		max-width:30%;
		max-height:40px;
	}
}
@media only screen and (max-width:700px) {
	.logo-wrap .container {
		padding:30px 20px;
	}
}
.home-content-wrap {
	background:#f1f1f1;
	padding:70px 0;
}
.home-content-wrap .container {
	max-width:1000px;
}
.home-content-wrap h2 {
	text-align:center !important;
	padding-bottom:40px;
	margin-bottom:40px;
}
.home-content-wrap h2:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
	margin-left:-8%;
    height: 4px;
    width: 16%;
    background: #00afd1;
}

/*Site Content*/
.siteContent {
    background: #fff;
}
#home-page .siteContent {
    background: #fff;
    font-size: 15px;
	min-height:0;
}
#home-page.search .siteContent {
    background: #fff;
    font-size: 15px;
	min-height:600px;
}
.siteContent-main {
    padding: 80px 0;
    width:90%;
	margin:auto;
}
#home-page .siteContent-main {
	padding:100px 0 75px;
}
.siteContent-main .left-side-box {
	width:30%;
	margin-right:5%;
	display:inline-block;
	vertical-align:top;
    top: 20px; 
	background:#fff;
	min-height:100px;
}
.siteContent-main .left-side-box h2 {
	padding-bottom:18px;
}
.siteContent-main .left-side-box h2:after {
	content:"";
	position:absolute;
	bottom:0;
	left:0;
	height:4px;
	width:45%;
	background:#00afd1;
}
.siteContent-main .general {
	width:65%;
	display:inline-block;
	vertical-align:top;
	margin-bottom:40px;
}
#ourwork-page .siteContent-main .general {
	margin:0 0 15px;
}
.siteContent-main .general:last-of-type {
	margin-bottom:0;
}
#contactus-page .siteContent-main .general,
#freeestimate-page .siteContent-main .general {
	width:100%;
}
#freeestimate-page .siteContent-main .general h2 {
	color:#00afd1;
}
.siteContent-main > ul {
    margin: 0 0 15px;
    padding: 0;
    list-style: disc;
}
.siteContent-main > ul > li {
    line-height: 21px;
    margin: 0 0 8px 25px;
}
.siteContent-main-hasLeftNav {
    padding-left:40px;
    width:75%;
}
@media only screen and (max-width:1260px) {
    .siteContent-main {
		padding:30px 0;
		width:100%;
	}
	.case-study-page .siteContent-main {
		padding-top:50px;
	}
    .no-slider .siteContent-main {
        padding: 80px 0;
    }
}
@media only screen and (max-width:950px) {
    .siteContent-main {
		padding:20px 0;
	}
	#home-page .siteContent-main {
		padding:30px 0;
	}
    #contactus-page .siteContent-main {
        padding: 30px 0;
    }
    .no-slider .siteContent-main {
        padding: 120px 0 50px 0;
    }
	.siteContent-main-hasLeftNav {
        padding:30px 0;
        width:100%;
    }
	.siteContent-main .left-side-box {
		width:100%;
		margin:0 0 10px 0;
		min-height:0;
	}
}
@media only screen and (max-width:950px) {
	.siteContent-main .general {
		width:100%;
		margin-bottom:10px;
	}
}
@media only screen and (max-width:700px) {
	#chat-widget {
		display:none;
	}
}
/* Portfolio Pages */
#ourwork-page .general {
	width:100%;
}
.portfolio-title h2 {
    font-size: 45px;
    font-weight: 400;
    line-height: 65px;
    margin:30px 0;
    padding:0;
}
.portfolio-side-box {
	width:30%;
	overflow:hidden;
	margin:0 5% 40px 0;
	display:inline-block;
	vertical-align:top;
	padding-right:5%;
	position:relative;
}
.portfolio-side-box-after {
	display:block;
	background:#00afd1;
	width:4px;
	position:absolute;
	right:0;
	top:0;
	height:100%;
	animation-delay:1s;
    -webkit-animation-duration: 2s; 
    animation-duration: 2s;
}

.portfolio-side-box h1 {
	font-weight:normal;
	font-size:16px;
	line-height:26px;
	border:0;
	padding:0;
	margin:0 0 15px;
}
.portfolio-side-box h2 {
	margin:0 0 5px;
}
.portfolio-side-box p:nth-of-type(2) {
	margin:0;
}

.portfolio-image-web {
	background:#e5e7e9;
	padding:100px 100px 0;
	margin-bottom:50px;
	position:relative;
	overflow:hidden;
}
.portfolio-image-web:after {
	content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 31px;
    background: url(/images/gradient-bottom.png) bottom;
}
.portfolio-image-web .portfolio-image-wrap {
	position:relative;
	height:600px;
	overflow:hidden;
	border-radius:10px 10px 0 0;
}
.portfolio-image-web .portfolio-image-wrap img {
	position:absolute;
	top:35px;
}
.portfolio-image-web .portfolio-image-wrap:before {
	content:"";
	height:35px;
	display:block;
	width:100%;
	position:relative;
	z-index:100;
	background:url('/images/dots.png') center left no-repeat #cacaca;
}
.portfolio-image-web img {
	width:100%;
	margin:0 auto;
}
.portfolio-image-phone {
	text-align:center;
	background:#e5e7e9;
	margin:0;
	padding:50px 0;
}
.portfolio-image-phone .clear {
	display:none;
}
.portfolio-image-phone img {
	display:inline-block;
}
.portfolio-image-phone .portfolio-image-wrap {
	display:inline-block;
	background:url('/images/cell-phone.png') center no-repeat;
	padding:62px 22px;
	margin:0 35px;
}
.portfolio-image-print {
	background:#e5e7e9;
	padding:100px;
	margin:0 0 50px;
	position:relative;
	overflow:hidden;
	text-align:center;
}
.portfolio-image-print.multi-image img {
	max-width:48%;
}
.portfolio-image-print .clear {
	display:none;
}
.portfolio-image-print img {
	display:inline-block;
}

#logodesign-page .portfolio-image-print {
    background: none;
    padding: 0px;
    margin: 0 0 5% 0;
}

@media only screen and (max-width:1250px) {
	.portfolio-image-print {
		padding:50px;
	}
	.portfolio-image-print.multi-image img {
		max-width:500px;
		width:100%;
	}
}

.hex { display:none !important; }

@media only screen and (max-width:950px) {
	.portfolio-title h2 {
		font-size:30px;
		line-height:36px;
		margin:0 0 20px;
	}
	.portfolio-image-web {
		padding:0;
		background:none !important;
		margin-bottom:30px;
	}
	.portfolio-image-web .portfolio-image-wrap {
		height:500px;
	}
}
@media only screen and (max-width:750px) {
	.portfolio-image-web {
		margin-bottom:20px;
	}
	.portfolio-image-web .portfolio-image-wrap {
		height:400px;
	}
	.portfolio-side-box {
		width:100%;
		margin:0 0 30px;
		padding:0 0 30px;
	}
	.portfolio-side-box h1,
	.portfolio-side-box h2,
	.portfolio-side-box p {
		text-align:center !important;
	}
	.portfolio-side-box-after {
		width:100%;
		height:1px;
		top:auto;
		bottom:0;
		opacity:1;
	}
	.portfolio-image-phone .portfolio-image-wrap {
		width:200px;
		background-size:contain;
		margin-bottom:15px;
	}
}
.image-column {
	width:calc(25% - 16px );
	display:inline-block;
	margin:0 8px;
	vertical-align:top;
}
.image-column blockquote {
	display:none;
}
.image-column img {
	margin:0 0 16px;
	max-width:100%;
}
.image-column h2 {
	margin:0;
	font-weight:bold;
}
.image-column-wrap {
	margin-bottom:15px;
	display:block;
	position:relative;
	overflow:hidden;
}
.image-column-wrap img {
	margin:0;
}
.image-column-text {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(85,85,85,0.8);
	cursor:pointer;
    -webkit-transition: all .35s linear;
    -moz-transition: all .35s linear;
    -o-transition: all .35s linear;
    transition: all .35s linear;
	box-sizing:border-box;
	padding:30px;
}
.image-column-text h2, 
.image-column-text p {
	color:#fff;
}
.image-column-text h2 {
	margin:49px 0 0;
	line-height:26px;
}

.image-column-wrap:hover .image-column-text {
	top:0;
	background:rgba(85,85,85,0.45);
}

@media only screen and (max-width:1150px) {
	.image-column-text h2 {
		font-size:16px;
		line-height:22px;
		margin-bottom:5px;
	}
	.image-column-text p {
		line-height:22px;
	}	
}
@media only screen and (max-width:950px) {
	#ourwork-page .siteContent-main {
		text-align:center;
	}
	.image-column {
		width:46%;
	}
	.image-column-text {
		top:auto;
		bottom:0;
		height:auto;
		padding:20px;
	}
	.image-column-text h2 {
		font-size:22px;
		line-height:26px;
		margin:0 !important;
	}
	.image-column-text p {
		display:none;
	}		
	.image-column-wrap:hover .image-column-text {
		top:auto;
	}
}
@media only screen and (max-width:750px) {
	.image-column {
		width:100%;
		margin:0;
	}

}

/* Services About Us */
.tab-services-wrap {
	text-align:center;
	display:none;
}
.tab-services-wrap h3 {
	display:inline-block;
	box-sizing:border-box;
	padding:10px 40px;
	width:auto;
	color:#858585;
	font-weight:normal;
	margin:0 -2.5px;
	border:1px solid #eee;
	border-width:1px 1px 0 0;
	text-align:center;
	position:relative;
	z-index:5;
    -webkit-transition: all .45s linear;
    -moz-transition: all .45s linear;
    -o-transition: all .45s linear;
    transition: all .45s linear;
	cursor:pointer;
}
.tab-services-wrap h3.active {
	background:#eee;
    -webkit-transition: all .15s linear;
    -moz-transition: all .15s linear;
    -o-transition: all .15s linear;
    transition: all .15s linear;
}
.tab-services-wrap h3.hover {
	background:#eee;
}
.tab-services-wrap h3:hover {
	background:#f8f8f8;
}
.tab-services-wrap h3.active:after {
	content:"";
	width:100%;
	height:1px;
	position:absolute;
	bottom:-1px;
	left:0;
	background:#eee;
}
.tab-services-wrap h3:first-of-type {
	border-left-width:1px;
}
.tab-services {
	margin-bottom:-1px;
	position:relative;
	border-top:1px solid #eee;
	background:#eee;
	overflow:hidden;
}
.tab-display {
	background:#eee;
	position:absolute;
	top:0;
	left:0;
	padding-top:50px;
	width:100%;
	visibility:hidden;
}
.tab-display-show {
	visibility:visible;
	z-index:100;
}
.tab-display-content {
	width:40%;
	margin:0 8% 0 0;
	text-align:left;
	display:inline-block;
	vertical-align:middle;
}
.tab-display-content .btn {
	display:none;
}
.tab-display-show .tab-display-content .btn {
	display:inline-block;
}
.tab-services .portfolio-image-wrap {
	position:relative;
	height:500px;
	width:50%;
	overflow:hidden;
	border-radius:10px 10px 0 0;
	display:inline-block;
	vertical-align:middle;
	z-index:inherit;
}
.tab-services .portfolio-image-wrap img {
	position:absolute;
	top:35px;
}
.tab-services .portfolio-image-wrap:before {
	content:"";
	height:35px;
	display:block;
	width:100%;
	position:relative;
	z-index:100;
	background:url('/images/dots.png') center left no-repeat #cacaca;
}
.tab-services img {
	width:100%;
	margin:0 auto;
}

@media only screen and (max-width:950px) {
	.tab-services-wrap {
		display:none;
	}
}

.services-wrap {
	padding:10px 20px;
	margin:8px 0;
	background:#f5f5f5;
	border-radius:10px;
}
.services-wrap:first-of-type {
	margin-top:10px;
	border:none;
}
.services-wrap img {
	display:inline-block;
	vertical-align:middle;
	margin-right:2%;
	width:25%;
	max-width:140px;
}
.services-wrap .services-content {
	display:inline-block;
	vertical-align:middle;
	margin-right:5%;
	width:60%;
}
@media only screen and (max-width:650px) {
	.services-wrap img,
	.services-wrap .services-content {
		display:block;
		width:100%;
		text-align:center !important;
	}
	.services-wrap img {
		margin:0 auto;
	}
	.services-wrap .services-content h3 {
		text-align:center !important;
		margin-top:0;
	}
	.services-wrap .services-content ul {
		list-style:none;
	}
}

/*Leftnav*/
.leftnav {
    padding:30px 0;
    width:25%;
}
@media only screen and (max-width:950px) {
    .leftnav {
        display:none;
    }
}
.leftnav h3 {
    border-bottom:1px solid #eee;
    font-size:22px;
    font-weight:400;
    line-height:42px;
    margin:0px;
    padding:0 0 10px 15px;
}
.leftnav-menu {
    margin:0px;
}
.leftnav-menu > li {
    list-style:none;
    margin:0px;
}
.leftnav-menu > li > a {
    border-bottom:1px solid #eee;
    color:#595959;
    display:block;
    padding:10px 15px;
    -webkit-transition: background .15s linear, color .15s linear;
    -moz-transition: background .15s linear, color .15s linear;
    -o-transition: background .15s linear, color .15s linear;
    transition: background .15s linear, color .15s linear;
}
.leftnav-menu > li > a:hover {
    background: #eee;
    -webkit-transition: background .15s linear, color .15s linear;
    -moz-transition: background .15s linear, color .15s linear;
    -o-transition: background .15s linear, color .15s linear;
    transition: background .15s linear, color .15s linear;
    text-decoration:none;
}
.leftnav-menu > li.current > a {
    background: #303f5f;
    color:#fff;
    -webkit-transition: background .15s linear, color .15s linear;
    -moz-transition: background .15s linear, color .15s linear;
    -o-transition: background .15s linear, color .15s linear;
    transition: background .15s linear, color .15s linear;
}
.leftnav-menu.level2 > li > a {
    padding:10px 15px 10px 35px;
}
.leftnav-menu.level2 > li.current > a {
    background:#eee;
    color:#595959;
}


/* Case Study Classes */
.case-study-wrapper {
	display:none;
    padding: 60px 0 0;
}
/* .case-study-page .case-study-wrapper { */
	/* display:block; */
/* } */
.case-study-page .chart {
	overflow:hidden;
	margin:0 auto 15px;
	position:relative;
}
.case-study-page .chart canvas {
	margin:auto;
}
.case-study-page .left-side-box h3 {
	text-align:center;
	color:#505050;
	font-size:20px;
	font-weight:bold;
	margin:0 0 10px;
	padding:5px;
	margin-top:-120px;
	position:relative;
	top:-78px;
	line-height:20px;
}
.case-study-page .left-side-box h3 span {
	font-size:13px;
	display:block;
}

.case-study-page .left-side-box .clear {
	display:none;
}
.case-study-display {
	background:#e5e7e9;
	padding:30px 0;
	text-align:center;
}
.case-study-display .clear {
	display:none;
}
.case-study-display-buttons {
	display:none;
}
.case-study-display-buttons a {
	display:inline-block;
	vertical-align:middle;
	margin:0 15px;
	opacity:0.6;
    -webkit-transition: all .15s linear;
    -moz-transition: all .15s linear;
    -o-transition: all .15s linear;
    transition: all .15s linear;
}
.case-study-display-buttons a a:hover,
.case-study-display-buttons a a.active {
	opacity:0.9;
}
.case-study-computer {
	margin:50px auto 20px;
	display:inline-block;
}
.case-study-link {
	margin:40px auto -70px;
}
.ico-phone-btn {
	height:48px;
}
.ico-tablet-btn {
	height:54px;
}
.ico-comp-btn {
	height:70px;
}
.general-full {
	max-width:650px;
	margin:0 auto 80px;
}
.case-study-pull-quote {
	padding:30px 50px;
	background:#e5e7e9;
	border-radius:8px;
	margin:0 0 40px;
}
.case-study-pull-quote p {
	font-size:23px;
	line-height:36px;
}
.general-full h2 {
	padding-bottom:18px;
}
.general-full h2:after {
	content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
	margin-left:-50px;
    height: 4px;
    width: 100px;
    background: #00afd1;
}
.case-study-page .slider {
	overflow:visible;
}
.forms.case-study {
	position:absolute;
	top:15px;
	right:0;
	background:#00afd1;
	padding:25px 35px;
	max-width:350px;
	border-radius:8px;
}
.forms.case-study:before {
	content:"Contact Us Today";
	font-size: 18px;
    font-weight: bold;
    line-height: 30px;
	text-transform:uppercase;
    margin: 0 0 15px;
	display:block;
	float:none;
    position: relative;
	color:#fff;
}
.forms.case-study label {
	display:none;
}
.forms.case-study li {
	margin:0;
}
.forms.case-study li input[type="text"] {
	border-radius:8px;
	border:0;
	margin:0 0 25px;
}
.forms.case-study li.submit input {
	background:#50c3dc;
	margin-top:-15px;
}
@media only screen and (max-width:1320px) {
	.forms.case-study {
		right:20px;
	}
}
@media only screen and (max-width:950px) {
	.case-study-page .left-side-box {
		text-align:center;
	}
	.case-study-page .chart {
		display:inline-block;
		width:auto;
	}
	.forms.case-study {
		position:static;
		width:100%;
		max-width:600px;
		margin:-40px auto 20px;
	}

}



/*Columns*/
.column-wrap {
	text-align:center;
	background:#fff;
	margin-bottom:50px;
}
.two-column, .three-column, .four-column {
    display:inline-block;
	vertical-align:top;
	box-sizing:border-box;
    margin: 20px -5px 20px 0;	
}
.two-column {
    width: 50%;
    margin: 20px -5px 20px 0;
}
.two-column.right-column {
    margin-left: -4px;
    margin-right: 0;
}
.three-column {
	background:#00afd1;
	color:#fff;
	text-align:left;
    width: 31%;
	padding:20px 40px 40px 40px;
	margin-right:1%;
	margin-bottom:30px;
}
.three-column img {
	margin:auto;
}
.three-column h3 {
	color:#fff;
	margin:0 0 20px;
	text-align:center !important;
	font-size:20px;
}
.three-column.right-column {
    margin-left: 1%;
    margin-right: 0;
}
.three-column.middle-column {
    margin-left: 1%;
    margin-right: 1%;
}
@media only screen and (max-width:1000px) {
    .three-column {
        display: block;
        margin: 0 auto 10px auto;
        max-width: 100%;
        width: auto;
    }
    .three-column img {
        width:auto;
    }
}
@media only screen and (max-width:750px) {
    .two-column {
        width: 100%;
        margin: 20px 0!important;
    }
}

/*Standard Table*/
.tableStandard {
    border:1px solid #ddd;
    border-collapse:collapse;
    margin:0 0 20px 0;
    width:100%;
}
.tableStandard th {
    background:#F8F8F8;
}
.tableStandard th,
.tableStandard td {
    border:1px solid #ddd;
    padding:6px 12px;
}

/*Inline PDFs*/
.siteContent #maincontent .general .pdfname {
    display:inline-block;
    margin:0 10px 20px 0;
    vertical-align:top;
}
.siteContent #maincontent .general .pdfname a {
    
    font-size:13px;
    line-height:25px;
    padding:0 10px 0 0;
}

/*Related Links*/
.relatedlinks {
    background:#F8F8F8;
    border:1px solid #eee;
    
    margin:30px 0 0 0;
    padding:20px;
    width:100%;
}
.relatedlinks h3 {
    border-bottom:1px solid #fff;
    margin:0 0 20px 0;
    padding:0 0 10px 0;
}
.relatedlinks .btn {
    display:inline-block;
    vertical-align:top;
}
.relatedlinks .btn:last-of-type {
    margin:0;
}
.relatedlinks .btn a {
    background:#303f5f;
    border-bottom:4px solid #131926;
    border-radius:4px;
    color:#fff;
    display:block;
    
    font-size:13px;
    font-weight:bold;
    margin:0 20px 0 0;
    padding:8px 40px;
    text-align:center;
    text-transform:uppercase;
}
.relatedlinks .btn a:hover {
    background: #303f5f;
    text-decoration:none;
}
.relatedlinks .pdfname {
    display:inline-block;
    margin:0 10px 20px 0;
    vertical-align:top;
}
.relatedlinks .pdfname:hover a {
    text-decoration:underline;
}
.relatedlinks .pdfname a {
    
    font-size:13px;
    line-height:25px;
    padding:0 10px 0 0;
}
@media only screen and (max-width:700px) {
    .relatedlinks {
        background:none;
        border:none;
        padding:0px;
    }
    .relatedlinks h3 {
        border-bottom:1px solid #eee; 
    }
    .relatedlinks .btn {
        width:100%;
    }
    .relatedlinks .btn a {
        width:100%;
    }
    .relatedlinks .pdfname {
        width:100%;
    }
}

/*Footer*/
.footer {
    color: #aaa;
	padding:0 20px;
	box-sizing:border-box;
}
.footer .container {
	border-top:1px solid #eee;
    padding: 30px 0;
}
.footer a {
    color: #aaa;
}
.footer a:hover {
    text-decoration: underline;
}

#home-page .footer,
#hometest-page .footer {
	background:#f1f1f1;
}
#home-page .footer .container,
#hometest-page .footer .container {
	border:0;
}

.copyright {
    font-size:12px;
	display:inline-block;
	vertical-align:top;
	width:40%;
	text-align:left;
}
.copyright p {
	line-height:18px;
}
.social {
	display:inline-block;
	vertical-align:top;
	width:60%;
	margin-left:-5px;
	text-align:right;
}
.social p {
	display:inline-block;
	vertical-align:top;
	margin-left:8px;
}
.social .clear {
	display:none;
}
.social > a {
	display:inline-block;
	vertical-align:top;
	height:52px;
	width:52px;
}
.social > a img {
	display:block;
	height:100%;
	margin:0;
}

@media only screen and (max-width:950px) {
    .copyright,
	.social {
		width:100%;
		text-align:center;
	}
	.social .btn {
		display:block;
		width:200px;
		margin:15px auto 0;
	}
}

/*Sliders*/
.general + a + #slider {
	max-width:1000px;
	margin:auto;
}
#slider ul {
    list-style: none;
}
#slider ul li {
    list-style: none;
    margin:0px;
}
.flexslider {
    border: 0;
    border-radius: 0;
    box-shadow: none;
    margin: 0 0 20px;
    clear: both;
    background: none;
}
.flexslider ul {
    list-style: none;
}
.flexslider ul.slides li {
    display: none;
    list-style: none;
    margin: 0;
    position:relative;
}
.flexslider-slideCopy {
    color:#fff;
    font-size:19px;
    height:100%;
    left:0px;
    line-height:26px;
    padding:13% 60% 10% 10%;
    position:absolute;
    top:0px;
    width:100%;
    text-shadow:1px 1px 5px rgba(0,0,0,.4);
    z-index:2;
}
.flexslider-slideCopy h2 {
    color:#fff;
    font-size:32px;
    line-height:40px;
    margin:0 0 20px 0;
    text-transform:none;
}
.flexslider-slideCopy .btn a {
    border:1px solid #fff;
    border-radius:4px;
    color:#fff;
    display:block;
    
    font-size:12px;
    font-weight:bold;
    margin:10px 0 0 0;
    padding:10px 30px;
    text-transform:uppercase;
    -webkit-transition:background .15s linear;  
	-moz-transition:background .15s linear;  
	-o-transition:background .15s linear;  
	transition:background .15s linear;
}
.flexslider-slideCopy .btn a:hover {
    background-color: #303f5f;
    -webkit-transition:background .15s linear;  
	-moz-transition:background .15s linear;  
	-o-transition:background .15s linear;  
	transition:background .15s linear;
    text-decoration:none;
}
.flexslider .flex-control-nav,
.flexslider .flex-direction-nav {
	display:none;
}

@media only screen and (max-width:1480px) {
    .flexslider-slideCopy {
        padding:13% 60% 10% 20px;
    }
    .flexslider .flex-direction-nav {
        display:none;
    }
}
@media only screen and (max-width:1225px) {
     #home-page #slider {
        position:relative;
        margin: 0px;
        top:0px;
    }
    .flexslider-slideCopy {
        padding:7% 50% 10% 20px;
    }
}
@media only screen and (max-width:950px) {
    .flexslider-slideCopy {
        background:#EFEFEF;
        color:#404040;
        
        padding:20px;
        position:static;
        text-shadow:none;
        width:100%;
    }
    .flexslider-slideCopy h2 {
        color:#404040;
    }
    .flexslider-slideCopy p {
        
        width:100%;
    }
    .flexslider-slideCopy p.btn a {
        background:#303f5f;
    }
    .flex-control-nav {
        display:none;
    }
}

/*Banners*/
.banner {
    margin: 0;
    position:relative;
}
#contactus-page .banner {
    background-color:#eee;
    margin:0px;
    top:0px;
}
@media only screen and (max-width:1800px) {
    .banner {
        margin: 0px;
        position:static;
    }
}
.banner img {
    margin:0px;
}
.banner-iframeStretch {
    position: relative;
    padding-bottom: 20%;
    overflow: hidden;
    width: 100%;
    height: 500px;
    margin: 0px;
}
@media only screen and (max-width:1800px) {
    .banner-iframeStretch {
        height:300px;
    }
}
@media only screen and (max-width:950px) {
    .banner-iframeStretch {
        height:200px;
    }
}
.banner-iframe {
    border: none;
    position: absolute;
    margin:0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

/*Bread Crumbs*/
.breadCrumbs {
    background:#F8F8F8;
    border-bottom:1px solid #eee;
    font-size:11px;
    padding:8px 0;
    text-transform:uppercase;
}
.breadCrumbs a,
.breadCrumbs span {
    display:block;
    
    line-height: 23px;
    margin:0 8px 0 0;
}
.breadCrumbs a {
    color:#888;
}
.breadCrumbs a:hover {
    text-decoration:underline;
}
.breadCrumbs-arrow {
    color:#888;
    font-size:20px;
    font-family:monospace;
    position:relative;
    top:-2px;
}
#contactus-page .breadCrumbs {
    margin:0;
    position:relative;
    z-index:1;
}

/*Testimonials*/
.testimonials {
    background:#fff;
    background-position:right center;
    background-size:cover;
    overflow:hidden;
    position:relative;
}
.testimonials p {
    color:#454545;
    font-size:19px;
    font-weight:100;
    line-height:32px;
    margin:0px;
    padding:8% 45% 8% 8%;
    text-shadow:1px 1px 1px rgba(256,256,256,1);
    width:100%%;
    z-index:2;
}
.testimonials strong {
    color:#002532;
}
@media only screen and (max-width:1100px) {
    .testimonials p {
        background:#fff;
        background:rgba(256,256,256,.5);
        font-size:17px;
        line-height:26px;
        padding:8% 20px;
    }
}

.payment-menu {
	text-align:center;
	border-bottom:1px solid #eee;
}
.payment-menu .siteContent-main {
	padding-top:40px;
}
.payment-menu ul {
	margin:0;
}
.payment-menu li {
	display:inline-block;
	box-sizing:border-box;
	width:14%;
	margin:0;
}
.payment-menu li a {
	display:block;
	line-height:60px;
}
.payment-menu li.current a {
	font-weight:bold;
}
.payment-menu li a:hover {
	text-decoration:none;
}


/*Pricing Info*/
.pricing {
	display:inline-block;
	width:100%;
}
.pricing * {
	box-sizing:border-box;
}
.pricing-main {
	display:inline-block;
	vertical-align:top;
	width:100%;
}
.pricing-mainBox {
	background: #00afd1;
	border:2px solid #fff;
	margin:0;
	padding:40px 20px;
	color:#fff;
}
.pricing-mainBox h3 {
	border-bottom:1px solid #1faee4;
	color:#fff;
	font-size:22px;
	margin:0 0 15px 0;
	padding:0;
	text-align:center;
}
.pricing-mainBox p {
	font-size:32px;
	font-weight:bold;
	text-align:center;
	margin:0;
}
.pricing-addons {
	display:inline-block;
	padding:0;
	width:100%;
}
.pricing-addons h3 {
	background:#59cee5;
	padding:15px 20px;
	color:#fff;
	border:2px solid #fff;
	font-weight:bold;
	margin:0;
	text-align:center;
}
.pricing-addon {
	background-color:#eee;
	border:2px solid #fff;
	border-radius:4px;
	display:inline-block;
	margin:0 -4px 0 0;
	padding:25px 20px;
	text-align:center;
	width:50%;
}
.pricing-addon h4 {
	border-bottom:1px solid #ddd;
	font-size:20px;
	margin:0 0 20px 0;
	padding:0 0 10px 0;
	text-align:center;
}
.pricing-addon p {
	margin:0px;
	font-size:24px;
	font-weight:bold;
}
@media only screen and (max-width: 768px) {
	.pricing-addon {
		border-left:none;
		border-right:none;
		border-radius:0px;
		width:100%;
	}
}


/*Forms*/
.forms {
    padding: 0;
    list-style: disc;
	max-width:600px;
	margin:auto;
}
.forms li {
    width: 100%;
    display: inline-block;
    margin: 0 0 15px 0;
    vertical-align: top;
}
.forms li span {
    width: 100%;
}
.forms li input[type="text"], .forms li select, .forms input[type="text"], .forms select {
    height: 50px;
    width: 100%;
    margin: 0;
	padding:5px 10px;
    border-radius: 0;	
	font-family:"Century Gothic", Questrial, "Apple Gothic", AppleGothic, Futura, sans-serif;
  	box-sizing:border-box;
	border: 1px solid #afafaf;
}
.forms li input[type="text"] {
    -webkit-appearance: none;
}
.forms li textarea, textarea {
    width: 100%;
    margin: 0;
	padding:10px;
	font-family:"Century Gothic", Questrial, "Apple Gothic", AppleGothic, Futura, sans-serif;
    border-radius: 0;
 	box-sizing:border-box;
	border: 1px solid #afafaf;
}
.forms li select, select {
    height: 50px;
	box-sizing:border-box;
}
.forms li label {
    font-weight: 400;
    vertical-align: middle;
	display:block;
	margin-bottom:3px;
}
.forms li input[type="radio"] {
    vertical-align: middle;
    margin-right: 10px;
    margin-top: -2px;
}
.forms li.submit {
	display:inline-block;
	position:relative;
	margin-top:-10px;
}
.forms li.submit input {
	background:#00afd1;
	display:block;
	margin:0 auto;
	color:#fff;
	border:2px solid #00afd1;
	border-radius:50px;
	padding:15px 40px;
	font-size:15px;
	position:relative;
    -webkit-transition: all .25s linear;
    -moz-transition: all .25s linear;
    -o-transition: all .25s linear;
    transition: all .25s linear;
    -webkit-appearance: none;
	z-index:3;
	box-sizing:border-box;
}
.forms li.submit input:hover {
	background:#00a1c7;
	text-decoration:none;
	cursor:pointer;
}
.forms li.submit input:before,
.forms li.submit input:after {
	content:"";
	width:100%;
	height:100%;
	opacity:0;
	position:absolute;
	z-index:2;
	background:#7dd6e8;
	top:0%;
	left:0%;
	border-radius:50px;
}
.forms li.submit input:before {
	animation:button-animate 1.3s;
	animation-delay:2800ms;
}
.forms li.submit input:hover:after {
	animation:button-animate 1.3s;
}

.left-side-box .forms, 
.forms.mobile-form {
	background:#f5f5f5;
	animation-delay:0.8s;
	margin:20px 0;
	box-sizing:border-box;
	padding:30px 40px;
	border-radius:12px;
}
.left-side-box .forms h3,
.forms.mobile-form h3 {
	margin-top:0;
}

.forms.mobile-form {
	width:100%;
	max-width:100%;
}

.left-side-box .forms li input,
.left-side-box .forms li select,
.left-side-box .forms textarea,
.forms.mobile-form li input,
.forms.mobile-form li select,
.forms.mobile-form textarea {
	border:1px solid #e2e2e2 !important;
}

.forms.header-form {
	text-align:center;
	position:fixed;
	z-index:200;
    padding: 30px 40px;
	width:32%;
	max-width:470px;
}
.header-form-bg {
	display:block;
	position:fixed;
	z-index:1;
    background: #fff;
    animation-delay: 0.8s;
    box-sizing: border-box;
    padding: 30px 40px;
    border-radius: 12px;
    -webkit-transition: all .25s linear;
    -moz-transition: all .25s linear;
    -o-transition: all .25s linear;
    transition: all .25s linear;
}
.header-form-bg.form-scrolled {
	background: #f5f5f5;
}
.forms.header-form label {
	text-align:left;
	color:#fff;
	margin-bottom:3px;
}
.forms.header-form label.scrolled {
	color:#505050;
}

@media only screen and (max-width:949px) {
	.header-form-bg {
		display:none;
	}
	.landing-page .forms {
		margin-bottom:40px;
	}
}
.forms.header-form input[type="text"],
.forms.header-form select,
.forms.header-form textarea {
	border:none;
	border-radius:5px;
}
.forms.header-form textarea {
	height:200px;
}
.forms.header-form li.submit {
	width:auto;
	position:relative;
	margin:-15px auto 0;
}
.forms.header-form li.submit input {
	background:#e91661;
	border:2px solid #f299a3;
}

.landing-page .forms li.submit input {
	background:#e91661;
	border:0;
}


@keyframes button-animate {
  0% {
 	width:100%;
	height:100%;
	opacity:1;
	top:0;
	left:0;
  }
  100% {
	height:200%;
 	width:140%;
  	opacity:0;
	top:-50%;
	left:-20%;
  }
}

.slider-monitor .slider-form ul {
	display:block;
}
.forms label.checkbox {
	display:block;
}
.forms label.checkbox input[type="checkbox"] {
	float:right;
}
.switch {
  position: relative;
  float:right;
  width: 40px;
  height: 24px;
}



.site-map-menu, .site-map-menu ul {
	margin:0;
	list-style:none;
}
.site-map-menu li {
	margin:0;
}
.site-map-menu > li {
	margin-bottom:10px;
}
.site-map-menu li a {
	margin:0 0 5px 0;
}
.site-map-menu > li > a {
	font-weight:bold;
}
.site-map-menu li li a:before {
	content:"- ";
}
.site-map-menu > li li li {
	margin:0 0 0 15px;
}
.site-map-menu li li li a:before {
	display:none;
}



/* Hide default HTML checkbox */
.check-toggle input {display:none;}

.check-toggle label.checkbox {
	line-height:26px;
	margin:8px 0;
	padding-left:30px;
}
/* The slider */
.checkbox-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.checkbox-slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .switch .checkbox-slider {
  background-color: #72c527;
}

input:focus + .switch .checkbox-slider {
  box-shadow: 0 0 1px #72c527;
}

input:checked + .switch .checkbox-slider:before {
  -webkit-transform: translateX(16px);
  -ms-transform: translateX(16px);
  transform: translateX(16px);
}

/* Rounded sliders */
.checkbox-slider.round {
  border-radius: 34px;
}

.checkbox-slider.round:before {
  border-radius: 50%;
}

/*News Articles*/
#news ul {
    list-style: none;
    margin: 0;
}
#news ul li {
    margin: 0;
}
#news ul li a {
    display: block;
    padding: 7px 10px;
    color: #444;
    -webkit-transition: background .15s linear;
    -moz-transition: background .15s linear;
    -o-transition: background .15s linear;
    transition: background .15s linear;
}
#news li:hover a {
    background: #ccc;
}

/*News Feed*/
#newsfeed ul li strong, 
#newsfeed ul li strong a { display:block; font-size:12px; text-decoration:underline; }

/*News Boxes*/
.newsbox {
    box-sizing:border-box;
    border-bottom:1px solid #eee;
    
    margin:0 2% 30px 0;
    padding:0 0 30px 0;
    width:48%;
}
.newsbox.alt {
    margin:0 0 30px 2%;
}
.newsbox img {
    border:1px solid #fff;
    box-shadow:1px 1px 4px rgba(0,0,0,.3);
    
    margin:0 20px 20px 0;
}
.newsbox h3 {
    display:inherit;
    margin:0 0 10px 0;
}
.newsbox .text {
    margin:0px;
}
.newsbox .textitalics  {
    background:#ddd;
    border:1px solid #fff;
    border-radius:100px;
    display:inline-block;
    font-size:13px;
    padding:0 15px;
}
.newsbox .clear {
    display:none;
}
@media only screen and (max-width:1200px) {
    .newsbox {
        margin:0 0 30px 0!important;
        padding:0 0 30px 0;
        width:100%;
    }
}

/*Preview Box*/
.previewbox {
    background:#eee;
    border:1px solid #ddd;
    border-radius:4px;
    
    margin:10px 2% 20px 0;
    padding:10px;
    width:31%;
}
.previewbox img {
    
    opacity:0.7;
    -webkit-backface-visibility: hidden;
    -webkit-transition:opacity .15s linear;  
	-moz-transition:opacity .15s linear;  
	-o-transition:opacity .15s linear;  
	transition:opacity .15s linear;
    width:100%;
}
.previewbox:hover img {
    opacity:1;
    -webkit-backface-visibility: hidden;
    -webkit-transition:opacity .15s linear;  
	-moz-transition:opacity .15s linear;  
	-o-transition:opacity .15s linear;  
	transition:opacity .15s linear;
}
.previewbox h3 {
    display:inline-block;
    margin:0px;
}
.previewbox h3 a {
    display:block;
    padding:5px 0;
}
.previewbox h3 a:hover {
    text-decoration:none;
}
@media only screen and (max-width:700px) {
    .previewbox {
        width:100%;
    }
}

/*FAQ*/
ul.faq {
    background: #E6E6E6;
    display:inline-block;
    margin: 0 0 20px 0 !important;
    padding: 10px;
    width:100%;
}
ul.faq li {
    padding: 5px 0 5px 35px;
    background: url(/images/ico-faq.png) no-repeat left center;
    min-height: 19px;
    border-bottom: 1px dotted #bbb;
    margin: 0px;
}
ul.faq li:last-child {
    border-bottom: none;
}
.faqreturn {
    border-bottom: 1px solid #bbb;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

/*Search Page*/
#maincontent-textsearch form {
    margin: 20px 0;
}

/*Legacy Styles*/
.adminlink, .adminmsg {
    background: #e6e6e6;
    border: 1px solid #ccc;
    color: #444;
    display: block;
    font: normal 11px "lucida grande", tahoma, verdana, sans-serif;
    margin: 0 auto 10px auto;
    padding: 10px;
    text-align: left;
    width: 760px;
}

/*Misc Stuff*/
div.resource {
    clear: both;
}
cite.required {
	display:none;
    background: none;
	margin-left:10px;
}
.data td {
    border: 1px solid #ccc;
}
.section-separator {
    border-bottom: 1px solid #ddd;
    
    margin: 30px 0;
    width:100%;
}

/*Video Stretch*/
figure {
    
    padding-left:0px;
    padding-right:0px;
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    margin:0 0 20px 0;
    max-width: 100%;
    width:100%;
}
figure iframe, figure object, figure embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Mobile Header Buttons */
.header-mobileButton {
    background:url('/images/ico-menu.png') center no-repeat; 
	background-size:26px; 
    border-radius:4px;
    display:none;
	height:38px;
    margin:-19px 0 0 0;
	position:absolute; 
	right:20px; 
	top:50%; 
    width:38px;
	z-index:1000;
}
.header-callButton {
    background:url('/images/ico-phone-large.png') center no-repeat;
	background-size:20px;
    display:none;
	height:34px;
    margin:-17px 0 0 0;
	position:absolute; 
	right:70px; 
	top:50%; 
    width:32px;
    text-indent:-9999px;
	z-index:1000;
}
@media only screen and (max-width: 950px) {
    .header-mobileButton,
    .header-callButton { 
	    display:block;
    }
}
.header-mobileButton-active {
    background-color: #222;
}
.mobile-display {
    display:none;
}

/*Mobile Navigation*/
.mobileNav {
    display: none;
    height:100%;
    overflow-y:visible;
    overflow-x:hidden;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-overflow-scrolling: touch;
    width: 225px;
}
.mobileNav-active {
    display: block;
}
.mobileNav h3 {
    background:#303f5f;
    color:#fff;
    font-size:16px;
    font-weight:bold;
    margin:0px;
    padding:18px 20px;
    text-transform:uppercase;
}
.mobileNav ul {
    height: 100%;
    display: block;
    /*position: absolute;*/
    top: 0px;
    right: 0px;
    z-index: 0;
}
.mobileNav ul li {
    border-top: 1px solid #303f5f;
    float: none;
    margin:0px;
    display: block;
    height: auto;
}
.mobileNav ul li:hover {
    background: none;
}
.mobileNav ul li a, .mobileNav ul li a:visited {
    color: #fff;
    font-size:14px;
    margin: 0px;
    padding: 10px 20px;
    display: block;
    text-transform:uppercase;
}
.mobileNav ul li a:hover {
    background-color:#303f5f;
    color:#fff;
    text-decoration:none;
}
.mobileNav ul li span.close {
    background: url('/images/ico-close.png') center no-repeat rgba(255,255,255,0.1);
    border-radius: 20px;
    color: #fff;
    height: 40px;
    padding: 8px;
    position: absolute;
    right: 20px;
    top: 10px;
    width: 40px;
}
.mobileNav ul li:first-child a, .mobileNav ul li:first-child.current a {
    border: 0;
}
.mobileNav ul ul {
    display: block;
    visibility: visible;
    position: relative;
    background: none;
    margin: 0;
    width: 100%;
}
.mobileNav ul ul li {
    margin: 0;
    padding:0;
}
.mobileNav ul ul li a, .mobileNav ul ul li a:visited {
    border: 0;
    font-size:11px;
    line-height: 26px;
    padding:10px 10px 10px 35px;
    text-transform:uppercase;
}
.mobileNav ul ul ul li a {
    padding:10px 10px 10px 45px;
}

/*Mobile State Styles*/
.slide-control {
	height:100%;
	width:100%;
	position:absolute;
	top:0px;
	right:0px;
	z-index:1001;
}
.wrapper-left {
	left:-200px;
	z-index:50;
}

/*Search Page*/
#sitesearch-page .forms {
    background:#eee;
    content: "";
    display: table;
    clear: both;
    padding:20px;
    width:100%;
}
#sitesearch-page .forms input[type=text] {
    border:none;
    
    height:50px;
    line-height:50px;
    width:80%;
}
#sitesearch-page .forms input[type=submit] {
    background:#303f5f;
    border:none;
    color:#fff;
    cursor:pointer;
    
    font-weight:700;
    height:50px;
    line-height:50px;
    text-transform:uppercase;
    width:20%;
}
#sitesearch-page h3 {
    border-bottom:1px solid #eee;
    margin:0 0 30px 0;
    padding:0 0 10px 0;
}
@media only screen and (max-width: 950px) {
    #sitesearch-page .forms input[type=text] {
        width:65%;
    }
    #sitesearch-page .forms input[type=submit] {
        width:35%
    }
}