@charset "UTF-8";
/* CSS Document */


html,body { 
	background-color: #465560;
	width: 100%;
 margin: 0px;
    padding: 0px;
	overflow-x: hidden;
   }

.topfull {background-color: #455560;  margin: 0px;
	padding: 0px;}

.sidelogo, .sidelogobg { padding: 110px 0px 40px 90px; }

.sidelogov2{ padding: 0px 0px 40px 0px; text-align: center; opacity: 0.68; filter: alpha(opacity=68); }

.sidelogov2 img {opacity: 0.68; filter: alpha(opacity=70);} 

/*.navigation-stick {padding: 0px 0px 0px 0px;position: fixed;}

.navholder {padding: 30px 0px 0px 0px; margin: 0px 0px 0px 0px; display: inline-block;}

.navigation {text-align: right; padding: 30px 0px 0px 0px; margin: 0px 0px 30px 0px;}

.navholder-stick {padding: 30px 0px 0px 0px; margin: 0px 0px 0px 0px; display: inline-block;  position: fixed; width: 100% }

ul.pagenav { list-style-type: none; margin: 0px; padding: 0px;} 

ul.pagenav li {display: inline; border-right: 1px solid #cea03d;}

ul.pagenav li a {display: inline; font-size:1.1em; font-family: 'Titillium Web', sans-serif; font-weight: 300; color: #acbdc5; padding: 0px 10px 0px 10px; }

ul.pagenav li a:hover { color: #cea03d; text-decoration: none;}

ul.pagenav li:last-child { border-right: none; }*/




.dashline { height:1px;
  background-image:url(../../siteimages/portfolio/divider_line.png);
 background-repeat: repeat-x;
 }
 
 .dashline2 { height:1px;
  background-image:url(../../siteimages/portfolio/dash_line2.png);
 background-repeat: repeat-x;
 }
 
 
 .maintext {margin: 0px; padding: 0px 10px 0px 10px;}


.sampletitle { padding: 0px 0px 0px 0px; font-size: 2.2em; color: #acb6bb; font-family: 'Titillium Web', sans-serif; font-weight: 200; display: block; margin-bottom: 15px; letter-spacing: 1px; line-height: 1.23em;}


 .subtitle { padding: 0px 0px 0px 0px; font-size: 1.2em; letter-spacing: 1px; line-height: 1.4em; color: #FFF; font-family: 'Titillium Web', sans-serif; font-weight: 200; display: block; margin: 0px 0px 10px 0px;  }

span.sampletitlewh { color: #FFF; font-weight: 200;}

.desctitle { font-family: 'Titillium Web', sans-serif; font-weight: 300; display: inline; }

.divideline {display: inline; border: 1px solid #cea03d; margin-left: 14px; margin-right: 14px; font-size: 0.58em; margin-bottom: 20px;}

.quote {font-family: 'Titillium Web', sans-serif; font-size: 1.28em; line-height: 1.28em; letter-spacing: 1.2px; color: #d0d4d6; font-weight: 200; padding: 35px 0px 10px 0px; margin: 0px 0px 0px 0px; }

.quote p.client { font-family: 'Titillium Web', sans-serif; font-size: 0.8em; letter-spacing: 1px; color: #d0d4d6; font-weight: 200; margin-top: 10px;}

.openquote_graphic {display: inline; padding: 0px 0px 0px 0px; margin: 0px 0px 0px -20px;}

img.quotepos {display: inline;  vertical-align: top;}

.quotedivider { border: 0px; padding: 0px; margin: 0px;}


	.arrowposition {margin-top: 150%;}

.arrowposition_left {margin-top: 150%; margin-right: 53%;}

.arrowposition_right {margin-top: 150%; margin-left: 53%;}



	
.carousel-indicators {
		bottom: -40px;
text-align: left;
		left: 0;
margin-left: 0;
width: 400px;

		
	}

	
	
	.carousel-indicators .active {
	
	background-color: #96a3ad;
	width:10px;
	height:10px;
	border-radius:8px;
	margin:0px 1px 0px 0px;
	padding: 0px;
	
	
	}
	
.carousel-indicators li {display:inline-block;width:10px;height:10px;margin:0px 1px 0px 0px;text-indent:-999px;cursor:pointer;background-color:#96a3ad \9;background-color:rgba(0,0,0,0);border:1px solid #96a3ad; border-radius: 8px; padding: 0px; }

.carousel-inner {border: 0; z-index: 1;}

.carousel-control.left { background-image: none;}

.carousel-control.right { background-image: none;}


.descrtext{ padding: 35px 0px 0px 0px;}

.descrtext p { font-family: 'Titillium Web', sans-serif; font-size: 1em; letter-spacing: 0.4px; color: #FFF; font-weight: 200;}

.sampletext{ padding: 0px 0px 50px 0px; margin: 0px;}

.sampletext p { font-family: 'Titillium Web', sans-serif; font-size: 1.15em; letter-spacing: 1.2px; line-height: 1.4em; color: #acb6bb; font-weight: 200; margin-bottom: 0.65em; margin-left: 0px; }

.sampletext h4{ font-family: 'Titillium Web', sans-serif; font-size: 1.3em; letter-spacing: 1.2px; line-height: 1.4em; color: #acb6bb; font-weight: 400;padding: 5px 0px 0px 0px; margin: 0px; }


.sampletext ul li { font-family: 'Titillium Web', sans-serif; font-size: 1.1em; letter-spacing: 0.4px; line-height: 1.4em; color: #acb6bb; font-weight: 200;}

.sampletextwh p { font-family: 'Titillium Web', sans-serif; font-size: 1.1em; letter-spacing: 0.4px; line-height: 1.4em; color: #FFF; font-weight: 200; margin-bottom: 1.2em;}


	
.nextsample img

{
padding: 0px 0px 40px 0px;
display: block;
  margin-left: auto;
  margin-right: auto;}
  
  
.secttitle {
	font-size: 1.3em; 
	font-weight: 200;
	color: #FFF;
	letter-spacing: 1px;
	padding-bottom: 20px;
	border-bottom: 1px solid #738087;
	margin-bottom: 50px;
	font-family: 'Titillium Web', sans-serif;
	
}

.gallerycontainer {
	padding: 4% 0 4% 0;
	
}

.gallerycontainer2 {
	margin: 0 0 0 0; 
	
	
}


/* @media only screen and (min-width: 768px) and (max-width: 1024px) {

	.navholder {padding: 30px 0px 0px 0px;  display: inline-block;   }
	.navigation {padding: 30px 20px 0px 0px; text-align:right;  }
	
	
	}*/


@media only screen and (max-width: 767px) {
	
	.sidelogov2 { padding: 0px 5px 40px 0px;  }
	
	

.sidelogo { padding: 30px 40px 0px; }
/*.navigation {padding: 30px 20px 0px 0px; text-align:right; }*/

.sidelogobg { padding: 0px;}

.sampletitle { padding: 0px 0px 0px 0px; margin-left: 0.5em;}

.subtitle { padding: 0px 20px; margin: 20px 0px 15px 0px; text-align: left;}

.sampletitlewh { padding: 30px 0px 0px 24px;}

.sampletext{ text-align: left;}

.sampletext p{ padding-left: 22px; padding-top: 0px; margin-bottom: 0.8em;}

.sampletext h4{ font-family: 'Titillium Web', sans-serif; font-size: 1.3em; letter-spacing: 1.2px;color: #acb6bb; font-weight: 400;padding-left: 22px; padding-top: 8px; padding-bottom: 5px; margin-bottom: 0; }
  
.secttitle {
	font-size: 1.2em; 
	margin-left: 20px;
	margin-right: 20px;
	padding-bottom: 10px;
	
}

.samplevocera { background-image: url(../../siteimages/portfolio/vocera/vocera_stationary.jpg); 
background-repeat:no-repeat; 
background-size: cover;
	 background-position: top center;
	height: 900px;
	
	}
	
	
		/*.navigation {padding: 0px 0px 0px 0px; text-align: right;}
	
	.navholder {padding: 25px 0px 0px 0px; margin-right: 30px; display: inline-block;}*/
	
	.gallerycontainer {
	margin: 3% 3% 0 3%;
	
	
}

	 .quote {border: 0px; border-right: 0px; padding: 35px 22px 20px 22px; margin: 0px 0px 0px 0px;}
	 
	 
.quote p.client { font-family: 'Titillium Web', sans-serif; font-size: 0.85em; letter-spacing: 1px; color: #d0d4d6; font-weight: 200; margin: 15px 0px 0px 0px; padding:0px;}


.quotedivider {border-top: 1px solid #cea03d; border-bottom: 1px solid #cea03d; padding: 20px 0px;}


	
}



	 @media only screen and (min-width: 416px) and (max-width: 736px) {
		 
	/*	 .navigation {padding: 30px 20px 0px 0px; text-align: right;}

	.navholder {padding: 25px 0px 0px 0px; display: inline-block;  }*/
	
	  .container {padding-right: 30px;}
	.sidelogov2{ padding: 0px 10px 40px 0px; text-align: center;}

	span.sampletitlewh { padding: 0px;}
	
	.gallerycontainer {
	margin: 3% 5% 0 5%;
	}

.sampletext{ text-align: left; padding-top: 15px; padding-right: 30px;}


	
	}
	
	
	

	
		 @media only screen and (max-width: 415px) {
			 
			/* .navigation {padding: 30px 20px 0px 0px; text-align: right;}*/
			
			
			 
			 .sidelogov2{ padding: 0px 5px 40px 0px; text-align: center;}
			
			 
			 .sampletitle { margin-right: 0.5em;  padding: 0px; }
			 span.sampletitlewh { padding: 0px;}
			 
		
		.gallerycontainer {
	margin: 5% 7% 0 7%;
	
	
}

.sampletext{ text-align: left; padding-top: 15px; padding-right: 30px;}

.sampletext p { font-weight: 300; }
		

 }