@font-face {
    font-family: 'PTSansNarrowBold';
    src: url('../fonts/jf2bfnaf.eot?');
    src: url('../fonts/jf2bfnaf.eot') format('embedded-opentype'),
         url('../fonts/jf2bfnaf.woff') format('woff'),
         url('../fonts/jf2bfnaf.ttf') format('truetype'),
         url('../fonts/jf2bfnaf.svg#PTSansNarrowBold') format('svg');
}
@font-face {
    font-family: 'PTSansNarrowRegular';
    src: url('../fonts/iv8dtb4z.eot?');
    src: url('../fonts/iv8dtb4z.eot') format('embedded-opentype'),
         url('../fonts/iv8dtb4z.woff') format('woff'),
         url('../fonts/iv8dtb4z.ttf') format('truetype'),
         url('../fonts/iv8dtb4z.svg#PTSansNarrowRegular') format('svg');
}
@font-face {
    font-family: 'PTSansBold';
    src: url('../fonts/vmmlu9hu.eot');
    src: url('../fonts/vmmlu9hu.eot') format('embedded-opentype'),
         url('../fonts/vmmlu9hu.woff') format('woff'),
         url('../fonts/vmmlu9hu.ttf') format('truetype'),
         url('../fonts/vmmlu9hu.svg#PTSansBold') format('svg');
}
@font-face {
    font-family: 'pt_sansregular';
    src: url('../fonts/b73y7hce-webfont.eot');
    src: url('../fonts/b73y7hce-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/b73y7hce-webfont.woff') format('woff'),
         url('../fonts/b73y7hce-webfont.ttf') format('truetype'),
         url('../fonts/b73y7hce-webfont.svg#pt_sansregular') format('svg');
}
* {
	margin: 0;
	padding:0;  
	outline:none;
}
body {
	font: 16px 'Roboto', sans-serif;
	 background: #fff;
	 color: #3e4040;
}
a {color: #3e4040;text-decoration: none;}
a:hover {text-decoration:none; }
a img {border:none;}
img {max-width:100%;display: block;}
ul {margin: 0;list-style: none;}

#container { 
	margin: 0 auto; 
	overflow:hidden; 
	min-height:100%; 
	width: 1280px;
	background: #f3f7f8;
}
/*--------------wrap1---------------------*/
#wrap1 {
	background: url(../img/bg-top1.png) no-repeat;
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
}
.h1 {
	font: 48px 'PTSansNarrowRegular', verdana, sans-serif;
	margin: 128px auto 25px;
	display: block;
	text-align: center;
	text-transform: uppercase;
  letter-spacing: -0.015em;
}
.h1 .mark {font: 48px 'PTSansNarrowBold',verdana, sans-serif; }
.logo {
	width: 388px;
	height: 55px;
	text-indent: -9999px;
	overflow: hidden;
	margin: 0 auto 55px;
	background: url(../img/logo.png) no-repeat;
}
.logo a{
	display: block;
	height: 100%;
}
.map {
	width: 100%;
	overflow: hidden;
	position: relative;
  letter-spacing: 0;
}
.map img {margin: 0 auto;width: 1027px;position: relative;}
.line_on_map {
	background: url(../img/line_on_map.png) no-repeat;
	width: 771px;
	height: 135px;
	position: absolute;
	top: 165px;
	left: 268px;
	margin: 0 auto;
}
.counry {
	position: absolute;
	top: 110px;
	right: 355px;
	font:  25px 'PTSansNarrowRegular', verdana, sans-serif;
	color: #fff;
	text-transform: uppercase;
  letter-spacing: 0;
}
.city {
	max-width: 130px;
	overflow: hidden;
	font:  12px 'Roboto' , verdana, sans-serif;
	color: #000;
} 
.city .mark {font:  15px 'PTSansBold', verdana, sans-serif;}
.moskow {position: absolute;top: 150px;right: 490px;color: #fff;}
.krasnodar {position: absolute;top: 225px;right: 435px;}
.krasnodar .mark {background: #cc3366;padding: 0 2px;color: #fff;}
.tokio {position: absolute;top: 265px;right: 210px;}
.pekin {position: absolute;top: 245px;right: 295px;}
.deli {position: absolute;top: 295px;right: 385px;}
.kair {position: absolute;top: 300px;right: 520px;}
.rim {position: absolute;top: 250px;left: 650px;}
.berlin {position: absolute;top: 205px;left: 665px;}
.stokgolm {position: absolute;top: 150px;left: 615px;}
.london {position: absolute;top: 198px;left: 560px;}
.madrid {position: absolute;top: 250px;left: 555px;}
.new_york {position: absolute;top: 247px;left: 425px;}
.vashington {position: absolute;top: 255px;left: 330px;}
.san_francisko {position: absolute;top: 265px;left: 187px;}
/*--------------wrap1 end---------------------*/
/*--------------wrap2---------------------*/
#wrap2 {
	background: url(../img/bg-top2.png) no-repeat;
	width: 100%;
  min-height: 1792px;
	overflow: hidden;
	position: relative;
	margin: 0 auto;
}
#wrap2 .h1 {margin-bottom: 32px; }
#wrap2  .item_left {
	float: left;
	max-width: 430px;
	overflow: hidden;
	margin: 0 0 0 95px;
}
#wrap2  .item_left .region {
  float: left;
  margin: 0 0 15px;
  letter-spacing: 0.03em;
}
#wrap2  .item_left p {
	font: 30px 'PTSansNarrowRegular', verdana, sans-serif;
	margin: 0;
}
#wrap2 .item_left .mark_up {color: #00a2e4;text-transform: uppercase;font:  30px 'PTSansNarrowBold', verdana, sans-serif;}

.square {float: left; overflow: hidden;width: 100%; margin-top: 20px; /*letter-spacing: 0.05em;*/}
.square .mark_1 {color: #3e4040;text-transform: uppercase;font:  25px 'PTSansNarrowBold', verdana, sans-serif;margin-bottom: -20px;letter-spacing: 0;}
.square img {float: left;margin: 14px 10px 0 0;}
.square span span {display: block;}
.square span strong {margin-top: -10px;display: block;font: 14px 'PTSansBold' , verdana, sans-serif;}
.square .mark {font: 34px 'PTSansNarrowRegular', verdana, sans-serif;color: #d40d8c; line-height: 0.7;}
.square ul { margin-top: 20px; }

.climate {float: left; overflow: hidden;width: 100%; margin-top: 30px; /*letter-spacing: 0.05em;*/}
.mark_1 {color: #3e4040;text-transform: uppercase;font:  25px 'PTSansNarrowBold', verdana, sans-serif;margin-bottom: -20px;letter-spacing: 0;}
.climate span {display: block;}
.climate img {float: left;margin: 14px 10px 0 0;}
.climate ul {float: left;margin: 17px 0 0;/*letter-spacing: 0.1em;*/}
.climate ul li {color: #3e4040;font: 14px 'PTSansBold' , verdana, sans-serif;text-transform: none;/*line-height: 14px;*/}
.climate ul li+li {margin-top: 5px;}
.markClimate {color: #faa61a;text-transform: uppercase;font:  34px 'PTSansNarrowRegular' , verdana, sans-serif; line-height: 0.7;}
.transport {float: left; overflow: hidden;width: 100%; margin-top: 30px; line-height: 1.2;}
.transport img {float: left;margin: 14px 10px 0 0;}
.transport ul { margin-top: 24px; }
.transport span strong {margin-top: -10px;display: block;font: 14px 'PTSansBold' , verdana, sans-serif;}
.markTransport {color: #00a2e4;text-transform: uppercase;font:  34px 'PTSansNarrowRegular' , verdana, sans-serif; line-height: 0.7;}

.people {
	float: left;
	width: 100%;
	overflow: hidden;
	margin:0;
  margin-top: 30px;
}
.people  .second {font: 16px 'Roboto', verdana, sans-serif;}
.people  .second .mark {color: #00a2e4;text-transform: uppercase;font: 14px 'PTSansBold' , verdana, sans-serif;}
.people_graph {
  background: url(../img/bg-people.png)no-repeat;
  width:405px;
  height: 88px;
  position: relative; 
  margin: 13px 0 30px 0
}
.people_graph img {
  float: left;
}
/*.people_graph img {
  position: absolute;
  top: 0px;
  left: 0px;
}*/
.people_text {
  position: absolute;
  bottom: 5px;
  left: 5px;
  z-index: 20;
}
.item_right {
	width: 905px;
	min-height:750px;
	position: absolute; 
	right: -5px;
	background: url(../img/map2.png) no-repeat 145px 70px;
}
.line_on_map2 {position: absolute;top: 105px;left: 130px;z-index: 10; background: url(../img/line_on_map2.png) no-repeat;width: 496px;height: 590px;}
.water {
  background: url(../img/water.png) no-repeat;
  width: 563px;
  height: 658px;
  position: absolute;
  top: 77px;
  left: 43px;
  z-index: 1;
}
.clearfix:after { 
	clear: both;
	display: block;
	content: ".";
	height: 0;
	visibility: hidden;
}
.area {
	position: absolute;
	top: 275px;
	right: 205px;
	font: 26px 'PTSansNarrowRegular', verdana, sans-serif;
	text-transform: uppercase;
	text-align: center;
}
.eisk {position: absolute;top: 105px;right: 455px;z-index: 100;}
.sochi {position: absolute;top: 660px;right: 355px;z-index: 100;}
.tyapse {position: absolute;text-align: center;top: 590px;right: 435px;z-index: 100;}
.gelend {position: absolute;text-align: right;top: 515px;right: 560px;z-index: 100;}
.novoros {position: absolute;top: 472px;right: 490px;z-index: 100;}
.anapa {position: absolute;top: 460px;right: 610px;z-index: 100;}
.krasnodar2 {position: absolute;top: 375px;right: 410px;z-index: 100;}
.port_kavkaz {position: absolute;text-align: right;top: 322px;right: 755px;z-index: 100;}
.temryuck {position: absolute;top: 360px;right: 573px;z-index: 100;}
.azov_and_black {position: absolute;top: 110px;right: 855px;text-align: right;font-size: 14px;z-index: 100;}
.azov_sea {position: absolute;top: 220px;right: 605px;font-size: 14px;color: #00a2e4;z-index: 100;}
.black_sea {position: absolute;top: 623px;right: 504px;font-size: 14px; color: #00a2e4;z-index: 100;}
.city_korenovsk {
  position: absolute;
  top: 343px;
  right: 370px;
  font: 14px 'PTSansBold' , verdana, sans-serif;
  color: #fff;
  background: #d0118c;
  padding: 0 3px;
  display: block;
  z-index: 100;
}
#wrap2_down {
	background: url(../img/bg-bot2.png) no-repeat;
	width: 100%;
  height: 683px;
	overflow: hidden;
	margin: 0 auto;
	padding: 115px 0 0;
}
#wrap2_down .col_1 {
  float: left;
	width: 1190px;
	margin: 125px 0 0 90px; 
	background: url(../img/bg-wrap3-col1.png) no-repeat 190px 0;
}
#wrap2_down .col_2 {
  float: left;
	width: 1190px;
	margin: 85px 0 70px 90px;
	background: url(../img/bg-wrap3-col2.png) no-repeat 190px 0; 
}
#wrap2_down .text {
	width: 220px;
	font: 25px 'PTSansNarrowBold' , verdana, sans-serif;
	text-transform: uppercase;
}
#wrap2_down .no_mark {
  font: 25px 'PTSansNarrowRegular' , verdana, sans-serif;
}
#wrap2_down .mark {color: #00a2e4;font: 25px 'PTSansNarrowRegular' , verdana, sans-serif;}
#wrap2_down .col_1 img {float: right; margin: -150px 60px 0 0;}
#wrap2_down .col_2 img {float: right; margin: -135px 60px 0 0;}
/*--------------wrap2 end---------------------*/

/*--------------wrap3---------------------*/
#wrap3 {
	background: url(../img/bg-top3.png) no-repeat;
	width: 100%;
	overflow: hidden;
	position: relative;
	margin: -120px auto 0 0;
}
#wrap3 .item_box {
	width: 1090px;
	background: url(../img/bg-item-box.png) no-repeat 50% 50%;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	min-height: 500px;
  z-index: 100;
}
.left_box {float: left;top: 119px;left: -45px;min-width: 210px; width:250px;overflow: hidden;position: relative;z-index: 50;}
.left_box li {height: 65px;margin-bottom: 25px;  text-align: right;}
.left_box li:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.left_box li span {
  display: inline-block;
  vertical-align: middle;
	line-height: 12px;
	text-align: right;
	font: 16px 'Roboto', verdana, sans-serif;
}
.left_box strong {text-transform: uppercase;font: 14px 'PTSansBold' , verdana, sans-serif;}
.left_box li img {float: right;margin: 0 0 0 10px;}

.right_box {float: right;left: 15px;top: 20px;min-width: 210px; width:280px;overflow: hidden;position: relative;z-index: 50;}
.right_box li {height: 101px;margin-bottom: 20px;min-width: 280px;overflow: hidden;}
.right_box li:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.right_box li span {
	display: inline-block;
  vertical-align: middle;
	line-height: 16px;
	font: 16px 'Roboto', verdana, sans-serif;
}
.right_box strong {text-transform: uppercase;font: 14px 'PTSansBold' , verdana, sans-serif;}
.right_box li img {float: left;margin: 0 10px 0 0;}
.osnov, .ved { 
  width: 230px;
  position: absolute;
}
.osnov span, .ved span {
  font: 25px 'PTSansNarrowBold' , verdana, sans-serif;
  text-transform: uppercase;
}
#wrap3 .item_box {
  margin-top: 50px;
}
.item_box .osnov .mark {font: 34px 'PTSansNarrowBold' , verdana, sans-serif;color: #00a2e4;} 
.item_box .ved .mark {font: 34px 'PTSansNarrowBold' , verdana, sans-serif;color: #d40d8c;}
.osnov {
	background: url(../img/bg-osnov.png) no-repeat 0 50%;
	top: 0px;
	left: 400px;
  padding-left: 50px;
}
.ved {
	background: url(../img/bg-ved.png) no-repeat 100% 50%;
	top: 415px;
	left: 400px;
  padding-right: 50px;
  text-align: right;
}
.circle_blue {
  background: url(../img/circle-blue.png) no-repeat;
  width: 23px;
  height: 21px;
  position: absolute;
  top: 233px;
  left: 420px;
  z-index: 10;
}
.line_in_blue {
  background: url(../img/line-blue.png) no-repeat;
  width: 294px;
  height: 195px;
  position: absolute;
  top: 144px;
  left: 144px;
  z-index: 1;
}
.circle_red {
  background: url(../img/circle-red.png) no-repeat;
  width: 23px;
  height: 21px;
  position: absolute;
  top: 234px;
  right: 420px;
  z-index: 10;
}
.line_in_red {
  background: url(../img/line-red.png) no-repeat;
  width: 224px;
  height: 409px;
  position: absolute;
  top: 53px;
  right: 199px;
  z-index: 1;
}
.item_box_down {
  background: url(../img/bg-center3.png) no-repeat;
  width: 1120px;
  margin: 20px auto;
  padding: 125px 0 25px 0;
  overflow: hidden;
}
.item_box_down .graph1 {
  float: left;
}
.graph1 .graph_box1 {
  background: url(../img/bg-gr1-.png) no-repeat;
  width: 501px;
  height: 330px;
  position: relative;
  margin: 35px 0 0 23px;
}
.graph_box1 .step1_gr1 {
  position: absolute;
  top: 119px;
  left: 110px;
  z-index: 5;
}
.graph_box1 .step2_gr1 {
  position: absolute;
  top: 100px;
  left: 189px;
  z-index: 5;
}
.graph_box1 .step3_gr1 {
  position: absolute;
  top: 59px;
  left: 268px;
  z-index: 5;
}
.graph_box1 .step4_gr1 {
  position: absolute;
  top: 42px;
  left: 347px;
  z-index: 5;
}
.graph_box1 .step5_gr1 {
    position: absolute;
    top: 20px;
    left: 428px;
    z-index: 5;
}
.graph_box1 .step6_gr1 {
    position: absolute;
    top: 6px;
    left: 444px;
    z-index: 5;
}
.graph_box1 .step7_gr1 {
  position: absolute;
  top: 88px;
  left: 84px;
    z-index: 10;
}
.graph_box1 .step8_gr1 {
  position: absolute;
  top: 70px;
  left: 154px;
    z-index: 10;
}
.graph_box1 .step9_gr1 {
    position: absolute;
    top: 31px;
    left: 239px;
    z-index: 10;
}
.graph_box1 .step10_gr1 {
  position: absolute;
  top: 16px;
  left: 321px;
    z-index: 10;
}
.graph_box1 .step11_gr1 {
  position: absolute;
  top: -6px;
  left: 401px;
    z-index: 10;
}
.graph_box1 .step12_gr1 {
    position: absolute;
    top: -22px;
    left: 438px;
    z-index: 10;
}
.graph_box1 .step13_gr1 {
  position: absolute;
  top: 18px;
  left: 114px;

}
.graph_box1 .step14_gr1 {
  position: absolute;
  top: 19px;
  left: 113px;
}

.item_box_down h1 {
  font: 25px 'PTSansNarrowBold' , verdana, sans-serif;
  text-transform: uppercase;
}
.item_box_down span {font: 25px 'PTSansNarrowRegular', verdana, sans-serif;}
/*.item_box_down img {margin: 35px 0 0;}*/
.item_box_down .graph1 h1 .mark { font: 25px 'PTSansNarrowBold' , verdana, sans-serif; color: #00a056;}
.item_box_down .graph2 {
  float: right;
    margin-right: 32px;
} 
.item_box_down .graph2 h1 .mark {font: 25px 'PTSansNarrowBold' , verdana, sans-seri-f; color: #00a2e4;}
.graph2 .graph_box2 {
  background: url(../img/bg-gr2-.png) no-repeat;
  width: 495px;
  height: 330px;
  position: relative;
  margin: 35px 0 0;
}
.graph_box2 .step1_gr2 {
  position: absolute;
  top: 224px;
  left: 112px;
  z-index: 10;
}
.graph_box2 .step2_gr2 {
  position: absolute;
  top: 169px;
  left: 191px;
  z-index: 10;
}
.graph_box2 .step3_gr2 {
  position: absolute;
  top: 130px;
  left: 270px;
  z-index: 10;
}
.graph_box2 .step4_gr2 {
  position: absolute;
  top: 81px;
  left: 349px;
  z-index: 10;
}
.graph_box2 .step5_gr2 {
    position: absolute;
    top: 13px;
    left: 428px;
    z-index: 10;
}
.graph_box2 .step6_gr2 {
    position: absolute;
    top: 62px;
    left: 461px;
    z-index: 10;
}
.graph_box2 .step7_gr2 {
  position: absolute;
  top: 193px;
  left: 77px;
  z-index: 10;
}
.graph_box2 .step8_gr2 {
  position: absolute;
  top: 134px;
  left: 167px;
  z-index: 20;
}
.graph_box2 .step9_gr2 {
  position: absolute;
  top: 94px;
  left: 242px;
  z-index: 20;
}
.graph_box2 .step10_gr2 {
  position: absolute;
  top: 44px;
  left: 313px;
  z-index: 20;
}
.graph_box2 .step11_gr2 {
    position: absolute;
    top: -24px;
    left: 403px;
    z-index: 20;
}
.graph_box2 .step12_gr2 {
    position: absolute;
    top: 26px;
    left: 438px;
    z-index: 20;
}
.graph_box2 .step13_gr2 {
  position: absolute;
  top: 8px;
  left: 116px;
}
.graph_box2 .step14_gr2 {
  position: absolute;
  top: 7px;
  left: 115px;
  z-index: 5;
}
/*--------------wrap3 end---------------------*/
/*--------------wrap4---------------------*/
#wrap4 {
  background: url(../img/bg-top4.png) no-repeat;
  width: 100%;
  height: 595px;
  overflow: hidden;
  position: relative;
  margin: -30px auto;
  padding: 135px 0 95px 0;
}
#wrap4 h1 {
  font: 48px 'PTSansNarrowRegular', verdana, sans-serif;
  text-transform: uppercase;
  text-align: center;
  margin: 0 0 40px;
	margin-left: 30px;
}
#wrap4 h1 .mark {  font: 48px 'PTSansNarrowBold' , verdana, sans-serif;}
.item_info {
  float: left;
  width: 281px;
  margin: 0 70px 0 95px;
  overflow: hidden;
}
.item_info img {margin: 0 0 20px 0;}
.item_info span {  font: 16px 'Roboto' , verdana, sans-serif;text-transform: uppercase; line-height: 20px;font-weight: bold;}
.item_info .mark {color: #1aabe7;}
.item_info p {font: 16px 'Roboto', sans-serif;}
.item_info2 {
  width: 850px;
  float: left;
  overflow: hidden;
font: 16px 'Roboto', sans-serif;
	margin-left: -30px;
}
#wrap4 ul {
  list-style-type: circle !important;
}
.item_info2 .one_mark {  font: 34px 'PTSansNarrowRegular' , verdana, sans-serif; color:transparent;}
.item_info2 strong {font: 16px 'Roboto', sans-serif; font-weight: bold; text-transform: uppercase;}
.item_info2 p {margin: 0 0 10px;  font: 16px 'Roboto', sans-serif; line-height: 1.4;}

/*--------------wrap4 end---------------------*/
/*--------------wrap6---------------------*/
#wrap6 {
  position: relative;
  margin: 0 auto;
  margin: -100px auto 0;
  padding: 135px 0 20px 0;
  background: url(../img/bg-top5.png) no-repeat;
  width: 100%;
  overflow: hidden;
  text-align: center;
}
#wrap6 .wrap_holder {
  margin: 0 auto;
  position: relative;
  width: 720px;
}
#wrap6  h1 {
  text-align: center;
  font: 48px 'PTSansNarrowRegular' , verdana, sans-serif; text-transform: uppercase;
  margin: 0 0 52px;
}
#wrap6  h1 strong {font: 48px 'PTSansNarrowBold' , verdana, sans-serif;}
#wrap6 .article {
  float: left;
  width: 330px;
  margin: 0 15px 25px 15px;
  text-align: center;
  min-height: 400px;
}
#wrap6 .article a {display: block;height: 100%;}
#wrap6 .article .article_bg  {
  /*background: url(../img/bg-icon-wr5.png) no-repeat;*/
  width: 288px;
  height: 299px;
  margin: 0 auto;
}
#wrap6 .article img {margin: 0 auto 32px;}
#wrap6 .article span {
   font: 25px 'PTSansNarrowRegular', verdana, sans-serif;
   line-height: 10px;
}
#wrap6 .article .mark {font: 25px 'PTSansNarrowBold' , verdana, sans-serif; text-transform: uppercase;color: #00a2e4;}
/*--------------wrap6 end---------------------*/

/*--------------wrap7---------------------*/
#wrap7 {
  position: relative;
  margin: -50px auto;
  padding: 135px 0 20px 0;
  background: url(../img/bg-top6.png) no-repeat;
  width: 100%;
  min-height: 654px;
  overflow: hidden;
  text-align: center;

}
#wrap7 .wrap_holder {
  margin: 0 auto;
  position: relative;
  width: 1090px;
  padding-left: 300px;
}
#wrap7  h1 {
  text-align: center;
  font: 48px 'PTSansNarrowRegular' , verdana, sans-serif; text-transform: uppercase;
  margin: 0 0 65px;
}
#wrap7  h1 strong {font: 48px 'PTSansNarrowBold' , verdana, sans-serif;
letter-spacing: 1px;}
#wrap7 .article {
  float: left;
  overflow: hidden;
  width: 330px;
  margin: 0 15px 25px 15px;
  text-align: center;
  min-height: 400px;
}
#wrap7 .article a {display: block;height: 100%;}
#wrap7 .article img {margin: 0 auto 32px;}
#wrap7 .article span {
   font: 25px 'PTSansNarrowRegular', verdana, sans-serif;
   line-height: 30px;
    letter-spacing: 1px;
}
#wrap7 .article .mark {font: 25px 'PTSansNarrowBold' , verdana, sans-serif; text-transform: uppercase;color: #00a2e4;}
/*--------------wrap7 end---------------------*/

/*--------------wrap9--------------------*/
#wrap9 {
  position: relative;
  margin: 0 auto;
  margin: -95px auto 0;
  padding: 135px 0 20px 0;
  background: url(../img/bg-top7.png) no-repeat;
  height: 700px;
  width: 100%;
  overflow: hidden;
  text-align: center;
}
#wrap9 .wrap_holder {
  margin: 0 auto;
  position: relative;
  width: 1090px;
}
#wrap9  h1 {
  text-align: center;
  font: 48px 'PTSansNarrowRegular' , verdana, sans-serif; text-transform: uppercase;
  margin: 0 0 35px;
}
#wrap9  h1 strong {font: 48px 'PTSansNarrowBold' , verdana, sans-serif;}
#wrap9 .article {
  float: left;
  overflow: hidden;
  width: 330px;
  margin: 0 15px 25px 15px;
  text-align: center;
  min-height: 185px;
}

.wp7_1{
	position: relative;
	top: -90px;
	left: 180px;
}
.wp7_2{
	position: relative;
	top: -90px;
	left: 180px;
}

#wrap9 .article a {display: block;height: 100%;}
#wrap9 .article img {margin: 0 auto 32px;}
#wrap9 .article span {
   font: 25px 'PTSansNarrowRegular', verdana, sans-serif;
   line-height: 30px;
}
#wrap9 .article .mark {font: 25px 'PTSansNarrowBold' , verdana, sans-serif; text-transform: uppercase;color: #00a2e4;}


/*--------------wrap9 end---------------------*/
/*--------------wrap10--------------------*/
#wrap10 {
  background: url(../img/bg-top8.png) no-repeat;
  width: 100%;
  overflow: hidden;
  position: relative;
  margin: 0 auto;
  padding: 135px 0 0;
	padding-bottom: 32px;
}
#wrap10  h1 {
  text-align: center;
  font: 48px 'PTSansNarrowRegular' , verdana, sans-serif; text-transform: uppercase;
  margin: 0 0 120px;
	margin-bottom: 160px;
	line-height: 53px;
}
#wrap10  h1 strong {font: 48px 'PTSansNarrowBold' , verdana, sans-serif;
line-height: 54px;}
#wrap10 #content  {
  background: url(../img/bg-wrap10.png) no-repeat;
  width: 100%;
  min-height: 730px;
}
#wrap10 .wrap_holder {width: 1000px;margin: 0 auto;overflow: hidden;}
#wrap10  img {margin: 0 auto 20px;}
.wr10_box1, .wr10_box2, .wr10_box3 {
  float: left;
  width: 320px;
  margin: 0 2px;
  text-align: center;
}
#wrap10 span {font: 25px 'PTSansNarrowRegular' , verdana, sans-serif;}
#wrap10 .mark {font: 25px 'PTSansNarrowBold' , verdana, sans-serif;text-transform: uppercase;}
.wr10_box1 .mark {color: #b23382;}
.wr10_box2 .mark {color: #008848;}
.wr10_box3 .mark {color: #0084b7;}

/*--------------wrap10 end---------------------*/

/*--------------wrap12--------------------*/
#wrap12 {
  background: url(../img/bg-top9.png) no-repeat;
  width: 100%;
  overflow: hidden;
  position: relative;
  margin: -92px auto 0;
  padding: 131px 0 0;
  text-align: center;
}
#wrap12 a {display: block;height: 100%;}
#wrap12  h1 {
  text-align: center;
  font: 48px 'PTSansNarrowRegular' , verdana, sans-serif; text-transform: uppercase;
  margin: 0 0 37px;
}
#wrap12  h1 strong {font: 48px 'PTSansNarrowBold' , verdana, sans-serif;}
#wrap12 span {float:left; width: 100%;font:20px 'PTSansNarrowRegular' , verdana, sans-serif;}
#wrap12 .first {font: 25px 'PTSansBold' , verdana, sans-serif;text-transform: uppercase;margin: 0 0 27px;}
#wrap12 .first .mark {font: 25px 'PTSansBold', verdana, sans-serif;color: #00a2e4;margin: 0;font-style: normal;}
#wrap12 .contact {
  margin: 0 0 12px;
  font: 20px 'PTSansBold'  , verdana, sans-serif;
}
#wrap12 .contact .mark, #wrap12 .contact2 .mark {
  font: 20px 'pt_sansregular', verdana, sans-serif;
  color: #00a2e4;
  margin: 0;
  font-style: normal;
}
#wrap12 strong {font: 20px 'PTSansBold', verdana, sans-serif;}
#wrap12 .contact2 {margin: 10px auto;}
#wrap12 .last_mark { 
  text-decoration: underline;
  margin: 0 0 70px;
  font: 20px 'pt_sansregular'  , verdana, sans-serif;
  color: #00a2e4;
}
.wrap12_bottom {
  background: url(../img/bg-bot9.png) no-repeat;
  width: 100%;
  height: 125px;
  position: relative;
  bottom: 0;
	margin-top: 39px;
}

/*--------------wrap12 end---------------------*/
.for_ie {display: none;}
/*----------animated----------*/
.one {
  font: 34px 'PTSansNarrowBold', verdana, sans-serif;
  text-transform: uppercase;
  min-height: 100px;
  color: transparent;
}
/*.one .mark {  font: 34px 'PTSansNarrowBold' , verdana, sans-serif; color: #00a2e4;}*/

.hidden{
opacity:0;
}
.visible{
opacity:1;
}