@import url(http://fonts.googleapis.com/css?family=Play:400,700&subset=latin,cyrillic);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,100,400,300,800,700,600&subset=latin,cyrillic);


body {
	background: #ffffff url(../images/bg_tile.gif);
	font-family: 'Play', sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 16px;
	/*min-width: 1200px;*/
	padding-top: 110px;
}

a , a:visited{

}

a:hover {

}

p {

}

b, strong, .strong {
	font-weight: bold;
}

.wrap {
	width: 1200px; /* SITE WIDTH */
	margin-left: auto;
	margin-right: auto;
}

.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	min-height: 1px;
}

/* CUSTOM GRID */
.grid_12 {width: 1180px;} .grid_11 {width: 1080px;} .grid_10 {width: 980px;} .grid_9 {width: 880px;} .grid_8 {width: 780px;} .grid_7 {width: 680px;} .grid_6 {width: 580px;} .grid_5 {width: 480px;} .grid_4 {width: 380px;} .grid_3 {width: 280px;} .grid_2 {width: 180px;} .grid_1 {width: 80px;}

.grid_row {margin-bottom: 30px;}
.nomargin {margin: 0;}
.m_alpha {margin-left: 0 !important;}
.m_omega {margin-right: 0 !important;}

.top {height: 540px;background: url(../images/bg_top.png) repeat-x;}
.about {height: 530px; background: rgba(8, 64, 75, 0.85);}
.services {position: relative; background: rgba(35, 81, 13, 0.85);overflow-x: hidden;width: 100%;}
.licenses {height: 465px; background: rgba(140, 90, 15, 0.85);overflow-x: hidden;width: 100%;}
.contacts {height: 496px; background: rgba(117, 117, 134, 0.85); overflow-x: hidden;}
.partners {/* height: 680px; */ background: #c8c8d4;}

.topnav {
	position: fixed;
	top: 0px;
	width: 100%;
	height: 110px;
	background: #ffffff;
	border-bottom: 1px solid #82bac4;
	z-index: 200;
}

.nav {
	padding-top: 24px;
}

.nav li {
	display: block;
	float: left;
	
}

.nav li a {
	display: block;
	text-align: center;
	padding-top: 42px;
	width: 144px;
	height: 86px;
	text-decoration: none;
}

.nav li:nth-child(1) a {background: url(../images/li-01.png) center top no-repeat;}
.nav li:nth-child(2) a {background: url(../images/li-02.png) center top no-repeat;}
.nav li:nth-child(3) a {background: url(../images/li-03.png) center top no-repeat;}
.nav li:nth-child(4) a {background: url(../images/li-04.png) center top no-repeat;}

.nav li:nth-child(1) a:hover, .nav li:nth-child(1).active a {background: url(../images/li-01-h.png) center top no-repeat;}
.nav li:nth-child(2) a:hover, .nav li:nth-child(2).active a {background: url(../images/li-02-h.png) center top no-repeat;}
.nav li:nth-child(3) a:hover, .nav li:nth-child(3).active a {background: url(../images/li-03-h.png) center top no-repeat;}
.nav li:nth-child(4) a:hover, .nav li:nth-child(4).active a {background: url(../images/li-04-h.png) center top no-repeat;}

.nav li a {
	text-decoration: none;
	color: #027488;
	font-size: 18px;
}

.top_contacts {
	padding-top: 15px;
}

.top_contacts span {
	display: block;
	text-align: right;
	color: #a7a7a7;
}

.top_contacts span.phone {
	font-size: 29px;
	line-height: 32px;
}

.top_contacts span.adress {
	font-size: 13px;
	margin-bottom: 10px;
}

.top_contacts span.email {
	font-size: 18px;
}

.top_contacts span.email a {
	color: #027488;
	text-decoration: none;
}

.top_contacts span.email a:hover {
	text-decoration: underline;
}

.opacity {
	width: 100%;
	height: 540px;
	background-image: url(../images/opacity.png);
	background-attachment: fixed;
	background-position: center 110px;
	background-position-x: center !important;
	background-repeat: no-repeat;
}

.top {
	position: relative;
}

.top .wrap {
	position: relative;
	height: 540px;
}

.top .wrap .logo {
	position: absolute;
	left: 180px;
	top: 110px;
	width: 210px;
	height: 193px;
	background: url(../images/logo.png) no-repeat;
}

.top .wrap .man {
	position: absolute;
	right: 20px;
	bottom: 0px;
	width: 647px;
	height: 513px;
	background: url(../images/geodesist.png) no-repeat;
	z-index: 50;
}

.top .bot_bg {
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0px;
	width: 100%;
	height: 175px;
	background: url(../images/bg_bot.png) center bottom no-repeat;
}

.col {
	float: left;
	width: 284px;
	height: 100%;
	background: url(../images/meter.png) right top repeat-y;
}

.col .title {
	height: 100%;
}

.about .col .title {background: url(../images/title_about.png) center center no-repeat;}
.services .col .title {background: url(../images/title_services.png) center center no-repeat;}
.licenses .col .title {background: url(../images/title_licenses.png) center center no-repeat;}
.contacts .col .title {background: url(../images/title_contacts.png) center center no-repeat;}

.page {
	float: left;
	width: 896px;
	padding: 56px 20px 56px 80px;
	color: #ffffff;
	font-family: 'Open Sans', sans-serif; 
}

.page.no_padding {
	padding: 0;
}

.contacts .col {
	position: relative;
}

.contacts_descr {
	position: absolute;
	bottom: 30px;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	font-weight: 400;
	line-height: 20px;
	color: #ffffff;
}

.contacts_descr a {
	color: #027488;
	text-decoration: none;
}

.contacts_descr a:hover {
	text-decoration: underline;
}

.page p {
	font-size: 16px;
	line-height: 24px;
}

.page p.small {
	font-size: 13px;
	color: #c0c0c0;
}

.team {
	padding: 60px 0;
}

.team_title {
	font-weight: bold;
	font-size: 24px;
	line-height: 28px;
	margin-bottom: 30px;
}

.team .item {
	float: left;
	padding-left: 60px;
	font-size: 16px;
	line-height: 24px;
}

.team .item_1 {
	margin-right: 120px;
	background: url(../images/icon-01.png) left center no-repeat;
}

.team .item_2 {
	padding: 12px 0 12px 60px;
	background: url(../images/icon-02.png) left center no-repeat;
}

.services .col {
	position: absolute;
	height: 100%;
}

.services .page {
	margin-left: 284px;
}

.services_list {
	margin: 0 -20px 0 -80px;
	padding: 60px 0 12px 0;
}

.service_item {
	position: relative;
	margin-bottom: 1px;	
}

.service_item .bg {
	background: rgba(230, 255, 230, 0.1);
	height: 100%;
	position: absolute;
	top: 0;
	width: 2000px;
	z-index: 0;
}

.service_item .item_title {
	position: relative;
	font-family: 'Play', sans-serif;
	font-size: 19px;
	line-height: 20px;
	padding: 20px 30px 20px 80px;
	cursor: pointer;
}

.service_item:hover .item_title {
	color: #5ae614;
}

.service_item .item_text {
	position: relative;
	z-index: 1;
	display: none;
	padding: 0px 30px 20px 80px;
}

.service_item .item_text p {
	margin-bottom: 20px;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	font-weight: 400;
}

.service_item .item_text p:last-child {
	margin-bottom: 0px;
}

.service_item .item_text p strong {
	font-weight: 800;
}

.service_item.opened .item_title {
	color: #5ae614;
}

/*
.service_item.opened .item_text {
	display: block;
}
*/

.service_item .item_title span {
	position: absolute;
	top: 25px;
	right: 25px;
	display: block;
	width: 12px;
	height: 10px;
	background: url(../images/i-closed.png) no-repeat;
}

.service_item.opened .item_title span {
	background: url(../images/i-opened.png) no-repeat;
}

.service_item.item_1 .item_title {background: url(../images/s-01.png) 28px center no-repeat;}
.service_item.item_1.opened .item_title, .service_item.item_1 .item_title:hover {background: url(../images/s-01-h.png) 28px center no-repeat;}

.service_item.item_2 .item_title {background: url(../images/s-02.png) 28px center no-repeat;}
.service_item.item_2.opened .item_title, .service_item.item_2 .item_title:hover {background: url(../images/s-02-h.png) 28px center no-repeat;}

.service_item.item_3 .item_title {background: url(../images/s-03.png) 28px center no-repeat;}
.service_item.item_3.opened .item_title, .service_item.item_3 .item_title:hover {background: url(../images/s-03-h.png) 28px center no-repeat;}

.service_item.item_4 .item_title {background: url(../images/s-04.png) 28px center no-repeat;}
.service_item.item_4.opened .item_title, .service_item.item_4 .item_title:hover {background: url(../images/s-04-h.png) 28px center no-repeat;}

.service_item.item_5 .item_title {background: url(../images/s-05.png) 28px center no-repeat;}
.service_item.item_5.opened .item_title, .service_item.item_5 .item_title:hover {background: url(../images/s-05-h.png) 28px center no-repeat;}

.licenses .page p a {
	color: #ff9b00;
	text-decoration: none;
}

.licenses .page p a:hover {
	text-decoration: underline;
}

a.samples {
	color: #ffffff;
	background: #59cb21;
	border: 2px solid #59cb21;
	display: inline-block;
	padding: 0 22px;
	line-height: 26px;
	border-radius: 15px;
	text-decoration: none;
	font-family: 'Play', sans-serif;
	font-weight: bold;
}

a.samples:hover {
	border: 2px solid #ffffff;
}

.licenses_list {
	margin: 0 -20px 0 -80px;
	padding-top: 50px;
}

.license_item {
	position: relative;
	margin-bottom: 1px;
}

.license_item .bg {
	background: rgba(242, 224, 166, 0.1);
	height: 100%;
	position: absolute;
	top: 0;
	width: 2000px;
	z-index: 0;
}

a.getpdf {
	position: relative;
	z-index: 1;
	display: block;
	font-family: 'Play', sans-serif;
	font-size: 19px;
	line-height: 20px;
	padding: 20px 20px 20px 80px;
	cursor: pointer;
	color: #ffffff;
	text-decoration: none;
	background: url(../images/i-pdf.png) 28px 20px no-repeat;
}

a.getpdf:hover {
	color: #ff9b00;
	background: url(../images/i-pdf-h.png) 28px 20px no-repeat
}

.partners_title {
	color: #ffffff;
	text-align: center;
	font-weight: bold;
	font-size: 24px;
	line-height: 28px;
	padding-top: 56px;
}

.partners_col {
	float: left;
	width: 50%;
}

.partners_list {
	padding: 56px 0 30px 0;
}

.partner_image {
	float: left;
	margin-right: 40px;
	vertical-align: top;

	width:130px;
	height: 88px;
}

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

.partner_name {
	vertical-align: top;
	padding-top: 35px;
}

.partner_name.rows_2 {
	padding-top: 24px;
}

.partner_name.rows_3 {
	padding-top: 16px;
}

.totop_nav {
	text-align: center;
	padding-bottom: 30px;
}

a.totop {
	display: inline-block;
	width: 71px;
	height: 71px;
	background: url(../images/totop.png) no-repeat;
	overflow: hidden;
	text-indent: -2000px;
}

a.totop:hover {
	background: url(../images/totop-h.png) no-repeat;
}

.copyrights {
	text-align: center;
	font-family: 'Open Sans', sans-serif; 
	font-weight: 300;
	font-size: 14px;
	color: #646464;
	padding-bottom: 24px;
}



/* LIGHTBOX */
/* Preload images */
body:after {
  content: url(../img/close.png) url(../img/loading.gif) url(../img/prev.png) url(../img/next.png);
  display: none;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-container {
  padding: 4px;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../img/loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(../img/prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(../img/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(../img/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}