html, body {
  	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

body{
	font-size: 12px;
	line-height: 1.3;
}


/* ----------------------------- font p ---------------------------- */
p {
  font-size: 1.39058em;
  color: #555;
  padding:0;
}

p.p-light{
  font-size: 1.39058em;
  color: #fff;
  padding:0;
}

p.p-small {
	font-size: 1em;
  color: #555;
  	padding:0;
}

p.p-small-light {
	font-size: 1em;
	color: #fff;
  	padding:0;
}


/* ----------------------------- font shadow ---------------------------- */
.font-shadow {
  text-shadow: 0 1px 1px #999;
}

.font-light-shadow {
  text-shadow: 0 1px 1px #999;
}


/* ----------------------------- font h ---------------------------- */
h1,h2,h3,h4,h5,h6{
	text-transform: n;
	font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-family:inherit;
	font-weight: normal;
	color:#000;
}

@media screen and (max-width: 479px) {
  	h1 {font-size: 30px;margin:5px 0;}
  	h2 {font-size: 24px;margin:5px 0;}
  	h3 {font-size: 18px;margin:5px 0;}
}

@media screen and (min-width: 640px) {
  	h1 {font-size: 33px;margin: 15px 0;}
  	h2 {font-size: 26px;margin: 15px 0;}
  	h3 {font-size: 22px;margin: 15px 0;}
}

@media screen and (min-width: 768px) {
  	h1 {font-size: 36px;margin: 30px 0;}
  	h2 {font-size: 30px;margin: 30px 0;}
  	h3 {font-size: 24px;margin: 30px 0;}
}

h4 {font-size: 18px;}
h5 {font-size: 14px;}
h6 {font-size: 12px;}

/* ----------------------------- text-color ---------------------------- */
@media(max-width:479px){
	p, h1, * {color:#fff};
}

.text_white{
	color:#fff;
}

.text_color{
	color:#88c93b;
}


/* ----------------------------- link ---------------------------- */
a, a:hover, a:focus, a:active, a.active{
	outline: 0;
	color:#333;
	text-decoration: none;
}



@media(max-width:480px){
	a, a:hover, a:focus, a:active, a.active{
		color:#fff;
	}
}

/* ----------------------------- text ---------------------------- */
.text-justify{
	text-align: justify;
}

.text-left{
	text-align:left;
}

.text-right{
	text-align:right;
}
/* ----------------------------- center-block ---------------------------- */
.center-block{width:100%;}


/* ----------------------------- img ---------------------------- */
.img-responsive{
  display: block;
  width: 100% \9;
  max-width: 100%;
  height: auto;
}

.img-responsive-shadow{
	-webkit-box-shadow: 10px 10px 19px 0px rgba(0,0,0,0.66);
	-moz-box-shadow: 10px 10px 19px 0px rgba(0,0,0,0.66);
	box-shadow: 10px 10px 19px 0px rgba(0,0,0,0.66);
	margin:0 0 20px;
}

.img-centered{margin: 0 auto;}


/* ----------------------------- space ---------------------------- */
.space{width:auto;height:20px;}


/* ----------------------------- contrast ---------------------------- */
@media (min-width: 640px) {
	.contrast{
		background: rgba(0, 0, 0, 0.3);
  		padding:10px 10px 0px;
  		-webkit-box-shadow: 0 0 23px 5px rgba(0, 0, 0, 0.4);
  		-moz-box-shadow: 0 0 23px 5px rgba(0, 0, 0, 0.4);
  		box-shadow: 0 0 23px 5px rgba(0, 0, 0, 0.4);
  		-webkit-border-radius: 3px;
  		-moz-border-radius: 3px;
  		-ms-border-radius: 3px;
  		-o-border-radius:3px;
  		border-radius: 3px;
	}
	.contrast{display:table-cell;}
}


/* ----------------------- width ------------------------------ */
.width400 {
	width:100%;
	max-width:400px;
}

.width600 {
	width:100%;
	max-width:600px;
}


/* ----------------------- width ------------------------------ */
.border_light{
	padding:16px;
	border:1px solid #dfdfdf;
}

.border_radius{
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

/* ----------------------- CLEAR ------------------------------ */
.clear{
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0
}
.clearer{ 
	clear:both;
	display:block;
	margin:0;
	padding:0;
	height:0;
	line-height:1px;
	font-size:1px; 
}
.selfclear{
	zoom:1;
}
.selfclear:after{ 
	content:'.';
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

/* ----------------------- CLEARING ------------------------------ */
.clearfix:before,.clearfix:after,.row:before,.row:after{
	content:'\0020';
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0;
}
.clearfix:after{
	clear:both
}
.clearfix{
	zoom:1
}