/**

 * @author ( Hai LT )
 */

/* not ready */

*{
	margin: 0;
	padding: 0;
}

body{
    font-size: 100.01%;
    padding: 0px;
    position:relative;
}

/* ###################### general ###################### */

#all{
    padding: 0px;
    text-align: left;
	width: 100%;
}
#header{
    display:block ;
    position:relative;
    padding:0px;
    overflow:hidden;
	float:left;
	width: 100%;
}
#contentarea,
#contentarea2{
	position:relative;
	padding:0 10px;
	z-index:100;
	
}
#contentarea2 #main_left{
	float: left;
	width: 64.2566%;
}
#breadcrumbs {
    float: left;
    width: 40.2%;
}
#social{
	float:right;
}
.breadcrumbs_no{
	margin-left: 0 !important;
}
#wrapper{
	float:left;
	position:relative;
}
#contentarea2 #wrapper{
	margin-left: 24px;
}
#wrapper2{
	width:64.1%;
	margin-left:3.7%;
	float:left;
	position:relative;
	padding-bottom:20px
}

#wrapper2 .item-page{
	max-width:100%;
}
#wrapper3{
	max-width:1234px;
	/* width: 982px; */
	margin:0 auto;
}
#main{
    position: relative;
	/* padding-top:16px; */
   /*  min-height:320px; */
}

#right{
    float:right;
    width: 30.5498%;
    position:relative;
	margin-right:24px;
}

/* ###################### header ###################### */
#banner_head{
	
}
div.mod-languages{
	
}
#masthead{
	position: relative;
	float: left;
	width: 100%;
}
#container-top{
	width:100%;
}
#header-top{
	min-height:42px;
	display: none;
	border-bottom: 1px solid #ededed;
}
.wrapper{
	max-width:1234px;
	margin:0 auto;
	/* box-shadow: 0 11px 0px 0px white, 0 -11px 0px 0px white, 0 0 2px #ccc, 0 0 2px #ccc;
	-webkit-box-shadow: 0 11px 0px 0px white, 0 -11px 0px 0px white, 0 0 2px #ccc, 0 0 2px #ccc;
	-moz-box-shadow: 0 11px 0px 0px white, 0 -11px 0px 0px white, 0 0 2px #ccc, 0 0 2px #ccc; */
}
.datetime_wrapper{
	display: inline-block;
	width:100%; 
}
.articles_content_slider{
	max-width:1234px;
	/* width: 982px; */
	margin:0 auto;
	height:400px;
}

.social{
	float:left;
}
.social p a{
    border-right: 1px solid #ddd;
    display: table;
    float: left;
    height: 41px;
    padding-top: 10px;
    text-align: center;
    width: 38px;
}
.social p a:last-child{
	border-right:none;
}
#langswitcher{
	float:right;
	margin-top:2px;
}
#wrapper-top .search{
	float: right;
	margin-bottom:1px;
}
#wrapper-top .social{
	float: left;
}
.wrapper-lang ul{
	
}
/* ++++++++++++++  nav after content  ++++++++++++++ */
.left{
	padding-top:0px;
	float:right;
	margin:10px 0px 10px 0%;
	width: 21%;
	position:relative;
}
.wrap-text-slider{
	/* margin-left: 5.5%;
    margin-top: 6%; */
    max-width: 1234px;/*  for responsive
    width: 982px; */
    padding-left: 30px;
    text-align: left;
	margin:0 auto; 
}

/* ++++++++++++++  nav before content  ++++++++++++++ */
.left1{
    padding:0px 0 0 0px;
    float: left;
    width: 330px;
    position:relative;
	border: 2px solid #9d9c9c;
}
#contentarea2 .left1{
	width: 245px;
}
.leftbigger{
	width:27.5%;
}


.skiplinks,
.skiplinks li{
    display: inline;
    height: 0px;
    line-height:0;
    padding:0 !important;
}
.skiplinks li a.u2{
    display: inline;
    height: 0px;
    left: -3000px;
    position: absolute;
    top: -2000px;
    width: 0px;
    z-index: 200 !important;
}

.skiplinks li a.u2:active,
.skiplinks li a.u2:focus{
    position:absolute;
    width:13em;
    top:100px;
    left:10px;
    z-index:10;
    line-height:1.5em;
    padding:5px;
    font-weight:bold;
    height:3em
}

.clr{
    border: 0;
    clear: both;
    float: none;
    height: 0;
    margin: 0;
    padding: 0;
    visibility: hidden;
}

/* ###################### main ###################### */
#logo_sponsor{
	width: 100%;
	float: left;
	position:relative;
}
/* ++++++++++++++  position  ++++++++++++++ */
.blog-featured{
	padding: 0;
}

.items-leading{
	overflow:hidden;
	margin-bottom:10px
}

.row-separator{
	display: block;
	clear: both;
	margin: 0;
	border: 0px;
	height:1px
}

.item-separator{
	display: none;
	margin: 0px;
}

.shownocolumns{
	width:100% !important;
	padding: 0 !important;
	margin: 0 !important;
}
.shownocolumns #main .items-leading h2.title,.shownocolumns #main .item-page h2.title{

}

#share_button,#top{
	float: left;
	width: 100%;
	overflow:hidden;
	margin-top: 25px;
}
/* ++++++++++++++  blog  ++++++++++++++ */

.cols-1{
	display: block;
	float: none !important;
	margin: 0 !important;
}

.cols-2 .column-1{
	width:46%;
	float:left;
}

.cols-2 .column-2{
	width:46%;
	float:right;
	margin:0
}

.cols-3 .column-1{
	float:left;
	width:29%;
	padding:0px 5px;
	margin-right:4%

}
.cols-3 .column-2{
	float:left;
	width:29%;
	margin-left:0;
	padding:0px 5px
}
.cols-3 .column-3{
	float:right;
	width:29%;
	padding:0px 5px
}

.items-row{
	overflow:hidden;
	margin-bottom:10px !important;
}

.column-1,
.column-2,
.column-3{
	padding:10px 5px
}

.column-2{
	width:55%;
	margin-left:40%;
}

.column-3{
	width:30%
}

.blog-more{
	padding:10px 5px
}

/* ++++++++++++++  footer  ++++++++++++++ */

#bottom{
	overflow:hidden
}
.box{
	width:27%;
	float:left;
	margin-right:10px;
	min-height:100px;
	position:relative
}

.box1{
	width:35%
}

.box2{
	width:32%
}

.box3{
	float:right
}
#footer-inner{
	max-width:1025px;
	margin:0 auto;
	font-size:0.8em;
	padding:10px 15px 15px 10px;
}
img { border: 0 none; max-width: 100%}
#parallax_main{
	position: absolute;
	width: 50%;
	height: 75%;
	bottom: 0;
	right: 0;
}
.section_content{
	position: relative;
	display: inline-block;
	width: 100%;
}
#parallax_main .parallax-layer{
	position: absolute;
}
#back_ground_tree{
	background: url(../images/tree-3d2.png) center center no-repeat;
	background-size: contain;
	z-index: 2;
	width: 100%;
	height: 100%;
	position: absolute;
	right: -8%;
	bottom: 20px;
}
#back_ground_mountain{
	z-index: 1;
	width: 100%;
	height: 100%;
	position: absolute;
	background: url(../images/mountain-3d2.png) center center no-repeat;
	background-size: contain;
	right: 8%;
    top: -85px;
}
section  .wrapper{
	position: relative;
	background: none;
}
body.homepage{
	overflow: hidden;
}
.homepage #masthead,
.homepage #top_menu{
	transition: all 1s;
}