/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}

/******************************* Global properties ***************************/
html {width:100%;}

body {
	font:15px/20px Arial, Helvetica, sans-serif;
	color:#7a9fb8;
	min-width:320px;
	background:url(../images/body-tail.gif) center top repeat-x #fff;
}

.light{background:url(../images/light.png) center top no-repeat;}

.main {
	width:100%;
	max-width:1200px;
	padding:0;
	margin:0 auto;
	position:relative;
}

/*********************************header*************************************/
header {
	width:100%;
	position:relative; 
	z-index:999;
	padding:18px 0 0;
}

h1{
	position:absolute;
	top:20px;
	left:20px;
	z-index:999;
}
h1 a {
	display:block;
	width:220px;
	height:76px;
	overflow:hidden;
	background:url(../images/logo-bg.png) 0 0 no-repeat;
	font:400 32px/39px 'Open Sans', sans-serif;
	color:#fff;
	text-align:center;
	text-transform:uppercase;
	padding-top:90px;
}
	h1 a span{display:block; font-size:16px; line-height:18px;}
	h1 a:hover{text-decoration:none;}

header .contacts{
	font:17px/23px Arial, Helvetica, sans-serif;
	color:#0675bf;
	text-align:right;
	margin-bottom:20px;
}
	header .contacts span{
		display:block;
		font-size:25px;
		line-height:25px;
		color:#3fb7fd;
	}

/************ menu ************/
.navigation{
	border-bottom:1px solid #cee8f7;
	background:url(../images/navigation-tail.gif) center top repeat-x #ecf3f8;
	border-radius:4px 4px 0px 0px;
	-moz-border-radius:4px 4px 0px 0px;
	-webkit-border-radius:4px 4px 0px 0px;
}

nav {
	position:relative;
	z-index:999;
	float:right;
	padding-right:20px;
}
	.menu >li {
		float:left; 
		position:relative;
		font:14px/17px Arial, Helvetica, sans-serif;
		margin-left:10px;
	}
	.menu > li > a {
		display:block;
		color:#0673bc; 
		text-decoration:none;
		cursor:pointer;
		height:56px;
		overflow:hidden;
		padding-left:4px;
		margin:-8px 0 -1px;
		background:url(../images/manu-left.png) left -999em no-repeat;
	}
		.menu > li > a .right{display:block; padding-right:4px; background:url(../images/manu-right.png) right -999em no-repeat;}
		.menu > li > a .tail{display:block; padding:23px 5px 17px; background:url(../images/manu-tail.gif) left -999em repeat-x;}
	.menu li a.active,
	.menu > li > a:hover,
	.menu > li.sfHover > a{
		color:#fff; 
		text-decoration:none;
		background-position:left top;
	}
		.menu li a.active .right, .menu > li > a:hover .right, .menu > li.sfHover > a .right{background-position:right top;}
		.menu li a.active .tail, .menu > li > a:hover .tail, .menu > li.sfHover > a .tail{background-position:center top;}

	/**submenu**/
	.menu ul {
		position:absolute;
		background:#055da8;
		padding:15px 11px 18px;
		top:-999em;
		width:187px;
		border-radius:0px 0px 3px 3px;
		-moz-border-radius:0px 0px 3px 3px;
		-webkit-border-radius:0px 0px 3px 3px;
	}
		.menu ul li {
			width:100%;
			position:relative;
			font:12px/15px Arial, Helvetica, sans-serif;
			margin-bottom:7px;
		}
		.menu li:hover {visibility: inherit;}
			.menu li li a {
				color:#fff;
				text-decoration:none;
				white-space:nowrap;
			}
				.menu li li > a:hover, 
				.menu li li.sfHover > a,
				.menu li li li a:hover {
					color:#3fb7fd;
					text-decoration:none;
				}
				.menu li:hover ul, .menu li.sfHover ul {
					left:0px;
					top:47px;
					z-index:999;
				}
			/*subsubmenu*/
			.menu ul ul{
				width:140px;
				border-radius:3px;
				-moz-border-radius:3px;
				-webkit-border-radius:3px;
			}
				ul.menu li:hover li ul, ul.menu li.sfHover li ul {top:-999em;}
				ul.menu li li:hover ul, ul.menu li li.sfHover ul {
					left:198px;
					top:-15px;
					z-index:9999;
				}
				ul.menu li li:hover li ul, ul.menu li li.sfHover li ul {top:-999em;}

/*--------- slider ---------*/
#slide {
	width:100%;
	max-width:1200px;
	height:650px;
	position:relative;
	overflow:hidden;
	z-index:2
}

.slider {
	width:100%;
	max-width:1200px;
	position:relative;
	z-index:2
}
.slider img{border-radius:0;}
.items {display:none;}

.pagination {
	position:absolute;
	top:613px;
	right:13px;
	z-index:60;
}
	.pagination li {
		float:left;
		font-size:0;
		line-height:0;
		margin-right:6px;
	}
		.pagination a {
			display:block;
			width:15px;
			height:16px;
			background:url(../images/pagination.png) -21px 0 no-repeat;
			text-decoration:none;
		}
			.pagination li.current a, .pagination li a:hover {background-position:0 0;}

.progbar {
	background:#cee8f7;
	width:100%;
	height:2px;
	position:absolute;
	bottom:0px;
	left:0px;
	z-index:999;
}

/*****************************************content**********************************************/
#content {
	width:100%; 
	position:relative;
	z-index:1;
	background:#fff;
	padding:78px 0 29px;
}
	#page1 #content {padding:30px 0 29px;}

a {
	color:#7a9fb8;
	outline:none;
	text-decoration:none;
}
	a:hover {text-decoration:underline;}
.button{
	display:inline-block;
	font:12px/15px Arial, Helvetica, sans-serif;
	color:#0675bf;
	background:url(../images/button-tail.gif) center top repeat-x #ecf3f8;
	padding:5px 11px;
	border:1px solid #cee8f7;
	cursor:pointer;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
	.button:hover{
		background-position:center -53px;
		background-color:#0672bc;
		border-color:#0678c2;
		color:#fff;
		text-decoration:none;
	}

p, .p3-1{margin-bottom:18px;}
.p0{margin-bottom:0 !important;}
.p1{margin-bottom:5px;}		.p1-1{margin-bottom:8px;}
.p2{margin-bottom:10px;}	.p2-1{margin-bottom:13px;}
.p3{margin-bottom:15px;}
.p4{margin-bottom:20px;}	.p4-1{margin-bottom:23px;}
.p5{margin-bottom:25px;}	.p5-1{margin-bottom:27px;}
.p6{margin-bottom:30px;}	.p6-1{margin-bottom:32px;}
.p7{margin-bottom:35px;}	.p7-1{margin-bottom:37px;}

h3{
	font:normal 24px/29px Arial, Helvetica, sans-serif;
	color:#0675bf;
	border-bottom:1px solid #d8eefb;
	padding-bottom:8px;
}
	h3.title1{
		background:url(../images/title1-tail.gif) center top repeat-x #ecf3f8;
		border-bottom:1px solid #cee8f7;
		padding:10px 16px 8px;
		border-radius:3px 3px 0 0;
		-moz-border-radius:3px 3px 0 0;
		-webkit-border-radius:3px 3px 0 0;
	}
h6{font:normal 25px/23px Arial, Helvetica, sans-serif; color:#3fb7fd;}
	h6 a{color:#3fb7fd;}
		h6 a:hover{text-decoration:none; color:#0675bf;}

img, iframe{
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
.img-indent {float:left; margin-right:20px; padding-top:5px;}
.img-indent-x {float:left; margin-right:20px;}
.img-indent4-1 {float:left; margin-right:23px;}
.img-wrapper{margin-bottom:4px; overflow:hidden;}
	.img-wrapper a{display:block; float:left;}
	.img-wrapper a:first-child{margin-right:4px;}

blockquote{
	width:100%;
	background:url(../images/blockquote-light.jpg) 0 0 no-repeat #edf7fd;
	font:12px/20px Arial, Helvetica, sans-serif;
	color:#7a9fb8;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
	.quote-content{background:url(../images/blockquote-bg.png) 21px 96px no-repeat; padding:14px 19px 21px;}
	blockquote h3{border-bottom:none; padding-bottom:0;}
	.quote-caption a{font-weight:bold; color:#0675bf;}
		.quote-caption a:hover{text-decoration:none; color:#3fb7fd;}

time.date1{
	display:block;
	font:12px/15px Arial, Helvetica, sans-serif;
	color:#7a9fb8;
}

.wrapper {width:100%; overflow:hidden;position:relative;}
.extra-wrap {overflow:hidden;}

#content .container_12 > .wrapper > .grid_6.indent-top2 {
	width: calc(100% - 20px);
}

.fleft{float:left;}
.fright{float:right;}

/***************columns****************/
.col-2-1{float:left; width:190px; margin-right:19px;}

/***************boxes****************/
.banner1{
	background:url(../images/banner1.jpg) center top no-repeat;
	font:24px/29px Arial, Helvetica, sans-serif;
	color:#fff;
	padding-top:136px;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
	.banner1 .banner-caption{
		padding:14px 10px 17px 18px;
		background:url(../images/banner1-caption.jpg) 0 0 no-repeat #0678c1;
		border-radius:0px 0px 4px 4px;
		-moz-border-radius:0px 0px 4px 4px;
		-webkit-border-radius:0px 0px 4px 4px;
	}
	.banner1 span{
		display:block;
		font-size:14px;
		line-height:17px;
		text-transform:uppercase;
		margin-top:-3px;
	}

.box1{
	background:url(../images/box1-bg.jpg) 0 0 no-repeat #e4f3fb;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
	.box1 .indents{padding:15px 20px 21px;}
	.box1 h3{border-bottom:none; padding-bottom:0;}

.box2{
	background:url(../images/box2-bg.jpg) 0 0 no-repeat #066eb8;
	font:12px/18px Arial, Helvetica, sans-serif;
	color:#fff;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
	.box2 .indents{padding:15px 19px 17px;}
	.box2 h3{border-bottom:none; padding-bottom:0; color:#fff;}
	.box2 a{color:#70ebfd; text-decoration:underline;}
		.box2 a:hover{text-decoration:none;}

.box3{
	float:left;
	width:300px;
	margin-right:8px;
	background:url(../images/box1-bg.jpg) 0 0 no-repeat #e4f3fb;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
	.box3 .indents{padding:17px 19px 21px;}
	.box3 h3{border-bottom:none; padding-bottom:0;}

#flash{background:#066eb8;}

/****************lists***************/
.last-item{margin-right:0 !important; margin-bottom:0 !important;}
.list-1 li{
	font:12px/15px Arial, Helvetica, sans-serif;
	color:#0675bf;
	border-bottom:1px solid #d8eefb;
	padding: 0 0 9px 20px;
	margin-bottom:8px;
}
	.list-1 li.last-item{border-bottom:none; padding-bottom:0;}
	.list-1 a{color:#0675bf;}
		.list-1 a:hover{text-decoration:none; color:#3fb7fd;}

.list-2 li{
	font:12px/15px Arial, Helvetica, sans-serif;
	color:#3fb7fd;
	border-bottom:1px solid #bee2f7;
	padding-bottom:3px;
	margin-bottom:4px;
}
	.list-2 li.last-item{border-bottom:none; padding-bottom:0;}
	.list-2 span{
		display:inline-block;
		width:77px;
		font-weight:bold;
		color:#0675bf;
	}

.list-3 li{
	font:12px/15px Arial, Helvetica, sans-serif;
	color:#7a9fb8;
	padding-left:16px;
	margin-bottom:16px;
	background:url(../images/marker-3.png) 0px 5px no-repeat;
}
	.list-3 a{color:#7a9fb8;}
		.list-3 a:hover{text-decoration:none; color:#0897cf;}

/**************indents**************/
.indent-top2{padding-top:10px;}
.indent-top3{padding-top:15px;}
.indent-right5{padding-right:25px;}
.indent-right6{padding-right:30px;}
.indent-left6{padding-left:30px;}
.indent-bottom5{padding-bottom:25px;}
.indent-bottom6-1{padding-bottom:32px;}
.indent-bottom7-1{padding-bottom:37px;}
.indent-bottom8-1{padding-bottom:42px;}
.indent-bottom9{padding-bottom:45px;}

.indent-bottom5 table {
    border-color: #600;
    border-width: 0 0 1px 1px;
    border-style: solid;
}
.indent-bottom5 td {
    border-color: #600;
    border-width: 1px 1px 0 0;
    border-style: solid;
    margin: 0;
    padding: 4px;
    background-color: #FFF;
	vertical-align:middle;
}

.indent-bottom5 ul {
list-style-type: circle;
}
.indent-bottom5 li {
margin-left: 30px;
}
.indent-bottom5 h2 {
text-align: center;
}
/********Pretty photo**********/
.lightbox-image {
	cursor: pointer;
	display: inline-block;
	overflow: hidden;
	position: relative;
	z-index: 1;
}
	.lightbox-image img {
		position: relative;
		z-index: 1;
	}
	.lightbox-image span {
		background: url("../images/magnify.png") no-repeat scroll 50% 50% transparent;
		display: inline-block;
		height: 100%;
		left: 0;
		padding: 0;
		position: absolute;
		top: -100%;
		width: 100%;
		z-index: 2;
	}

/***** contact form *****/
#contact-form {
	position:relative;
	vertical-align:top;
	width:100%;
	z-index:1;
}
	#contact-form fieldset {border:none;padding:0;}
		#contact-form label {display:block;min-height:40px; position:relative;}
			#contact-form .message{min-height:246px;}
			#contact-form input, #contact-form textarea {
				padding:8px 12px 7px;
				margin:0;
				font:12px Arial, Helvetica, sans-serif;
				color:#7a9fb8;
				background:#fff;
				outline:none;
				border:1px solid #cee8f7;
				width:274px;
				border-radius:2px;
				-moz-border-radius:2px;
				-webkit-border-radius:2px;
			}
			#contact-form .area .error {float:none;}
			#contact-form textarea {
				width:514px;
				height:222px;
				overflow:auto;
				resize:none;
			}
			#contact-form .success {display:none; margin-bottom:20px;}
			#contact-form .error,
			#contact-form .empty {
				color:#f00;
				font-size:11px;
				line-height:1.27em;
				display:none;
				overflow:hidden;
			}
.buttons-wrapper{text-align:right; position:relative;}
/***aboutus***/
ul.pointed {list-style-type:circle;}
/*{
    list-style-type: square;
    color: green;
}*/
/*****map*****/
dt{
	font:normal 17px/23px Arial, Helvetica, sans-serif;
	color:#3fb7fd;
	margin-bottom:8px;
}
dl span {float:left; width:82px;}

/****************************footer************************/
footer{
	width:100%;
	background:#fff;
	padding-bottom:50px;
}
	footer .border-top{border-top:1px solid #d8eefb;}
	footer .indent-top{padding-top:27px;}
	.footer-menu{float:left; overflow:hidden;}
		.footer-menu li{float:left; font:14px/17px Arial, Helvetica, sans-serif; margin-right:28px;}
			.footer-menu a{color:#0673bc;}
				.footer-menu a:hover, .footer-menu a.active{text-decoration:none; color:#3fb7fd;}
	.footer-text{
		float:right;
		text-align:right;
		font:12px/15px Arial, Helvetica, sans-serif;
		color:#509ed2;
		padding-top:2px;
		padding-right:3px;
	}
	.footer-text span{display:inline-block; margin-right:18px;}
	.footer-text a{color:#509ed2; text-decoration:none;}
		.footer-text a:hover{text-decoration:underline;}

@media (max-width: 1240px) {
	.main,
	#slide,
	.slider {
		width: 100%;
		max-width: 1200px;
	}

	.container_12 {
		width: 100%;
		max-width: 1200px;
		box-sizing: border-box;
		padding-left: 12px;
		padding-right: 12px;
	}

	nav {
		padding-right: 12px;
	}

	header .contacts {
		padding-right: 12px;
	}
}

@media (max-width: 980px) {
	h1 {
		left: 0;
		margin: 0 auto 12px;
		position: relative;
		top: 0;
		text-align: center;
	}

	h1 a {
		margin: 0 auto;
	}

	header .contacts {
		margin-bottom: 10px;
		padding-right: 0;
		text-align: center;
	}

	nav {
		float: none;
		padding: 0 10px 10px;
	}

	.menu > li {
		float: none;
		margin: 0 0 4px;
	}

	.menu > li > a {
		height: auto;
		margin: 0;
	}

	.menu > li > a .tail {
		padding: 12px 10px;
	}

		.services-menu-item > a {
			margin-top: 0;
			box-shadow: none;
			border-radius: 4px;
		}

		.services-menu-item > a .right {
			border-radius: 4px;
		}

		.services-menu-item > a .tail {
			padding: 12px 10px;
		}

	#content {
		padding: 18px 0 22px;
	}

	#slide,
	.slider {
		height: auto;
	}

	.slider img {
		display: block;
		height: auto;
		max-width: 100%;
	}

	[class^="grid_"],
	[class*=" grid_"] {
		box-sizing: border-box;
		float: none;
		margin-left: 0;
		margin-right: 0;
		width: 100% !important;
	}

	.col-2-1,
	.box3 {
		float: none;
		margin-right: 0;
		width: 100%;
	}

	.indent-right5,
	.indent-right6,
	.indent-left6 {
		padding-left: 0;
		padding-right: 0;
	}

	footer .footer-menu,
	footer .footer-text {
		float: none;
		text-align: center;
	}

	footer .footer-menu {
		display: inline-block;
		margin: 0 auto 10px;
	}

	footer .footer-menu li {
		margin-right: 16px;
	}
}

.right-sidebar-panel {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 14px;
	align-items: stretch;
	margin: 0 0 24px;
	padding: 18px 18px 14px;
	background: linear-gradient(180deg, #f8fcff 0%, #eef6fd 100%);
	border: 1px solid #c9dceb;
	border-radius: 8px;
	box-shadow: 0 2px 8px rgba(16, 77, 118, 0.08);
}

.right-sidebar-panel .right-sidebar-card {
	background: #fff;
	border: 1px solid #d7e6f1;
	border-radius: 8px;
	box-sizing: border-box;
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.03);
	color: #4e6f86;
	margin: 0;
	min-height: 160px;
	padding: 14px 16px;
	min-width: 0;
}

.right-sidebar-panel .right-sidebar-card--hero {
	background: linear-gradient(135deg, #096eb7 0%, #2aa3eb 100%);
	border-color: transparent;
	color: #fff;
}

.right-sidebar-panel .right-sidebar-card--accent {
	background: linear-gradient(180deg, #ffffff 0%, #f5faff 100%);
}

.right-sidebar-panel .right-sidebar-card--contact {
	background: linear-gradient(180deg, #ffffff 0%, #f2f8fd 100%);
}

.right-sidebar-panel .right-sidebar-card--ad {
	margin-top: 0;
	min-height: 0;
	padding: 0;
	grid-column: 1 / -1;
	background: transparent;
	border: 0;
	box-shadow: none;
}

.right-sidebar-card__eyebrow {
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 1px;
	margin-bottom: 10px;
	text-transform: uppercase;
	opacity: 0.85;
}

.right-sidebar-card__title {
	font: 700 25px/1.15 'Open Sans', Arial, sans-serif;
	margin-bottom: 6px;
}

.right-sidebar-card__subtitle {
	font-size: 14px;
	line-height: 1.45;
	opacity: 0.9;
}

.right-sidebar-panel h3 {
	border-bottom: 0;
	color: #066eb8;
	font-size: 18px;
	line-height: 1.25;
	margin: 0 0 12px;
	padding: 0;
}

.right-sidebar-panel .right-sidebar-card--hero h3,
.right-sidebar-panel .right-sidebar-card--hero p,
.right-sidebar-panel .right-sidebar-card--hero a {
	color: #fff;
}

.right-sidebar-hours {
	list-style: none;
	margin: 0;
	padding: 0;
}

.right-sidebar-hours li {
	border-top: 1px solid #e4edf5;
	font-size: 13px;
	line-height: 1.45;
	margin: 0;
	padding: 7px 0;
}

.right-sidebar-hours li:first-child {
	border-top: 0;
	padding-top: 0;
}

.right-sidebar-hours span {
	color: #1e557d;
	font-weight: bold;
	display: inline-block;
	min-width: 98px;
}

.right-sidebar-link {
	background: linear-gradient(135deg, #0a77c7 0%, #2aa3eb 100%);
	border-radius: 999px;
	color: #fff;
	display: inline-block;
	font-size: 13px;
	font-weight: bold;
	margin-top: 8px;
	padding: 8px 14px;
	text-decoration: none;
	box-shadow: 0 8px 18px rgba(6, 115, 188, 0.18);
}

.right-sidebar-link:hover {
	color: #fff;
	text-decoration: none;
}

.right-sidebar-card--contact p,
.right-sidebar-card--accent p {
	font-size: 13px;
	line-height: 1.55;
	margin: 0;
}

@media (max-width: 1240px) {
	.right-sidebar-panel {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.right-sidebar-panel .right-sidebar-card {
		min-height: 0;
	}

	.right-sidebar-panel .right-sidebar-card--ad {
		grid-column: 1 / -1;
	}
}

@media (max-width: 980px) {
	.right-sidebar-panel {
		padding: 14px;
		gap: 12px;
		grid-template-columns: 1fr;
	}

	.right-sidebar-panel .right-sidebar-card {
		min-height: 0;
	}

	.right-sidebar-panel .right-sidebar-card--ad {
		margin-top: 0;
	}

	.right-sidebar-card__title {
		font-size: 22px;
	}
}

.manager-profile {
	background: linear-gradient(180deg, #f9fcff 0%, #eef6fd 100%);
	border: 1px solid #c9dceb;
	border-radius: 8px;
	padding: 18px;
	overflow: hidden;
}

.manager-profile-photo {
	float: none;
	width: 100%;
	max-width: none;
	margin: 0 0 16px 0;
	border: 1px solid #d7e6f1;
	border-radius: 8px;
	overflow: hidden;
	background: #fff;
}

.manager-profile-photo img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 0;
}

.manager-profile-intro h3 {
	margin-bottom: 12px;
}

.manager-profile-intro p {
	color: #4e6f86;
	margin-bottom: 12px;
}

.manager-sections {
	clear: both;
	padding-top: 8px;
}

.manager-section-box {
	background: #fff;
	border: 1px solid #d7e6f1;
	border-radius: 8px;
	padding: 14px 16px;
	margin-bottom: 12px;
}

.manager-section-box h6 {
	margin-bottom: 8px;
}

.manager-section-box p {
	margin-bottom: 0;
	color: #4e6f86;
}

@media (max-width: 980px) {
	.manager-profile {
		padding: 14px;
	}

	.manager-profile-photo {
		float: none;
		width: 100%;
		max-width: none;
		margin-right: 0;
	}
}