html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {	border-collapse: collapse;	border-spacing: 0;}

input[type="submit"], textarea, button {-webkit-appearance: none;}

* {	margin: 0;	padding:0;  	outline:none;}

html {height:100%; background:#fff;}
body {
	height:100%;
	min-width:960px;
	font-family:tahoma, arial, verdana, sans-serif;
	font-size: 13px;
	line-height:17px;
	color:#000;
	-webkit-text-size-adjust:100%;
	background:url(/images/index/bg/sky_bg.jpg) repeat-x top;
}

a {	outline:none; text-decoration:underline; color:#336699;  }
a:hover {color:#f33e3a;}
a img {border:none;}
img {max-width:100%;}

h1 { font-size:27px; line-height:33px; font-weight: 100; color:#317447; font-family:georgia,serif; border-left:4px solid #4f9ac6;margin: -6px 0 2px -2.4%;padding: 0 0 12px 1.76%;}
h2 { font-size:24px; line-height:28px; font-weight: 100; color:#317447; margin-bottom: 12px; font-family:georgia,serif;text-align:center;}
h2:before,h2:after {background: #4f9ac6;content: " ";display: inline-block;height: 1px;vertical-align: middle;width: 41px;margin:0 19px 1px;}
h3 { font-size:18px; line-height:25px; font-weight: 100; color:#fff; margin-bottom: 15px;background:#4f9ac6;border-bottom:1px solid #3b7394;position:relative; padding:4px 5px 6px 18px;}
h3:after {content:'';position:absolute; right:0;left:0; height:10px; bottom:-10px;background:url(/images/index/bg/shade.png) no-repeat right;}
h3 a {color:#fff;}
h3 a:hover {color:#fff;text-decoration:none;}
h4 { font-size:17px; line-height:20px; font-weight: 100; margin-bottom: 10px;}

.f-left {float: left;}
.f-right {float: right;}
.clear {clear:both; position:relative; height:1px; overflow:hidden;}
.alignleft {}
img.alignleft {float:left; margin:4px 23px 5px 0px; }
.alignright {text-align:right;}
img.alignright {float:right; margin:4px 0px 5px 23px;}
.aligncenter {text-align:center;}

#container {position: relative; margin: 0 auto;overflow:hidden; min-width:960px; min-height:100%;background:url(/images/index/bg/sky.jpg) no-repeat 0 0;}

.cont-in {position:relative; margin: 0 auto; min-width: 932px; max-width: 1320px; padding:0 1.43%;}	
.cont-in:after {content:'';display:block; clear:both;}

/*--------------header---------------------*/
#header { position:relative; z-index:1; margin: 0 auto 0px; padding:27px 0 15px 0; height:300px;background:url(/images/index/bg/work.png) no-repeat right 13px;}
.logo { background:url(/images/index/bg/logo.png) no-repeat 0 0px; display:block; width:221px; height:36px;margin: 0px 0 6px 46px;text-decoration:none;padding-top:35px;color: #999;font-size:15px;line-height: 13px;}
.logo:hover {color: #999;}

.head-top {height: 204px;margin-bottom: 27px;}
.h-phone, .h-mail {color: #317447; font-size:24px; line-height:43px; overflow:hidden;text-decoration:none;letter-spacing: 0.2px;}
.h-phone {padding-left:68px;background:url(/images/index/icons/phone.png) no-repeat left 4px;padding-bottom: 3px;margin: 0 0 -1px -23px;}
.h-mail {padding-left:45px;background:url(/images/index/icons/icon_email.png) no-repeat 5px -1px;}
.h-phone a, .h-mail a, .h-phone a:hover, .h-mail a:hover, .h-phone:hover, .h-mail:hover  {color: #317447;text-decoration:none;}

.nav {margin-bottom:0px;clear:both;list-style-type:none;text-align:center; margin-right: 159px; }
.nav li {position:relative;display:inline-block; vertical-align:middle; border-right:1px solid #708ba0;}
.nav li:last-child {border:none;}
.nav li a {display:block; color: #81a3bc; font-size:16px; line-height:35px; padding: 0px 15px 0px;}
.nav li.active a {text-decoration:none; color:#959595;}
.nav li:hover > a {color:#dc142e;}
.nav li ul {margin-top:-15px;visibility:hidden; opacity:0; width:422px; position:absolute; background:#fff; top:35px; left:-3px; padding:5px 0px 0px;
/*-webkit-box-shadow: 0px 3px 5px rgba(0,0,0,.35); -moz-box-shadow: 0px 3px 5px rgba(0,0,0,.35); box-shadow: 0px 3px 5px rgba(0,0,0,.35); */
-webkit-transition: all 0.3s ease-out;  -moz-transition: all 0.3s ease-out;          transition: all 0.3s ease-out;}
.nav li:hover ul {margin-top:0px;visibility:visible; opacity:1;}
.nav li ul li {display:block; border:none;margin:0px 0; text-align:right;}
.nav li ul li a {line-height:10px;display:block;padding:0 5px;font-size:15px;}
.nav li ul li a img.norm {display:inline;}
.nav li ul li a img.hov {display:none;}
.nav li ul li:hover a img.norm {display:none;}
.nav li ul li:hover a img.hov {display:inline;}
.nav ul.sub-menu {
	z-index:20;
}
.nav li ul li {
	display: block;
	background: url(/images/index/bg/left-menu-starter.gif) no-repeat scroll left bottom;
	float: none;
	height: auto;
	padding: 20px 2px 6px 40px;
	border-bottom: 1px dotted #79A6C5;
	height: 10px;margin-top: 8px;
}
.nav li ul li.last {
	background: url(/images/index/bg/left-menu-starter.gif) no-repeat scroll left bottom;
	margin-bottom: 10px;
}


/*---------------content--------------------*/
#wrapper {position:relative; clear: both; margin: 0 auto;}
section:after {content:'';display:block; clear:both;}	
.sidebar {float:left;width:30%;margin-bottom:20px;}
.center {float:right;width:65%;padding-left:1.6%;overflow: hidden;}

.content section {clear:both;}

/*------------------footer------------------*/
#footer {overflow: hidden; clear:both; height:108px;  width: 100%;  margin: 0 auto; color:#828282; line-height:15px;}
#footer .foot-in  {color:#000000; font-size:11px; line-height:17px;position: absolute; left:0px; bottom: 0px; right:0px; overflow:hidden; height:108px;background-color: #4f9ac6;
	-webkit-box-shadow: inset 3px 4px 5px rgba(59,115,148,.75);	-moz-box-shadow: inset 3px 4px 5px rgba(59,115,148,.75);	box-shadow: inset 3px 4px 5px rgba(59,115,148,.75);}
#footer .cont-in  {padding-top:14px; position:relative;}
#footer a, #footer a:hover {color:#000000; text-decoration:none;}
#footer .logo {margin: 5px 0 0px;width:221px; height:36px; background:url(/images/index/bg/logo2.png) no-repeat; float:right;padding:0;}

.foot-col {float:left;width:17%; margin-left:9%;}
.foot-col + .foot-col {width:16%;}

/* content blocks */
.post {padding-bottom: 30px;}
.post h3 {color: #000000; background:none; border:none; padding:0;}
.post h3:after {height:0;width:0;}
.post p {margin-bottom:17px;}
.post ul {margin:0 0 17px 45px;}

.news {padding-bottom: 20px;}
.new-sm {font-size:13px; line-height:17px;margin-bottom: 17px;}
.new-sm .date {font-size:13px; color:#317447;}
.new-sm .new-title {}
.new-sm .new-title a {}

.review-sm {font-size:13px; line-height:17px;margin-bottom: 17px;width:30%;float:left;margin-right:5%;}
.review-sm:last-child {margin-right:0;}
.review-sm .date {font-size:13px; color:#317447;}
.review-sm .new-title {}
.review-sm .new-title a {}

.cols {position:relative;/*z-index:10;*/}
.cols:after {content:''; display:block; clear:both;}
.cols .col {width:30%;margin: 3px 5% 47px 0;height: 130px;float:left;}
.cols .col:nth-child(3n) {margin-right:0;}
.cols .col:hover {position:relative; z-index:3;}

.photos {margin:0 -12px 30px;}
.gallery-list {height:154px; list-style:none outside none;overflow:hidden;}
.gallery-list li {width:190px; height:144px; margin:5px 12px;float:left;}
.gallery-list li a {width:190px; height:143px; display:block;border-bottom:1px solid #4f9ac6;-webkit-box-shadow: 0 0 5px #c3c3c3;	-moz-box-shadow: 0 0 5px #c3c3c3;	box-shadow: 0 0 5px #c3c3c3;-webkit-transition: all 0.2s ease-out;  -moz-transition: all 0.2s ease-out;          transition: all 0.2s ease-out;}
.gallery-list li a:hover {border-bottom:1px solid #dc142e;-webkit-box-shadow: 0 0 5px #4A4A4A;	-moz-box-shadow: 0 0 5px #4A4A4A;	box-shadow: 0 0 5px #4A4A4A;}
.gallery-list li img {width:190px; height:143px;}

.banner {text-align:center; color:#fff; position:relative; min-height: 142px;padding: 9px 20px 11px 9px;margin-bottom: 50px;background-color: #4f9ac6;
background-image: -webkit-linear-gradient(top, #96e4fe, #fff);
background-image: -moz-linear-gradient(top, #96e4fe, #fff);
background-image: -o-linear-gradient(top, #96e4fe, #fff);
background-image: -ms-linear-gradient(top, #96e4fe, #fff);
background-image: linear-gradient(to bottom, #96e4fe, #fff);}
.ban-parts {display:table; width:100%;max-width:713px; margin:0 auto;}
.banner .cover-link {position:absolute; left:0;right:0;bottom:0;top:0;}
.ban-parts > div {display:table-cell; vertical-align:top;}
.ban-left {padding-top: 8px;}
.ban-center {padding:0 10px;}
.ban-right {}
.ban-text1 {color:#317447; font-size:50px; line-height:36px; font-family: 'Conv_calibril',tahoma;margin: 7px 0 11px;}
.ban-text2 {color:#317447; font-size:27px; line-height:22px; font-family: 'Conv_calibril',tahoma;margin-bottom: 17px;}
.ban-text3 {color:#317447; font-size:94px; line-height:88px; font-family: 'Helv3Thin',tahoma;letter-spacing:-5px;}

.btn {position:relative; z-index:1;border:none;background:#52c377;display:inline-block; vertical-align:middle;color:#fff; font-size:24px; font-family:tahoma,arial;text-align:center; cursor:pointer; text-decoration:none;
width: 220px;	height: 46px; line-height:41px;	-webkit-border-radius: 5px;	-moz-border-radius: 5px;	border-radius: 5px;-webkit-box-shadow: 0 0 5px #c3c3c3;	-moz-box-shadow: 0 0 5px #c3c3c3;	box-shadow: 0 0 5px #c3c3c3;
background-image: -webkit-linear-gradient(top, rgba(255,255,255,.4), rgba(255,255,255,0));
background-image: -moz-linear-gradient(top, rgba(255,255,255,.4), rgba(255,255,255,0));
background-image: -o-linear-gradient(top, rgba(255,255,255,.4), rgba(255,255,255,0));
background-image: -ms-linear-gradient(top, rgba(255,255,255,.4), rgba(255,255,255,0));
background-image: linear-gradient(to bottom, rgba(255,255,255,.4), rgba(255,255,255,0));}
.btn:hover {color:#fff;background-color: #09b140;}

.box {margin-bottom: 40px;}
.col .box {min-width:300px; height:130px;}
.box:after {content:'';display:block; clear:both;}
.box h4 {line-height:17px; height:37px; margin:0 0 -1px;overflow:hidden;}
.box h4 a {text-decoration:none;border-bottom:1px dashed #336699;}
.box:hover h4 a {font-weight:bold;color:#f33e3a;border-bottom:1px dashed transparent;}
.box-img {float:left;width:118px;margin-right:5%;margin-top: 2px;}
.col .box-img {margin-right:11.4%;}
.box-img a {display:block; overflow:hidden;width:118px; height:118px; overflow:hidden;}
.box-img a img{margin-top:-118px;}
.box:hover .box-img a img{margin:0;}
.box-text {float:left;width:154px; width:51.8%;padding:0 8px;margin-left:-8px;margin-right:-15px; font-size:13px; color:#666666;position:relative;}
.box .box-text {max-height: 120px; padding-bottom:0px;overflow: hidden;}
.box:hover .box-text {color:#000000; max-height: 440px; padding-bottom:9px; -webkit-transition: all 0.3s ease-out;  -moz-transition: all 0.3s ease-out;          transition: all 0.3s ease-out;}
.box:hover .box-text-full:after {content:'';position:absolute;left:-8px;right:-8px;height:9px; bottom:-9px;background:url(/images/index/bg/shade2.png) no-repeat center top;background-size:100%;}
.box .box-text-full {padding:0 9.5% 15px; position:relative;background:#fff; }
.box-text-simple {overflow:hidden; padding-right:0;color:#000000;margin-top: -1px;}


/* */
@media screen and (max-width: 1100px) {
	.col .box-img {margin-right:2%;}
}