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

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

html {
	height:100%;
	padding:0px;
	margin:0px;
}

body {
	height:100%;
	display:-webkit-flex;
	display:flex;
	position:relative;
	overflow:hidden;
	background-color:#333;
	background-image:url(../Images/bg.jpg);
	background-position:center;
	background-repeat:no-repeat;
	font-family:'OpenSansLight';
	font-size:16px;
	color:#000;
	text-decoration:none;
	font-weight:normal;
	font-style:normal;
	line-height:30px;
	padding:0px;
	margin:0px;
	-webkit-align-items:center;
	align-items:center;
}

/* ALL */
.clear{height:0px; display:block; clear:left; font-size:0px; line-height:0px;}

span.count{width:-moz-calc(100% - 30px); width:-webkit-calc(100% - 30px); width:-o-calc(100% - 30px); width:calc(100% - 30px); max-width:740px; display:block; position:relative; padding:15px; margin:0px auto;}

/* FONTS */
@font-face {
	font-family:'OpenSansLight';
	src:url('Fonts/OpenSansLight.eot');
	src:url('Fonts/OpenSansLight.eot?#iefix') format('embedded-opentype'),
		url('Fonts/OpenSansLight.woff2') format('woff2'),
		url('Fonts/OpenSansLight.woff') format('woff'),
		url('Fonts/OpenSansLight.ttf') format('truetype'),
		url('Fonts/OpenSansLight.svg#open_sanslight') format('svg');
	font-weight:normal;
	font-style:normal;
	font-display:fallback;
}

/* LOGO */ 
h1{width:304px; height:128px; display:block; position:relative; background-image:url(../Images/all.png); background-repeat:no-repeat; text-decoration:none; font-weight:normal; text-indent:-9999px; vertical-align:middle; padding:0px; margin:0px auto 50px auto;}
h1.bg{background-position:0px 0px;}
h1.en{background-position:-336px 0px;}

/* OPTIONS */
ul{width:100%; display:block; position:relative; list-style:none; padding:0px; margin:0px auto;}
ul li{width:25%; display:block; position:relative; float:left; list-style:none; padding:0px; margin:0px;}
ul.small li{width:33.3334%;}

ul li a{display:block; position:relative; list-style:none; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-size:12px; color:#ed1651; text-decoration:none; font-weight:normal; font-style:normal; line-height:14px;  padding:0px; margin:0px;}
ul li:nth-child(2n) a{color:#a6ce39;}
ul li:nth-child(3n) a{color:#54c5d0;}
ul li:nth-child(4n) a{color:#f5821f;}
ul li a strong{display:block; font-family:'OpenSansLight'; font-size:16px; color:#FFF; text-decoration:none; font-weight:normal; font-style:normal; line-height:19px; padding:0px; margin:0px;}

ul li a p{width:32px; height:32px; display:block; float:left; background-image:url(../Images/all.png); background-repeat:no-repeat; padding:0px; margin:0px 10px 0px 0px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
ul li a p.phone{background-position:-304px 0px;}
ul li a p.mail{background-position:-304px -32px;}
ul li a p.facebook{background-position:-304px -64px;}
ul li a p.chat{background-position:-304px -96px;}

ul li a:hover p{opacity:0.5;}

/* MOBILE */
@media only screen and (max-width: 725px){
	ul li{width:50%; margin:0px 0px 10px 0px;}
}

@media only screen and (max-width: 650px){
	ul.small{max-width:200px;}
	ul.small li{width:auto; float:none; margin:10px 0px 0px 0px;}
	ul.small li:first-child{margin:0px;}
}

@media only screen and (max-width: 400px){
	ul{max-width:200px;}
	ul li{width:auto; float:none; margin:10px 0px 0px 0px;}
	ul li:first-child{margin:0px;}
}