@font-face {
    font-family: "Clear Sans";
    src: url('../fonts/clearsans-regular-webfont.eot');
    src: url('../fonts/clearsans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/clearsans-regular-webfont.woff2') format('woff2'),
         url('../fonts/clearsans-regular-webfont.woff') format('woff'),
         url('../fonts/clearsans-regular-webfont.ttf') format('truetype'),
         url('../fonts/clearsans-regular-webfont.svg#ClearSans') format('svg');
    font-weight: normal;
    font-style: normal;
}
html, body {height: 100%;}
body {
    color: #8f8275;
    font: 300 16px/1.3 Lato,Arial,Helvetica,sans-serif;
    margin: 0;
	background: #fff;
	-webkit-font-smoothing: subpixel-antialiased !important;
}
a {
	text-decoration: none;
	color: #618f01;
}
a:hover {
	text-decoration: underline;
	outline: none;
	-webkit-transition: color linear 0.1s;
	-moz-transition: color linear 0.1s;
	-o-transition: color linear 0.1s;
	transition: color linear 0.1s;
}
a,
input {
	outline: none;
}
h1, h2, h3, h4, h5, p, ul, li, form, input {
	margin: 0px;
	padding: 0px;
}
h1, h2, h3, h4, h5 {
	font-weight: normal;
}
dl, dt, dt {
	margin: 0px;
	padding: 0px;
}
select {
	margin: 0px;
	padding: 0px;
}
ul {list-style: none;}
input,
textarea,
select {
	font: 100% 'PT Sans',"Trebuchet MS", Wingdings, "Zapf Dingbats", sans-serif;
	vertical-align: middle;
	color: #000;
}
input[type="submit"]{cursor: pointer;}
form,
fieldset {
	margin: 0;
	padding: 0;
	border-style: none;
}
q {quotes: none;}
q:after,
q:befor {
	content: "";
}
noscript {
	color: #f00;
	display: block;
	font: 17px/21px 'PT Sans',"Trebuchet MS", Wingdings, "Zapf Dingbats", sans-serif;
	padding: 5px 0;
	text-align: center;
}
table {
	border-collapse: collapse;
	border: none;
}
.w2 {
    display: table;
    height: 100%;
    width: 100%;
}
.w3 {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}
.header {
    color: #bda47a;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 1px;
    margin: 0 auto 99px;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-align: center;
    width: 960px;
    z-index: 2;
}
.header h1 {
    color: #766b61;
    font: 300 36px Lato,Arial,Helvetica,sans-serif;
    margin: 0 0 1px;
	position: relative;
}
.header h1::after {
    background: none repeat scroll 0 0 #e8dfd1;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
    top: 50%;
    z-index: 1;
}
.header h1 span {
	background: #fff;
	padding: 0 15px;
	position: relative;
	z-index: 3;
	display: inline-block;
}
.header p {margin: 0 0 10px;}
.wrapper {
    display: table;
    height: 100%;
    position: relative;
    width: 100%;
}
.w1 {
    display: table-row;
    width: 100%;
}

.main {
    margin: 0 auto 40px;
    overflow: hidden;
    position: relative;
    width: 960px;
    z-index: 1;
}
.header:after {
	clear: both;
	content: "";
	display: block;
}
.holder {
	margin: 0 auto;
	width: 960px;
}
.tree-col {
    margin: 0 -1px;
    text-align: center;
}
.tree-col .col {
	display: table-cell;
	width: 33.3%;
	vertical-align: top;
}
.tree-col h2 {
    color: #d64646;
    font: 24px Lato,Arial,Helvetica,sans-serif;
    margin: 0 0 23px;
    text-transform: uppercase;
}
.tree-col h2 a {color: #d64646;}
.tree-col .col:first-child h2 {color: #ff7d00;}
.tree-col .col:last-child h2 {color: #81ac81;}
.tree-col .col:first-child h2 a {color: #ff7d00;}
.tree-col .col:last-child h2 a {color: #81ac81;}
.tree-col .text {padding: 0 15px;}
.tree-col p {margin: 0 0 15px;color:#8f8275 !important;}
.tree-col img {
    display: block;
    margin: 0 auto 43px;
}
.tree-col .col a{
	text-decoration: none;
}
.tree-col h2:hover{text-decoration: underline;}
.footer {
	display: table-footer-group;
	overflow: hidden;
	font: 12px "Clear Sans", Arial, Helvetica, sans-serif;
	width: 100%;
	color: #a8998a;
    position: relative;
}
.footer .footer-holder {
    display: table-row;
    height: 1%;
}
.footer .footer-frame {display: table-cell;}
.footer:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	z-index: 2;
	top: 0;
	/*background: url("../images/bg-footer-top.jpg");*/
	height: 5px;
}
.footer .holder {
    background: url("../images/bg-footer.png") no-repeat scroll 50% 100%;
    padding: 0 10px 23px;
    width: 940px;
}
.bg {
    left: 50%;
    margin: 0 0 0 -600px;
    opacity: 0.5;
    position: absolute;
    top: 0;
    z-index: 5555;
}
.logo {
    background: url("../images/logo.png") no-repeat;
    float: left;
    height: 45px;
    margin: 12px 25px 0 0;
    overflow: hidden;
    text-indent: -9999px;
    width: 134px;
}
.logo a {
	display: block;
	height: 100%;
}
.footer-text {overflow: hidden;}
.footer-text p {
	margin: 0 0 5px;
	font-size: 14px;
	color: #766b61;
}
.col-contact {
    float: right;
    margin: 0 0 0 106px;
}
.col-contact p {
    color: #766b61;
    font-size: 14px;
    letter-spacing: 1px;
    margin: 0 0 11px;
}
.social-list {
	float: right;
	margin: 0;
	padding: 0;
	list-style: none
}
.social-list li {
	float: left;
	margin: 0 0 0 12px;
}
.social-list .vk, .social-list .facebook {
    background: url("../images/social.png") no-repeat scroll -34px 0;
    float: left;
    height: 23px;
    overflow: hidden;
    text-indent: -999px;
    width: 27px;
}
.social-list .vk:hover {background-position: -34px -29px;}
.social-list .facebook {
    background-position:  0 0;
    width: 23px;
}
.social-list .facebook:hover {background-position:0 -29px;}
.col-content a h2{

}
@media (max-width:960px) {
	.holder,
	.main,
	.header,
	.footer .holder {
		width: auto;
	}
	.header {
		margin: 0 auto 50px;
		padding: 50px 0 0;
	}
	.col-contact {margin: 0 0 0 50px;}
}
@media (max-width:940px) {
	.footer .holder {
	    background-size: contain;
		-moz-background-size: contain;
		-webkit-background-size: contain;
	}
}
@media (max-width:920px) {
	.tree-col img {width: 100%;}
}
@media (max-width:860px) {
	body {font: 300 15px/1.3 Lato, Arial, Helvetica, sans-serif;}
	.tree-col h2 {font: 21px Lato, Arial, Helvetica, sans-serif;}
}
@media (max-width:720px) {
	.header h1 {font: 300 30px Lato,Arial,Helvetica,sans-serif;}
	.header {font-size: 15px;}
	.tree-col img {
	    margin-bottom: 25px;
	    width: 100%;
	}
	.tree-col h2 {
	    font: 19px Lato,Arial,Helvetica,sans-serif;
	    margin: 0 0 10px;
	}
	.col-contact,
	.logo {margin: 0;}
	.footer-text {
		clear: both;
		overflow: hidden;
		padding: 14px 0 0;
	}
	.tree-col .text {padding: 0 8px;}
}
@media (max-width:640px) {
	.tree-col h2 {
		font: 17px Lato, Arial, Helvetica, sans-serif;
		margin: 0 0 6px;
	}
}
@media (max-width:480px) {
	body {font: 300 19px/1.3 Lato,Arial,Helvetica,sans-serif;}
	.header h1 {font: 300 26px/1.1 Lato,Arial,Helvetica,sans-serif;}
	.header {
	    margin: 0 auto 30px;
	    padding: 20px 15px 0;
	}
	.tree-col {margin: 0;}
	.tree-col .col {
	    display: block;
	    margin: 0 0 25px;
	    overflow: hidden;
	    width: auto;
	}
	.tree-col h2 {
		font: 26px Lato, Arial, Helvetica, sans-serif;
		margin: 0 0 6px;
	}
	.logo {
	    display: block;
	    float: none;
	    margin: 0 auto 15px;
	}
	.main {margin: 0;}
	.col-contact {
	    float: none;
	    overflow: hidden;
	    text-align: center;
	}
	.social-list {
		float: none;
		overflow: hidden;
		text-align: center;
	}
	.social-list li {
		float: none;
		display: inline-block;
	}
}
@media (max-width:414px) {
	
}
@media (max-width:375px) {
	
}
@media (max-width:360px) {
	
}
@media (max-width:320px) {
	
}