/** CONSTANTS **/
html,body{
	font-size:8px;
}
header,section,footer{
	min-width:0;
	min-height:0 !important;
}
.box{
	width:100%;
}
.content{
	padding:0 10px;
}
.left,
.right{
	float:none;
}
.half{
	width:auto;
}
.desktop{
	display:none;
}
.touch{
	display:block;
}


/* TOUCH MENU */
#touch-menu-trigger{
	display:block;
	position:fixed;
	top:25px;
	left:14px;
	
	-webkit-transform:translateX(0px);
	transform:translateX(0px);
	-webkit-transition:all ease .5s;
	transition:all ease .5s;
	
	width:30px;
	height:24px;
	z-index:46;
}
#touch-menu-trigger:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	
	width:100%;
	height:9px;
	border-top:2px solid #FBD000;
	border-bottom:2px solid #FBD000;
	
	-webkit-transition:all ease .5s;
	transition:all ease .5s;
}
#touch-menu-trigger.active{
	-webkit-transform:translateX(235px);
	transform:translateX(235px);
}
#touch-menu-trigger.active:before{
	width:50%;
}
#touch-menu-trigger:after{
	content:'';
	position:absolute;
	bottom:0;
	left:0;
	
	min-width:100%;
	height:0;
	border-bottom:2px solid #FBD000;
	
	-webkit-transition:all ease .5s;
	-moz-transition:all ease .5s;
	-o-transition:all ease .5s;
	transition:all ease .5s;
}
#touch-menu-trigger.active:after{
	min-width:50%;
}
.header-touch-menu{
	position:fixed;
	display:block;
	padding-top:13px;
	height:100%;
	border-right:4px solid #ddd;
	background:#fff;
	
	-webkit-transform:translateX(-280px);
	transform:translateX(-280px);
	-webkit-transition:all ease .5s;
	transition:all ease .5s;
	z-index:45;
}
.header-touch-menu>ul>li{
	list-style:none;
	position:relative;
}
.header-touch-menu>ul>li:after{
	content:'';
	position:absolute;
	left:0px;
	bottom:0px;
	
	width:100%;
	height:1px;
	background:#e3e3e3;
	background:-webkit-gradient(linear, left top, right top, color-stop(25%,#e3e3e3), color-stop(100%,#ffffff));
	background:-webkit-linear-gradient(left,  #e3e3e3 25%,#ffffff 100%);
	background:linear-gradient(to right,  #e3e3e3 25%,#ffffff 100%);
}
.header-touch-menu>ul>li:last-child:after{
	content:none;
}
.header-touch-menu>ul>li>a{
	position:relative;
	display:inline-block;
	box-sizing:border-box;
	padding:16px 0 16px 40px;
	width:276px;
	font:300 1.8rem/2rem Roboto;
}
.header-touch-menu ul li a:hover{
	background:#254f85;
	color:#fbd000;
}
.header-touch-menu.show{
	-webkit-transform:translateX(0px);
	transform:translateX(0px);
}
.htm-logo-container{
	position:absolute;
	left:0px;
	bottom:0px;
	padding-bottom:25px;
	width:100%;
}


/** header **/
.header-top-container{
	height:74px;
}
.header-top{
	height:70px;
}
.header-top-logo.left{
	padding:14px 0 0;
	width:100%;
	text-align:center;
}
.header-top.transparency{
	opacity:1;
}
.header-main{
	position:relative;
	margin-bottom:180px;
	padding-top:50.522%;
	height:0px;
}
.slider-container{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}
header .bx-wrapper,
header .bx-viewport,
header #slider-header{
	height:100% !important;
}
#slider-header .slide{
	height:100%;
	background-size:cover;
}
#slider-header .slide:nth-child(2){
	background:url(../assets/slider/header/1.min.jpg)center no-repeat;
}
#slider-header .slide:nth-child(3){
	background:url(../assets/slider/header/2.min.jpg)center no-repeat;
}
#slider-header .slide:nth-child(4){
	background:url(../assets/slider/header/3.min.jpg)center no-repeat;
}
#slider-header .slide:nth-child(5){
	background:url(../assets/slider/header/1.min.jpg)center no-repeat;
}
.header-main .box{
	position:relative;
	left:auto;
	margin-left:0px;
}
.header-main .content{
	padding-left:15px;
	text-align:center;
}
.header-main h1{
	padding:2rem 0px 1.6rem;
}
.header-main .btn{
	position:relative;
	z-index:5;
}


/** POSITION **/
.position{
	background:url(../assets/images/touch/bg-1.jpg)center no-repeat;
}
.position .content{
	text-align:center;
}
.position .cell{
	margin-bottom:20px;
	width:280px;
}


/** SPEECH **/
.speech{
	background:url(../assets/images/touch/bg-2.jpg)center no-repeat;
}
.speech .content{
	padding-left:0px;
	padding-right:0px;
}
.speech-figure-txt{
	padding:7rem 20px 6rem;
	width:auto;
}
.speech-figure-txt:before,
.speech-figure-txt:after{
	left:50%;
	margin-left:-18px;
}
.speech-figure-txt:before{
    top:20px;
}
.speech-figure-txt:after{
    bottom:10px;
}


/** ACTIVITIES **/
.activities .content{
	text-align:center;
}
.activities .cell{
	padding-left:20px !important; 
	width:280px;
	text-align:left;
}
.activities .cell:before{
	content:none !important;
}
.activities .cell:after{
	left:10px !important;
}


/** NEWS **/
.news .content{
	padding-bottom:9rem;
}
.news-slider-container.touch{
	margin:0 auto;
	max-width:340px;
	width:100%;
	text-align:center;
}


/** FEEDBACKS **/
.feedbacks .content{
	text-align:center;
}
.feedbacks .cell{
	margin-bottom:24px;
	width:280px;
}


/** FOOTER **/
.footer .content {
	padding-left:15px;
	padding-right:15px;
}