@charset "utf-8";
/* CSS Document */


* {margin:0px; padding:0px;}


/*=== LOADER ===*/
#loading{
	position:fixed;
	width:100%; 
	height:100%; 
	background-color:#5a6b7e;
	background-image:url(../images_main/jolly_loadicon.png);
	background-repeat:no-repeat;
	background-position:center;
	z-index:9998;
	}
	
#loadtext{
	position:relative;
	color:white;
	text-align:center;
	top:59%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	font-style:normal;
	letter-spacing:1px;
	cursor:wait;
	}
/*=== END LOADER ===*/


html{
	background-color:#F5EBD8;
	}
	
#screen{
	position:absolute;
	overflow:hidden; 
	width:100%; 
	height:100%;
	min-height:480px;
	background-color:#5a6b7e;
	}

.main_band{ 
	position:relative;
	width:95%;
	height:115px;
	top:2%;
	margin-left:auto;
	margin-right:auto;
	min-width:278px;
	}

@media screen and (max-width:680px){ 
	.main_band{
		margin-left:auto;
		margin-right:auto;
		}
	}
	
#header{
	height:19%;
	width:100%;
	max-height:130px;
	min-height:60px;
	top:0px;
	background-color:#000;
	background-image:url(../images_main/head_grid.jpg);
	background-size:cover;
	-moz-box-shadow:inset 0 0 9px 1px #000;
	-webkit-box-shadow:inset 0 0 9px 1px #000;
	box-shadow:inset 0 0 14px 3px #000;
	}

#smart_btn{
	position:relative;
	float:left;
	width:8%;
	height:15%;
	min-height:50px;
	max-height:170px;
	margin-top:6px;
	margin-left:70px;
	-moz-transform:skew(-25deg);
	-webkit-transform:skew(-25deg);
	-o-transform:skew(-25deg);
	-ms-transform:skew(-25deg);
	transform:skew(-25deg);
	z-index:9988;
	background-color:#e7e7e7;
	cursor:pointer;
	}	

#smart_btn img{
	position:absolute;
	width:90%;
	height:auto;
	margin:auto auto auto auto;
	top:0;
	bottom:0;
	left:0;
	right:0;
	-moz-transform:skew(25deg);
	-webkit-transform:skew(25deg);
	-o-transform:skew(25deg);
	-ms-transform:skew(25deg);
	transform:skew(25deg);
	}

#smart_btn:hover{
	background-color:#25a9e7;
	}
#smart_btn:hover >#off{
	display:none;
	}

.mainLOGO{
	position:relative;
	width:20%;
	height:80%;
	max-height:130px;
	float:left;
	margin-top:5px;
	margin-left:10px;
	border-radius:2px;
	background-color:#5b6170;
	-moz-transform:skew(-25deg);
	-webkit-transform:skew(-25deg);
	-o-transform:skew(-25deg);
	-ms-transform:skew(-25deg);
	transform:skew(-25deg);
	z-index:1;
	}

.mainLOGO img{
	position:absolute;
	width:100%;
	height:auto;
	margin:7px auto auto auto;
	left:0;
	right:0;
	top:0;
	bottom:0;
	-moz-transform:skew(25deg);
	-webkit-transform:skew(25deg);
	-o-transform:skew(25deg);
	-ms-transform:skew(25deg);
	transform:skew(25deg);
	}
	
#lang_body{
	display:none;
	position:relative;
	float:right;
	width:20%;
	height:30px;
	background-color:transparent;
	z-index:1;
	}
	
#lang_body li {
	position:relative;
	float:right;
	margin-right:6px;
	margin-top:3px;
	width:25px;
	height:25px;
	list-style-type:none;
	}	

#lang_body li img{
	position:relative;
	border:0px;
	width:25px;
	height:25px;
	}
	
#menu_body{
	display:none;
	}

#menu_SM{
	display:none;
	position:absolute;
	width:50%;
	height:auto;
	padding:5px 0px 25px 0px;
	background-color:#e7e7e7;
	z-index:9999;
	}
	
#menu_SM li{
	position:relative;
	display:block;
	width:100%;
	height:55px;
	list-style:none;
	border-bottom:solid 1px #CFCDDA;
	background-color:transparent;
	}

#menu_SM a{
	position:absolute;
	width:90%;
	height:100%;
	padding-left:10%;
	text-decoration:none;
	background-color:transparent;
	}

#menu_SM p{
	font-family:"exo-regular";
	font-size:19px;
	line-height:55px;
	color:#5b6170;
	}

#menu_SM a:hover{
	background-color:#25a9e7;
	}	
#menu_SM a:hover >p{
	color:white;
	}
	
.pageON_SM{
	border-bottom:solid 4px #25a9e7;
	}

#main_frameMS{ /* HOME */
	position:relative;
	overflow:hidden;
	float:left;
	width:70%;
	height:60%;
	margin-left:1%;
	top:1%;
	background-color:#000;
	border-top:solid 3px #ffd62a;
	border-bottom:solid 3px #ffd62a;
	}
	
.sidebody_descript{
	position:absolute;
	float:right;
	right:-90px;
	width:64%;
	height:80%;
	top:1%;
	background:transparent;
	background-image:url(../images_main/stripes_panel.png);
	background-size:6%;
	-moz-transform:skew(-25deg);
	-webkit-transform:skew(-25deg);
	-o-transform:skew(-25deg);
	-ms-transform:skew(-25deg);
	transform:skew(-25deg);
	z-index:100;
	}	
	
#home_dspt_body{
	position:relative;
	overflow:hidden;
	width:60%;
	height:78%;
	left:12%;
	top:1%;
	-moz-transform:skew(25deg);
	-webkit-transform:skew(25deg);
	-o-transform:skew(25deg);
	-ms-transform:skew(25deg);
	transform:skew(25deg);
	}
	
#home_dspt_title{
	position:relative;
	display:block;
	width:77%;
	height:52px;
	min-width:230px;
	background-image:url(../images_main/TTL_banner.png);
	background-size:100%;
	background-repeat:no-repeat;
	}

#home_dspt_title h3{
	margin-left:12%;
	font-family:"exo-regular";
	font-size:19px;
	line-height:34px;
	font-weight:normal;
	font-style:normal;
	color:white;
	}

#home_dspt_text{
	position:relative;
	display:block;
	overflow:auto;
	width:100%;
	height:77%;
	font-family:"exo-regular";
	font-size:14px;
	line-height:17px;
	text-align:justify;
	padding:5px 3px 5px 9px;
	color:white;
	background:rgba(30,30,30,0.7);
	}

.partners_title{
	position:relative;
	float:left;
	width:50%;
	height:14px;
	margin-top:15px;
	margin-left:23px;
	font-family:"exo-regular";
	font-size:10px;
	letter-spacing:2px;
	-moz-transform:skew(25deg);
	-webkit-transform:skew(25deg);
	-o-transform:skew(25deg);
	-ms-transform:skew(25deg);
	transform:skew(25deg);
	color:white;
	}

.caroufredsel_wrapper{
	position:relative !important;
	float:left;
	width:93% !important;
	height:65px !important;
	margin-left:30px;
	top:0;
	-moz-transform:skew(13deg);
	-webkit-transform:skew(13deg);
	-o-transform:skew(13deg);
	-ms-transform:skew(13deg);
	transform:skew(13deg);
	}

.spns_slider{
	position:relative;
	display:block;
	overflow:hidden;
	float:left;
	width:93%;
	height:40px;
	background:rgba(30,30,30,0.1);
	}
	
#LG_thumb{
	position:relative;
	float:left;
	width:120px !important;
	height:40px;
	margin-top:1px;
	margin-left:10px;
	}

#LG_thumb img{
	position:absolute;
	width:100%;
	height:auto;
	margin:auto auto auto auto;
	top:0;
	bottom:0;
	left:0;
	right:0;
	}
		
#downbanner{
	position:absolute;
	width:86%;
	height:16%;
	bottom:0;
	background-color:#313e4e;
	margin-left:7%;
	margin-right:7%;
	min-width:520px;
	z-index:300;
	-moz-transform:skew(-25deg);
	-webkit-transform:skew(-25deg);
	-o-transform:skew(-25deg);
	-ms-transform:skew(-25deg);
	transform:skew(-25deg);
	}
		
#social_body{
	position:absolute;
	overflow:hidden;
	width:100px;
	height:30px;
	bottom:30px;
	background-color:transparent;
	margin-left:-8px;
	-moz-transform:skew(25deg);
	-webkit-transform:skew(25deg);
	-o-transform:skew(25deg);
	-ms-transform:skew(25deg);
	transform:skew(25deg);
	}	
	
#social_body li {
	position:relative;
	float:left;
	margin-right:7px;
	width:30px;
	height:30px;
	list-style-type:none;
	}		
	
#social_body li img{
	position:relative;
	border:0px;
	width:100%;
	height:auto;
	}

#company_body{
	position:absolute;
	overflow:hidden;
	float:left;
	width:70%;
	height:47px;
	margin-left:18%;
	bottom:12px;
	background-color:transparent;
	line-height:12px;
	-moz-transform:skew(25deg);
	-webkit-transform:skew(25deg);
	-o-transform:skew(25deg);
	-ms-transform:skew(25deg);
	transform:skew(25deg);
	}

#company_body h2{
	font-family:"exo-regular";
	font-size:12px;
	font-weight:normal;
	text-align:left;
	color:#ffd62a;
	}
	
#company_body p {
	font-family:"exo-regular";
	font-size:12px;
	font-weight:normal;
	text-align:left;
	color:white;	
	}

.credits_body{
	position:absolute;
	right:-4%;
	width:63px;
	height:25px;
	margin-top:20px;
	background-color:#25a9e7;
	}	

.credits_body a{text-decoration:none;}

.credits_body p{
	font-family:"exo-regular";
	font-size:12px;
	line-height:26px;
	text-align:center;
	text-decoration:none;
	color:white;
	-moz-transform:skew(25deg);
	-webkit-transform:skew(25deg);
	-o-transform:skew(25deg);
	-ms-transform:skew(25deg);
	transform:skew(25deg);
	}

@media screen and (max-width:780px){
	
	
	#main_frameL{
		display:none;
		}		
	#main_frameL img{
		display:none;
		}
	#main_frameMS{
		display:inherit;
		overflow:hidden;
		}
	}
	


@media screen and (orientation:portrait) and (min-width:320px){
	
	#header{
	height:16%;
	background-size:cover;
	}

	#smart_btn{
	min-height:40px;
	width:12%;
	margin-left:85px;
	}

	#menu_SM{
	position:absolute;
	width:100%;
	height:auto;
	padding:5px 0px 25px 0px;
	}

	.mainLOGO{
	width:35%;
	height:65%;
	}

	#main_frameMS{
	position:relative;
	display:block;
	float:none;
	width:100%;
	height:33%;
	margin-left:0;
	top:1%;
	border-top:solid 3px #e6c85a;
	border-bottom:solid 3px #e6c85a;
	}

	.sidebody_descript{
	position:relative;
	display:block;
	float:none;
	right:0px;
	width:100%;
	height:44%;
	top:-5%;
	background:transparent;
	background-image:url(../images_main/stripes_panel.png);
	background-size:6%;
	-moz-transform:skew(0deg);
	-webkit-transform:skew(0deg);
	-o-transform:skew(0deg);
	-ms-transform:skew(0deg);
	transform:skew(0deg);
	}
		
	#home_dspt_body{
	position:relative;
	display:block;
	width:94%;
	height:78%;
	left:3%;
	right:3%;
	top:0%;
	background-color:transparent;
	-moz-transform:skew(0deg);
	-webkit-transform:skew(0deg);
	-o-transform:skew(0deg);
	-ms-transform:skew(0deg);
	transform:skew(0deg);
	}
	
	#home_dspt_title{
	position:relative;
	width:53%;
	height:48px;
	}

	#home_dspt_text{
	position:relative;
	width:97%;
	height:73%;
	font-size:13px;
	line-height:14px;
	}


.partners_title{
	position:relative;
	float:left;
	width:70%;
	height:12px;
	margin-top:5px;
	font-size:8px;
	letter-spacing:2px;
	-moz-transform:skew(0deg);
	-webkit-transform:skew(0deg);
	-o-transform:skew(0deg);
	-ms-transform:skew(0deg);
	transform:skew(0deg);
	}

/*== LOGO SLIDER ==*/

.caroufredsel_wrapper{
	position:relative !important;
	float:left !important;
	width:93% !important;
	height:50px !important;
	margin-left:30px;
	top:0;
	-moz-transform:skew(0deg);
	-webkit-transform:skew(0deg);
	-o-transform:skew(0deg);
	-ms-transform:skew(0deg);
	transform:skew(0deg);
	}

.spns_slider{
	position:relative;
	display:block;
	overflow:hidden;
	float:left;
	width:93%;
	height:40px;
	background:rgba(30,30,30,0.1);
	}
	
#LG_thumb{
	position:relative;
	float:left;
	width:110px;
	height:40px;
	margin-top:1px;
	margin-left:10px;
	}

/*===========*/

	#downbanner{
	width:86%;
	height:12%;
	margin-left:7%;
	margin-right:7%;
	min-width:180px;
	}

	#social_body{
	width:33px;
	height:80px;
	bottom:5px;
	margin-left:-8px;
	}

	#social_body li {
	margin-top:2px;
	width:32px;
	height:32px;
	}
	
	#social_body li img{
	border:0px;
	width:auto;
	height:100%;
	}
	
	#company_body{
	overflow:hidden;
	width:70%;
	height:70%;
	margin-left:12%;
	bottom:10px;
	}
	
	.credits_body{
	margin-top:30px;
	}	

	
}


@media screen and (orientation:portrait) and (min-width:560px){

	#header{
	height:17%;
	max-height:130px;
	}

	#smart_btn{
	min-height:55px;
	width:10%;
	margin-left:120px;
	}

	.mainLOGO{
	position:relative;
	width:30%;
	height:60%;
	max-height:130px;
	}

	#main_frameMS{
	width:100%;
	height:42%;
	top:2%;
	}

	.sidebody_descript{
	height:45%;
	top:-3%;
	background-size:6%;
	}

	#home_dspt_body{
	width:95%;
	height:55%;
	left:3%;
	right:3%;
	top:3%;
	}

	#home_dspt_title{
	position:relative;
	float:left;
	width:42%;
	height:46px;
	}

	#home_dspt_title h3{
	font-size:22px;
	line-height:38px;
	}

	#home_dspt_text{
	position:relative;
	width:97%;
	height:75%;
	font-size:15px;
	line-height:16px;
	}
	

/*== LOGO SLIDER ==*/

.partners_title{
	margin-top:20px;
	height:20px;
	}

.spns_slider{
	position:relative;
	display:block;
	overflow:hidden;
	float:left;
	width:93%;
	height:40px;
	background:rgba(30,30,30,0.1);
	}
	
#LG_thumb{
	position:relative;
	float:left;
	width:160px !important;
	height:40px;
	margin-top:1px;
	margin-left:10px;
	}

/*===========*/


#downbanner{
	width:84%;
	height:13%;
	bottom:0;
	margin-left:8%;
	margin-right:8%;
	min-width:280px;
	min-height:85px;
	z-index:100;
	}		
	
#company_body{
	width:75%;
	height:70%;
	margin-left:10%;
	}

#company_body h2{
	font-size:15px;
	line-height:20px;
	}
	
#company_body p {
	font-size:13px;
	line-height:13px;
	}
}

/* Inside also are all the elements of the Home page layout (middle body)
 for SMARTPHONE version */