/*
------------------------------------------------------------------------------------
COM.EZZATO.DEV
By : Andre Lorenzoni at andre@ezzato.com
------------------------------------------------------------------------------------
*/	

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

/* 
--------------------------------------------------------------------------------------
WEBFONTS 
--------------------------------------------------------------------------------------
*/

@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,300,700");
@import url("https://fonts.googleapis.com/icon?family=Material+Icons");
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css");

/*@import url(https://s3.amazonaws.com/icomoon.io/114779/Socicon/style.css?u8vidh);*/

@font-face {
	font-family: 'Socicon';
	src:  url('../fonts/Socicon.eot?87visu');
	src:  url('../fonts/Socicon.eot?87visu#iefix') format('embedded-opentype'),
	  url('../fonts/Socicon.woff2?87visu') format('woff2'),
	  url('../fonts/Socicon.ttf?87visu') format('truetype'),
	  url('../fonts/Socicon.woff?87visu') format('woff'),
	  url('../fonts/Socicon.svg?87visu#Socicon') format('svg');
	font-weight: normal;
	font-style: normal;
  }
  
  [class^="socicon-"], [class*=" socicon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'Socicon' !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
  
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
  }
  

/* 
--------------------------------------------------------------------------------------
MAIN
--------------------------------------------------------------------------------------
*/

* {
	margin:0px;
	padding:0px;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	font-family: 'Open Sans', sans-serif;
}

*:focus {
    outline: none;
}

@-ms-viewport {
	width: device-width;
}

html {
	position: relative;
	height: 100%;
	/*
	-webkit-user-select: none;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-o-user-select: none;
	*/
}

a {
	cursor: pointer;
}

body {
	margin-left: 0px; 
	margin-top: 0px;	
	margin-right: 0px;	
	margin-bottom: 0px;
	-webkit-overflow-scrolling: touch;
	/*background-color:#000000;*/
}

.body-noscroll {
  /* position:fixed!important;*/
   overflow:hidden!important;
}

table {
	border:0px;
	border-spacing:0px;
	border-collapse:collapse;	
}

img {
	display: inline-block;
	-ms-interpolation-mode: bicubic;
	border:0;
	vertical-align:middle;
}

a {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	text-decoration:none!important;
	color:inherit;
	font-size:inherit;
	font-family:inherit;
	outline:0;
}

.disable-hover {
	pointer-events: none;
}

.noselect {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
    -o-user-select: none;
}

.selection {
	color:currentColor;
	background:transparent;
}

.nobreak {
	display:inline-table;
	white-space:nowrap;
}

.curved {
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}

.transparent {
	filter: alpha(opacity=0); 	
	-khtml-opacity: 0;      	
	-moz-opacity: 0;       		
	opacity: 0;      
}

.transform {
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;
}

.transition {
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;
}

.delay {
	-webkit-animation-delay: 2s; /* Safari 4.0 - 8.0 */
    animation-delay: 2s;
}

.no-transition {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}

.invisible {
	display: none!important;
}

.hidden {	
	z-index: -1!important;	
	position: fixed!important;
	top: -200vh!important;
	left: -200vh!important;
}

.calc {
	width: -moz-calc(100% - 10px);
    width: -webkit-calc(100% - 10px);
    width: calc(100% - 10px);
}

.bold {
	font-family: 'Open Sans', sans-serif;
	font-weight:700;
	color:inherit;
	font-size:inherit;
}

.normal {
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	color:inherit;
	font-size:inherit;
}

.light {
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	color:inherit;
	font-size:inherit;
}

.hide-me {
	display:none!important;
}

.disable-me {
	opacity: .2;
	pointer-events: none;
}

.default {
	position:relative;
	display: inline-block;
	text-align: right;
	right: 0px;
	position: relative;
}

.spacer {
	position:relative;
	display:block;
	height:20px;
}

.uppercase {
	text-transform: uppercase;
}

.lowercase {
	text-transform: lowercase;
}

.b {
	color:#282828!important;
}

.w {
	color:#ffffff!important;
}

.spacer {
	position:relative;
	display:table;
	width:100%;
	height:10px;
}

.table {
	position:relative;
	display:table;
	margin:0 auto;
}

.table.full {
	width: 100%;
}

.col {
	position:relative;
	display:table-cell;
	/*padding:10px;*/
}

/*
.col-inline {
	position: relative;
	display: inline-block;;
	vertical-align: middle;
};
*/


div,
a,
ul,
li,
input,
select,
table,
tr,
td,
body,
section,
textarea {
	box-sizing: border-box;
	/*
	ms-box-sizing: border-box;	
	webkit-box-sizing: border-box;	
	moz-box-sizing: border-box;
	*/
}

.max-width {
    position:relative;
    max-width:980px;
    margin:0 auto;
}

a img {
	outline: none !important;
	border:0;
	border:none;
}

button:active {
	outline: none;
	border: none;
}

.no-space {
	padding:0px!important;
	margin:0px!important;
}

.page.error  {
	position: relative;
	display: table;
	width: 100vw;
	height: 100vh;
	text-align: center;
}
.page.error > h1 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	font-size: 50px;
	line-height: 50px;
	text-align:center;
	/*border: solid 1px #777777;*/
	color: #777777;;
	padding: 10px;


}

.page.error > h1:after {
	position: relative;
	display: block;
	font-size: inherit;
	color:inherit;
	font-family: "Material Icons";
	content:'';
}

.page.error > h1 > span {
	position: relative;
	display: block;
	text-align: center;
	color:inherit;
	font-size: 18px;
	padding: 0px;
	margin: 0px;
}

.hide-before-load {
	display: none!important;
}

/*
--------------------------------------------------------------------------------------
DESKTOP ONLY
--------------------------------------------------------------------------------------
*/

@media only screen and (min-width: 760px) and (max-width: 10000px) { 

	
}

/*
--------------------------------------------------------------------------------------
TABLET SMALL SCREEN
--------------------------------------------------------------------------------------
*/

@media only screen and (min-width: 760px) and (max-width: 1460px) { 
	
}

/*
--------------------------------------------------------------------------------------
SMARTPHONE
--------------------------------------------------------------------------------------
*/

@media only screen and (min-width: 200px) and (max-width: 760px) { 

}