html,body{
	width:100%;
	height:100%;
}
body{
	font-family:Dosis;
	width:100%;
	overflow:hidden;
	white-space: nowrap;
}
#btn-pin-list, #btn-close-news, #btn-close, .btn-sub, .sub, .pin-detail-close{
	cursor:pointer;
}
.rotate{
	-webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
}
.rotate_r{
	-webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
}
.bottom25{
	margin-bottom:25px;
}
.clear_b{
	clear:both;
}

#lang-sm-div{
	font-size:14px !important;
	cursor:default !important;
	color:#666!important;
}
#lang-sm-div{
	margin-top:25px;
	margin-right:25px;
}
#lang-sm-div span{
	cursor:pointer;
}
#lang-div span:hover, #lang-sm-div span:hover{
	color:#693;
}
a{
	color:#f7a501;
	outline:0;
}
a:hover{
	color:#f7a501;
	text-decoration:underline;
}

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- Header CSS */
#header-md-div{
	width:100%;
	top:0px;
	background:#FFF;
	border-bottom:1px solid #046431;
	z-index:100;
}
#header-md-menu{
	float:right;
	padding:0 5px;
}
#header-md-menu ul{
	list-style-type: none;
    margin: 26px 0 0;
    padding: 0;
}
#header-md-menu > ul > li{
	display:inline-block;
	margin-left: 15px;
}
#lang-div{
	display:inline-block;
	padding:0px 15px;
	margin-left: 15px;
	font-size: 17px;
	letter-spacing: 0.2px;
	text-transform: uppercase;
	color: #00612e;
	cursor: pointer;
}
#header-md-menu > ul > li >a{
	padding:0px 15px;
	font-size:17px;
	letter-spacing: 0.2px;
	text-transform:uppercase;
	color:#00612e;
	cursor:pointer;
}
#header-md-menu > ul > li.active{
	background:#d4ebdf;
}

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- Footer CSS */
#footer-md-div{
	width:100%;
	max-height:100%;
	background:#00612e;
	bottom:0px;
	z-index:100;
}
#footer-md-btn{
	color:#badbca;
	display:inline-block;
	font-size:13px;
	letter-spacing: 0.2px;
	text-transform:uppercase;
	cursor:pointer;
}
#footer-md-btn img{
	margin:5px 0px 2px;
}
#footer-md-detail{
	height:5000px;
	padding:10px 0;
	color:#FFF;
	text-align:left;
	white-space:normal;
	display:none;
}
#footer-md-detail .title{
	font-size:1.2em;
	/*font-weight:bold;*/
}

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- Content CSS */
#body-md-div{
	width:100%;
	height:100%;
	margin: 0px auto;
}

#icon-pin, #icon-news, #icon-close{
	position:fixed;
	z-index:50;
	top:71px;
	right:0px; 
}
#icon-news, #icon-close{
	display:none;	
}


.description-div{
	position:relative;
	z-index:11;
}
.description-blog{
	max-width:890px;
	margin:0px auto;
	width:100%;
	position:relative;
}
.description-blog.home{
	max-width: inherit !important;
}

.logo-md-div{
	position:absolute;
	width:100%;
	bottom:0px;
}
.logo-md-div .row{
	width:970px;
	position:relative;
	margin:0 auto;
	z-index:10;
}
.logo-md-div .logo-div{
	position:absolute;
	bottom:28px;
}
.logo-md-div .home-text{
	position:absolute;
	bottom:75px;
	left:200px;
	font-size:36px;
	color:#FFF;
}


.page-content{
	display: inline-block;
	vertical-align:top;
	width:101%;
	height:100%;
	padding-left:-1px;
	white-space:normal;
	position:relative;
}
#home.page-content{
	margin-left:0px;
}
.contact_form div{
	margin-bottom:5px;
}
.contact_form input, .contact_form textarea{
	width:100%;
	resize:none;
	color:#333;
	margin-bottom:5px;
}
.contact_form button{
	width:auto;
	color:#333;
}
/*
#page2{
	background:#badbca;
}
#page2 .description-div, #page2 .sub-arrow-menu{
	background:#89cdaa;
}

#page3{
	background:#8fc2dc;
}
#page3 .description-div, #page3 .sub-arrow-menu{
	background:#3a9acc;
}

#page4{
	background:#badbca;
}
#page4 .description-div, #page4 .sub-arrow-menu{
	background:#89cdaa;
}

#page5{
	background:#a8c166;
}
#page5 .description-div{
	background:#8aad2b;
}
*/

.description-content{
	margin:0px auto;
	padding:171px 0px 5px;
	z-index:20;
}
.description-content hr{
	margin:0px;
}

.description-title, #footer-md-detail .title{
	font-size:46px;
	color:#fff;
	margin-bottom:30px;
}
.description-banner{
	margin-bottom:30px;
}
.description-text{
	color:#FFF;
	height:20%;
	/*margin-bottom:80px;*/
	padding-right:10px;
	font-size:16px;
}
.sub-box{
	text-align:center;
	padding-bottom:8px;
}
.sub-arrow-menu{
	margin:0px auto;
	width:62px;
	z-index:11;
	position:relative;
}
.sub, .sub-sm-div{
	padding:5px;
	border-radius:4px;
	background:rgba(0,0,0,0.2);
	display:inline-block;
	margin-top:10px;
	margin-right:5px;
	color:#FFF;
}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- News CSS */
#news-md-div{
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	z-index:40;
	display:none
}
#news-md-container{
	max-width: 890px;
	margin: 171px auto 0px;
	width: 100%;
	position: relative;
	white-space:normal;
}
#news-md-container .news-title{
	margin-bottom:20px;
	font-size:24px;
	text-transform:uppercase;
	/*font-weight:bold;*/
	color:#FFF;
}
.news-md-panel{
	/*width:875px !important;*/
	display:none;
}
.news-md-panel .image{
	margin-bottom:30px;
}

.news-md-panel .detail{
	font-size:16px;
	color:#FFF;
}
.news-md-footer-div{
	position:fixed;
	bottom:30px;
	width:875px;
	display:none;
}
.news-md-footer-div .img-div{
	float:left;
}
.news-md-footer-div .img-div img{
	max-height:200px;
	max-width:200px;
	padding-right:10px;
}
.news-md-footer-div .txt-div{
	font-size:36px;
	color:#FFF;
}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- Pin CSS */
#pin-md-div{
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	z-index:41;
	display:none
}
#pin-list-div, #pin-detail-div{
	max-width: 890px;
	margin: 171px auto 0px;
	width: 100%;
	position: relative;
	display:none;
	white-space:normal;
}


#pin-list-title{
	font-size:46px;
	color:#fff;
	margin-bottom:30px;
}
#pin-list-item{
	width: 875px !important;
}
.list-story img{
	float:left;
}
.list-story .detail{
	margin-left:170px;
	color:#FFF;
	padding-top:20px;
}
.list-story .detail .title{
	font-size:24px;
}
.list-story .detail .summary{
	font-size:16px;
	line-height:20px;
	height:40px;
	margin-bottom:20px;
}
.list-story .detail .more{
	font-size:16px;
	cursor:pointer;
	display:inline-block;
}

.pin-detail-close{
	font-size:46px;
	color:#fff;
	margin-bottom:30px;
}
#pin-md-container{
	max-width: 890px;
	margin: 171px auto 0px;
	width: 100%;
	position: relative;
	white-space:normal;
}
#pin-md-container .title_story{
	margin-bottom:20px;
	font-size:24px;
	text-transform:uppercase;
	/*font-weight:bold;*/
	color:#FFF;
}
.pin-md-panel{
	width:875px !important;
	display:none;
}
.pin-md-panel .image{
	margin-bottom:30px;
}

.pin-md-panel .detail{
	font-size:16px;
	color:#FFF;
}












@media (max-width: 991px) {
body{
	overflow:auto;
}
#header-sm-div{
	width:100%;
	position:fixed;
	z-index:100;
}
#nav-sm-menu{
	background: #FFF;
	border:none;
	border-bottom:1px solid #046431;
	border-radius:0px;
	text-transform:uppercase;
}

#news-popup, #close-popup{
	display:none;
}
.overlay-sm-div{
	margin-top:71px;
	width:100px;
	position:fixed;
	right:0px;
	z-index:50;
}
#logo-sm-div{
	margin-left:15px;
}
#btn-sm-pin-list, #btn-sm-pin-close, #btn-sm-news-close, #nav-sm-menu li a[data-id], .sub-sm-div, .pin-sm-detail-close{
	cursor:pointer;
}


/*------------------ Footer CSS */
.footer-logo-sm-div{		/*uncheck*/
	position:relative;
	z-index:10;
	width:80%;
	margin:0px auto;
	text-align:center;
	margin-bottom:-30px;
}
.footer-logo-sm-div .box{		/*uncheck*/
	margin:0px auto;
	display:inline-block;
}
.footer-logo-sm-img{		/*uncheck*/
	width:40px;
	margin-right:5px;
	float:left;
}
.footer-logo-sm-txt{		/*uncheck*/
	font-size:14px;
	color:#FFF;
	float:left;
	text-align:left;
}



#footer-sm-detail{
	color:#FFF;
	text-align:left;
	white-space:normal;
}
#footer-sm-detail .title{	
	font-size:1.2em;
	font-weight:bold;
}



.page-sm-div{
	 width:100%;
	 display:none;	 
	 padding:121px 15px 30px;
	 white-space:normal;
}
.description-sm-title{
	font-size:46px;
	line-height:50px;
	color:#fff;
	margin-bottom:30px;
	z-index:5;
}
.description-sm-image{
	margin-bottom:20px;
}
.description-sm-text{
	color:#FFF;
	font-size:16px;
}
.description-sm-submenu{
	margin-bottom:20px;
}
/*
#page1-sm{


}
#page2-sm{

	background:#09F;
}
#page3-sm{
	background:#96C;
}
#page4-sm{
	background:#6C0;
}
#page5-sm{
	background:#C33;
}
#page6-sm{
	background:#00612e;
}
*/








#news-sm-div{
	z-index:40;
	width:100%;
	display:none;	 
	padding:121px 15px 30px;
	white-space:normal;
}

.news-sm-panel{
	display:none;
	position:relative;
}
.news-sm-panel .image{		
	margin-bottom:30px;
}
.news-sm-panel .title{		
	margin-bottom:20px;
	font-size:24px;
	text-transform:uppercase;
	/*font-weight:bold;*/
	color:#FFF;
}
.news-sm-panel .detail{		
	font-size:16px;
	color:#FFF;
}
.news-sm-footer-div{
	padding-top:20px;
	font-size:20px;
	color:#FFF;
	position:absolute;
	width:100%;
	bottom:-30px;
}
.news-sm-footer-div .img-div{
	float:left;
}
.news-sm-footer-div .img-div img{
	max-height:200px;
	max-width:200px;
	padding-right:10px;
}






#pin-sm-div{	
	z-index:41;
	width:100%;
	display:none;	 
	padding:121px 15px 30px;
	white-space:normal;
}
#pin-sm-list-div, #pin-sm-detail-div{
	padding:0px 15px;
	margin: 0px auto;
	width: 100%;
	position: relative;
	display:none;
	white-space:normal;
}


#pin-sm-list-title{
	font-size:46px;
	color:#fff;
	margin-bottom:30px;
}

.list-sm-story img{	
	float:left;
	width:80px;
	height:80px;
}
.list-sm-story .detail{
	margin-left:100px;
	color:#FFF;
	padding-top:0px;
}
.list-sm-story .detail .title{	
	font-size:24px;
	line-height:24px;
}
.list-sm-story .detail .summary{
	font-size:16px;
	line-height:20px;
	height:40px;
	margin-bottom:20px;
}
.list-sm-story .detail .more-sm{
	font-size:16px;
	cursor:pointer;
	display:inline-block;
}




.pin-sm-detail-close{
	font-size:46px;
	color:#fff;
	margin-bottom:30px;
}
.pin-sm-panel{
	display:none;
}
.pin-sm-panel .image{
	margin-bottom:30px;
}
.pin-sm-panel .title{
	margin-bottom:20px;
	font-size:24px;
	text-transform:uppercase;
	/*font-weight:bold;*/
	color:#FFF;
}
.pin-sm-panel .detail{
	font-size:16px;
	color:#FFF;
}

}