@charset "utf-8";
.section {
    clear: both;
    padding: 0;
    margin: 0
}
.group:before,
.group:after {
    content: "";
    display: table
}
.group:after {
    clear: both
}
.group {
    zoom: 1
}
.colDwa {
    display: block;
    float: left;
    margin: 1% 0 1% 1.6%
}
.colDwa:first-child {
    margin-left: 0
}
.kolDwa_2_of_3 {
    width: 66.13%
}
.kolDwa_1_of_3 {
    width: 32.26%
}
@media only screen and (max-width: 768px) {
    .colDwa {
        margin: 1% 0
    }
    .kolDwa_1_of_3 {
        width: 100%
    }
    .kolDwa_2_of_3 {
        width: 100%
    }
}
.concol {
    display: block;
    float: left;
    margin: 1% 0 1% 1.6%
}
.concol:first-child {
    margin-left: 0
}
@media only screen and (max-width: 580px) {
    .concol {
        margin: 1% 0
    }
}
.gacol {
    display: block;
    float: left;
    margin: 1% 0 1% 1.6%
}
.gacol:first-child {
    margin-left: 0
}
.gakol_1_of_4 {
    width: 23.8%
}
@media only screen and (max-width: 480px) {
    .gacol {
        margin: 1% 0
    }
    .gakol_1_of_4 {
        width: 100%
    }
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
    .gacol {
        display: block;
        float: left;
        margin: 1% 0 1% 1.6%
    }
    .gakol_1_of_4 {
        width: 49.2%
    }
    .gakol_1_of_4:nth-child(2n+1) {
        clear: both;
        margin-left: 0
    }
}
.dacol {
    display: block;
    float: left;
    margin: 2% 0 4% 1.6%
}
.dacol:first-child {
    margin-left: 0
}
.dakol_1_of_4 {
    width: 23.8%
}
@media only screen and (max-width: 300px) {
    .dacol {
        margin: 1% 0
    }
    .dakol_1_of_4 {
        width: 100%
    }
}
@media only screen and (min-width: 581px) and (max-width: 768px) {
    .dacol {
        display: block;
        float: left;
        margin: 1% 0 1% 1.6%
    }
    .dakol_1_of_4 {
        width: 49.2%
    }
    .dakol_1_of_4:nth-child(2n+1) {
        clear: both;
        margin-left: 0
    }
}
@media only screen and (min-width: 301px) and (max-width: 380px) {
    .dacol {
        display: block;
        float: left;
        margin: 1% 0 1% 1.6%
    }
    .dakol_1_of_4 {
        width: 49.2%
    }
    .dakol_1_of_4:nth-child(2n+1) {
        clear: both;
        margin-left: 0
    }
}
.col {
    display: block;
    float: left;
    margin: 2% 0 2% 1.6%
}

.col:first-child {
    margin-left: 0
}
@media only screen and (max-width: 580px) {
    .col {
        margin: 3% 0
    }
}
.span_2_of_3 {
    width: 66.13%
}
.span_1_of_3 {
    width: 32.26%
}
@media only screen and (max-width: 580px) {
    .span_2_of_3 {
        width: 100%
    }
    .span_1_of_3 {
        width: 100%
    }
}
.span_2_of_2 {
    width: 100%
}

.span_1_of_2 {
    width: 49.2%
}
@media only screen and (max-width: 580px) {
    .span_2_of_2 {
        width: 100%
    }
    .span_1_of_2 {
        width: 100%
    }
}
.span_1_of_5 {
    width: 18.72%
}
@media only screen and (max-width: 580px) {
    .span_1_of_5 {
        width: 20%
    }
}
.ascol {
    display: block;
    float: left;
    margin: 2% 0 4% 1.6%
}
.ascol:first-child {
    margin-left: 0
}
.askol_1_of_4 {
    width: 23.8%
}
@media only screen and (max-width: 380px) {
    .ascol {
        margin: 3% 0 4%
    }
    .askol_1_of_4 {
        width: 100%
    }
}
@media only screen and (min-width: 381px) and (max-width: 768px) {
    .ascol {
        display: block;
        float: left;
        margin: 2% 2% 3%
    }
    .askol_1_of_4 {
        width: 46%
    }
    .askol_1_of_4:nth-child(2n+1) {
        clear: both;
        margin-left: 2%
    }
}
.afcol {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.afcol:first-child { margin-left: 0; } /* all browsers except IE6 and lower */
.afkol_1_of_4 {
	width: 23.8%;
}
@media only screen and (max-width: 380px) {
.afcol { 
	margin: 1% 0 1% 0%;
}
.afkol_1_of_4 {
	width: 100%; }
}
@media only screen and (min-width: 381px) and (max-width: 768px) {
.afcol {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.afkol_1_of_4 {
	width: 49.2%;
}
.afkol_1_of_4:nth-child(2n+1) {
	clear: both;
	margin-left: 0;
}
}
.rol {
    display: block;
    float: left;
    margin: 1% 0 1% 1.6%
}
.rol:first-child {
    margin-left: 0
}
.span_1_of_6 {
    width: 15.33%
}
@media only screen and (max-width: 768px) {
    .span_1_of_6:nth-child(3n+1) {
        clear: both;
        margin-left: 0
    }
    .span_1_of_6 {
        width: 32.26%
    }
}
@media only screen and (max-width: 420px) {
    .span_1_of_6 {
        width: 100%;
        margin-left: 0
    }
}
.spand_1_of_6 {
    width: 15.33%
}
@media only screen and (max-width: 768px) {
    .spand_1_of_6:nth-child(3n+1) {
        clear: both;
        margin-left: 0
    }
    .spand_1_of_6 {
        width: 32.26%
    }
}
@media only screen and (max-width: 340px) {
    .spand_1_of_6 {
        width: 100%;
        margin-left: 0
    }
}
.grycol {
    display: block;
    float: left;
    margin: 1% 0
}
.grycol:first-child {
    margin-left: 0
}
.gryspan_2_of_3 {
    width: 66.66%
}
.gryspan_1_of_3 {
    width: 33.33%
}
.gryspan_1_of_2 {
    width: 50%
}
@media only screen and (max-width: 768px) {
    .grycol {
        margin: 1% 0
    }
    .gryspan_2_of_3,
    .gryspan_1_of_3,
    .gryspan_1_of_2 {
        width: 100%
    }
}
.span_7_of_8 {
    width: 87.3%
}
.span_1_of_8 {
    width: 11.1%
}
@media only screen and (max-width: 300px) {
    .col {
        margin: 1% 0
    }
    .span_1_of_8,
    .span_7_of_8 {
        width: 100%
    }
}
@media only screen and (max-width: 320px) {
    .col {
        margin: 1% 0
    }
}
.macol {
    display: block;
    float: left;
    margin: 2% 0 4% 1.6%
}
.macol:first-child {
    margin-left: 0
}
.makol_1_of_4 {
    width: 23.8%
}