@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:#5a6b7e;
	}
	
#screen{
	position:absolute; 
	overflow:hidden;
	width:100%; 
	height:100%;
	min-height:500px;  
	background-color:#5a6b7e;
	}

.main_band{ 
	position:relative;
	top:5%;
	margin-left:auto;
	margin-right:auto;
	min-width:640px;
	}

@media screen and (max-width:920px;){ 
	.main_band{
		margin-left:auto;
		margin-right:auto;
		}
	}

#header{
	width:100%;
	height:105px;
	top:0px;
	background-color:#000;
	background-image:url(../images_main/head_grid.jpg);
	background-size:100%;
	-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;
	}

.mainLOGO{
	position:relative;
	float:left;
	width:18%;
	height:72%;
	float:left;
	margin-top:12px;
	margin-left:60px;
	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;
	top:0;
	right:0;
	bottom:0;
	-moz-transform:skew(25deg);
	-webkit-transform:skew(25deg);
	-o-transform:skew(25deg);
	-ms-transform:skew(25deg);
	transform:skew(25deg);
	}
	
#smart_btn{
	display:none;
	}	
	
#menu_body{
	position:relative;
	float:left;
	width:62%;
	height:30px;
	margin-left:2px;
	top:32px;
	background-color:transparent;
	-moz-transform:skew(-25deg);
	-webkit-transform:skew(-25deg);
	-o-transform:skew(-25deg);
	-ms-transform:skew(-25deg);
	transform:skew(-25deg);
	}

#m_menu{
	position:relative;
	width:100%;
	height:100%;
	background-color:transparent;
	}

#m_menu li{
	position:relative;
	width:20%;
	height:100%;
	margin-left:4px;
	padding:0;
	float:left;
	background-color:transparent;
	list-style-type:none;
	line-height:20px;
	}

#m_menu a{
	position:absolute;
	width:60%;
	height:60%;
	padding:7% 20% 6% 20%;
	text-decoration:none;
	background-color:#e7e7e7;
	}
	
#m_menu p{
	font-family:'exo-regular';
	font-size:15px;
	line-height:17px;
	font-weight:regular;
	text-decoration:none;
	text-align:center;
	color:#5b6170;
	-moz-transform:skew(25deg);
	-webkit-transform:skew(25deg);
	-o-transform:skew(25deg);
	-ms-transform:skew(25deg);
	transform:skew(25deg);
	}
	
#m_menu a:hover{
	background-color:#25a9e7;
	}

#m_menu a:hover >p{
	color:white;
	}

#menu_SM{
	display:none;
	}

.pageON{
	border-bottom:solid 4px #25a9e7;
	}
			
#lang_body{
	display:none;
	position:relative;
	float:right;
	width:80px;
	height:35px;
	background-color:transparent;
	z-index:1;
	}
	
#lang_body li {
	position:relative;
	float:right;
	margin-right:6px;
	margin-top:3px;
	width:30px;
	height:30px;
	list-style-type:none;
	}	

#main_frameMS{ /* HOME middle body */
	position:relative;
	overflow:hidden;
	float:left;
	width:78%;
	height:66%;
	left:1%;
	top:1%;
	background-color:#000;
	border-top:solid 3px #ffd62a;
	border-bottom:solid 3px #ffd62a;
	}

.sidebody_descript{
	position:absolute;
	right:-110px;
	width:65%;
	height:66%;
	margin-top:1%;
	background:transparent;
	background-image:url(../images_main/stripes_panel.png);
	background-size:10%;
	-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;
	float:left;
	width:65%;
	height:78%;
	max-width:800px;
	margin-left:13%;
	margin-top:5px;
	-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;
	float:left;
	width:60%;
	height:45px;
	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:21px;
	line-height:37px;
	font-weight:normal;
	font-style:normal;
	color:white;
	}

#home_dspt_text{
	position:relative;
	display:block;
	overflow:auto;
	width:91%;
	height:75%;
	font-family:"exo-regular";
	font-size:14px;
	line-height:17px;
	text-align:justify;
	color:white;
	padding:9px 2px 3px 12px;
	background:rgba(30,30,30,0.7);
	}
	
.partners_title{
	position:relative;
	float:left;
	width:50%;
	height:14px;
	margin-top:3px;
	margin-left:40px;
	font-family:"exo-regular";
	font-size:7px;
	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;
	float:left !important;
	width:93% !important;
	height:40px !important;
	margin-left:17px;
	-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:20px;
	}
	
#LG_thumb img{
	position:absolute;
	width:100%;
	height:auto;
	margin:auto auto auto auto;
	top:0;
	bottom:0;
	left:0;
	right:0;
	}
	
#lang_body li img{
	position:relative;
	border:0px;
	width:30px;
	height:30px;
	}

#downbanner{
	position:absolute;
	width:70%;
	height:13%;
	bottom:0;
	background-color:#313e4e;
	margin-left:15%;
	margin-right:15%;
	min-width:620px;
	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;
	width:120px;
	height:50px;
	bottom:17px;
	margin-left:-7px;
	background-color:transparent;
	-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:6px;
	width:30px;
	height:30px;
	list-style-type:none;
	}		
	
#social_body li img{
	position:relative;
	border:0px;
	width:30px;
	height:30px;
	}
	
#company_body{
	position:absolute;
	float:left;
	width:65%;
	height:45px;
	margin-left:15%;
	bottom:10px;
	background-color:transparent;
	line-height:13px;
	-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:75px;
	height:25px;
	margin-top:20px;
	background-color:#25a9e7;
	}

.credits_body a{text-decoration:none;}

.credits_body p{
	font-family:"exo-regular";
	font-size:13px;
	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 (min-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:780px){

	#header{
	height:16%;
	background-size:cover;
	}

	.mainLOGO{
	width:35%;
	height:65%;
	margin-left:15px;
	}

	#menu_body{
	display:none;
	}

	#smart_btn{
	display:inline;
	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;
	}

	#menu_SM{
	display:none;
	position:absolute;
	width:94%;
	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{
	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;
	width:100%;
	height:44%;
	top:-5%;
	right:0px;
	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;
	float:none;
	display:block;
	width:86%;
	height:78%;
	top:0%;
	margin-left:auto;
	margin-right:auto;
	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:47%;
	height:48px;
	}

	#home_dspt_text{
	position:relative;
	font-size:15px;
	line-height:18px;
	width:97%;
	height:73%;
	font-size:15px;
	line-height:18px;
	padding:9px 8px 3px 8px;
	}


	.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;
	}	
	
}


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