/* ubuntu-300 - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/ubuntu-v20-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/ubuntu-v20-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ubuntu-v20-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ubuntu-v20-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ubuntu-v20-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ubuntu-v20-latin-300.svg#Ubuntu') format('svg'); /* Legacy iOS */
}
/* ubuntu-regular - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/ubuntu-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/ubuntu-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ubuntu-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ubuntu-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ubuntu-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ubuntu-v20-latin-regular.svg#Ubuntu') format('svg'); /* Legacy iOS */
}
/* ubuntu-500 - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/ubuntu-v20-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/ubuntu-v20-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ubuntu-v20-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ubuntu-v20-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ubuntu-v20-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ubuntu-v20-latin-500.svg#Ubuntu') format('svg'); /* Legacy iOS */
}
/* ubuntu-700 - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/ubuntu-v20-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/ubuntu-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ubuntu-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ubuntu-v20-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ubuntu-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ubuntu-v20-latin-700.svg#Ubuntu') format('svg'); /* Legacy iOS */
}
* {
	margin:0;
	padding:0;
}

a, a * {outline:none !important;}
a img {border:none;}
b, strong{ font-weight:500;}
.content a, .content2 a{color:#0066ba;}

body {font-family: 'Ubuntu', sans-serif; font-size:14px; font-weight:400; margin:0; padding:0; color:#333;}
.wapper990{ width:990px; margin:0 auto; position:relative;}

.header-top {position:relative; z-index:10; height:130px; width:100%; }
.content-top {position:relative; width:990px; height:130px; margin:0 auto; overflow:hidden; background:url(../img/border_head.png) 0 bottom repeat-x;}
.logo {position:absolute; left:20px; top:35px; display:block; width:335px; height:67px;  z-index:1000;}
.logo img  { border:none;}



.mainnav { background:url(../img/border_head.png) 0 top repeat-x; width:990px; height:70px; margin:0 auto;  border-top:1px solid #fff;}
.mainnav ul {list-style:none; position: relative; background:url(../img/border_head.png) 0 bottom repeat-x; margin:5px 0; padding:0; width:990px; height:60px;}
.mainnav li {margin:0; padding:0;}
.mainnav li a {position:relative; width:140px; padding:10px 0 0 25px; height:55px; background-color:transparent; display:block;  float:left; font-size:12px; background:transparent url(../img/bg_pager.png) 0 5px no-repeat; text-decoration:none; color:#5d6163; text-transform:uppercase;}
.mainnav li a.active, .mainnav li a:hover { background:transparent url(../img/bg_pager.png) 0 0px no-repeat; color:#000;}



.metanav {position:absolute; right:0; top:100px; list-style:none; padding:0; margin:0; z-index:11;}
.metanav li {display:block; float:left; width:auto;}
.metanav li a {display:block; padding:0 10px 0 20px; text-decoration:none; text-align:left; font-size:13px; line-height:18px; color:#a2a5a7; text-transform:uppercase;}
.metanav li:hover a, .metanav li.active a, .metanav li a:focus {color:#000;}
.metanav li.responsive{display:none}

.slicknav_menu {display:none;}

/*.slider-prev {width:77px; height:77px; background-image:url(../img/slider-left.png); background-position:left top; position:absolute; left:0; top:250px;}
.slider-next {width:77px; height:77px; background-image:url(../img/slider-right.png); background-position:left top; position:absolute; right:0; top:250px;}
.slider-prev:hover, .slider-next:hover {background-position:left bottom;}*/
.slide { margin:0 auto; padding:30px 40px 20px 40px; height:515px; width:910px !important;}

.content {position:relative; width:1000px; margin:0 auto; /*border:1px solid #000;*/}
.content-title-block { position:absolute; top:0; left:0; width:910px; height:450px;}
.content-title-block h2 {font-weight:300; font-size:25px; line-height:32px; text-transform:uppercase; color:#5d6163;}
.content-title-block h2 strong {font-weight:300; font-size:35px; display:block;}


.content-slide1{ background: transparent url(../img/sail1.png) 0 0 no-repeat;}
.content-slide1 h2{margin:120px 0 0 215px;}
.content-slide2{ background: transparent url(../img/sail2.png) 0 0 no-repeat;}
.content-slide2 h2{margin:310px 0 0 235px; font-weight:300; font-size:33px; line-height:35px;}
.content-slide3{ background: transparent url(../img/sail3.png) 400px 0 no-repeat;}
.content-slide3 h2{margin:85px 0 0 625px; font-weight:300; font-size:33px; line-height:35px;}
.content-slide4{ background: transparent url(../img/sail4.png) 0 0 no-repeat;}
.content-slide4 h2{margin:185px 0 0 255px; font-weight:300; font-size:33px; line-height:35px;}
.content-slide5{ background: transparent url(../img/sail5.png) 0 0 no-repeat;}
.content-slide5 h2{margin:187px 0 0 225px; font-weight:300; font-size:33px; line-height:35px;}
.content-slide6{ background: transparent url(../img/sail6.png) 130px 0 no-repeat;}
.content-slide6 h2{margin:267px 0 0 425px; font-weight:300; font-size:33px; line-height:35px;}
.content-slide7{ background: transparent url(../img/sail7.png) 130px 0 no-repeat;}
.content-slide7 h2{margin:90px 0 0 400px; font-weight:300; font-size:33px; line-height:35px;}



.content2 {position:relative; width:950px; padding:30px 20px; margin:0 auto; min-height:434px; line-height:22px;}

.content-column-left {float:left; width:405px; min-height:210px; padding:0 50px 0 45px;}
.content-column-left td { padding:0 3px 0 0;}
.content-column-right {float:left; width:450px; min-height:210px; position:relative;}
.content-column-right img { float:left; margin:0 10px 10px 0;}

.content2 h2 {font-weight:300; font-size:25px; line-height:32px; color:#0066ba; background:url(../img/bg_h2.png) 0 5px no-repeat; margin:0 0 20px -45px; padding-left:45px;}
.content2 ul {margin:0; padding:0 0 0 15px;}

.footer {position:relative; width:990px; height:30px; margin:0 auto;  padding:0;}
.footer .nav {list-style:none; margin:10px 0; padding:0 10px;}
.footer .nav li a {text-decoration:none; color:#5d6163; float:left; padding:0 10px; text-transform: uppercase; font-size:13px; }
.footer .nav li.active a, .footer .nav li:hover a, .footer .nav li a:focus {color:#000;}


/*########################################################               RESPONSIVE VIEW               ###############################################################


@media only screen 

and (max-width : 1024px){
.content { width:100%;}
.content-top { width:100%}
.content-title-block {padding:0 1% 0 59%; font-size:20px; line-height:23px; min-height:670px; margin-top:200px;} 
.content-title-block h2 {font-weight:500; font-size:20px; line-height:23px; margin-bottom:6px;}
.img-slide1 {position:absolute; top:20px; left:110px; width:123px}
.img-slide2 {position:absolute; top:40px; left:230px; width:341px}
.img-slide3 {position:absolute; top:25px; left:255px; width:297px}
.img-slide4 {position:absolute; top:15px; left:220px; width:325px}
.img-slide5 {position:absolute; top:28px; left:220px; width:353px}

.content-slide2{padding:0 1% 0 59%;}
.content-slide4{color:#fff; padding:0 1% 0 59%;}
.content-slide5{color:#fff; padding:0 1% 0 59%;}

}


@media only screen 

and (max-width : 1007px){
	.footer { width:92%; padding:2% 4% 0 4%;}
	.footer .nav {margin-right:50px;}
	.partbox{ padding:6% 5% 7% 5%; background:transparent url(../img/bg-absatz.png) bottom center no-repeat; line-height:20px;}
	.content-column-47 {width:100%;  padding:0 0 30px 0; float:none; min-height:1px; }
    .content-column-53 {float:none; width:480px; margin:0 auto; min-height:1px;}
	.img-slide1 {position:absolute; left:110px; width:123px}
	.img-slide2 {position:absolute; left:200px; width:301px}
	.img-slide3 {position:absolute; left:225px; width:257px}
	.img-slide4 {position:absolute; left:190px; width:285px}
	.img-slide5 {position:absolute; left:190px; width:313px}
}



@media only screen 

and (max-width : 877px){
	.img-slide1 {position:absolute; left:110px; width:123px}
	.img-slide2 {position:absolute; left:150px; width:271px}
	.img-slide3 {position:absolute; left:175px; width:227px}
	.img-slide4 {position:absolute; left:140px; width:255px}
	.img-slide5 {position:absolute; left:140px; width:263px}
	.partbox{ padding:7% 5% 10% 5%;}
}


@media only screen 

and (max-width : 807px){
    .footer .nav {margin-right:20px;}
}



@media only screen 

and (max-width : 730px){
    .metanav {position:relative; right:0; top:0; width:auto; border-top:1px solid #fff;}
	.metanav li {float:none; width:auto;}
    .metanav li a { padding:5px 10px; font-size:16px; line-height:20px; background-color:transparent; border-right:none;}
	.metanav li:hover a, .metanav li.active a, .metanav li a:focus {text-decoration:none;}
	.metanav li.responsive{display:block}
	.header-top .nav li a { font-size:16px; }
	.header-top {margin-top: 0; height:150px; background:transparent url(../img/bg_header.png) center -2px no-repeat; width:100%; }
	.logo {top:0px;}
	.js #nav { display:none; }
	.footer100 { display:none;}
	.js .slicknav_menu {display:block;}
	.img-slide1 {position:absolute; left:110px; width:123px}
	.img-slide2 {position:absolute; left:100px; width:241px}
	.img-slide3 {position:absolute; left:125px; width:197px}
	.img-slide4 {position:absolute; left:90px; width:215px}
	.img-slide5 {position:absolute; left:90px; width:223px}	

}



@media only screen 

and (max-width : 685px){
    .content-title-block {padding:0 1% 0 60%; font-size:15px; line-height:18px;}
	.content-title-block h2 {font-size:15px; line-height:18px;}
	.img-slide1 {position:absolute; left:50px; width:100px}
	.img-slide2 {position:absolute; left:30px; width:241px}
	.img-slide3 {position:absolute; left:50px; width:197px}
	.img-slide4 {position:absolute; left:50px; width:215px}
	.img-slide5 {position:absolute; left:50px; width:223px}
	
}




@media only screen 

and (max-width : 530px){
	#feature1 {position:absolute; top:0; left:0; width:108px; height:73px; background:transparent url(../img/bg_button_feature2.png) 0 0 no-repeat; z-index:10; cursor:pointer; padding:13px 18px 15px 13px; font-size:13px; line-height:16px; font-weight:500;}
    #feature2 {position:absolute; top:0; left:128px; width:108px; height:73px; background:transparent url(../img/bg_button_feature2.png) 0 0 no-repeat; z-index:10; cursor:pointer; padding:13px 18px 15px 13px; font-size:13px; line-height:16px; font-weight:500;}
   .feature3 {position:relative; top:90px; left:0; width:100%; margin-bottom:90px; background:none;}
    #feature1:hover, #feature2:hover, #feature1.active, #feature2.active { background-position: 0 -102px;}
	#feature-content1, #feature-content2{ margin:0 0 13px 0; overflow:hidden; -webkit-box-shadow: 10px 9px 5px 0px rgba(204,204,204,0.48);-moz-box-shadow: 10px 9px 5px 0px rgba(204,204,204,0.48);box-shadow: 10px 9px 5px 0px rgba(204,204,204,0.48); }
	
}

@media only screen 

and (max-width : 480px){
	.content-column-53 {float:none; width:100% !important; margin:0 auto; overflow:hidden;}
	.content-title-block {padding:0 1% 0 55%; font-size:15px; line-height:18px;}
	.content-title-block h2 {font-size:15px; line-height:18px;}
	.img-slide1 {position:absolute; top:20px; left:10px; width:100px}
	.img-slide2 {position:absolute; top:40px; left:10px; width:150px}
	.img-slide3 {position:absolute; top:5px; left:10px; width:120px}
	.img-slide4 {position:absolute; top:15px; left:10px; width:150px}
	.img-slide5 {position:absolute; top:35px; left:10px; width:150px}
	
}
*/
.mapsContainerInner {
  width: 350px;
  height: 290px;
  border: 1px solid #ccc;
  background: transparent url(../img/maps-dummy.jpg);
    background-size: auto;
  background-size: cover;
  padding: 80px 50px 80px 50px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
}