/***************************************
****************************************
8888888b.     d8888Y88b   d88P
888   Y88b   d88888 Y88b d88P
888    888  d88P888  Y88o88P
888   d88P d88P 888   Y888P
8888888P" d88P  888   d888b
888      d88P   888  d88888b
888     d8888888888 d88P Y88b
888    d88P     888d88P   Y88b

CSS Framework V 1.0
Copyright 2016 PAXagency
Created by Albert Kiteck
www.paxagency.com
****************************************
****************************************/
html {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*,*:before,*:after {-webkit-box-sizing: inherit;-moz-box-sizing: inherit;box-sizing: inherit;}
body{margin:0;color:#222;color: #363636;font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;}
h1,h2,h3,h4 {line-height:1.2em;}
h1 {font-size:3em; letter-spacing:-.5px;margin: 0 0 .4em 0;}
h2 {font-size:2.2em;margin: 0 0 .4em 0;}
h3 {font-size:1.8em;margin: 0 0 .4em 0;}
h4 {font-size:1.5em;margin: 0 0 .4em 0;}
h5 {font-size:1.1em;margin: 0 0 .4em 0;}
p,ul,blockquote,button,footer,table {font-size:18px;}
p,ul,blockquote,ol {text-align:left;line-height:1.6em;}
img {max-width:100%;}
section {max-width:960px; margin:0 auto; display:block; padding:60px 40px; overflow:auto;}
div.row,div.grid {display:table;width:100%; margin:20px 0;text-align:center;table-layout:fixed;text-align:center;border-collapse:collapse;}
div.row.middle > div,div.grid.middle > div {vertical-align:middle;}
div.row.pad > div,div.grid.pad > div,div.row.allpad > div,div.grid.allpad > div {padding:20px;}
div.row.pad > div:first-child,div.grid.pad > div:first-child {padding-left:0;}
div.row.pad > div:last-child,div.grid.pad > div:last-child {padding-right:0;}
div.row > div, div.grid > div > div {display:table-cell; vertical-align: top;}
div.grid > div.row,div.grid > div {display:table-row-group; margin:0;}
div.row > div.w1,div.grid > div > div.w1 {width:10%;}
div.row > div.w2,div.grid > div > div.w2 {width:20%;}
div.row > div.w3,div.grid > div > div.w3 {width:30%;}
div.row > div.w4,div.grid > div > div.w4 {width:40%;}
div.row > div.w5,div.grid > div > div.w5 {width:50%;}
div.row > div.w6,div.grid > div > div.w6 {width:60%;}
div.row > div.w7,div.grid > div > div.w7 {width:70%;}
div.row > div.w8,div.grid > div > div.w8 {width:80%;}
div.row > div.w9,div.grid > div > div.w9 {width:90%;}
table {width:100%;table-layout:fixed;text-align:center;border-collapse:collapse}
table.top td{vertical-align:top;}
table.pad > tbody > tr > td,table.pad thead > tr > th{padding:12px;}
table.list {width:100%; table-layout:auto; }
table.list > tbody > tr:nth-child(even){background:#f3f3f3;}
table.list > thead > tr {background:#f3f3f3; font-weight:400; }
table.list > tbody > tr > td,table.list > thead > tr > th {text-align: left;padding:12px;}
table.hover {cursor:pointer;}
table.hover > tbody > tr:hover {background: #f1f7fb;}
input[type='text'],input[type='password'],textarea{
	border:solid thin #bbb;
	padding:14px 20px 13px 20px;
	width:100%;
	font-size:18px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.button {
	text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:16px 50px;
	text-decoration:none;
	font-weight: bold;
	border: 1px solid #999;
	display:inline-block;
	text-align:center;
	color:#333;
	background:#fafafa;
	cursor: pointer;
}
.button:hover {opacity:.7;}
.button:active {opacity:.5;}
.button.block { width:100%; padding-left: 0; padding-right:0;}
.button.small {font-size:12px !important; font-weight:bold; padding:3px 30px 4px 30px;}

.left {float:left;}
.right {float:right;}
.hide {display:none;}
.fixed {position:fixed;}
.fixed.left {float:none; left:0;}
.fixed.right {float:none; right:0;}
.fixed.top {top:0;}
.fixed.bottom {bottom:0;}

.blue,.bluelight,.aqua,.green,.yellow,.orange,.red,.pink,.purple{color:#fff;border:none;}
.blue {background:#1b88f9;}
.bluelight {background:#22bcf6;}
.aqua {background:#25d6aa;}
.green {background:#8dd72e ;}
.yellow {background:#fecd34;}
.orange {background:#fd8227;}
.red {background:Crimson;}
.pink {background:#f230a6;}
.purple {background:#7636ef;}

@media all and (max-width: 735px) {
	h1,h2,h3,h4,p {letter-spacing:0  !important;}
	h1 {font-size:2em !important;}
	h2 {font-size:1.5em  !important;}
	h3 {font-size:1.17em  !important;}
	h4 {font-size:1em  !important;}
	h5 {font-size:.9em  !important;}
	p,ul,blockquote,button,table {font-size:1em  !important;}
	section {padding:20px !important; overflow:hidden;}
	div.row > div,div.grid > div > div {width:100% !important;display:block !important; padding:0 !important}
  div.row.pad > div,div.grid.pad > div,div.row.allpad > div,div.grid.allpad > div {padding:10px !important;}
  div.row.stay > div,div.grid.stay > div > div {width:auto !important;display:table-cell !important; }
	table td {width:auto !important;}
	table.pad td{ padding:10px  !important;}
	table.break > tbody > tr > td,table.break > tbody > tr > th{display:block !important; padding:0  !important;}
	table.list {table-layout: fixed !important}
	.button {width:100% !important;padding:15px 0 !important; display: inline-block !important;}
	.button.small {padding:10px 0 !important;}
	.left,.right {float:none !important;}
	.fixed {position:inline-block !important;}
	img {width:100% !important;}
	.mhide {display:none !important;}
}