/* Basics */

html {
	font-size: 62.5%; 
    background-color: #fff;
    color: rgb(129,131,134);
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    height: 100%;
 }

body {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    min-height: 100%;
    background: #fff;		font-family: Arial, sans-serif;
}

html, body, input {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

/* Images */

img	{ 
	max-width: 100%; height:auto;
}

img.border {
	border: 1px solid #efefef;
}
/*honor begin*/
.honor{padding-bottom: 50px;}
.honor-nav{margin-bottom: 45px;}
.honor-nav-a{margin-right:23px;float: left;width: 200px;height: 45px;text-align: center;line-height: 45px;border: 1px solid #e7e7e7;}
.honor-nav-a a{display: block;color: #333;}
.honor-nav-a.active a{color: #31a344;}
.honor-ul{margin:0 -35px;/*text-align: center;*/}
.honor-li{padding:0 30px;margin-bottom:30px;display: inline-block;}
.honor-li-a{line-height: 24px;text-align: center;color: #000;cursor: pointer;}
.honor-li-img{margin-bottom:15px;width: 310px;height: 205px;border: 8px solid #f1f1f1;}
.honor-li-img img{display: block;width: 100%;}
.big-img{position: fixed;left: 50%;top: 20%;margin-left:-305px;z-index:3;display:none;padding:5px;width: 600px;background-color: #fff;}
.big-img img{display: block;width: 100%;}
.aptitu-ul{margin: 0 -27px;}
.aptitu-li{margin-bottom:25px;padding:0 27px;float: left;width: 33.3333%;box-sizing: border-box;}
.aptitu-li-a{line-height: 24px;color: #000;text-align: center;}
.aptitu-li-img{margin-bottom:20px;height:auto;overflow:hidden;border: 8px solid #f1f1f1;}
.aptitu-li-img img{display: block;width: 100%;}
.aptitu-li-a p{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
/*honor over*/	
.news{width:100%; border-bottom:1px solid #ddd;  margin-bottom:2rem; padding:2rem 0;}

.news img{ width:225px; height:165px; float:left; margin-right:2rem;}
.news h3{ width:77%; float:left; font-size:20px; color:#333; line-height:40px; margin:0;}
.news a:hover h3{ color:#1d2089;}
.news p span{ color:#1d2089;}
.news p{ width:77%; float:left; color:#999; margin:0; font-size:14px;}
.news2{ text-align:center; width:100%; border-bottom:1px solid #ddd;  margin-bottom:2rem; padding:2rem 0;}
.news2 h3{ width:100%;font-size:20px; color:#333; line-height:40px; margin:0;}
.news2 p{ width:100%; color:#999; margin:0; font-size:14px;}

.team{ width:95%; border:1px solid #ddd; padding:2rem; margin:2rem auto;}
.team img{ width:165px; height:185px; float:left; margin-right:2rem;}
.team h3{ width:77%!important; float:left; font-size:20px!important; color:#333; line-height:40px!important; margin:0;}
.team p{ width:77%!important; float:left; color:#999; margin:0; font-size:14px;}

.videoItem{ width:340px; float:left;  margin:2rem 11px; border-bottom:1px solid #ddd;}
 .videoItem a.on{width:340px; position:relative;height:250px;  overflow:hidden; display:block;}
.videoItem a.on img {
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;
    transition: all .8s;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -ms-transform: scale(1);
    -ms-transition: all .8s
}

.videoItem a.on:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    -ms-transform: scale(1.1);
}
.videoItem a:hover{ text-decoration:none;}
.videoItem img{ width:100%; height:100%; display:block;}
.videoItem h3{ font-size:20px; color:#333; line-height:4rem;  text-align:center; }
.message{ margin-bottom:3rem;}
.message .tt1 {
  height: 65px;
  line-height: 65px; font-size:16px;
  border-bottom: 1px dashed #ddd;
  margin: .55rem 0 2.5rem 0;
}
.message .col-lg-6 {
  margin-bottom: 2.35rem;
}
.message .col-lg-12 {
  margin: 35px 0;
}
.message span {
  width: 200px; display:block; float:left;
  line-height: 40px;
  text-align: right;
}
.message .txt {
  width: 382px;
  height: 40px;
  line-height: 38px;
  border: 1px solid #ddd;
  padding: 0 10px;
}
.message .txt2 {
  width: 150px;
}
.message select {
  width: 403px;
  height: 40px;
  line-height: 38px;
  border: 1px solid #ddd;
  padding: 0 10px;
  background: url(../images/select_bg.png) no-repeat 97% center;
}
.message textarea {
  border: 1px solid #ddd;  width: 382px;
 
  height: 105px;
  font-size: 14px;
  padding: 10px;
}
.message .btn {
  margin-top: .75rem;
}
.message .btn2 {
  margin-top: 2rem; border-bottom:1px solid #ddd; padding-bottom:2rem;
}
.message .btn input {
  width: 195px;
  height:40px;
  line-height:40px;
  cursor: pointer;
  background: #ebebeb; border:none; font-size:18px;
}
.message .inputs {
  width: 195px;
  height:40px; color:#fff;
  line-height:40px;
  cursor: pointer;
  background: #525252; border:none; font-size:18px; border-radius:8px;
}
.rightbox{ float:right; width:75%; margin-top:3%;}
.product{width:27%; border:1px solid #ddd; padding:1rem; text-align:center; margin:0rem 1rem 1rem 1rem; float:left;}
.product a{ text-decoration:none;}
.product a:hover{ text-decoration:none; color:#1d2089;}
.product img{  width:160px;}
.product h3{font-size:16px; color:#333;width:100%; margin:0; line-height:4rem;  float:left;}
 .network{width:41%; border:1px solid #ddd; padding:3rem; margin:0rem 1rem 1rem 1rem; float:left;}
.network p{ width:100%; line-height:28px; color:#333; margin-bottom:0;}
.download{ width:41%; border:1px solid #ddd; padding:3rem; margin:2rem 1rem 1rem 1rem; float:left;}
.download img{float:left; margin-right:2%;}
.download p{ width:54%; display: inline-block; padding-left:26px; background:url(../images/sj.jpg) left center no-repeat; color:#333;}
.download p:nth-child(3){ background:none;}
.download p span{ text-align:right; color:#999; float:right;}
.download p a{ width:83px; height:17px; float:right; transition: all 0.3s ease; background:url(../images/d1.jpg) no-repeat;}
.download p a:hover{ width:83px; height:17px; float:right; transition: all 0.3s ease; background:url(../images/d2.jpg) no-repeat;}
.contact{ width:50%; float:left; padding:4rem 0;}

.contact h3{ width:94%; margin:auto; font-size:20px; color:#333;}
.contact p{ width:94%; margin:auto; line-height:32px; color:#666; margin:0.5rem auto;}
.contact .one{ padding-left:40px; height:32px; background:url(../images/t1.jpg) no-repeat;width:85%; margin:0.5rem auto;}
.contact .two{ padding-left:40px; height:32px; background:url(../images/t2.jpg) no-repeat;width:85%; margin:0.5rem auto;}
.contact .three{ padding-left:40px; height:32px; background:url(../images/t3.jpg) no-repeat;width:85%; margin:0.5rem auto;}
.join-list{ padding:3rem 0;}
.join-list .join-w {
  border-bottom: 1px solid #ddd;
}
.join-list .join-head {
  position: relative;
  font-size: 14px;
  min-height: 40px;
  line-height: 40px;
  cursor: pointer; padding:0;  background: url(../images/join_icon2.png) no-repeat right center;
}
.fa-phone{ float:left;}
.pb5{ font-size:14px; color:#333;padding-bottom:1rem;}
.c6{ font-size:14px;}
.join-list .join-head.cur::after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.join-list .join-head::after {
  position: absolute;
  content: '';
  width: 14px;
  height: 60px;
  right: 0;
  background: url(../images/join_icon2.png) no-repeat center;
  -webkit-transition: transform 300ms ease 0s;
  transition: transform 300ms ease 0s;
}
.join-list .join-head li {
  float: left;
  display: inline-block; color:#333;
  width: 15%;
}
.icon {
    width: 50px; position: absolute;
    top: 40%;
    right:40%;
  
    height: 50px;
   background-image: url(../images/video_icon.png); background-size:100%; z-index:1;
}
.po-auto {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%; background:rgba(0,0,0,0.3);
}
.content{ width:100%;}
.content h2{ font-size:30px; color:#1e1c89; width:50%; float:left;}

.content h4{ font-size:30px; color:#1e1c89; width:100%; float:left; }
.position{ float:left; line-height:80px; height:80px; font-size:14px; float:right; text-align:right; padding-left:20px; background:url(../images/jt.jpg) center left no-repeat;}

header { border-bottom:1px solid #ddd;
	padding: 0px;
	text-align: center;
	position: relative;
}
.recommed{ width:20%; padding-bottom:3rem; text-align:center; float:left;}
.recommed p{ width:100%;}

/*prodcut content*/
.provideo{ width:930px; height:510px; float:left; margin:2rem 0; padding:0;}
.proright{ width:160px; background:#f5f5f5; height:auto; float:left; margin:2rem 0;}
.proright ul{ padding:0; margin:0px; }
.proright li{ border-bottom:1px solid #ddd; width:100%; text-align:center;list-style:none; list-style-image:none;}
.proright li a{ color:#666; line-height:31px; font-size:14px;}
.proright li p{ width:100%;}
.proconent{ border:1px solid #ddd; width:99%; margin:auto; float:left;}
.proconent img{ width:490px; height:442px; float:left;}
.proconent p{ font-size:16px; color:#666; float:left; line-height:36px; padding:2rem; width:48%; }
.proconent .big{ background:url(../images/big.jpg) no-repeat; width:30px; height:26px; position:relative; bottom:0px;}
/*page*/
#dcms_pager{
	width:99%;
	font-family:arial;
}
#dcms_pager .pages {border:none;text-transform:uppercase;font-size:12px;margin: 20px 0;padding:0;height:auto;clear:both;text-align:center;  }
#dcms_pager .pages a {border:1px solid #ccc;text-decoration:none;margin:0 5px 0 0;padding:8px;font-size:12px; width:16px;height:16px;line-height:16px; font-family:arial;}
#dcms_pager .pages a:hover {border:1px solid #aeaeae;}
#dcms_pager .pages .pgempty {border:1px solid #eee;color:#333;}
#dcms_pager .pages .pgcurrent {border:1px solid #aeaeae;color:#000; background-color:#eee;}
/*tab css*/
#con {
	 MARGIN: 0px auto; WIDTH: 100%; float:left;
}
#tags {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 10px; WIDTH:600px; PADDING-TOP: 0px; HEIGHT: 40px
}
#tags LI {
	 FLOAT: left; MARGIN-RIGHT: 1px; LIST-STYLE-TYPE: none; HEIGHT: 41px
}
#tags LI A {
	 width:116px; text-indent:1.4em;
	FLOAT: left;
	PADDING-BOTTOM: 0px;
	COLOR: #999;
	LINE-HEIGHT: 39px;
	PADDING-TOP: 0px;
	HEIGHT: 39px;
	TEXT-DECORATION: none
}
#tags LI.emptyTag {
	BACKGROUND: none transparent scroll repeat 0% 0%; WIDTH: 4px
}
#tags LI.selectTag {
	BACKGROUND-POSITION: left top; MARGIN-BOTTOM: -2px; POSITION: relative; HEIGHT: 41px;
}
#tags LI.selectTag A {
	BACKGROUND-POSITION: right top; COLOR: #43459a; LINE-HEIGHT: 41px; HEIGHT: 41px;BACKGROUND: url(../images/tagleft.jpg) no-repeat left bottom;
}
#tagContent {
	BORDER: #ddd 1px solid;  border-bottom:0; border-left:0; border-right:0;
}
.tagContent {
	  DISPLAY: none;  WIDTH: 100%; COLOR: #333;  
}
#tagContent DIV.selectTag {
	DISPLAY: block
}
.question{ padding-left:20px; color:#1e2188; background:url(../images/sj.jpg) left center no-repeat;width:100%;}
.answer{ width:100%; border-bottom:1px solid #ddd; color:#666; font-size:14px; margin-bottom:1rem;}
	@media only screen and (min-width: 768px) {
		header {
			text-align: left;
			padding-bottom: 0;
		}	
	}
	
#BodyContent {
	margin-bottom: 60px;
}

footer {
	background: #ededed;
	height: auto;
	position: relative;
	margin-bottom: 10px;
}
	@media only screen and (min-width: 768px) {
		footer {
			font-size: 12px; font-size: 1.2rem;
			line-height: 20px; line-height: 2rem;	
			min-height: 310px;
			text-align: left;
		}
		footer.blatchford {
			background: url(../images/footer-bg-blatchford@2x.jpg) #ededed right center no-repeat;
			background-size: contain;
		}
		footer.endolite {
			background: url(../images/footer-bg-endolite@2x.jpg) #ededed right center no-repeat;
			background-size: contain;
		}
	}
	@media only screen and (min-width: 900px) {
		footer {
			font-size: 14px; font-size: 1.4rem;
			line-height: 20px; line-height: 2rem;	
		}
	}
	@media only screen and (min-width: 1090px) {
		footer {
			font-size: 15px; font-size: 1.5rem;
			line-height: 24px; line-height: 2.4rem;	
		}
	}
	
	.footer_content {
		padding: 10px 40px 40px;
	}
	
	@media only screen and (min-width: 768px) {
		.footer_content .column {
			width: 26%;
			margin-right: 2%;
		}
		.footer_content .column.narrow {
			width: 18%;
		}
	}
		
#SocialIcons {
	padding: 30px 0 0;
	text-align: center;	
	color: #fff;
	font-size: 24px; font-size: 2.4rem;
}	
	@media only screen and (min-width: 768px) {
		#SocialIcons {
			position: absolute;
			right: 10px;
			bottom: 15px;
		}
	}

#SocialIcons a {
	color: #666;
	font-size: 28px; font-size: 2.8rem;
	margin: 0 5px;
}	
	@media only screen and (min-width: 768px) {	
		#SocialIcons a {
			color: #fff;
			font-size: 24px; font-size: 2.4rem;
			margin: 0 0 0 2px;
		}
	}
	
	#SocialIcons a:hover {
		opacity: 0.8;
	}
	
.facebook-blue {
	color: #3b5998;
}

.at300bs {
	-moz-transition: all 0.2s ease;  /* FF4+ */
	-o-transition: all 0.2s ease;  /* Opera 10.5+ */
	-webkit-transition: all 0.2s ease;  /* Saf3.2+, Chrome */
	-ms-transition: all 0.2s ease;  /* IE10 */
	transition: all 0.2s ease; 
}
	
	.at300bs:hover {
		margin-top: -2px;
	}
		
#Copyright {
	font-size: 12px; font-size: 1.2rem; line-height:3em;
}
#Copyright p { padding:0px 0 0!important; }
/* Navigation */

#MobileMenu:not( .mm-menu ) {
   display: none;
}
.innercontainer{border-bottom:1px solid #ddd; }
header nav {
	display: none;
}
	@media only screen and (min-width: 768px) {
		
		header nav {
			display: block;
		}

		header nav ul {
			list-style: none;
			position: relative;
			display: inline-table;
			margin: 0;
			padding: 0 0 10px 0;
			z-index: 9999;
		}
		
			header nav ul:after {
				content: ""; clear: both; display: block;
			}
		
			header nav ul li {
				display: inline;
				padding: 14px 0;
				 
				 
			}
			
			header nav ul li.active a {
				color:#3c3fa8;
			}
			
			header nav ul li.has_submenu:hover {
				background: #626262;
			}
			
				header nav ul li.has_submenu i {
					color:#3c3fa8;
				}
			
				header nav ul li.has_submenu:hover a i {
					color: #fff;
				}
						
			header nav ul li a {
				font-size: 14px; font-size: 1.4rem;
				padding: 15px 20px;
				text-decoration: none;
				color: #333;
			}			
				header nav ul li:hover a {
					color:#3c3fa8;
					text-decoration: none;
				}
			
				header nav ul li.has_submenu:hover a {
					color: #fff;
				}
			
			header nav ul li.has_submenu ul.submenu {
				display: none;
				position: absolute;
				top: 100%;
				background: #626262;
				margin-top: 0;
			    text-align: left;
				color: #fff;
				font-size: 14px; 
				 
			}
			header nav ul li.has_submenu:hover ul.submenu {
				display: block;
			}
			
	}
	@media only screen and (min-width: 900px) {
		header nav ul {
			margin: 60px 0 0;float:right;
		}
		header nav ul li a {
			font-size: 15px;  
			padding: 15px 20px;
		}
		header nav ul li.has_submenu ul.submenu {
			padding: 20px 30px;
			width: 100%;
			height: auto;
			right: -0;
		}	
	}
	@media only screen and (min-width: 1090px) {
		 
		}
		header nav ul li.has_submenu ul.submenu {
			 line-height:32px;
		 	width: 1030px;
			height: auto;
			right: 0;
		}	
	}
	

	
	
.button.catalogue-button {
	font-size: 12px; font-size: 1.2rem;
	padding: 5px 10px;
}
	@media only screen and (min-width: 900px) {
		.button.catalogue-button {
			padding: 8px 15px;
			font-size: 14px; font-size: 1.4rem;
		}
	}
	@media only screen and (min-width: 1090px) {
		.button.catalogue-button {
			font-size: 16px; font-size: 1.6rem;
		}
	}

a.catalogue-link {
	font-size: 12px; font-size: 1.2rem;
	padding-left: 2px;
	text-align: right;
}
	@media only screen and (min-width: 900px) {
		a.catalogue-link {
			padding-left: 20px;
		}
	}
	@media only screen and (min-width: 1090px) {
		a.catalogue-link {
			padding-left: 40px;
		}
	}
	

.submenu .subheading {
	margin: 0 0 10px;
	color: #fff;
	font-size: 20px; font-size: 2.0rem;
	line-height: 22px; line-height: 2.2rem;
}
	@media only screen and (min-width: 900px) {
		.submenu h4.subheading {
			font-size: 22px; font-size: 2.2rem;
			line-height: 24px; line-height: 2.4rem;
		}
	}
	@media only screen and (min-width: 1090px) {
		.submenu h4.subheading {
			font-size: 24px; font-size: 2.4rem;
			line-height: 28px; line-height: 2.8rem;
		}
	}

	.submenu h4.subheading a {
		padding: 0;
		font-size: 22px; font-size: 2.2rem;
	}
	
	.submenu h4.subheading a:hover {
		text-decoration: underline;
	}

	.submenu h4 span {
		font-size: 15px; font-size: 1.5rem;
		letter-spacing: 0;
	}
	
.submenu_list {
	list-style: none;
	margin: 0 0 5px 0;
}	
	.submenu_list li {
		display: block;
		padding: 0;
		margin-bottom: 4px;
	}
	
	.submenu_list li a {
		font-size: 12px; font-size: 1.2rem;
		padding: 0 0 0 0;
	}
		@media only screen and (min-width: 900px) {
			.submenu_list li a {
				font-size: 14px; font-size: 1.4rem;
				padding: 0 0 0 5px;
			}
		}
		@media only screen and (min-width: 1090px) {
			.submenu_list li a {
				font-size: 15px; font-size: 1.5rem;
			}
		}
	
	.submenu_list li a:hover {
		text-decoration: underline;
	}
	
	.submenu_list li i {
		color:#3c3fa8;
	}
	
#Sidebar ul {
	padding-left: 0;
	list-style: none;
	margin-top: 10px;
}
	#Sidebar ul li {
		margin-bottom: 10px;
		padding-top: 10px;
		border-top: 1px solid #eee;
	}
	
	#Sidebar ul li:last-child {
		padding-bottom: 10px;
		border-bottom: 1px solid #eee;
	}

	#Sidebar ul li a {
		padding: 5px 0;
		margin-bottom: 5px;
		text-decoration: none;
		color: #333;
		line-height: 18px; line-height: 1.8rem;
	}
		@media only screen and (min-width: 768px) 
		{
			#Sidebar ul li a {
				margin-bottom: 0;
			}
		}
	
		@media only screen and (min-width: 768px) 
		{
			#Sidebar ul ul {	
				margin-bottom: 20px;	
			}
		}
	
			@media only screen and (min-width: 768px) 
			{
				#Sidebar ul ul li a {
					font-size: 14px; font-size: 1.4rem;
					padding: 2px 0;
				}
			}
			
	#Sidebar ul li a:hover {
		color:#3c3fa8;
	}
	
	#Sidebar ul li.current_page_item > a, #Sidebar ul li.current-cat a {
		color:#3c3fa8;
	}
	
	#Sidebar ul.children {
		margin: 0;
	}
	
		#Sidebar ul.children li {
			border-top: none;
			padding-top: 0;
			margin-bottom: 0;
		}
			
			#Sidebar ul.children li:last-child {
				border-bottom: none !important;
				padding-bottom: 0;
			}
			
			#Sidebar ul.children li a {
				color: #999;
			}
			
				#Sidebar ul.children li.current_page_item a, #Sidebar ul.children li a:hover {
					color: #1d2088;					
				}
				
	#Sidebar ul li ul{display: none;}
	#Sidebar ul li.current_page_item > ul, #Sidebar ul li.current-menu-item > ul, #Sidebar ul li.current_page_parent > ul {display:block;opacity:1;visibility:visible}
	
footer ul {
	padding-left: 0;
	list-style: none;
}

	footer ul li {
		margin-bottom: 5px;
	}
	
	footer ul li i {
		color:#3c3fa8;
	}
	
	footer ul li a:hover {
		text-decoration: underline;
	}
				
#MobileMenuAnchor {
	display: block;
	color: #999;
	font-size: 3.2rem; font-size: 32px;
	position: absolute;
	top: 20px;
	left: 20px;
	z-index: 9999;
	border: 1px solid #ccc;
	padding: 1px 5px 0;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}
	@media only screen and (min-width: 768px) {	
		#MobileMenuAnchor {
			display: none;
		}
	}

#MobileMenu a {
	color: #f2f2f2;
}

.pills {
	list-style: none;
	margin: 10px 0 10px 0;
	padding: 0;
}

	.pills li {
		line-height: 35px; line-height: 3.5rem;
		float: right;
	}
	
	.pills.pills-left li {
		float: left;
	}


	.pills li a {
		padding: 0 20px;
		background: none;
		color: #1d2088;
		display: block;
		margin: 0 10px 10px 0;
		-moz-transition: all 0.4s ease;  /* FF4+ */
		-o-transition: all 0.4s ease;  /* Opera 10.5+ */
		-webkit-transition: all 0.4s ease;  /* Saf3.2+, Chrome */
		-ms-transition: all 0.4s ease;  /* IE10 */
		transition: all 0.4s ease; 
		border: 1px solid #1d2088;
	    border-radius: 2px;
	    -webkit-border-radius: 2px;
	    -moz-border-radius: 2px;
	}
	
	.pills li a:hover {
		text-decoration: none;
		background: #1d2088;
		color: #fff;
	}
	
	.pills li.current-cat a {
		text-decoration: none;
		background: #1d2088;
		color: #fff;
	}
	
	.pills-small li {
		line-height: 25px; line-height: 2.5rem;	
	}
	.pills-small li a {
		font-size: 12px; font-size: 1.2rem;
		padding: 0 10px;
	}


/* Elements */

.home-hero {
	font-size: 18px; font-size: 1.8rem;
	line-height: 28px; line-height: 2.8rem; color:#333;
}

#SearchForm .btn {
	width: 40px;
	background: #ccc;
	color: #fff;
	-moz-transition: all 0.2s ease;  /* FF4+ */
	-o-transition: all 0.2s ease;  /* Opera 10.5+ */
	-webkit-transition: all 0.2s ease;  /* Saf3.2+, Chrome */
	-ms-transition: all 0.2s ease;  /* IE10 */
	transition: all 0.2s ease; 
}
	#SearchForm .btn:hover {
		background: #1d2088;
	}
	
	#SearchForm .searchfield {
		margin-right: 0;
	}

#SearchResults {
	margin-bottom: 30px;	
}	

	#SearchResults .searchresult {
		padding-left: 2%;
		margin-left: 2%;
		border-left: 2px solid #ccc;
	}
	
		.search-results h3 {
			margin-top: 30px;
			margin-bottom: 15px;
		}
		
		.search-results p {
			margin-bottom: 10px;
		}
		
		.search-results .permalink {
			color: #b2b2b2;
			font-size: 14px; font-size: 1.4rem;
		}

.error404 #BigSearch {
	margin: 10px 0 40px;
}

.divider {
	border-top: 1px solid #e8e8e8;
	width: 100%;
	margin-top: 20px;
}

.featured {
	display: block;
	margin-bottom: 20px;
}

#BigSearch {
	margin: 60px 0; 
}

	#BigSearch form {
		margin: 0 0 40px;
	}

	#BigSearch input {
		width: 90%;
		padding: 10px 20px;
		font-size: 24px; font-size: 2.4rem;
		border: 1px solid #ccc;
		background: none;
	}

#Switcher {
	position: absolute;
	top: 5px;
	right: 5px;
	padding: 4px;
	border: 1px solid #fff;
	z-index: 9999;
	display: none;
}		
			#Switcher:hover {
				border: 1px solid #eee;
				border-radius: 5px;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				cursor: pointer;
			}
			
			#Switcher p {
				display: none;
			}
			
			#Switcher img {
				display: block;
			}
			
			#Switcher a {
				color: #666;
			}

	@media only screen and (min-width: 768px) {	
		#Switcher {
			display: inline-block;
			padding: 4px;
			border: 1px solid #fff;
			position: relative;
			top: 0;
			right: 0;
		}
		
			#Switcher:hover {
				border: 1px solid #eee;
				border-radius: 5px;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				cursor: pointer;
			}
			
				#Switcher:hover span {
					border-bottom: 0;
				}
		
			#Switcher p {
				margin: 0;
				font-size: 12px; font-size: 1.2rem;
				line-height: 13px; line-height: 1.3rem; 
				text-transform: uppercase;
				font-family: Montserrat, Arial, sans-serif;
				display: block;
			}
			
			#Switcher span {
				font-family: "Helvetica Neue", Arial, sans-serif;
				text-transform: none;
				font-size: 9px; font-size: 0.9rem;
				border-bottom: 1px solid #999;
			}
			
			#Switcher img {
				margin-left: 5px;
			}
	}
	
#HeaderSocial {
	display: none;
}
	@media only screen and (min-width: 768px) {	
		#HeaderSocial {
			display: inline-block;
			vertical-align: top;
			text-align: right;
			margin: 7px 0;
		}	
	}
	
	#HeaderSocial i {
		margin: 0 5px;
		font-size: 18px; font-size: 1.8rem;
	}
	#HeaderSocial i.fa-envelope {
		font-size: 16px; font-size: 1.6rem;
	}	
	
		#HeaderSocial a {
			color: #999;
		}
		
			#HeaderSocial a:hover {
				color: #1d2088;
			}
	
#Search {
	display: none;
    width: 92%;
    position: fixed;
    z-index: 99999;
    background: #666;
    padding: 20px 4%;
    top: 0;
    left: 0;
    text-align: left;
	box-shadow: 1px 1px 20px rgba(0,0,0,0.5);
}
	@media only screen and (min-width: 768px) {	
		#Search {
			display: inline-block;
			position: relative;
			background: none;
			padding: 0;
			top: auto; left: auto;
			vertical-align: top;
			text-align: right;
			margin: 0;
			width: auto;
			box-shadow: none;
		}	
	}
	
	#Search input{
		background: #fff;
		border: 1px solid #ddd;
		padding: 12px;
		color: #666;
		margin: 5px 0 0 0;
		font-size: 16px; font-size: 1.6rem;
		width: 80%;
	}	
		@media only screen and (min-width: 480px) {	
			#Search input {
				width: 85%;	
			}
		}
		@media only screen and (min-width: 768px) {	
			#Search input {
				width: 220px;
				padding: 6px;
				margin: 5px 5px 0 0;
				font-size: 14px; font-size: 1.4rem; line-height:18px;
			}
		}
		

#MobileSearchButton {
	display: block;
	color: #999;
	font-size: 3.2rem; font-size: 32px;
	position: absolute;
	top: 10px;
	right: 3px;
	z-index: 9999;
}
	@media only screen and (min-width: 768px) {
		#MobileSearchButton {
			display: none;
		}	
	}
	
#MobileSearchCloseButton {
	color: #fff;
	display: block;
	font-size: 3.2rem; font-size: 32px;
	line-height: 50px;
	z-index: 9999;
	float: right;
}
	@media only screen and (min-width: 768px) {
		#MobileSearchCloseButton {
			display: none;
		}	
	}

.header_divider {
	display: none;
}
	@media only screen and (min-width: 768px) {
		.header_divider {
			margin: 0px 0 0 5px;
			padding: 0 0 0 5px;
			border-left: 1px solid #e8e8e8;
			width: 1px;
			height: 38px;
			display: inline-block;
		}
	}

#Featured {
	/*display: none;*/
}
 

#ContactBlock {
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 20px 0;
	border-top: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
	text-align: center;
	font-size: 22px; font-size: 2.2rem;
	line-height: 28px; line-height: 2.8rem;
}
	@media only screen and (min-width: 768px) {
		#ContactBlock {
			padding: 15px 0 5px;
			font-size: 16px; font-size: 1.6rem;
			line-height: 28px; line-height: 2.8rem;
		}
		
		#ContactBlock p {
			margin:0 0 10px;
			/*line-height: 50px;*/
		}
	}
	@media only screen and (min-width: 900px) {
		#ContactBlock {
			font-size: 20px; font-size: 2rem;
		}
	}
	@media only screen and (min-width: 1090px) {
		#ContactBlock {
			font-size: 20px; font-size: 2rem;
		}
	}
	
	#ContactBlock a {
		color: #333; 
		text-decoration: none;
	}
	
	@media only screen and (min-width: 768px) {
		#ContactBlock img {
			display: block;
		}
	}

	#ContactBlock i.fa-map-marker {
		font-size: 36px; font-size: 3.6rem;
		color: #865A81;
		vertical-align: middle;
	}
	@media only screen and (min-width: 768px) {	
		#ContactBlock i.fa-map-marker {
			font-size: 28px; font-size: 2.8rem;
		}
	}
	@media only screen and (min-width: 900px) {	
		#ContactBlock i.fa-map-marker {
			font-size: 32px; font-size: 3.2rem;
		}
	}
	@media only screen and (min-width: 1090px) {	
		#ContactBlock i.fa-map-marker {
			font-size: 36px; font-size: 3.6rem;
		}
	}
	
	#ContactBlock i.fa-chevron-right {
		font-size: 18px; font-size: 1.8rem;
	}

	#ContactBlock h4 {
		margin: 0;
	}
		@media only screen and (min-width: 768px) {	
			#ContactBlock h4 {
				margin: 10px 0 0;
				font-size: 18px; font-size: 1.8rem;
			}	
		}
		@media only screen and (min-width: 900px) {	
			#ContactBlock h4 {
				margin: 10px 0 0;
				padding-left: 30px;
			}	
		}
		@media only screen and (min-width: 1090px) {	
			#ContactBlock h4 {
				margin: 10px 0 0;
				font-size: 22px; font-size: 2.2rem;
			}	
		}
	
	#ContactBlock .addthis_horizontal_follow_toolbox, #ContactBlock .addthis_inline_follow_toolbox {
		margin: 0 0 20px;
		display: inline-block;
	}
		@media only screen and (min-width: 768px) {	
			#ContactBlock .addthis_horizontal_follow_toolbox, #ContactBlock .addthis_inline_follow_toolbox {
				margin: 10px 0 0;
				display: inline-block;
			}
		}

@media only screen and (min-width: 768px) {	
	#JoinLink {
		padding-top: 5px;
		display: block;
	}
}
@media only screen and (min-width: 900px) {	
	#JoinLink {
		padding-top: 2px;
		display: block;
	}		
}
@media only screen and (min-width: 1090px) {	
	#JoinLink {
		padding-top: 2px;
		margin-left: 55px;
		display: block;
	}		
}

#AppointmentButton {
	border: 1px solid #f2f2f2;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	display: inline-block;
	padding: 10px 20px;
}
	@media only screen and (min-width: 768px) {	
		#AppointmentButton {
			border-color: #fff;
			display: inline;
		}
		#AppointmentButton:hover {
			border-color: #f2f2f2;
		}
	}
	
#MoreInfo {
	margin-top: 30px;
	padding: 20px; 
	background: #f8f8f8;
	clear: both;
}
	#MoreInfo h4 {
		margin-top: 0;
	}
	
#AdobeLink {
	margin-top: 20px;
	font-size: 14px; font-size: 1.4rem;
	line-height: 18px; line-height: 1.8rem;
}

	#AdobeLink img {
		margin-top: 5px;
	}

.explore_box {
	position: relative;
	margin-bottom: 13px;
}
	@media only screen and (min-width: 768px) {	
		.explore_box {
			margin-bottom: 8px;
		}	
	}
	@media only screen and (min-width: 900px) {	
		.explore_box {
			margin-bottom: 9px;
		}	
	}
	@media only screen and (min-width: 1090px) {	
		.explore_box {
			margin-bottom: 11px;
		}	
	}

	.explore_box img {
		display: block;
	}
	.explore_box a {
		display: block;
		width: 100%;
		height: 100%;
	}
	.explore_box h5 {
		position: absolute;
		bottom: 10px;
		padding: 10px;
		margin-bottom: 0;
		margin-top: 0;
		color: #fff;
		height: 45px;
		font-size: 28px; font-size: 2.0rem;
	}
		@media only screen and (min-width: 640px) {	
			.explore_box h5 {
				font-size: 20px; font-size: 1.8rem;
				bottom: 0;
			}	
		}
		@media only screen and (min-width: 768px) {	
			.explore_box h5 {
				font-size: 18px; 
				bottom: 0;
			}	
		}
		@media only screen and (min-width: 900px) {	
			.explore_box h5 {
				font-size: 18px; 
				bottom: 5px;
			}	
		}
		@media only screen and (min-width: 1090px) {	
			.explore_box h5 {
				font-size: 18px; 
				bottom: -5px;
			}	
		}
	.explore_box h5 span {
		font-size: 12px; 
		line-height: 18px; line-height: 1.8rem;
	}
		@media only screen and (min-width: 640px) {	
			.explore_box h5 span {
				font-size: 12px; 
				line-height: 14px;  
			}
		}
		@media only screen and (min-width: 768px) {	
			.explore_box h5 span {
				font-size: 12px;
				line-height: 14px; 
			}
		}
		@media only screen and (min-width: 900px) {	
			.explore_box h5 span {
				font-size: 16px; font-size: 1.6rem;
				line-height: 22px; 
			}
		}
		@media only screen and (min-width: 1090px) {	
			.explore_box h5 span {
				font-size: 12px; 
				line-height: 22px; 
			}
		}
	
	.explore_box i {
		font-size: 20px; font-size: 1.8rem;
	}
	
	.explore_box span.gradient {
		width: 100%;
		max-width: 480px;
		height: 100%;
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		-moz-transition: all 0.4s ease;  /* FF4+ */
		-o-transition: all 0.4s ease;  /* Opera 10.5+ */
		-webkit-transition: all 0.4s ease;  /* Saf3.2+, Chrome */
		-ms-transition: all 0.4s ease;  /* IE10 */
		transition: all 0.4s ease; 
	}
	
		.explore_box:hover span.gradient {
			background: #1d2088;
		}
		.explore_box.explore_box_small:hover span.gradient {
			background: #666;
		}
		
	.explore_box.explore_box_small h5 {
		bottom: 0;
	}
	
.team-details {
	list-style: none;
	margin: 0 0 10px;
	padding: 0;
	font-size: 14px; font-size: 1.4rem;
}

	.team-details li {
		margin-right: 10px;
	}
		@media only screen and (min-width: 900px) 
		{
			.team-details li {
				margin-bottom: 2px;
			}	
		}
		
.team-member-full {
	text-align: center;
	margin-bottom: 30px;
}
	@media only screen and (min-width: 768px) 
	{
		.team-member-full {
			text-align: left;
		}		
	}
	
	.team-member-full .small, .team-member-grid .small {
		font-size: 14px; line-height: 1.4rem;
		line-height: 20px; line-height: 2rem;
	}
	
	.team-member-full h2, .team-member-grid h3 {
		color: #1d2088;
	}
	
.team-member-grid {
	margin-top: 10px;
	margin-bottom: 30px;
	text-align: center;
}
	.team-member-grid img {
		margin-bottom: 5px;
	}

.documents {
	list-style: none;
	padding: 0;
	border-top: 1px solid #e2e2e2;
}

	.documents li {
		border-bottom: 1px solid #e2e2e2;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
	    -o-transition: all 0.2s ease-in-out;
	    transition: all 0.2s ease-in-out;
	}
	
		.documents li:hover {
			background: #f2f2f2;
		}
	
		.documents li a {
			text-decoration: none;
			color: #666;
			display: block;
			font-size: 16px; font-size: 1.6rem;
			padding: 10px 50px 10px 0;
			background: url(../images/icon-download.png) right center no-repeat;
		}
		
		.documents li i {
			margin: 0 5px 0 15px;
			font-size: 20px; font-size: 2rem;
		}
		
			.documents li i.fa-file-pdf-o {
				color: #900;
			}
			
		.documents li .textright span {
			padding-right: 50px;
			font-size: 12px; font-size: 1.2rem;
		}
		
		.documents li.document {
			padding-left: 10px;
		}

.news_featured {
	position: relative;
	margin-bottom: 20px;
	height: 252px;
	background-size: 102%;
	background-position: center;
	transition: background-size 0.3s ease-in;
	-moz-transition: background-size 0.3s ease-in;
	-ms-transition: background-size 0.3s ease-in;
	-o-transition: background-size 0.3s ease-in;
	-webkit-transition: background-size 0.3s ease-in;
}
		@media only screen and (min-width: 640px) 
		{
			.news_featured {
				height: 120px;
			}
		}
		@media only screen and (min-width: 768px) 
		{
			.news_featured {
				height: 170px;
			}
		}
		@media only screen and (min-width: 900px) 
		{
			.news_featured {
				height: 190px;
			}
		}
		@media only screen and (min-width: 1090px) 
		{
			.news_featured {
				height: 242px;
			}
		}
		
	
	.news_featured a {
		display: block;
		width: 100%;
		height: 100%;
	}

	.news_featured img {
		display: block;
		width: 100%;
	}

	.news_featured h6 {
		position: absolute;
		bottom: 0;
		padding: 10px;
		margin-bottom: 0;
		margin-top: 0;
		color: #fff;
		height: 45px;
	}
		@media only screen and (min-width: 640px) 
		{
			.news_featured h6 {
				height: 100px;
				font-size: 14px; font-size: 1.4rem;
				line-height: 20px; line-height: 2rem;
			}
		}
		@media only screen and (min-width: 768px) 
		{
			.news_featured h6 {
				height: 40px;
				font-size: 14px; font-size: 1.4rem;
				line-height: 20px; line-height: 2rem;
			}
		}
		@media only screen and (min-width: 1090px) 
		{
			.news_featured h6 {
				font-size: 18px; font-size: 1.8rem;
				line-height: 22px; line-height: 2.2rem;
				height: 42px;
			}
		}
	
	.news_featured span {
		width: 100%;
		height: 100%;
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		-moz-transition: all 0.4s ease;  /* FF4+ */
		-o-transition: all 0.4s ease;  /* Opera 10.5+ */
		-webkit-transition: all 0.4s ease;  /* Saf3.2+, Chrome */
		-ms-transition: all 0.4s ease;  /* IE10 */
		transition: all 0.4s ease; 
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iIzA4MDgwOCIgc3RvcC1vcGFjaXR5PSIwLjExIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjcxJSIgc3RvcC1jb2xvcj0iIzBhMGEwYSIgc3RvcC1vcGFjaXR5PSIwLjMxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwZTBlMGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(8,8,8,0.11) 60%, rgba(10,10,10,0.31) 71%, rgba(14,14,14,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(60%,rgba(8,8,8,0.11)), color-stop(71%,rgba(10,10,10,0.31)), color-stop(100%,rgba(14,14,14,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(8,8,8,0.11) 60%,rgba(10,10,10,0.31) 71%,rgba(14,14,14,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(8,8,8,0.11) 60%,rgba(10,10,10,0.31) 71%,rgba(14,14,14,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(8,8,8,0.11) 60%,rgba(10,10,10,0.31) 71%,rgba(14,14,14,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(8,8,8,0.11) 60%,rgba(10,10,10,0.31) 71%,rgba(14,14,14,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-8 */

	}
	
		.news_featured:hover span {
			/* IE9 SVG, needs conditional override of 'filter' to 'none' */
			background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjMxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwZTBlMGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
			background: -moz-linear-gradient(top,  rgba(0,0,0,0.31) 0%, rgba(14,14,14,1) 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.31)), color-stop(100%,rgba(14,14,14,1))); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  rgba(0,0,0,0.31) 0%,rgba(14,14,14,1) 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  rgba(0,0,0,0.31) 0%,rgba(14,14,14,1) 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  rgba(0,0,0,0.31) 0%,rgba(14,14,14,1) 100%); /* IE10+ */
			background: linear-gradient(to bottom,  rgba(0,0,0,0.31) 0%,rgba(14,14,14,1) 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f000000', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-8 */
		}
		
		@media only screen and (min-width: 640px) and (max-width: 767px) 
		{
			.news_featured span {
				background: rgb(0,0,0);
				background: rgba(0,0,0,0.6);
			}
			.news_featured span:hover {
				background: rgb(0,0,0);
			}
		}

#Breadcrumbs {
	border: 1px solid #EDEDED;
	min-height: 35px;
	font-size: 14px; font-size: 1.4rem;
	line-height: 35px; line-height: 3.5rem;
	background: #ffffff; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ffffff 0%, #f2f2f2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#f2f2f2 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-8 */
	margin-bottom: 30px;
	padding-top: 2px;
}

	#Breadcrumbs p {
		margin: 0;
	}
	
#Sidebar {
	text-align: center;
}
	@media only screen and (min-width: 768px) 
	{
		#Sidebar {
			text-align: right;
			padding-right: 20px;
			border-right: 3px solid#3c3fa8;
		}	
	}
	
	#Sidebar h3 {
		margin-bottom: 5px;
	}
	
#TopBtns {
	display: none;
}
 
 
	
#Location .callout {
	border-top: 3px solid #fff;
	background: #f8f8f8;
	margin-bottom: 20px;
}

	#Location .callout .callout-content {
		padding: 10px 30px 30px;
	}
	
	#Location .callout-content h3 {
		margin: 10px 0 10px;
	}

	#Location .callout p {
		margin-bottom: 20px;
	}

	@media only screen and (min-width: 768px) 
	{
		#Location #QuickLinks {
			padding-top: 15px;
		}
	}

#Location iframe {
	width: 100%;
	height: 300px;
	display: block;
}

#LocationMap {
	width: 100%;
	height: 300px;
	display: block;
	margin-bottom: 0;
}

.post-type-archive-locations .callout {
	display: block;
    background: #f2f2f2;
    margin: 0 auto 20px;
}

.post-type-archive-locations .callout-content {
    padding: 10px 15px 0;
}

.post-type-archive-locations .callout h4 {
    margin: 0 0 10px;
}

#clinicmap {
	margin-bottom: 20px;
}

.gm-style .gm-style-iw {
	font-size: 14px; font-size: 1.4rem;
	color: #333;
	font-family: Arial, sans-serif;	
}
	.gm-style .gm-style-iw i {
		min-width: 16px;
		text-align: center;
	}

.location-box {
	margin-bottom: 40px;
}	
	
	.location-box h3 {
		margin: 0 0 10px;
	}
	
	.location-box i {
		min-width: 18px;
		text-align: center;
	}
	
#ListBtn {
	margin: 10px 0 0;
}

#Nearest {
	margin-top: -20px;
	margin-bottom: 0;
	display: none;
}

#NearestResults {
	padding: 20px 20px 0;
	border: 1px solid #e8e8e8;
}
	
	
/* Callouts */
.panel {
	margin-top: 10px;
	margin-bottom: 20px;
	padding: 20px;
	border: 1px solid #e8e8e8;
	background: #fcfcfc;
	font-size: 14px; font-size: 1.4rem;
}	

	.panel h1, .panel h2, .panel h3 {
		margin-top: 0;
	}

.choicebox {
	margin-bottom: 20px;
	border: 1px solid #e8e8e8;
	background: #fcfcfc;
	text-align: center;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
	.choicebox:hover {
		cursor: pointer;
		background: #1d2088;
	}

	.choicebox i.fa {
		font-size: 60px; font-size: 6rem;
		line-height: 70px; line-height: 7rem;
		color: #aaa;
	}
	
	.choicebox a {
		display: block;
		color: #999;
		padding: 20px;
	}
	
		.choicebox:hover a {
			color: #fff;
		}
	
		.choicebox a:hover {
			text-decoration: none;
		}
	
	.choicebox p {
		margin-bottom: 0;
	}
	
	.choicebox p strong {
		font-size: 32px; font-size: 3.2rem;
		line-height: 44px; line-height: 4.4rem;
		font-weight: 400;
		font-family: 'Helvetica Neue', Arial, sans-serif;
		color: #666;
	}
		@media only screen and (min-width: 768px) {
			.choicebox p strong {
				font-size: 20px; font-size: 2rem;
				line-height: 30px; line-height: 3rem;
			}
		}
		@media only screen and (min-width: 900px) {
			.choicebox p strong {
				font-size: 26px; font-size: 2.6rem;
				line-height: 36px; line-height: 3.6rem;
			}
		}
		@media only screen and (min-width: 1090px) {
			.choicebox p strong {
				font-size: 32px; font-size: 3.2rem;
				line-height: 44px; line-height: 4.4rem;
			}
		}
		
		.choicebox:hover p strong, .choicebox:hover i.fa {
			color: #fff;
		}

.productbox {
	border: 1px solid #f2f2f2;
	padding: 10px;
	margin-bottom: 20px;
}
	.productbox img {
		display: block;
	}
	
	.productbox h4 {
		margin-top: 10px;
	}
	
	.one_half .productbox {
		min-height: 220px;
	}
	

/* Cookie Banner */

#CookieBanner {
	display: block;
	padding: 10px 10px;
	background: #333;
	color: #fff;
	font-size: 0.9em;
	text-align: center;
}
	@media only screen and (min-width: 768px) 
	{
		#CookieBanner {
			text-align: left;
		}
	}
	@media only screen and (min-width: 900px) 
	{
		#CookieBanner {
			line-height: 30px; line-height: 3rem;
		}
	}

	#CookieBanner p {
		margin-bottom: 10px;
	}
		@media only screen and (min-width: 768px) 
		{
			#CookieBanner p {
				margin-bottom: 0;
			}
		}
	
	#CookieBanner a.button {
		margin-bottom: 0;
	}
	
	#CookieBanner i:hover {
		cursor: pointer;
	}
	
	@media only screen and (min-width: 768px) 
	{
		#CookieBanner .left {
			max-width: 80%;
		}	
	}
	
#ShareButtons {
	clear: both;
	font-size: 0.8em;
	margin-bottom: 10px;
	padding-top: 10px;
}


.info-bar {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 10px 0;
	margin: 5px 0 0;
}

	.single-jobs .info-bar {
		margin-bottom: 10px;
	}

	.info-bar i.fa {
		font-size: 20px; font-size: 2rem;
		line-height: 30px; line-height: 3rem;
		vertical-align: baseline;
		margin-right: 5px;
	}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 95%;
}

/* News */

.postdate {
	border-top: 1px solid #f2f2f2;
	border-bottom: 1px solid #f2f2f2;
	margin-bottom: 10px;
	font-size: 12px; font-size: 1.2rem;
}

.news-featured {
	margin-bottom: 10px;
}

.wp-caption {
	max-width: 100% !important;
	margin-bottom: 20px;
	w idth: auto !important;
}
	.wp-caption img {
		height: auto !important;
	}
	
	.wp-caption-text {
		margin-bottom: 0;
	}
	
.wp-caption-text {
	font-size: 12px; font-size: 1.2rem;	
	line-height: 18px; line-height: 1.8rem;
	font-style: italic;
}

.newsitem h4 {
	margin-top: 5px;
}

	.newsitem a:hover {
		text-decoration: none;
	}
	
	.newsitem a:hover h4, .newsitem a:hover h1 {
		color: #1d2088;
	}
	
.page_nav { list-style:none; font-size:12px; float: right; margin-bottom: 20px; }
.page_nav li{ display:inline; font-size: 18px; 1.8rem; }
.page_nav li a{ display:block; float:left; padding:6px 10px; margin-right:7px; border:1px solid #efefef; }
.page_nav li span.current { display:block; float:left; padding:6px 10px; margin-right:7px; border:1px solid #efefef; background-color:#f5f5f5;  }	
.page_nav li span.dots { display:block; float:left; padding:6px 10px; margin-right:7px;  }	

/* Tables */

table {
	border-left: 1px solid #ddd;
	border-top: 1px solid #ddd;
	border-collapse:collapse;
	width: 100%;
}

	table.pager {
		width: auto;
		float: right;
	}

	table td, table th {
		padding: 10px;
		border-right: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
	}

	table th {
		text-align: left;
		font-weight: bold;
		background:#3c3fa8;
		color: #fff;
	}
	
	table tr {
		border-bottom: 1px solid #ddd;
	}
	
	
table.plain {
	border-left: none;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
}

	table.plain th {
		border-bottom: 1px solid #999;
	}

	table.plain td, table.plain th {
		border-right: 0;
		background: none;
		color: #666;
		padding: 10px 5px;
	}
	
	table.plain td {
		border-bottom: none;
	}
	
	table.plain tr {
		border-bottom: 1px solid #f2f2f2;
	}
	
	table.plain tr:last-child {
		border-bottom: none;
	}
	
	table.plain tbody {
		border-bottom: 1px solid #999;
	}
	
	
	
table.rowhover tbody tr:hover td {
	background: #F2F5F5;
	cursor: pointer;
}

hr {
  border: 0;
  height: 1px;
  background: #ededed;
  margin: 40px 0;
}


/* Events */

#EventStats {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 10px 0;
}

	#EventStats i.fa {
		font-size: 20px; font-size: 2rem;
		line-height: 30px; line-height: 3rem;
		margin-right: 5px;
		vertical-align: baseline;
	}
	
#EventTable {
	margin-bottom: 10px;
}

	#EventTable thead {
		background: #f8f8f8;
	}

	#EventTable tr {
		font-size: 14px;		
	}

	#EventTable tr i.fa {
		margin: 0 5px 10px;
		font-size: 32px; font-size: 3.2rem;
		line-height: 40px; line-height: 4rem;
		display: block;
	}
		@media only screen and (min-width: 768px) 
		{
			#EventTable tr i.fa {
				margin: 0 5px 0;
				font-size: 18px; font-size: 1.8rem;
				display: inline;
			}
		}
		
		#EventTable td.icons a:hover {
			text-decoration: none;
			color: #999;
		}
	
 .dataTables_paginate, .dataTables_info, .dataTables_length, .dataTables_filter {
	font-size: 14px; font-size: 1.4rem;
	color: #666;
}

	.dataTables_length {
		width: 48%;
		float: left;
		font-size: 12px; font-size: 1.2rem;
	}
	.dataTables_filter {
		width: 48%;
		float: right;
		text-align: right;
	}
	.dataTables_info {
		width: 48%;
		float: left;
		font-size: 12px; font-size: 1.2rem;
	}
	.dataTables_paginate {
		width: 48%;
		float: right;
		text-align: right;
	}

.dataTables_wrapper .dataTables_paginate .paginate_button {
	padding: 5px 6px;
	border: 1px solid #ddd;
	margin: 0 2px;
}
	.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
		cursor: pointer;
		text-decoration: none;
	}
	
	.dataTables_wrapper .dataTables_paginate .paginate_button.current {
		background: #f2f2f2;
		color: #666;
	}
	
	.dataTables_wrapper .dataTables_paginate .paginate_button.previous, .dataTables_wrapper .dataTables_paginate .paginate_button.next {
		border: none;
		color: #666;
	}
	
.dataTables_filter input {
	width: auto;
	margin: 0 0 10px 5px;
}
.dataTables_length label {
	font-weight: normal;
	
}
.dataTables_paginate {
	margin-bottom: 40px;
}
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc {
  cursor: pointer;
  *cursor: hand;
}
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
  background-repeat: no-repeat;
  background-position: center right;
}
table.dataTable thead .sorting {
  background-image: url("/wp-content/themes/blatchford2015/library/datatables/images/sort_both.png");
}
table.dataTable thead .sorting_asc {
  background-image: url("/wp-content/themes/blatchford2015/library/datatables/images/sort_asc.png");
}
table.dataTable thead .sorting_desc {
  background-image: url("/wp-content/themes/blatchford2015/library/datatables/images/sort_desc.png");
}
table.dataTable thead .sorting_asc_disabled {
  background-image: url("/wp-content/themes/blatchford2015/library/datatables/images/sort_asc_disabled.png");
}
table.dataTable thead .sorting_desc_disabled {
  background-image: url("/wp-content/themes/blatchford2015/library/datatables/images/sort_desc_disabled.png");
}

/* MINI SITE STYLES - MOVE ABOUT ON GO LIVE */

#MiniSiteHeader {
	margin-top: 10px;
}

#MiniSiteContent {
	border: 1px solid #e8e8e8;
    border-top: 0;
    margin-bottom: 10px;
    padding-top: 30px;
}

#MiniSiteContent #Breadcrumbs {
	background: none;
	border: 0;
	padding: 0;
	margin: 0 0 10px;
	font-size: 12px;font-size: 1.2rem;
	border-bottom: 1px solid #f2f2f2;
}
#MiniSiteContent h2 {
	margin-top: 10px;
}

#MiniSiteContent #Sidebar li.current_page_item a, #MiniSiteContent #Sidebar li a:hover {
	color: #888;
}
#MiniSiteContent #Sidebar {
	border-color: #ccc;
}
#MiniSiteContent .choicebox:hover {
	background: #666;
}
.ms-hidden {
	display: none;
}

.ms-featured {
	display: block;
}

.ms-tab-menu {
	list-style-type: none;
    margin: 0 0 0;
    padding: 0;
    overflow: hidden;
    background-color: #787878;
}
	@media only screen and (min-width: 768px) 
	{
		.ms-tab-menu {
			font-size: 1.3rem; font-size: 13px;	
			background-color: #787878;
		}		
	}
	@media only screen and (min-width: 900px) 
	{
		.ms-tab-menu {
			font-size: 1.4rem; font-size: 14px;	
		}		
	}
	@media only screen and (min-width: 1090px) 
	{
		.ms-tab-menu {
			font-size: 1.5rem; font-size: 15px;	
		}		
	}
		
	.ms-tab-menu li {
		width: 100%;
		text-align: center;
		border-bottom: 1px solid #ccc;
	}
		@media only screen and (min-width: 768px) 
		{
			.ms-tab-menu li {
				text-align: left;
				float: left;
				border-left: 1px solid #999;
				width: auto;
				border-bottom: 0;
			}		
		}
		.ms-tab-menu li:first-child {
			border-left: 1px solid #787878;
		}
	
			.ms-tab-menu li:first-child.current_page_item, .ms-tab-menu li:first-child:hover {
				border-left: 1px solid #e8e8e8;
			}
			
		.ms-tab-menu li a {
			display: inline-block;
		    text-align: center;
		    text-decoration: none;
			padding: 6px 0;
			width: 100%;
			color: #fff;
			font-weight: bold;
		}
			@media only screen and (min-width: 768px) 
			{
				.ms-tab-menu li a { 
					padding: 10px 10px;
					width: inherit;
					color: #fff;
				}		
			}
			@media only screen and (min-width: 900px) 
			{
				.ms-tab-menu li a { 
					padding: 10px 15px;
				}		
			}
		
			.ms-tab-menu li a:hover {
				background: #f2f2f2;
				color: #666;
			}
		
			.ms-tab-menu li.current_page_item a {
				background: #fff;
				color: #666;
			}
				@media only screen and (min-width: 768px) 
				{
					.ms-tab-menu li.current_page_item a {
						
					}
				}
			
			
			
#HeroParagraph {
	font-size: 20px;font-size: 2rem;
	line-height: 26px;line-height: 2.6rem;
	margin-top: 10px;
}

	#HeroParagraph h2 {
		margin-top: 0;
	}
	
#PCMap {
	margin-bottom: 30px;
}

.rls-related {
	text-align: center;
	margin-bottom: 20px;
}
	@media only screen and (min-width: 768px) 
	{
		.rls-related {
			text-align: left;
			margin-bottom: 0;
		}
	}
.rls-related img {
	display: block;
	margin-bottom: 10px;
}
.rls-related a:hover {
	text-decoration: none;
}
.rls-related a:hover h4 {
	color: #1d2088;
}
.rls-related a:hover img {
	opacity: 0.8;
}
.rls-related h4 {
	color: #666666;
}
.rls-related p {
	font-size: 14px; font-size: 1.4rem;
	line-height: 20px; line-height: 2rem;
}
.shade{position: fixed;left: 0;top: 0;z-index:11111;display:none;width: 100%;height: 100%;background: url("/testimg/bkg6.png") repeat;}
.video-play{position: fixed;top: 10%;left: 50%;margin-left: -360px;z-index:11111;display:none;width: 720px;background-color: #fff;}
#mediaplayer_logo{display: none;}
@media screen and (max-width: 760px){ body{ padding:0px; margin:0;overflow:hidden;}
section{ width:96%; margin:auto;}
h2{ font-size:16px!important; margin:0; padding:0;}
.content h2{ font-size:18px;font-weight:bold; width:100%; line-height: inherit; height:inherit;  }
.home-hero{ font-size:14px; line-height:26px;}
.newsitem h4{ font-size:14px; margin:8px 0; line-height:26px;}
.position{ float:left; height:1rem;  float:left; line-height:1rem; font-size:12px;}
#Copyright{ line-height:2rem;}
 #Copyright p{margin:0; text-align:center;}
 .footer_content{padding:0px 5px; display:none;}
 .subheading{ font-size:14px; line-height:22px; margin-bottom:0}
   footer{ padding-bottom:1rem;}
  footer ul{margin:0;}
 footer ul li{margin:0px; line-height:1.8rem; height:1.8rem; overflow:hidden;}
  footer ul li a{ font-size:12px;}
  .one_quarter{ width:33.33%; float:left;}
   .tablet_one_half{ width:48%; float:left; margin:0 1%;}
   .explore_box h5{ font-size:14px;bottom:0px;height: 30px;}
   .explore_box{ margin-bottom:7px;}
   .explore_box h5 span{ line-height:20px; display:none;}
  #Search{ display:none;}
  	#TopBtns {
			display: block;
			position: absolute;
			top: 20px;
			right: 20px;z-index: 99999;
			-webkit-transition: all 0.5s ease-in-out;
			-moz-transition: all 0.5s ease-in-out;
		    -o-transition: all 0.5s ease-in-out;
		    transition: all 0.5s ease-in-out;
		}
		#TopBtns i{ background:#000;}
		 #TopBtns i {
margin:6px 0;
display: block;
width: 23px;
height: 2px;
background-color: #1d2088;
border-left: 1px solid #1d2088;
border-right: 1px solid #1d2088;
}
#TopBtns:before {
content: '';
display: block;
width: 23px;
height: 2px;
background-color: #1d2088;
border-left: 1px solid #1d2088;
border-right: 1px solid #1d2088;
}
#TopBtns:after {
content: '';
display: block;
width: 23px;
height: 2px;
background-color: #1d2088;
border-left: 1px solid #1d2088;
border-right: 1px solid #1d2088;
}
.one_fifth img{width:30%; height:auto; float:left; margin-top:0px; margin-left:10px;}
.head-menu { position:absolute; margin-top:60px;
width: 100%;
background-color: #fff; height:auto; z-index:9;  

}
.head-menu ul{ list-style:none; padding:0; margin:auto; width:96%; min-height:350px;} 
.head-menu ul li{ border-bottom:1px dotted #ddd; } 
.head-menu ul li a{ display:block; width:100%; line-height:42px; height:42px; color:#333;}
.head-menu ul li a:hover{ text-decoration:none;}
header nav ul li.has_submenu ul.submenu{width:100%; display:none; min-height:auto; font-size:14px; color:#666; background:#f9f9f9; padding:0; margin:0;}
.content{ width:96%; margin:0 auto; border:none!important;}
.news{ padding:10px 0; margin-bottom:10px;}
.news img{ width:30%; height:auto; margin-right:1rem;}
.news h3{font-size:14px; width:66%; line-height:26px;}
.news p{ float:right; font-size:12px; width:66%; line-height:20px; display:none;}
.aptitu-ul{ padding:0; margin:0;}
.aptitu-li{ width:50%; padding:0; margin:0;}
.team{ width:auto; padding:1rem;}
.team img{ margin-right:10px; width:30%; height:auto;}
.team h3{ width: 66%!important; font-size:16px!important; line-height:30px!important;}
.team p{ width:100%!important; font-size:12px; line-height:20px;}
.join-list{ padding:1rem 0;}
.join-list .join-w {
  border-bottom: 1px solid #ddd;
}
.join-list .join-head li{ width:80%;}
.join-body p{ margin:0; padding:0;}
.message .txt{ padding:0; width:100%;}
.message span{ width:auto;}
.message .col-lg-6{ margin-bottom:1rem;}
.message .tt1{ height:auto; line-height:auto; margin:0;}
.message select{ width:100%;}
.message textarea{ width:99%; padding:10px 0;}
.message .btn input{ width:118px;}
.message .inputs{ width:100%; margin-top:0rem;}
.network{ width:92%; margin:0 0 1rem 0; padding:1rem;}
.network p{ font-size:12px; margin:0;}
.download{ width:92%; margin:1rem 0; padding:1rem;}
.download p{ width:auto; margin:0;}
.product{ width:92%; margin:1rem 0; padding:1rem;}
 .product img{ margin-right:10px; width:120px;}
 .product h3{ font-size:14px; line-height:28px; width:54%;}
 .product p{ width:54%; line-height:22px; font-size:12px; margin:0;}
.page, .qa-page, .masterl-page{ padding:0;}
.page a, .qa-page a, .masterl-page a{padding:0 5px; height:30px; line-height:30px; margin-bottom:5px;}
.videoItem{ width:43%; margin:0 10px;}
.videoItem h3{ margin:0; line-height:30px; font-size:16px;}
.videoItem a.on{ width:100%; height:120px;}
.icon{ top:14%; right:32%;}
.video-play{left: 0;margin-left: 0; width:100%; top:30%;}
.contact{ width:100%; padding:1rem 0; float:none;}
.contact iframe{ width:100%!important; height:260px!important;}
.contact h3{ font-size:16px;}
.contact p{ font-size:14px;}
.proconent img{ width:100%; height:auto;}
.proconent p{ width:100%; padding:0; line-height:26px; font-size:14px;}
.content h4{ font-size:18px; margin:0;}
#tags{ width:100%; margin:0;}
#tags LI A{ width:100px;}
#tags LI.selectTag{border-right:1px solid #ddd;}
.tagContent{ font-size:14px;}
.recommed{ width:50%; font-size:12px; padding-bottom:0;}
#Featured {
			display: block;
			margin-bottom: 0px;
		}
		#Featured img {
			display: block;
		}	
}