@charset utf-8;



/* Theme Name: Keystone Responsive*/



.none

{

	display:none;

}



.clear

{

	clear:both;

}



.left 

{

	float:left;

}



.right

{

	float:right;

}



.aligncenter

{

	text-align:center;

}



.alignleft

{

	text-align:left;

}



.alignright

{

	text-align:right;

}



a img

{

	border:none;

}



a

{

	color:#26a1d4;

	text-decoration:none;

}

input,

textarea {

  max-width:100%;

}



body

{	margin:0px;

	font-size:12px;

	font-family:'Open Sans', sans-serif;

	color:#666;

	/*background:url(./images/bg.jpg) no-repeat top center;*/



}

#homeBanners a:hover {opacity:1}



a:hover {opacity:0.5}

h4 a {

	color:#26a1d4;

font-family: 'Roboto Condensed', sans-serif;

font-weight:normal;

}



h1,h2,h3,h4,h5

{

	color:#26a1d4;

font-family: 'Roboto Condensed', sans-serif;

font-weight:normal;

}



h3 {font-size:18px; }



#main

{

	width:940px;

	margin:auto;

	background:#fff;

	padding-left:15px;

	padding-right:15px;

	padding-bottom:15px;

}

#content .right-img .right a:hover {

	opacity:1;

}

#content .right .right-img {margin-bottom: 20px; 

	margin-top:20px;

	position:relative;

	max-width:280px;

	background:#000655;

}

#content .right .right-img a.img-box-link {

	position:absolute;

	background-image:url(about:blank);

	z-index:5;

	width:100%;

	height:100%;

}

#content .right .right-img .right-img-txt {

	background:#000655;

	

	color:#fff;

	font-family:'Roboto Condensed', sans-serif;

	font-size:18px;

	line-height:18px;

	height:27px;

	padding-top:6px;

	padding-left:10px;

	text-align:left;

}

#content .right .right-img .right-img-txt span{

	color:#26a1d4;

	text-decoration:underline;

}



#content .left

{

width: 616px;

padding-right: 15px;

}

#content .left .certs{

	margin-left:-15px;

	margin-right:-12px;

}

#content .left .certs img{

	float:left;

}

#content .left .featured-wrap{

	width:612px;

	height:193px;

	margin:20px 0px;

}

#content .left ul {

	color:#000;

}

#content .left ul li:before{

	padding-right:5px;

}

.testimonial {

	height:189px;

	margin-bottom:20px;

}

.testimonial .image{

	height:189px;

	width:189px;

	float:left;

}

.testimonial .text {

	float:left;

	height:189px;

	width:375px;

	padding-left:20px;

}



.header #logo

{

	display:block;

	font-size:15px;

	color:#666666;

	font-family: 'Cabin Condensed', sans-serif;

	max-width:315px;

	text-decoration:none;

	float:left

}

.header #logo:hover {

	opacity:1;

}

.header .title-text {

	display:inline-block;

	float:left;

	font-size:36px;

	color:#000000;

	font-family: 'Roboto Condensed', sans-serif;

	padding-top:25px;

	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);

}

.header .title-text span{

	color:#228c22

}



.header .left

{

	width:400px;

}



.header .right

{

	width:500px;

	text-align:right;

}

.header .right .info a {

	color:inherit;

}



.header .right .info

{	

	padding-top:50px;

	font-size:15px;

	font-family: 'Roboto Condensed', sans-serif;

}



.header .right .info span

{

	color:#26a1d4;

	font-size:20px;

}

.header .right .info a.twt {

	width:45px;

	height:40px;

	display:inline-block;

	background:url(images/social-sprite.png);

  	background-position: -10px -10px;

}

.header .right .info a.fb {

	width:45px;

	height:40px;

	display:inline-block;

	background:url(images/social-sprite.png);

  background-position: -10px -70px;

}



.header .nav

{

	background:#000655;

	border-top:3px solid #26a1d4;

	height:32px;

}



.header .nav ul li

{

	float:left;

	padding-right:13px;

	padding-left:15px;

	height:15px;

	position:relative;

	z-index:102;

}



.header .nav ul li a

{

	color:#f8f8f8;

	font-size:15px;

	font-weight:normal;

}



.header .nav ul

{  

	list-style-type:none;

	font-family: 'Roboto Condensed', sans-serif;

	margin:0;

	padding:5px 10px;

}

.header .nav ul li ul

{

	position:absolute;

	left:0;

  top:100%;

  display:none;

	padding: 0px;

	max-width: 200px;

  

}

.header .nav ul li ul li

{

	padding:8px;

	padding-left:17px;

clear: both;

background: #000655;

float: left;

width: 100%;

	

}

.header .nav ul li:hover > ul

{

	display:block;

}

.content

{

	width:940px;

	margin:auto auto 30px;

}





#content.blogLayout

{

	

	float:left;

	width:665px;

	

}



#sidebar 

{

	

	

	float:right;

	width:270px;

	

	

}





#content .homeQuote

{

	font-size:16px;

	font-style:italic;

	text-align:center;

	color:#fff;

	background:#26a1d4;

	border-top: 2px #cccccc solid;

	border-bottom: 2px #cccccc solid;

	margin: 10px 0px 10px 0px;

	min-height:94px;

	

}

.homeQuote .quote-left {

	width:910px;

	background:url(./images/quote1.png) no-repeat top left;

	margin-left:15px;

	margin-right:15px;

	margin-top:10px;

	margin-bottom:10px;

}



.homeQuote .quote-wrap {

	background:url(./images/quote2.png) no-repeat bottom right;

	margin: 0;

	padding-left:65px;

	padding-right: 65px;

	padding-top:10px;

	padding-bottom:10px;

	min-height:50px;

}



.homeQuote p {

margin: 0;

padding: 0;

}

.homeslide-cont {

	margin-top:10px;

	height:250px;

}

.homeSlider 

{

	height:250px;

	width:650px;

	float:left;

	position: relative;

}

.homeslide-right {

	width:290px;

	height:250px;

	float:right;

	background:#000655;

	color:#fff;

	text-align:right;

	overflow:hidden;

line-height: 1em;

}

.homeslide-right span{ 

	font-size:25px;

	font-family: 'Roboto Condensed', sans-serif;

	line-height: 1em;

}

.homeslide-right ul.slidenav{

	list-style:none;

	margin:0px;	

	padding:0px;

	float:right;

	margin-right:-10px;

}

.homeslide-right ul.slidenav li{

	margin-top:4px;

	background:#26a1d4;

	padding-right:20px;	

	width:230px;

	border-radius:10px;

line-height: 1.5em;

}

.homeslide-right ul.slidenav li a{

	background:url(images/more.png) no-repeat right center;

	display:inline-block;

	padding-top:10px;

	padding-right:27px;

	width:190px;

	padding-bottom:10px;

	height:20px;

}

.homeslide-right ul.slidenav li.last{

	padding-bottom:20px;

}

.homeslide-right a{

	color:#fff;

}

.homeSlider img

{

  vertical-align:bottom;

  width:100%;

}

.homeSlider > a {

  width:100%;

  display:block;

  position:relative;

}

.homeSlider .slider-box

{

	position:absolute;

	z-index:2;

	color:#fff;

	background:url(./images/slide-bg.png) no-repeat right;

	font-family: 'Roboto Condensed', sans-serif;

	max-width:500px;

	height:30px;

	padding:10px 20px 10px 20px;

	bottom:0px;

	font-size:25px;

}





.content .case-studies

{

	width:238px;

	float:left;

}



.content .case-studies .cs-top

{

	font-size:16px;

	height:30px;

	font-weight:700;

}



.content .case-studies ul

{

	list-style:none;

	font-size:14px;

	margin:0;

	padding:0;

padding-top:15px;

}



.content .case-studies ul li

{

	margin-bottom:15px;

}



.content .case-studies ul li a

{

	color:#26a1d4;

	text-decoration:none;

	font-weight:700;

}



.content .case-studies ul li a.active

{

	text-decoration:underline;

}



.content .study-main

{

	width:700px;

	float:left;

	padding-top:30px;

	height:500px;

}



.content .study-main .large-image

{

	width:435px;

	height:295px;

	float:left;

	background:silver;

}



.content .study-main .details

{

	width:195px;

	height:295px;

	float:left;

	margin-left:60px;

	padding-right:7px;

}



.content .study-main .details .details-top

{

	height:200px;

}



.content .study-main .details table

{

	width:100%;

}



.content .study-main .details table td

{

	font-size:11px;

	width:50%;

	color:#a5a294;

	vertical-align:top;

	font-weight:bold;

}

.content .study-main .details table td span

{

	color:#3c94cd;

}



.content .study-main .details table td.lft

{

	font-weight:700;

	color:#000;

}



.content .study-main .bot-images

{

	width:722px;

	margin-top:18px;

}



.content .study-main .bot-images .image

{

	width:224px;

	height:157px;

	background:silver;

	float:left;

	margin-right:25px;

	margin-top:10px;

}



.content .study-main .bot-images .image a

{

	position:absolute;

	height:147px;

	width:214px;

	background:url(images/zoom.png) no-repeat bottom right;

	display:block;

}



.content .study-main .bot-images .last

{

	margin-right:0;

}







#content .homeTextWrap {

	margin-top:15px;

	margin-bottom:20px;

}

#content .homeTextWrap .left, #content .homeTextWrap .middle,#content .homeTextWrap .right  {

	width:270px; float:left;

	padding-left:15px; padding-right:15px; padding-top:0px; padding-bottom:0px;

	margin:0px;

}



#content .homeTextWrap .middle {padding:0px; margin-left:15px; margin-right:15px; border-left:2px solid #e3e2e2;  border-right:2px solid #e3e2e2; border-top:0px;padding-left: 18px;padding-right: 18px ; height:100%; position:relative; background:url(./images/mid-bg.jpg) no-repeat right;}

.homeTextWrap  h3 {margin-top: 2px;

margin-bottom: 10px;}



.middle .see-more {

	width:195px;

	background:#26a1d4;

	color:#fff;

	float:right;

	text-align:right;

	font-size:12px;

	height:15px;

	padding:3px 10px 5px 5px;

	margin-right:25px;

	margin-top:5px;

}



.middle h2

{

	font-size:16px;

	margin-top:0;

	margin-bottom:20px;

}



.middle .left

{

	width:700px;

	float:left;

}



.middle .right

{

	width:220px;

	float:right;

}



.middle .right h3

{

	margin-bottom:3px;

	padding-bottom:3px;

}



.middle .right a

{

}

.middle .items {

	padding-bottom:10px;

}



.middle .item .except

{

	height:80px;

	color:#a5a294;

}

.middle .item h3 

{

	margin-bottom:5px;

	margin-top:12px;

}



.middle .item

{

	width:210px;

	float:left;

	padding-right: 20px;

}



.middle .item .itemRow

{

	padding-bottom:3px;

}



.middle .item .itemRow .itemLabel

{

	width:90px;

	margin-right:20px;

	font-size:11px;

	color:#000;

	font-weight:bold;

	float:left;

}



.middle .item .itemRow .itemValue

{

	width:100px;

	font-size:11px;

	color:#a5a294;

	float:left;

	font-weight:700;

}

.middle .item .itemRow .itemValue span {

	color:#3c94cd;

	

}



#content .lower-content {

	padding-left:15px;

	padding-right:15px;

}



#footer

{

	background:#383838;

	border-top:3px solid #3687da;

	padding:10px;

	padding-top:37px;

	height:40px;

	color:#fff;

}



#footer a 

{

	

	color:#fff;	

	

}

#footer ul {

	list-style-type:none;

	padding: 0px;

	margin:0px;

}



#footer ul li{

	float:left;

	margin-right:15px;

}



#footer .right

{	

	float: right;

	/*margin-top: 22px;*/

}



.content .study-main .details span,.middle .left .item .itemRow span

{

	color:#23328d;

}

.contact .left-contact {

	width:100px;

	float:left;

}

.contact .right-contact {

	width:280px;

	float:left;

}



.cta {

background: #000655;

font-size:18px;

width: 605px;

height:97px;

padding-top:15px;

padding-left:10px;

color: #fff;;

margin-top:15px;

margin-bottom:15px;

font-family:'Roboto Condensed', sans-serif;

}

.cta a {color:#26a1d4; text-decoration:none;}

.cta a:hover {opacity: 1; text-decoration:underline;}

.cta span {color:#26a1d4;}

.testimonialBreaker {

	border-top:2px #cccccc solid;

	margin-top:20px;

	margin-bottom:10px;

}

.crate {

	width:450px;

	margin:10px 0px 30px;

}

.crate img{

	float:right;

}

/*nggallery line fix*/

.ngg-album-compact {

	height: 175px;

}



	/* ************************************************* */

	/* ************************************************* */

	/* ************************************************* */

	/* ***********         RESPONSIVE         ********** */

	/* ************************************************* */

	/* ************************************************* */

	/* ************************************************* */

	/* ************************************************* */







	*,

	*:after,

	*:before {

		-moz-box-sizing:border-box;

		box-sizing:border-box;

		-webkit-font-smoothing:antialiased;

		font-smoothing:antialiased;

		text-rendering:optimizeLegibility;

	}





	.clearfix:before,

	.clearfix:after {

		content:' ';

		display:table;

	}



	.clearfix:after {

		clear:both;

	}

	.clearfix {

		*zoom:1;

	}



	img {

	  max-width:100%;

	  height:auto;

	}



	input,textarea,select {

	  max-width:100%;

	}

	

	.menuToggle {

	  display:none;

	}



	#main	{

		width:100%;

		max-width:970px;

	}

	

	

	#content .left	{

		width: 65.5%;

	}

	#content .right	{

    width:33%;

  }

	#content .left .featured-wrap{

		width:100%

	}

	

	.header .left	{

		width:auto;

	}

		

	.header .right{

		max-width:500px;

		width:auto;

	}

		

	.header .nav {

		height:auto;

	}



	.header .nav  ul li{

		padding: 0;

		margin: 0;

		height: auto;

		display: inline-block;

	}



	.header .nav  ul li a{

		font-size:15px;

		font-weight:normal;

		display: inline-block;

		padding: 10px 15px;

	}



	.header .nav  ul{  

		padding:0 10px;

	}



	.header .nav  ul li ul{

		left:0;

		min-width: 200px;

		width:auto;

		margin-left:0;

		top:100%;

		display:none;

	}



	.header .nav  ul li ul li{

		padding:0;

		float:none;

		margin:0;

	}



	.header .nav  ul li:hover ul{

		display:block;

		left:initial;

	}

		

	.content	{

		width:100%;

	}

		

		

	#content.blogLayout{

		width: 65.5%;

	}



		

	#sidebar {

		  width: 28.7%;

	}

		

	#sidebar ul {

	  padding:0;

	}

	#sidebar ul ul {

	  padding-left:20px;

	}

		

		

	.homeQuote .quote-left {

		width:100%;

		background-position:10px 15px;

		padding:10px 15px;

		margin:auto

	}

		

		



		

		

	.homeslide-right {

		height:auto;

		max-height: 250px;

		margin-left:-100%;

		position:relative;

		z-index:101;

	}



	.homeslide-right .rightText{

	  padding:10px;

	}

		

		

	.homeslide-right ul.slidenav li a{

		display:block;

		width:auto;

		height:auto;

	}

		

		

	.homeSlider .slider-box	{

		width:auto;

		height:auto;

		padding:10px 50px 10px 15px;

		z-index:101;

	}



		

	.homeSlider .slider-box span.next-arrow{

		line-heighT: 32px;

		right: 10px;

	}

		

		

	#content .homeTextWrap .left, #content .homeTextWrap .mid,#content .homeTextWrap .right  {

		width:33%;

	}

		

		

	#content .homeTextWrap .mid {

		width:auto;

	}

		

		

	.homeTextWrap  .homeLeft {

		width:66%;

	}

	#content .homeTextWrap .homeLeft .left, #content .homeTextWrap .homeLeft .mid{

		width:50%;

	}

		

		

	.homeTextWrap  .homeLeft h1{

		width:auto;

	}

		



	.middle .item	{

		width:25%;

	}



	.middle .item .itemDetails {

		min-height:140px;

	}



	.middle .item .except

	{

		height:auto;

	}



	#footer{

		height:auto;

	}



	.cta {

		width: 100%;

		padding:15px 10px 25px;

		height:auto;

		margin-top:15px;

		margin-bottom:15px;

	}



	.content-right {

		width:28.7%;

	}



	.content-right .right-box{

		margin:20px auto;

		max-width:270px;

		width:auto;

	}



	.content-right .right-box .checkbox-list .checkbox-logo {

		width:35%;

	}

	.content-right .right-box .checkbox-list .text {

		width:63%;

	}



	.content-right .right-box .checkbox-list ul li{

		height:auto;

		line-height: 24px;

		padding:4px 0 4px 35px;

	}





.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }







	@media only screen and (max-width:1000px) {

	/*nav*/

	.menuToggle {

		display:block;

		cursor:pointer;

		color:#fff;

	  }

	  .menuToggle span {

		vertical-align:middle;

	  }

	  .menuToggle .menuIcon{

		  position:relative;

		  display:inline-block;

		  height:40px;

		  width:40px;

		  vertical-align:middle;

	  }

	  .menuToggle .menuIcon span,

	  .menuToggle .menuIcon span:before,

	  .menuToggle .menuIcon span:after  {

		width:32px;

		position:absolute;

		content:'';

		height:3px;

		left:5px;

		top:19px;

		background:#fff;

		-ms-transition:300ms all linear;

		-moz-transition:300ms all linear;

		-webkit-transition:300ms all linear;

		transition:300ms all linear;

	  }

	  .menuToggle .menuIcon span:before {

		top:9px;

		left:0;

	  }

	  .menuToggle .menuIcon  span:after {

		top:-9px;

		left:0;

	  }

	  .menuToggle.open .menuIcon span{

		background:transparent;

	  }

	  .menuToggle.open .menuIcon span:before{

		  -ms-transform: translateY(-9px) rotate(45deg);

		  -moz-transform: translateY(-9px) rotate(45deg);

		  -webkit-transform: translateY(-9px) rotate(45deg);

		  transform: translateY(-9px) rotate(45deg);

	  }

	  .menuToggle.open .menuIcon span:after{

		  -ms-transform: translateY(9px) rotate(-45deg);

		  -moz-transform: translateY(9px) rotate(-45deg);

		  -webkit-transform: translateY(9px) rotate(-45deg);

		  transform: translateY(9px) rotate(-45deg);

	  }

	   .header .nav  {

		position:relative;

		z-index:102;

		padding:0 5px;

	  }

	  .header .nav  .nav-menu li {

		float:none;

		margin:0;

		display: block;

	  }

	  

		.header .nav ul li a {

		  display:inline-block;

      margin-right:25px;

		}

	  

	  .header .nav .nav-menu {

		background:  #000655;

		z-index:102;

	  }



	  .header .nav  .nav-menu .menu-item-has-children {

	  

	  }

	  .header .nav  .nav-menu .menu-item-has-children:after{

		content:'>';

		position:absolute;

		top:5px;

		right:5px;

		color:#fff;

    font-size:19px;

		-webkit-transition:300ms all linear;

		-moz-transition:300ms all linear;

		transition:300ms all linear;

	  }

	   .header .nav  .nav-menu .menu-item-has-children.dropdown:after{

	   -webkit-transform:rotate(90deg);

		-moz-transform:rotate(90deg);

		transform:rotate(90deg);    

	   }

	  .header .nav  .nav-menu li ul{

		display:block;

		position:static;

		width:100%;

		border-bottom: 1px solid #fff;

    max-width:none;

    padding-left:20px;

	  }

	  .header .nav .nav-menu ul li {

		border-bottom:none;

	  }

	  .header .nav .nav-menu li .sub-menu{

		display:none;

	  }

	  .header .nav .nav-menu {

		display:none;

		position:relative;

		width:100%;

		left:0;

	  }

	}

	@media only screen and (max-width:900px) {

	#content .homeTextWrap .left,

  #content .homeTextWrap .middle  {

	  width:50%;

    margin:0;

    border-right:0;

	}

	#content .homeTextWrap .right {

	  width:100%;

	  float:none;

    clear:both;

	}

	}

	@media only screen and (max-width:800px) {

	.homeslide-cont {

	  height:auto;

	}

  

	.homeSlider {

		width:100%;

	}

	.homeSlider {

	  height:auto;

	}

	.homeSlider .slideMe img {

	  width:100%;

	}

	.homeslide-right {

	  float:none;

	  margin:0;

	  width:100%;

	  max-height:none;

	}

	.homeslide-right ul.slidenav li.last {

	  padding-bottom:0;

	}

	}

	@media only screen and (max-width:768px) {

	  #content .left,#content.blogLayout, #content .right {

		width:100%;

		float:none;

    padding:0;

	  }

    #content .right .right-img {

      margin:20px auto;    

    }

	  .content-right,#sidebar  {

		width:100%;

		float:none;

	  }

	  

	}

	@media only screen and (max-width:660px) {

	  .header .left,

    .header #logo  {

		float:none;

	  }

	  .header .right {

		float:none;

		text-align:left;

	  }

	  .header .right .info {

		padding:10px 0;

    text-align:center;

	  }

	  #content .homeTextWrap .left, #content .homeTextWrap  .middle {

		width:100%;

		float:none;

		border:0;

    padding:0 15px;

	  }

	  .middle .item {

		width:50%;

		margin-bottom:20px;

	  }

	  .middle .item img{

		margin:0 auto;

	  }

	  .middle .item:nth-child(odd) {

		clear:both;

	  }

	  .homeQuote .quote-wrap {

		padding:10px 35px;

	  }

	}

	@media only screen and (max-width:540px) {

	  .homeSlider .slider-box {

		width:100%;

		border-radius:0;

		position:relative;

        background:#26A1D4;

	  }

	  #footer .left,

	#footer .right  {

		float:none;

	  }

	}

	@media only screen and (max-width:380px) {

	  .middle .item {

		width:100%;

		float:none;

	  }

	  .middle .item .itemDetails {

		min-height:0;

	  }

	}