/* ### general ### */
* { margin: 0px; padding: 0px; }
html, body { font-family: 'ropa_sansregular', Arial; font-size: 12px; color: #8c806e; }
input, select, textarea { font-family: Arial; font-size: 12px; color: #8c806e; }
body { background: #fff; }
img { border: 0px; display: block; }
a, input { outline: none; }
fieldset, input { border: 0; }

/* ### global classes ### */
.clear { clear: both; height: 0px; overflow: hidden; }
.centering { width: 972px; margin: 0 auto; position: relative; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; }

header, footer, section, aside, nav, article { display: block; }

/* ### wrapper ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%; }

/* ### main container ### */
#mainCntr { margin: 0 auto; width: 100%; }

	/* ### header container ### */
	#headerCntr { position: relative; width: 100%; border-bottom: 1px solid #215877; background-color: #206b95; }
	
		/* ### menu box ### */
		/*.menuBox { padding: 31px 0 15px; width: auto; overflow: hidden; }
		.menuBox ul { list-style-type: none; }
		.menuBox li { float: left; margin-left: 36px; }
		.menuBox li:first-child { margin-left: 0; }
		.menuBox li a { font-size: 18px; line-height: 15px; color: #fff; text-decoration: none; display: block; text-transform: uppercase; border-bottom: 2px solid transparent; }
		.menuBox li a:hover, .menuBox li:hover a, .menuBox li.active a { border-bottom-color: #90b5ca; }
		*/
		
		.menuBox { position: relative; width: auto; height: 30px; padding: 21px 0 15px; background-color: #206b95; }
		.menuBox ul { list-style-type: none; }
		.menuBox li { float: left; position: relative; margin-left: 34px }
		.menuBox li:first-child { margin-left: 0px; }
		.menuBox li a { border-bottom: 2px solid transparent; font-size: 18px; text-transform: uppercase; padding: 10px 0px 0px; line-height: 18px; text-decoration: none; color: #fff; display: block; }
		.menuBox li a:hover, .menuBox li:hover a, .menuBox li.active a { color: #fff; background: #206b95; border-bottom-color: #90b5ca;}
		
		.menuBox li ul { background: none repeat scroll 0 0 #206b95;display: none;left: -35px;padding: 25px 0 26px;position: absolute;top: 25px; width: 272px;z-index: 999; }
		.menuBox li li:first-child { margin-left: 36px; }
		.menuBox li:hover ul { display: block; }
		.menuBox li:hover li a {  display: inline-block; color: #fff; border-bottom:none;  }
		.menuBox li li a { line-height: 14px; display: inline-block; height: 12px; font-size: 14px}
		.menuBox li li a:hover {  border-bottom: 2px solid #90b5ca;  }
		.menuBox li li { width: 100%; }
		.menuBox a.menu, .menuBox a.submenu { display: none; }

	/* ### banner container ### */
	#bannerCntr { width: 100%; }		
		
		/* ### banner box ### */
		.bannerBox { margin-bottom: 20px; width: auto; overflow: hidden; position: relative; }
		.bannerBox ul.slides { list-style-type: none; min-height: 398px; }
		.bannerBox ul.slides li { position: relative; float: left; }
		.bannerBox ul.slides li img { width: 100%; min-width: 972px; min-height: 398px; }
		.bannerBox a.logo { position: absolute; top: 39px; left: 0px; display: block; z-index: 900; }
		.bannerBox .text { padding: 15px 13px 12px 15px; min-height: 104px; position: absolute; top: 39px; right: 27px; z-index: 999; width: 256px; background: url('../images/banner_text_bg.png') repeat left top; }
		.bannerBox h4 { padding-bottom: 8px; font-size: 20px; line-height: 17px; color: #206b95; }
		.bannerBox h1 { padding-bottom: 13px; font-size: 35px; line-height: 32px; color: #206b95; text-transform: uppercase; }
		.bannerBox p { font-size: 16px; line-height: 19px; color: #206b95; }
		.bannerBox .text a { position: absolute; right: 21px; bottom: 19px; font-size: 18px; line-height: 20px; color: #df652d; text-decoration: none; display: inline-block; }
		.bannerBox .text a:hover { color: #206b95; }
		
		.bannerBox .social { padding-top: 15px; color: #df652d;}
		.bannerBox .social a { position:relative; right: 0px; bottom: 0px; }
		.bannerBox .social a:hover { color: #206b95; }
		.bannerBox .social img { min-height: 32px !important; min-width: 32px !important;}
		
		/* ### slider box ### */
		.sliderBox { width: auto; margin-bottom: 34px; position: relative; }
		.sliderBox.sub { margin-bottom: 41px; }
		.sliderBox img.slide { min-height: 291px; z-index: 200 }
		.sliderBox a.logo { position: absolute; bottom: 20px; left: 0px; display: block; z-index: 999; }
		.sliderBox .text { padding: 17px 13px 21px 21px; min-height: 56px; position: absolute; bottom: 20px; right: 27px; z-index: 999; width: 250px; background: url('../images/slider_bg.png') repeat left top; }
		.sliderBox h2 { padding-bottom: 12px; font-size: 24px; line-height: 24px; color: #fff; }
		.sliderBox span { font-size: 18px; line-height: 20px; color: #fff;  display: block; letter-spacing: 0.01em; }
		
	/* ### content container ### */
	#contentCntr { width: 100%; }
	
		/* ### left container ### */
		#leftCntr { float: left; width: 640px; }
		
			/* ### travel box ### */
			.travelBox { width: auto; background-color: #c4551d; /*height: 261px;*/}
			.travelBox .video { top: 15px; left:15px;width: 401px; float: left; min-height: 226px; position: relative; }
			.travelBox .video img.image { min-height: 226px; }
			.travelBox .img { width: 338px; float: left; min-height: 226px; position: relative; padding-bottom: 15px; }
			.travelBox .img img.image { min-height: 226px; }
			.travelBox .video a.play { position: absolute; left: 45.8%; top: 50%; margin-top: -31px; }
			.travelBox .right { padding: 10px 16px 37px; min-height: 179px; width: 207px; float: left; position: relative; background-color: #c4551d; }
			.travelBox span { font-size: 14px; line-height: 18px; color: #fff; display: block; }
			.travelBox h2 { font-size: 29px; line-height: 31px; color: #fff; font-family: 'ropa_sans_probold'; letter-spacing: 0.06em; text-transform: uppercase; }
			.travelBox h6 { padding-bottom: 0px; font-size: 14px; line-height: 20px; color: #e09670; font-family: 'ropa_sans_probold'; letter-spacing: 0.09em; }
			.travelBox p { font-size: 14px; line-height: 16px; color: #fff; }
			.travelBox .right a {color: #fff; text-decoration: none;}
			.travelBox .right a:hover { color: #206b95; }
			.travelBox .right a.go { position: absolute; right: 20px; bottom: 13px; font-size: 14px; line-height: 20px; text-decoration: none; display: inline-block; }
			.travelBox .right a.go:hover { color: #206b95; }
			
			/* ### mission box ### */
			.missionBox {height: 226px; clear: both; margin-top: 20px; width: auto; }
			.missionBox ul { list-style-type: none; }
			.missionBox li { padding: 16px 19px; margin-left: 20px; float: left; min-height: 194px; width: 271px; position: relative; background-color: #d4e0eb; }
			.missionBox li:first-child { margin-left: 0; }
			.missionBox h2 { padding-bottom: 11px; font-family: 'ropa_sans_probold'; font-size: 22px; line-height: 28px; color: #206b95; text-transform: uppercase; letter-spacing: 0.05em; }
			.missionBox p { font-size: 14px; line-height: 18px; color: #206b95; }
			.missionBox a { color: #e76523; text-decoration: none; }
			.missionBox a:hover { color: #206b95; text-decoration: underline; }
			.missionBox a.readmore { position: relative; clear: both; bottom: -12px; font-size: 14px; line-height: 18px; color: #e76523; text-decoration: none; display: inline-block; }
			.missionBox a.readmore:hover { color: #206b95; text-decoration: none }
			
			/* ### mission box ### */
			.teamBox { margin-top: 20px; width: auto; overflow: hidden; }
			.teamBox ul { list-style-type: none; }
			.teamBox li { padding: 16px 19px; margin-left: 20px; float: left; min-height: 194px; width: 271px; position: relative; background-color: #d4e0eb; }
			.teamBox li:first-child { margin-left: 0; }
			.teamBox h2 { padding-bottom: 11px; font-family: 'ropa_sans_probold'; font-size: 22px; line-height: 28px; color: #206b95; text-transform: uppercase; letter-spacing: 0.05em; }
			.teamBox p { font-size: 14px; line-height: 18px; color: #206b95; }
			.teamBox a { color: #e76523; text-decoration: none; }
			.teamBox a:hover { color: #206b95; text-decoration: underline; }
			.teamBox a.readmore { position: relative; clear: both; bottom: -12px; font-size: 14px; line-height: 18px; color: #e76523; text-decoration: none; display: inline-block; }
			.teamBox a.readmore:hover { color: #206b95; text-decoration: none }
			
			/* ### video box ### */
			.videoBox {clear: both; margin-top: 20px; width: auto; height: 359px; }
			
			/* ### about box ### */
			.aboutBox { padding-left: 20px; width: auto; }
			.aboutBox h1 { padding-bottom: 11px; font-size: 30px; line-height: 30px; color: #c4551d; text-transform: uppercase; letter-spacing: 0.01em; }
			.aboutBox h2 { padding-bottom: 11px; font-size: 18px; line-height: 18px; color: #c4551d; text-transform: uppercase; letter-spacing: 0.01em; }
			.aboutBox h3 { padding-bottom: 8px; font-size: 16px; line-height: 16px; color: #c4551d; text-transform: uppercase; letter-spacing: 0.01em; }
			.aboutBox h4 { padding-bottom: 5px; font-size: 14px; line-height: 14px; color: #c4551d; text-transform: uppercase; letter-spacing: 0.01em; }
			.aboutBox h5 { font-family: 'ropa_sans_probold'; font-size: 14px; line-height: 18px; color: #206b95; letter-spacing: 0.08em; }
			.aboutBox h6 { padding-bottom: 10px; font-size: 14px; line-height: 22px; color: #206b95; }
			.aboutBox p { padding-bottom: 18px; font-size: 14px; line-height: 18px; color: #000; }
			.aboutBox a { color: #e76523; text-decoration: none; }
			.aboutBox a:hover { color: #206b95; text-decoration: underline; }
			.aboutBox p a.text { color: #488ccb; border-bottom: 1px solid #75a8d8; line-height: 12px; display: inline-block; text-decoration: none; }
			.aboutBox p a.text:hover { color: #c4551d; border-bottom-color: #c4551d; }
			.aboutBox ul { list-style-type:disc; padding-bottom: 20px;}
			.aboutBox li { margin-left: 20px; padding-bottom: 5px; font-size: 14px; line-height: 18px; color: #000; }
			
			/* ### expedition box ### */
			.expeditionBox { padding: 0px 24px 0 20px; width: auto; }
			.expeditionBox h1 { padding-bottom: 12px; font-size: 30px; line-height: 30px; color: #c4551d; text-transform: uppercase; letter-spacing: 0.01em; }
			.expeditionBox h2 { padding-bottom: 12px; font-size: 18px; line-height: 18px; color: #c4551d; text-transform: uppercase; letter-spacing: 0.01em; }
			.expeditionBox p { padding-bottom: 18px; font-size: 14px; line-height: 18px; color: #000; }
			.expeditionBox form { float: right; overflow: hidden; margin-top: 16px;  }
			.expeditionBox label { padding-right: 13px; font-size: 14px; line-height: 18px; color: #000; float: left; } 
			.expeditionBox span.drop { width: 155px; height: 18px; position: relative; float: left; }
			.expeditionBox span.select { padding: 0px 0px 0px 10px; font-size: 14px; letter-spacing: -0.02em; line-height: 18px; color: #000; position: absolute; top: 0px; left: 0px; width: 155px; height: 18px; font-weight: normal; border: none; background: url('../images/select.png') no-repeat; }
			.expeditionBox select { width: 155px; height: 18px; }
			.expeditionBox .tab { padding: 10px 0 0 0; width: auto; }
			.expeditionBox .tab p a { text-decoration: none; display: inline-block; color: #c66235; line-height: 12px; border-bottom: 1px solid #d48967; }
			.expeditionBox .tab p a:hover { color: #206b95; border-bottom-color: #206b95; }
			.expeditionBox .tab h3 { margin-bottom: 20px; }
			.expeditionBox .tab span { padding-left: 22px; font-size: 18px; line-height: 42px; color: #fff; float: left; }
			.expeditionBox .tab span.text { padding-right: 57px; font-size: 14px; float: right; }
			.expeditionBox .div1 { padding: 12px 46px 32px 34px; width: auto; }
			.expeditionBox .tab .ui-accordion-header a { padding-left: 31px; overflow: hidden; color: #000; text-decoration: none; display: block; background: #206b95 url('../images/tab_img.png') no-repeat 21px center;  }
			.expeditionBox .tab .ui-accordion-header-active a { background-image: url('../images/tab_img_active.png'); }
			
		/* ### center container ### */
		#centerCntr { width: 100%; }
			
			/* ### new box ### */
			.newBox { width: auto; overflow: hidden; }
			.newBox h1 { padding: 0 0 10px 20px; font-size: 30px; line-height: 30px; color: #c4551d; text-transform: uppercase; }
			.newBox h2 { padding: 0 0 10px 20px; font-size: 18px; line-height: 30px; color: #c4551d; text-transform: uppercase; }
			.newBox h3 { font-family: 'ropa_sans_probold'; font-size: 24px; line-height: 24px; color: #216a93; letter-spacing: 0.07em; }
			.newBox h6 { padding-bottom: 10px; font-size: 14px; line-height: 22px; color: #206b95; }
			.newBox p { padding-left: 20px; font-size: 14px; line-height: 19px; color: #000; letter-spacing: -0.003em; } 
			.newBox p a.text { color: #8baddc; border-bottom: 1px solid #c5d6ed; line-height: 12px; display: inline-block; text-decoration: none; }
			.newBox p a.text:hover { color: #c4551d; border-bottom-color: #c4551d; }
			.newBox .left { padding: 19px 25px 20px 0; min-height: 134px; width: 590px; float: left; border-top: 1px solid #dfdfdf; }
			.newBox ul { padding-left: 20px; list-style-type: none; }
			.newBox li { overflow: hidden; width: auto; margin-bottom: 40px; }
			.newBox .left p img { display: inline-block; margin-left: 2px; }
			.newBox .right { width: 311px; float: right; position: relative; }
			.newBox .right a.play { position: absolute; top: 50%; margin-top: -30px; left: 43%; }
			
			/* ### sea box ### */
			.seaBox { padding: 50px 0 0 0; width: auto; overflow: hidden; }
			.seaBox .top { padding: 0 15px 0 19px; width: auto; }
			.seaBox h2 { padding-bottom: 20px; overflow: hidden;  }
			.seaBox span.text { padding-right: 13px; font-size: 48px; line-height: 58px; color: #c4551d; text-transform: uppercase; }
			.seaBox span.author { width: auto; display: inline-table; vertical-align: text-bottom; }
			.seaBox cite.head { padding-right: 3px; font-family: 'ropa_sans_probold'; letter-spacing: 0.06em; clear: left; }
			.seaBox cite { font-style: normal; font-size: 14px; line-height: 18px; color: #c4551d; display: inline-block; float: left; }
			.seaBox .col1 { padding-right: 20px; width: 47%; float: left; }
			.seaBox .col1 p { padding-bottom: 16px; font-size: 14px; line-height: 17px; color: #000; }
			.seaBox .col2 { padding-right: 8px; float: right; }
			.seaBox img.big { margin-top: 7px; }
			.seaBox span.caption { font-family: 'ropa_sansitalic'; font-size: 12px; line-height: 22px; color: #898989; display: inline-block; float: right; letter-spacing: -0.02em;  }
			.seaBox span.caption a { text-decoration: none; color: #898989; }
			.seaBox span.caption a:hover { color: #206b95; }
			
			/* ### item box ### */
			.itemBox { padding: 51px 0 0; width: auto; overflow: hidden; }			
			.itemBox ul { padding-left: 20px; list-style: none; }
			.itemBox li { border-top: 1px solid #ededed; margin-bottom: 37px; }
			.itemBox h3 { padding-bottom: 14px; font-family: 'ropa_sans_probold'; font-size: 35px; line-height: 35px; color: #206b95; letter-spacing: 0.08em; }
			.itemBox p { padding-bottom: 18px; font-size: 14px; line-height: 18px; color: #000; }
			.itemBox p a.text { text-decoration: none; color: #c4551d; display: inline-block; line-height: 10px; border-bottom: 2px solid #e1aa8e; }
			.itemBox p a.text:hover { color: #206b95; border-bottom-color: #206b95; }
			.itemBox .left { padding: 20px 35px 0 0; width: 602px; float: left; }
			.itemBox .right { padding-right: 1px; float: right; width: 311px; position: relative; }
			.itemBox .right.wave { padding: 20px 20px 0 0; width: 285px; }
			.itemBox .right img.img { margin-top: -1px; }
			.itemBox .right a.play { position: absolute; top: 30.2%; left: 44%; }
			.itemBox span.caption { font-family: 'ropa_sansitalic'; font-size: 12px; line-height: 22px; color: #898989; display: inline-block; float: right; letter-spacing: -0.02em;  }
			.itemBox .map { overflow: hidden; width: auto; }
			.itemBox .map a.map { display: block; float: left; }
			.itemBox .map .para { float: right; width: 302px; }
			.itemBox h5 { font-family: 'ropa_sans_probold'; font-size: 14px; line-height: 18px; color: #000; letter-spacing: 0.08em; } 
			.itemBox h4 { font-family: 'ropa_sans_probold'; font-size: 14px; line-height: 18px; color: #206b95; letter-spacing: 0.08em; } 
			.itemBox a.download { font-size: 14px; line-height: 18px; color: #c4551d; text-decoration: none; display: inline-block; }
			.itemBox a.download span { border-bottom: 2px solid #e1aa8e; line-height: 10px; display: inline-block; margin-right: 5px; }
			.itemBox a.download:hover { color: #206b95; }
			.itemBox a.download:hover span { border-bottom-color: #206b95; }
			.itemBox .block { padding: 60px 0 0 25px; width: auto; background: url('../images/item_quate_img1.png') no-repeat left 58px; }
			.itemBox span.quote { padding: 0 22px 0 0px; font-family: 'ropa_sansitalic'; font-size: 18px; line-height: 22px; color: #c4551d; background: url('../images/item_quate_img2.png') right bottom no-repeat; }
		
		/* ### right container ### */
		#rightCntr { float: right; width: 310px; }
			
			/* ### news box ### */
			.newsBox { padding: 11px 20px 14px; width: auto; background-color: #206b95; }
			.newsBox ul { list-style-type: none; }
			.newsBox li { margin-bottom: 12px; }
			.newsBox span { font-size: 14px; line-height: 18px; color: #fff; display: block; }
			.newsBox h2 { font-size: 18px; line-height: 18px; color: #fff; font-family: 'ropa_sans_probold'; letter-spacing: 0.06em; }
			.newsBox h2 a { padding-left: 0px; font-size: 14px; line-height: 18px; color: #fff; text-decoration: none; display: inline-block; }
			.newsBox a:hover { color: #df8359; }
			
			/* ### live box ### */
			.liveBox { padding: 12px 19px 13px; width: auto; margin-top: 5px; background-color: #8fb0ca; }			
			.liveBox h2 { padding-bottom: 6px; font-size: 18px; line-height: 18px; color: #206b95; font-family: 'ropa_sans_probold'; letter-spacing: 0.07em; }
			.liveBox h2 span { padding-left: 5px; text-transform: uppercase; color: #df652d; display: inline-block; }
			.liveBox ul { list-style-type: none; }
			.liveBox li { overflow: hidden; box-sizing: border-box; }
			.liveBox li span { font-size: 14px; line-height: 16px; color: #206b95; display: block; float: left; width: auto; }
			.liveBox li span.text { width: 59%; }
			
			/* ### team box ### */
			.teamBox { padding: 19px 14px 27px; min-height: 180px; width: auto; margin-top: 20px; background-color: #d4e0eb; }			
			.teamBox h2 { padding-bottom: 14px; font-size: 22px; line-height: 22px; color: #206b95; font-family: 'ropa_sans_probold'; letter-spacing: 0.07em; text-transform: uppercase; }
			.teamBox h2 span { text-transform: uppercase; color: #df652d; }
			.teamBox ul { list-style-type: none; }
			.teamBox li { overflow: hidden; box-sizing: border-box; }
			.teamBox li span { font-size: 14px; line-height: 18px; color: #206b95; display: block; float: left; width: 52.3%; }
			.teamBox li span.head { width: 47.5%; font-family: 'ropa_sans_probold'; letter-spacing: 0.06em; }
			
			/* ### light box ### */
			.lightBox { width: auto; margin-top: 20px; overflow: hidden; }
			.lightBox ul { list-style-type: none; margin-left: -12px; }
			.lightBox li { float: left; margin: 0 0 8px 11px; min-height: 82px; }
			.lightBox li a { text-decoration: none; display: block; }
			
			/* ### logo box ### */
			.logoBox { padding: 66px 0 22px; width: auto; overflow: hidden; text-align: center; }
			.logoBox img { width: auto; margin: 0 auto 0 33px; } 
			
			/* ### smvideo box ### */
			.smvideoBox { padding-top: 12px; width: auto; }
			.smvideoBox .video { width: auto;  position: relative; }
			.smvideoBox .video a.play { position: absolute; top: 50%; margin-top: -39px; left: 40%; }
			.smvideoBox img.travel { width: 310px; height: 175px; margin: 20px 0; }
			.smvideoBox .text { padding: 17px 15px 23px 18px; width: auto; background-color: #e4e4e4; }
			.smvideoBox .text h2 { padding-bottom: 9px; font-family: 'ropa_sans_probold'; font-size: 22px; line-height: 28px; color: #206b95; letter-spacing: 0.04em; }
			.smvideoBox .text p { font-size: 14px; line-height: 18px; color: #206b95; }
			.smvideoBox .text p a { display: inline-block; line-height: 10px; color: #206b95; border-bottom: 2px solid #82a7bc; text-decoration: none; }
			.smvideoBox .text p a:hover { color: #c4551d; border-bottom-color: #c4551d; }
						
	/* ### footer container ### */
	#footerCntr { width: 100%; }
		
		/* ### footer box ### */
		.footerBox { padding: 16px 0 15px; width: auto; overflow: hidden; background-color: #206b95; }
		.footerBox .col1 { float: left; width: 150px; }
		.footerBox .col2 { width: 130px; }
		.footerBox h2, .footerBox h2 a { font-family: 'ropa_sans_probold'; font-size: 14px; line-height: 18px; color: #fff; letter-spacing: 0.05em; text-decoration: none }
		.footerBox ul { padding-bottom: 18px; list-style-type: none; }
		.footerBox li a { font-size: 14px; line-height: 16px; color: #fff;  text-decoration: none; display: inline-block; }
		.footerBox li a:hover { color: #e28658; }
		.footerBox .right { width: 33%; float: right; }
		.footerBox p {  font-size: 14px; line-height: 17px; color: #fff; text-align: right; }
		.footerBox span { font-size: 14px; line-height: 24px; color: #fff; float: right; }
		.footerBox span a { text-decoration: none; color: #fff; display: inline-block; }
		.footerBox span a:hover { color: #e28658; }