/* SIMULATE BOOTSTRAP */

.w10{	width:10%; 	float:left;}
.w15{	width:15%; 	float:left;}
.w20{	width:20%; 	float:left;}
.w25{	width:25%; 	float:left;}
.w30{	width:30%; 	float:left;}
.w33{	width:33.3%; 	float:left;}
.w35{	width:35%; 	float:left;}
.w40{	width:40%; 	float:left;}
.w45{	width:45%; 	float:left;}
.w50{	width:50%; 	float:left;}
.w55{	width:55%; 	float:left;}
.w60{	width:60%; 	float:left;}
.w65{	width:65%; 	float:left;}
.w70{	width:70%; 	float:left;}
.w75{	width:75%; 	float:left;}
.w80{	width:80%; 	float:left;}
.w90{	width:90%; 	float:left;}
.w100{	width:100%; float:none;}

/* padding */
.p1		{padding:1px;}
.p5		{padding:5px;}
.p10	{padding:10px;}
.p20	{padding:20px;}
.p25	{padding:25px;}
.p30	{padding:30px;}
.p40	{padding:40px;}
.p50	{padding:50px;}
.notop	{padding-top:0px !important;}
.noright{padding-right:0px !important;}
.nobottom{padding-bottom:0px !important;}
.noleft	{padding-left:0px !important;}

/* container */
.container_wrapper{
    margin: 0 auto;
    max-width: 1200px;
}

/* table simulation */
.t_table{display:table;}
.t_row{display:table-row;}
.t_cell{display:table-cell; vertical-align:middle; float:none !important;}
.t_flex{display:flex; align-items: center; justify-content: center;}

.textcenter{text-align:center;}

/* elements */
.only_screen{display:inline-block;}
.only_mobile{display:none;}

/*typo */
h1, h2, h3, h4, p, a ,form, ul, li{margin:0px; padding:0px; font-weight: normal; list-style:none;  }

h1{
	font-weight:normal; 
	text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
	}
h3{
    font-weight: normal;
    font-size: 70px;
    line-height: 70px;
    color: #234910;
    margin-bottom: 20px;
}

h1, h2, h3, h4, h5{font-family: 'Antic Slab', sans-serif; margin:0px;}

/* aniamted */
.animated, .menu-top-menu-container ul li a{
	-webkit-transition: all .2s ease-in-out;
	  -moz-transition: all .2s ease-in-out;
	  -o-transition: all .2s ease-in-out;
	  transition: all .2s ease-in-out;
	 }


/* float and clear */
.floatleft{float:left;}
.floatright{float:right;}
.clr, .row{clear:both; float:none;}
.centertext{text-align:center;}


/* responsive layout */



@media only screen and (max-width: 1024px) { 
	
	
	.w10:not(.noresp){	width:100%; 	float:none;}
	.w15:not(.noresp){	width:100%; 	float:none;}
	.w20:not(.noresp){	width:100%; 	float:none;}
	.w25:not(.noresp){	width:100%; 	float:none;}
	.w30:not(.noresp){	width:100%; 	float:none;}
	.w33:not(.noresp){	width:100%; 	float:none;}
	.w35:not(.noresp){	width:100%; 	float:none;}
	.w40:not(.noresp){	width:100%; 	float:none;}
	.w50:not(.noresp){	width:100%; 	float:none;}
	.w60:not(.noresp){	width:100%; 	float:none;}
	.w70:not(.noresp){	width:100%; 	float:none;}
	.w75:not(.noresp){	width:100%; 	float:none;}
	.w80:not(.noresp){	width:100%; 	float:none;}
	.w90:not(.noresp){	width:100%; 	float:none;}
	.w100:not(.noresp){	width:100%; 	float:none;}
	
	.only_screen{display:none;}
	.only_mobile{display:inline-block;}
	
	
	

}

@media only screen and (max-width: 768px) {

   

}



@media only screen and (max-width:479px) {
	
	
	.w10.noresp{	width:100%; 	float:none;}
	.w15.noresp{	width:100%; 	float:none;}
	.w20.noresp{	width:100%; 	float:none;}
	.w25.noresp{	width:100%; 	float:none;}
	.w30.noresp{	width:100%; 	float:none;}
	.w33.noresp{	width:100%; 	float:none;}
	.w35.noresp{	width:100%; 	float:none;}
	.w40.noresp{	width:100%; 	float:none;}
	.w50.noresp{	width:100%; 	float:none;}
	.w60.noresp{	width:100%; 	float:none;}
	.w70.noresp{	width:100%; 	float:none;}
	.w75.noresp{	width:100%; 	float:none;}
	.w80.noresp{	width:100%; 	float:none;}
	.w90.noresp{	width:100%; 	float:none;}
	.w100.noresp{	width:100%; 	float:none;}
	
	 
			
}