select, textarea, input { margin: 0px; }

.ltnavicon { display: none; width: 40px; height: 40px; float: right; background: #000; margin: 10px; }


div, ul, ol, a, span, figure { padding: 0px; margin: 0px; }
ul,ol { padding-left: 15px; }

ul.ltnavigation {
	padding: 0px;
	list-style-type: none;
}

ul.ltnavigation ul {
	list-style-type: none;
}


.lg-20p {width: 20%;}
.lg-12{width:100%}
.lg-11{width:91.66666666666666%}
.lg-10{width:83.33333333333334%}
.lg-9{width:75%}
.lg-8{width:66.66666666666666%}
.lg-7{width:58.333333333333336%}
.lg-6{width:50%}
.lg-5{width:41.66666666666667%}
.lg-4{width:33.33333333333333%}
.lg-3{width:25%}
.lg-2{width:16.666666666666664%}
.lg-1{width:8.333333333333332%}

.col {	
		box-sizing: border-box;
		position: relative;
	}

.col.spacer {
content:" ";
min-height: 1px;
}

.lttable { display: table; clear: both;}
.lttable .col {
	float: none;
	display: table-cell;
}

.ltrow { display:flex; align-items: stretch; flex-wrap: wrap;}


/* use for basic max-width handling */
.ltcontainer {
	max-width: 1280px;
	margin: auto;
}

/** FORMS **/

.ltfe select { height: 32px; vertical-align: middle; }
.ltfe select,
.ltfe input[type="text"] {
    padding: 4px;
    border: 1px solid #AAA;
    margin-bottom: 10px;
	box-sizing: border-box;
	line-height: 22px;
    width: 100%;
}

.radiolist input[type="radio"],
.checkboxlist input[type="checkbox"] {
    display: block;
	float: left;
	height:23px;
}

.radiolist span,
.checkboxlist span {
    display: block;
    float: left;
    line-height: 23px;
	padding-left: 5px;
}


.ltfe button {
	background: #68F;
	color: #FFF;
	border: 0px;
	padding: 3px;
}

.ltmulti .col {
padding: 0px 3px;
}

.ltmulti .col:first-child {
padding-left: 0px;
}
.ltmulti .col:last-child {
padding-right: 0px;
}


/** BELOW MAXSIZE **/
@media (max-width: 1280px) {
.ml-20p {width: 20%;}
.ml-12{width:100%}
.ml-11{width:91.66666666666666%}
.ml-10{width:83.33333333333334%}
.ml-9{width:75%}
.ml-8{width:66.66666666666666%}
.ml-7{width:58.333333333333336%}
.ml-6{width:50%}
.ml-5{width:41.66666666666667%}
.ml-4{width:33.33333333333333%}
.ml-3{width:25%}
.ml-2{width:16.666666666666664%}
.ml-1{width:8.333333333333332%}
  .ltcontainer {
    width: auto;
  }
}

@media (min-width: 480px) and (max-width: 1024px)
{
.nomd { display: none; }
}

@media (min-width:1024px)
{
	.nolg { display: none; }
}

/** TABLET **/
@media (max-width: 1024px) {
.md-20p {width: 20%;}
.md-12{width:100%}
.md-11{width:91.66666666666666%}
.md-10{width:83.33333333333334%}
.md-9{width:75%}
.md-8{width:66.66666666666666%}
.md-7{width:58.333333333333336%}
.md-6{width:50%}
.md-5{width:41.66666666666667%}
.md-4{width:33.33333333333333%}
.md-3{width:25%}
.md-2{width:16.666666666666664%}
.md-1{width:8.333333333333332%}
}


/** TABLET **/
@media (max-width: 768px) {
.sm-20p {width: 20%;}
.sm-12{width:100%}
.sm-11{width:91.66666666666666%}
.sm-10{width:83.33333333333334%}
.sm-9{width:75%}
.sm-8{width:66.66666666666666%}
.sm-7{width:58.333333333333336%}
.sm-6{width:50%}
.sm-5{width:41.66666666666667%}
.sm-4{width:33.33333333333333%}
.sm-3{width:25%}
.sm-2{width:16.666666666666664%}
.sm-1{width:8.333333333333332%}
}

/** SMARTPHONE **/
@media (max-width: 480px) {
	.ltcontainer {
		margin-left: 15px;
		margin-right: 15px;
	}

.ltnavigation .col {
	width: 100%;
	padding: 0px;
}
.ltnavsubhv > ul { display: none; }

.ltnavsubhv.hover > ul,
.ltnavsubhv:hover > ul { display: block; }


.ltnavfoldsm::after { clear: both; content:" "; display: none; }

.ltnavfoldsm.hover > ul,
.ltnavfoldsm:hover > ul { display: block; }

.ltnavtop .col { float: none; clear: both; }


.ltnavicon { display: block; }

.vs-20p {width: 20%;}
.vs-12{width:100%}
.vs-11{width:91.66666666666666%}
.vs-10{width:83.33333333333334%}
.vs-9{width:75%}
.vs-8{width:66.66666666666666%}
.vs-7{width:58.333333333333336%}
.vs-6{width:50%}
.vs-5{width:41.66666666666667%}
.vs-4{width:33.33333333333333%}
.vs-3{width:25%}
.s-2{width:16.666666666666664%}
.vs-1{width:8.333333333333332%}


.nosm { display: none; }
}