@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:620px;
	max-width:1920px; 
	background-color:#5a6b7e;
	}

.main_band{ 
	position:relative;
	margin-left:auto;
	margin-right:auto;
	min-width:640px;
	}
	
@media screen and (max-width:1440px){ 
	.main_band{
		margin-left:auto;
		margin-right:auto;
		}
	}

#header{
	width:100%;
	height:135px;
	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;
	width:13%;
	height:60%;
	float:left;
	margin-top:17px;
	margin-left:90px;
	border-radius:2px;
	min-width:170px;
	max-width:400px;
	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:8px 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);
	}

#smart_btn{
	display:none;
	}	

#menu_SM{
	display:none;
	}

#menu_body{
	position:relative;
	float:left;
	width:67%;
	height:30px;
	margin-left:6px;
	top:35px;
	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:90%;
	height:100%;
	background-color:transparent;
	}

#m_menu li{
	position:relative;
	float:left;
	width:18%;
	height:100%;
	margin-left:4px;
	padding:0;
	background-color:transparent;
	list-style-type:none;
	line-height:20px;
	}
	
#m_menu a{
	position:absolute;
	width:60%;
	height:43%;
	padding:7% 20% 6% 20%;
	background-color:#e7e7e7;
	}

#m_menu p{
	font-family:'exo-regular';
	font-size:15px;
	line-height:15px;
	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;
	}

.pageON{
	border-bottom:solid 4px #25a9e7;
	}

#lang_body{
	display:none;
	position:relative;
	float:right;
	width:80px;
	height:30px;
	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;
	}	

#lang_body li img{
	position:relative;
	border:0px;
	width:30px;
	height:30px;
	}

#main_frameL{ /* HOME */
	position:relative;
	overflow:hidden;
	float:left;
	width:75%;
	height:65%;
	left:1%;
	top:2%;
	background-color:#000;
	border-top:solid 3px #ffd62a;
	border-bottom:solid 3px #ffd62a;
	}

.sidebody_descript{
	position:absolute;
	right:-120px;
	width:53%;
	height:66%;
	margin-top:1%;
	background-color: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:53%;
	height:81%;
	max-width:800px;
	margin-left:15%;
	margin-top:10px;
	-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:78%;
	height:58px;
	max-width:400px;
	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:22px;
	line-height:42px;
	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:13px;
	line-height:16px;
	text-align:justify;
	color:white;
	padding:17px 10px 5px 20px;
	background:rgba(30,30,30,0.7);
	}

.partners_title{
	position:relative;
	float:left;
	width:50%;
	height:12px;
	margin-top:4px;
	margin-left:40px;
	font-family:"exo-regular";
	font-size:8px;
	letter-spacing:2px;
	-moz-transform:skew(25deg);
	-webkit-transform:skew(25deg);
	-o-transform:skew(25deg);
	-ms-transform:skew(25deg);
	transform:skew(25deg);
	color:white;
	background color:yellow;
	}

.caroufredsel_wrapper{ 
	position:relative;
	float:left !important;
	width:91% !important;
	height:45px !important;
	margin-left:40px;
	-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:91%;
	height:45px;
	background:rgba(30,30,30,0.1);
	}
		
#LG_thumb{
	position:relative;
	float:left;
	width:135px !important;
	height:45px;
	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;
	}
			
#downbanner{
	position:absolute;
	width:70%;
	height:11%;
	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;
	float:left;
	width:120px;
	height:30px;
	bottom:30px;
	margin-left:-15px;
	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:70%;
	height:56px;
	margin-left:15%;
	bottom:7px;
	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:15px;
	font-weight:normal;
	text-align:left;
	color:#ffd62a;
	}
	
#company_body p {
	font-family:'exo-regular';
	font-size:13px;
	line-height:17px;
	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 (max-width:1440px){
	#downbanner{
		margin-left:15%;
		margin-right:15%;
		}
	}

@media screen and (min-width:1000px){
	#menu_SM{
		display:none !important;
		}
	#main_frameL{
		display:inherit;
		overflow:hidden;
		}
	#main_frameMS{
		display:none;
		}
	#main_frameMS img{
		display:none;
		}
	#content_1MS, #content_2MS, content_3MS{
		display:none;
		}
	}

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