/* INIT */
html {
	background: white;
	color: #282828;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 1em;
}

body {

}

p { display: block; line-height: 1.4em; margin: 0 0 2em 0; color: #707070; }

div { position: relative; zoom: 1; }

img { display: inline-block; max-width: 100%; height: auto; }

hr { display: none; }

* { box-sizing: border-box; position: relative; }

*, *:link, *:visited, *:hover, *:active, *:focus {
	outline: 0 !important;
	transition: color 0.15s ease-out, background 0.15s ease-out, border 0.15s ease-out;
}




/* BASIC CLASSES */
.leftAlign { text-align: left; }
.rightAlign { text-align: right; }
.centerAlign { text-align: center; }
.leftFloat { float: left; }
.rightFloat { float: right; }
.hidden { display: none; }
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; font-size: 0; line-height: 0; }
.clearLeft { clear: left; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; font-size: 0; line-height: 0; }
.clearRight { clear: right; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; font-size: 0; line-height: 0; }
.division {
	display: block;
	height: 1px;
	background: black;
	margin: 30px 0;
}




/* CLEARFIX */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }




/* COLUMN SYSTEM */
.row {
	position: relative;
	display: block;
	box-sizing: border-box;
	clear: both;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.row:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.row .divisionMiddle {
	position: absolute;
	left: 50%;
	top: 0;
	width: 1px;
	height: 100%;
	font-size: 0;
	line-height: 0;
	background-color: #d0d0d0;
}

.col10  { position: relative; display: block; width: 10%; }
.col15  { position: relative; display: block; width: 15%; }
.col16  { position: relative; display: block; width: 16.6666%; }
.col20  { position: relative; display: block; width: 20%; }
.col25  { position: relative; display: block; width: 25%; }
.col30  { position: relative; display: block; width: 30%; }
.col33  { position: relative; display: block; width: 33.3333%; }
.col35  { position: relative; display: block; width: 35%; }
.col40  { position: relative; display: block; width: 40%; }
.col45  { position: relative; display: block; width: 45%; }
.col49  { position: relative; display: block; width: 49%; }
.col50  { position: relative; display: block; width: 50%; }
.col55  { position: relative; display: block; width: 55%; }
.col60  { position: relative; display: block; width: 60%; }
.col65  { position: relative; display: block; width: 65%; }
.col66  { position: relative; display: block; width: 66.6666%; }
.col70  { position: relative; display: block; width: 70%; }
.col75  { position: relative; display: block; width: 75%; }
.col80  { position: relative; display: block; width: 80%; }
.col85  { position: relative; display: block; width: 85%; }
.col90  { position: relative; display: block; width: 90%; }
.col95  { position: relative; display: block; width: 95%; }
.col100 { position: relative; display: block; width: 100%; }

.colCenter { margin-left: auto; margin-right: auto; }
.colLeft { float: left; }
.colRight { float: right; }




/* TEXT */
.size10	{ font-size: 10px; }
.size11	{ font-size: 11px; }
.size12	{ font-size: 12px; }
.size14 { font-size: 14px; }
.size16 { font-size: 16px; }
.size18 { font-size: 18px; }
.size20 { font-size: 20px; }
.size24 { font-size: 24px; }
.size28 { font-size: 28px; }
.size07rem { font-size: 0.7rem !important; }
.size08rem { font-size: 0.8rem !important; }
.size09rem { font-size: 0.9rem !important; }
.size1rem  { font-size: 1rem !important; }
.size12rem { font-size: 1.2rem !important; }
.size14rem { font-size: 1.4rem !important; }
.size16rem { font-size: 1.6rem !important; }
.size18rem { font-size: 1.8rem !important; }
.size20rem { font-size: 2rem !important; }
.size22rem { font-size: 2.2rem !important; }
.size24rem { font-size: 2.4rem !important; }
.size26rem { font-size: 2.6rem !important; }
.size28rem { font-size: 2.8rem !important; }
.size30rem { font-size: 3rem !important; }




/* PADDINGS */
.tp0 { padding-top: 0 !important; }
.rp0 { padding-right: 0 !important; }
.bp0 { padding-bottom: 0 !important; }
.lp0 { padding-left: 0 !important; }
.ap5 { padding: 5px !important; }
.tp5 { padding-top: 5px !important; }
.rp5 { padding-right: 5px !important; }
.bp5 { padding-bottom: 5px !important; }
.lp5 { padding-left: 5px !important; }
.ap10 { padding: 10px !important; }
.tp10 { padding-top: 10px !important; }
.rp10 { padding-right: 10px !important; }
.bp10 { padding-bottom: 10px !important; }
.lp10 { padding-left: 10px !important; }
.ap15 { padding: 15px !important; }
.tp15 { padding-top: 15px !important; }
.rp15 { padding-right: 15px !important; }
.bp15 { padding-bottom: 15px !important; }
.lp15 { padding-left: 15px !important; }
.ap20 { padding: 20px !important; }
.tp20 { padding-top: 20px !important; }
.rp20 { padding-right: 20px !important; }
.bp20 { padding-bottom: 20px !important; }
.lp20 { padding-left: 20px !important; }




/* MARGINS */
.am0 { margin: 0 !important; }
.tm0 { margin-top: 0 !important; }
.rm0 { margin-right: 0 !important; }
.bm0 { margin-bottom: 0 !important; }
.lm0 { margin-left: 0 !important; }
.am5 { margin: 5px !important; }
.tm5 { margin-top: 5px !important; }
.rm5 { margin-right: 5px !important; }
.bm5 { margin-bottom: 5px !important; }
.lm5 { margin-left: 5px !important; }
.am10 { margin: 10px !important; }
.tm10 { margin-top: 10px !important; }
.rm10 { margin-right: 10px !important; }
.bm10 { margin-bottom: 10px !important; }
.lm10 { margin-left: 10px !important; }
.am15 { margin: 15px !important; }
.tm15 { margin-top: 15px !important; }
.rm15 { margin-right: 15px !important; }
.bm15 { margin-bottom: 15px !important; }
.lm15 { margin-left: 15px !important; }
.am20 { margin: 20px !important; }
.tm20 { margin-top: 20px !important; }
.rm20 { margin-right: 20px !important; }
.bm20 { margin-bottom: 20px !important; }
.lm20 { margin-left: 20px !important; }
.tm40 { margin-top: 40px !important; }
.rm40 { margin-right: 40px !important; }
.bm40 { margin-bottom: 40px !important; }
.lm40 { margin-left: 40px !important; }




/* FORMS */
form {
	display: block;
}

form ul {
	display: block;
	margin: 0;
	padding: 0;
}

form ul li {
	display: block;
	margin: 0 0 10px 0;
	padding: 0;
}

input[type=text], input[type=password], textarea, select {
	box-sizing: border-box;
	display: block;
	margin: 0 0 8px 0;
	padding: 10px;
	width: 100%;
	font-size: 16px;
	color: #484848;
	border: 1px solid #c0c0c0;
	background: #fafafa;
	font-family: Arial, Helvetica, sans-serif;
	outline: none;
}

form ul li textarea {
	min-height: 150px;
	max-width: 100%;
}

input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus {
	outline: none;
	border: 1px dotted #08428c;
}

.formInputError {
	border-left: 1px solid #b30808;
}

input[type=submit], input[type=button], button {
	border: none;
}

input[type=submit]:hover, input[type=button]:hover, button:hover {
	cursor: hand;
	cursor: pointer;
}

form .boxFormLoading {
	display: none;
	margin: 18px 0 0 0;
	padding: 18px 50px 18px 0;
	background: no-repeat center right;
	background-size: auto 75%;
	border-top: 1px solid #b0b0b0;
	color: #686868;
}

form .boxFormLoading.loading {
	background-image: url(../img/icons/icon-loader.gif);
}

form .boxFormLoading.ok {
	background-image: url(../img/icons/icon-ok.svg);
}

form .boxFormLoading.alert {
	background-image: url(../img/icons/icon-alert.svg);
}

form .boxFormLoading.error {
	background-image: url(../img/icons/icon-error.svg);
}






/* ########## */
/* RESPONSIVE */
/* ########## */


/* 1440px */
@media screen and (max-width: 1440px) {

}


/* 1377px */
@media screen and (max-width: 1377px) {

}


/* 1170px */
@media screen and (max-width: 1170px) {

}


/* 960px */
@media screen and (max-width: 960px) {

}


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

}


/* 640px */
@media screen and (max-width: 640px) {

}


/* 480px */
@media screen and (max-width: 480px) {

}


/* 320px */
@media screen and (max-width: 320px) {

}