* {
	border:0;
	font-family:inherit;
	font-size:100%;
	font-style:inherit;
	font-weight:inherit;
	margin:0;
	outline:0;
	padding:0;
	vertical-align:baseline;
}

body {
	margin: 0;
	font-family: "Helvetica Neue",  Helvetica,  Arial,  sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #333333;
	background: url('/v/themes/enviroment/media/css/images/bg.jpg');
}
footer{
float:left;
margin: 30px 0 0 0;
height:280px;
width:100%;
background: #fff;
border-left: 2px solid #00adef;
border-right: 2px solid #9ccb3b;
}

.footblock{
float:left;
width:25%;
}
.footblock:nth-child(1){
border-top: 10px solid #ef4036;
}
.footblock:nth-child(2){
border-top: 10px solid #00adef;
}
.footblock:nth-child(3){
border-top: 10px solid #9ccb3b;
}
.footblock:nth-child(4){
border-top: 10px solid #ed3d96;
}

strong {
	font-weight:bold;
}

ol {
	list-style:square outside;
}

ul {
	list-style:none;
}

h1 {
	font-weight:normal;
	font-size:220%;
	margin:3px 0 25px 0;
	line-height:35px;
}

h2 {
	font-weight:normal;
	font-size:160%;
	margin:3px 0 15px 0;
}

h2 a {
	float:none!important;
	font-size:90%!important;
}
#content p {
    margin: 5px 0;
	font-size:14px;
	padding:15px
}
#content ol {
    margin: 10px 0 15px 40px;
    float: left;
    width: 95%;
}
ol {
    list-style: square outside;
}
#content h3 {
	font-weight:normal;
	font-size:135%;
	margin:3px 0 15px 0;
}

table {
	max-width: 100%;
	 background-color: transparent;
	 border-collapse: collapse;
	 border-spacing: 0;
}

caption,  th,  td {
	font-weight:normal;
	text-align:left;
}

a img {
	border:0;
}

article,  aside,  details,  figcaption,  figure, footer,  header,  hgroup,  menu,  nav,  section {
	display:block;
}

hr {
	color:#060;
	border:1px solid #060;
	margin:6px 0;
}

a {
	color:#004E8D;
}

img  {
	 width: auto9;
	 height: auto;
	 max-width: 100%;
	 vertical-align: middle;
	 border: 0;
	 -ms-interpolation-mode: bicubic;
}

label,  input,  button,  select,  textarea  {
	 font-family: "Helvetica Neue",  Helvetica,  Arial,  sans-serif;
	font-size: 14px;
	 font-weight: normal;
	 line-height: 20px;
}

form  {
	 margin: 0 0 20px;
}

select,  textarea,  input[type="text"],  input[type="password"],  input[type="datetime"],  input[type="datetime-local"],  input[type="date"],  input[type="month"],  input[type="time"],  input[type="week"],  input[type="number"],  input[type="email"],  input[type="url"],  input[type="search"],  input[type="tel"],  input[type="color"],  .uneditable-input  {
	 display: inline-block;
	 height: 20px;
	 padding: 4px 6px;
	 margin-bottom: 10px;
	 font-size: 14px;
	 line-height: 20px;
	 color: #555555;
	 vertical-align: middle;
	 -webkit-border-radius: 4px;
	 -moz-border-radius: 4px;
	 border-radius: 4px;
}

textarea,  input[type="text"],  input[type="password"],  input[type="datetime"],  input[type="datetime-local"],  input[type="date"],  input[type="month"],  input[type="time"],  input[type="week"],  input[type="number"],  input[type="email"],  input[type="url"],  input[type="search"],  input[type="tel"],  input[type="color"],  .uneditable-input  {
	 background-color: #ffffff;
	 border: 1px solid #cccccc;
	 -webkit-box-shadow: inset 0 1px 1px rgba(0,  0,  0,  0.075);
	 -moz-box-shadow: inset 0 1px 1px rgba(0,  0,  0,  0.075);
	 box-shadow: inset 0 1px 1px rgba(0,  0,  0,  0.075);
	 -webkit-transition: border linear 0.2s,  box-shadow linear 0.2s;
	 -moz-transition: border linear 0.2s,  box-shadow linear 0.2s;
	 -o-transition: border linear 0.2s,  box-shadow linear 0.2s;
	 transition: border linear 0.2s,  box-shadow linear 0.2s;
}

input[type="radio"],  input[type="checkbox"]  {
	 margin: 4px 6px 0 0;
	 line-height: normal;
	float:left;
}

.imgleft{
    float: left;
    text-align: right;
	-webkit-transition: all .6s linear 0s;
    -moz-transition: all .6s linear 0s;
    -o-transition: all .6s linear 0s;
    transition: all .6s linear 0s;
}
.imgright{
    float: right;
    text-align: left;
	-webkit-transition: all .6s linear 0s;
    -moz-transition: all .6s linear 0s;
    -o-transition: all .6s linear 0s;
    transition: all .6s linear 0s;
}
.imgleft:hover, .imgright:hover{
transform:scale(1.2);
-moz-transform:scale(1.2);
-webkit-transform:scale(1.2);
-o-transform:scale(1.2);
-ms-transform:scale(1.2);
}
.nomoney{
    overflow: hidden;
    position: relative;
    display: block;
    color: #1d1d1d;
    padding: 20px 0;
    font-size: 16px;
    text-align: center;
    font-family: 'open_sansbold';
    vertical-align: middle;
    background-color: #31671A;
    margin: 10px 0;
    width: 100%;
    text-decoration: none;
}
.nomoney span{
color: #fff;
position: relative;
font-size: 20px;
    font-family: get;
}
.nomoney:hover span
				{
					color: #fff;
				}
.nomoney:hover:before
					{
						left: -30%;
					}
.nomoney:before {
    content: "";
    font-size: 0px;
    top: -200%;
    left: -200%;
    width: 150%;
    height: 500%;
    position: absolute;
    background-color: #1F4214;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    -webkit-transform: rotateZ(15deg);
    -moz-transform: rotateZ(15deg);
    -ms-transform: rotateZ(15deg);
    -o-transform: rotateZ(15deg);
    transform: rotateZ(15deg);
}
.img{
overflow:hidden;
border: 1px solid #ccc;
padding:4px;
margin:10px;
}
.img-line{
overflow:hidden;
}
#bg {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

.project-loader {
    position: absolute;
    top: 32px;
    left: 20px;
    display: block;
}
.icon-loader {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}
.icon-loader .load-boxes {
    position: relative;
    display: inline-block;
    top: -5px;
    left: 0;
    width: 66px;
    height: 66px;
}
.load-boxes {
    -webkit-animation-name: spin;
    -webkit-animation-duration: 3000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-animation-name: spin;
    -moz-animation-duration: 3000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 3000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    animation-name: spin;
    animation-duration: 3000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    width: 18px;
    height: 18px;
    top: 6px;
    left: 20px;
    position: absolute;
}
.load-box {
    width: 30px;
    height: 30px;
    border-radius: 3px;
    position: absolute;
}
.load-boxes div:nth-child(1) {
    background-color: #ef4036;
    top: 0;
    left: 0;
}
.load-boxes div:nth-child(2) {
    background-color: #00adef;
    top: 0;
    left: 33px;
}
.load-boxes div:nth-child(3) {
    background-color: #9ccb3b;
    top: 33px;
    left: 0;
}
.load-boxes div:nth-child(4) {
    background-color: #ed3d96;
    top: 33px;
    left: 33px;
}
@-moz-keyframes spin{
	from{-moz-transform:rotate(0deg)}
	to{-moz-transform:rotate(360deg)}
}@-webkit-keyframes spin{
	from{-webkit-transform:rotate(0deg)}
	to{-webkit-transform:rotate(360deg)}
}@keyframes spin{
	from{transform:rotate(0deg)}
	to{transform:rotate(360deg)}
}

#wrapper{
max-width:1360px;
position: relative;
margin: 0 auto 250px;
}
#main{
width: 100%;
height:1200px;
}
header{
height:120px;
}
#logogif{
height:120px;
width:120px;
float:left;
}
#logo{
height:95px;
width:250px;
float:left;
font-family:get, sans-serif;
padding-top:25px;
font-size:22px;
color: #fff;
line-height:23px;
}
#topmenu{
height:120px;
width:620px;
float:left;

}
.menu{
margin: 8% 0;
}
#topmenu ul li {
    display: inline-block;
    margin: 0 15px;
}
#topmenu ul li a {
    font-family: 'Open Sans', Calibri,'Lucida Sans Unicode', Tahoma, sans-serif;
    font-size: 20px;
    text-decoration: none;
    color: #CC8649;
	font-weight:bold;
    border-bottom: 6px solid transparent;
}
#topmenu ul li.active a, #topmenu ul li a:hover {
    border-color: #ffcf0e;
}



#contacts{
height:70px;
width:220px;
float:right;
padding-top:50px;
}
#contacts a{
font-family:update, sans-serif;
font-size:40px;
color: #fff;
text-decoration:none;
}
#leftmenu{
width:18.6%;
float:left;
margin-right:2%;
float: left;
/* border-top: 2px solid #ef4036;
border-left: 2px solid #00adef;
border-right: 2px solid #9ccb3b;
border-bottom: 2px solid #ed3d96; */
}
#leftmenu ul li{
-moz-perspective: 1000px;
-webkit-perspective: 1000px;
perspective: 1000px;
height: 64px;
position: relative;
}
#leftmenu ul li:nth-child(4n+1) a, #leftmenu ul li:nth-child(4n+1) a::before{
background: #ef4036;
}
#leftmenu ul li:nth-child(4n+2) a, #leftmenu ul li:nth-child(4n+2) a::before{
background: #00adef;
}
#leftmenu ul li:nth-child(4n+3) a, #leftmenu ul li:nth-child(4n+3) a::before{
background: #9ccb3b;
}
#leftmenu ul li:nth-child(4n+4) a, #leftmenu ul li:nth-child(4n+4) a::before{
background: #ed3d96;
}
.left{
float:left;
}
.right{
float:right;
}

#leftmenu ul li a{
position: relative;
margin:3px 0;
    -moz-transition: -moz-transform 0.3s;
    -o-transition: -o-transform 0.3s;
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;

	display: block;
    height: 100%;
    /* font: 300 16px/64px "Open Sans", sans-serif; */
    font: normal 16px/64px "OpenSansLight", sans-serif;
    color: #fff;
    padding: 0 24px;
    text-decoration: none;
}
#leftmenu ul li a::before {
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;

    content: attr(data-hover);
    -moz-transition: background 0.3s;
    -o-transition: background 0.3s;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
    -moz-transform: rotateX(-90deg);
    -ms-transform: rotateX(-90deg);
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
}
#leftmenu ul li:hover a,
.nav li:focus a {
  -moz-transform: rotateX(90deg) translateY(-22px);
  -ms-transform: rotateX(90deg) translateY(-22px);
  -webkit-transform: rotateX(90deg) translateY(-22px);
  transform: rotateX(90deg) translateY(-22px);
}
#content {
    width: 73%;
    float: left;
    background: #fff;
    padding: 3%;
    float: left;
    border-top: 2px solid #ef4036;
    border-left: 2px solid #00adef;
    border-right: 2px solid #9ccb3b;
    border-bottom: 2px solid #ed3d96;
}





@font-face {
	font-family: 'update';
	src: url('/v/themes/enviroment/media/fonts/update.eot');
	src: url('/v/themes/enviroment/media/fonts/update.eot?#iefix') format('embedded-opentype'),
		url('/v/themes/enviroment/media/fonts/update.woff') format('woff'),
		url('/v/themes/enviroment/media/fonts/update.ttf') format('truetype'),
		url('/v/themes/enviroment/media/fonts/update.svg#ReformaGroteskDemiRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'select';
	src: url('/v/themes/enviroment/media/fonts/select.eot');
	src: url('/v/themes/enviroment/media/fonts/select.eot?#iefix') format('embedded-opentype'),
		url('/v/themes/enviroment/media/fonts/select.woff') format('woff'),
		url('/v/themes/enviroment/media/fonts/select.ttf') format('truetype'),
		url('/v/themes/enviroment/media/fonts/select.svg#ReformaGroteskDemiRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family:'get';
	src:url('/v/themes/enviroment/media/fonts/get.eot');
	src:url('/v/themes/enviroment/media/fonts/get.eot?#iefix') format('embedded-opentype'),
	url('/v/themes/enviroment/media/fonts/get.woff') format('woff'),
	url('/v/themes/enviroment/media/fonts/get.ttf') format('truetype'),
	url('/v/themes/enviroment/media/fonts/get.svg#officinaserifcbold') format('svg');
	font-weight:normal;
	font-style:normal;
}