/* General
----------------------------------------------------------------------------------------------------*/
html,body{ max-width: 100%; color: #3a2311; height: auto !important; margin: 0; padding: 0; }
body{ background: #ffffff; }

.ratio{ position: relative; z-index: 1; width: 100%; height: auto; }
.layer{ position: absolute; z-index: 10; }

#page .shadow{ border: 2px solid #eee; }
.boxshadow #page .shadow{ border: none; box-shadow: 0 0 1em #bbb; -webkit-box-shadow: 0 0 1em #bbb; -moz-box-shadow: 0 0 1em #bbb; -o-box-shadow: 0 0 1em #bbb; -ms-box-shadow: 0 0 1em #bbb; }
#page .design{ top: 0; right: 0; left: 0; bottom: 0; opacity: 0; }

.bgcraft{ background: url(../img/bg.jpg) }

.fluid_60{ position: relative; z-index: 999; }
.fluid_40{ position: relative; z-index: 10; }

.logo{ width: 35%; top: 0; right: 5%; }
.stamp{ width: 42%; top: 5%; left: -7%; z-index: 999; }
.products{ width: 88%; bottom: 2%; left: 8%; }

.texts{ top: 0; right: 0; width: 100%; font-size: 1em; font-family: 'cf'; text-align: center; }
.texts *{ color: #231f20 !important; }
.texts h2{ font-size: 6em; line-height: 0.7em; text-align: center; margin-bottom: 0; margin-top: 0.1em; }
.texts h2 small{ font-size: 0.6em; }
.texts p small{ display: block; }
.texts p{ font-size: 1em; margin-top: 0; margin-bottom: 0.65em; padding-left: 3.5em; text-align: center; width: 100%; }


label.radio,label.checkbox{ display: inline !important; }
input[type="text"],input[type="search"],input[type="email"],input[type="date"],input[type="tel"],input[type="number"],select,textarea{ width: 100%; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border: 1px solid #cccccc; padding: 0.2em; font-family: 'arial'; font-size: 0.75em; -webkit-appearance: none; }
.btn{ cursor: pointer; }
input[type="submit"]{ -webkit-appearance: none; border-radius: 0; }
.placeholder{ color: #aaa; }
.ajaxform label.error{ font-size: 0.75em; color: #cc0000; margin: 0; text-align: right; padding: 0; display: block; clear: both !important; }
.ajaxform label.error{ position: absolute; }
.ajaxform .msg{ display: none; }
.ajaxform .btn{ background: #000; border: none; font-family: 'cf','Arial'; color: #fff !important; font-size: 0.9em; padding: 0.2em 0.5em 0.1em 0.5em; }
.ajaxform .msg.done h5.desc{ font-size: 1em; }
.ajaxform .msg.done small{ font-family: 'Arial'; font-size: 0.7em; line-height: 1em; display: block; }

/* {flexi} Responsive Web
----------------------------------------------------------------------------------------------------*/

.float_l{ float: left; }
.float_r{ float: right; }


/* SmartPhone Portrait - Width ...-480 */
@media only screen and (min-width: 10px) and (max-width: 767px){
	
	#page{ margin: 1em auto; }
	
	.texts h2{ margin-top: 0.05em; }
	.texts{ top: 0; }
	.texts p{ font-size: 1.6em; }
	
	.logo{ top: 0; right: 0; }
	.stamp{ top: -5%; left: -2%; }
	.products{ left: 5%; }
	
	input[type="text"], input[type="search"], input[type="email"], input[type="date"], input[type="tel"], input[type="number"], select, textarea{ font-size: 1em; }
	.ajaxform .btn{ font-size: 1.5em; }
	.ajaxform .msg{ font-size: 1.2em; }

}

/* SmartPhone Landscape - Width 480-768 */
@media only screen and (min-width: 600px) and (max-width: 767px){

}

/* 	 Portrait - Width 768-980 */
@media only screen and (min-width: 768px) and (max-width: 979px){

}

/* Tablet Landscape - Width 980-1200 */
@media only screen and (min-width: 980px) and (max-width: 1199px){

}

/* Desktop - Width 1200-1600 */
@media only screen and (min-width: 1200px) and (max-width: 2199px){

}

/* Large Screen - Width 1600+ */
@media only screen and (min-width: 2200px){

}