/*
	Version: 1.0.0
	Author: Matthias Bloch
	Author URI: http://kommpass.ch
*/

/*------------------------------------*\
    SPACING ELEMENTS
\*------------------------------------*/

/* margins */
.margin-top-05 { margin-top: 0.5em; }
.margin-top-10 { margin-top: 1.0em; }
.margin-top-15 { margin-top: 1.5em; }
.margin-top-20 { margin-top: 2.0em; }
.margin-top-25 { margin-top: 2.5em; }
.margin-top-30 { margin-top: 3.0em; }
.margin-bottom-05 { margin-bottom: 0.5em; }
.margin-bottom-10 { margin-bottom: 1.0em; }
.margin-bottom-15 { margin-bottom: 1.5em; }
.margin-bottom-20 { margin-bottom: 2.0em; }
.margin-bottom-25 { margin-bottom: 2.5em; }
.margin-bottom-30 { margin-bottom: 3.0em; }
.margin-left-05 { margin-left: 0.5em; }
.margin-left-10 { margin-left: 1.0em; }
.margin-left-15 { margin-left: 1.5em; }
.margin-left-20 { margin-left: 2.0em; }
.margin-left-25 { margin-left: 2.5em; }
.margin-left-30 { margin-left: 3.0em; }

.margin-5{margin:5px;}
.margin-10{margin:10px;}
.margin-15{margin:15px;}

/* paddings */
.padding-10{padding:10px;}
.padding-15{padding:15px;}
.padding-20{padding:20px;}
.padding-30{padding:30px;}
.padding-top-05 { padding-top: 0.5em; }
.padding-top-10 { padding-top: 1.0em; }
.padding-top-15 { padding-top: 1.5em; }
.padding-top-20 { padding-top: 2.0em; }
.padding-top-25 { padding-top: 2.5em; }
.padding-top-30 { padding-top: 3.0em; }

.padding-5{padding:5px;}
.padding-10{padding:10px;}
.padding-15{padding:15px;}

/*------------------------------------*\
	ELEMENT ALIGNMENT
\*------------------------------------*/

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

/*------------------------------------*\
    GRID EXTENSIONS
\*------------------------------------*/

/* no outer gutter */

.row.no-outer-gutter {
  margin-left: 0;
  margin-right: 0;
}
.row.no-outer-gutter [class*='col-']:not(:first-child),
.row.no-outer-gutter [class*='col-']:not(:last-child) {
  padding-right: 0;
  padding-left: 0;
}
.row.no-outer-gutter  > div:not(:last-child) {
padding-right:20px !important;
}

/* equal height columns */

.row.equal_height {
  display: table;
  width: 100%;
}

.row.equal_height > [class*="col-"] {
  float: none;
  display: table-cell;
  vertical-align: top;
}

/* column-padding */

@media only screen and (max-width : 768px) {
	.col-sm-padding-bot{
		padding-bottom:15px;
	}
	.col-sm-padding-bot-lg{
		padding-bottom:30px;
	}
}


/* element widths */

.el-w-1{
width:100%;
}
.el-w-2{
width:50%;
}
.el-w-3{
width:33.333%;
}
.el-w-4{
width:25%;
}
.el-w-5{
width:20%;
}
.el-w-6{
width:16.6666%;
}
.el-w-7{
width:14.28571%;
}
.el-w-8{
width:12.5%;
}
.el-w-9{
width:11.1111%;
}
.el-w-10{
width:10%;
}


/* xxs columns */

.col-xxs-1, .col-xxs-2, .col-xxs-3, .col-xxs-4,
.col-xxs-5, .col-xxs-6, .col-xxs-7, .col-xxs-8,
.col-xxs-9, .col-xxs-10, .col-xxs-11, .col-xxs-12 {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}

@media (max-width: 384px) {
    .col-xxs-1,
    .col-xxs-2,
    .col-xxs-3,
    .col-xxs-4,
    .col-xxs-5,
    .col-xxs-6,
    .col-xxs-7,
    .col-xxs-8,
    .col-xxs-9,
    .col-xxs-10,
    .col-xxs-11 {
        float: left;
    }

    .col-xxs-1 {
        width: 8.333333333333332%;
    }

    .col-xxs-2 {
        width: 16.666666666666664%;
    }

    .col-xxs-3 {
        width: 25%;
    }

    .col-xxs-4 {
        width: 33.33333333333333%;
    }

    .col-xxs-5 {
        width: 41.66666666666667%;
    }

    .col-xxs-6 {
        width: 50%;
    }

    .col-xxs-7 {
        width: 58.333333333333336%;
    }

    .col-xxs-8 {
        width: 66.66666666666666%;
    }

    .col-xxs-9 {
        width: 75%;
    }

    .col-xxs-10 {
        width: 83.33333333333334%;
    }

    .col-xxs-11 {
        width: 91.66666666666666%;
    }

    .col-xxs-12 {
        width: 100%;
    }

    .col-xxs-push-1 {
        left: 8.333333333333332%;
    }

    .col-xxs-push-2 {
        left: 16.666666666666664%;
    }

    .col-xxs-push-3 {
        left: 25%;
    }

    .col-xss-push-4 {
        left: 33.33333333333333%;
    }

    .col-xxs-push-5 {
        left: 41.66666666666667%;
    }

    .col-xxs-push-6 {
        left: 50%;
    }

    .col-xxs-push-7 {
        left: 58.333333333333336%;
    }

    .col-xxs-push-8 {
        left: 66.66666666666666%;
    }

    .col-xxs-push-9 {
        left: 75%;
    }

    .col-xxs-push-10 {
       left: 83.33333333333334%;
    }

    .col-xxs-push-11 {
       left: 91.66666666666666%;
    }

    .col-xxs-pull-1 {
        right: 8.333333333333332%;
    }

    .col-xxs-pull-2 {
        right: 16.666666666666664%;
    }

    .col-xxs-pull-3 {
        right: 25%;
    }

    .col-xxs-pull-4 {
        right: 33.33333333333333%;
    }

    .col-xxs-pull-5 {
        right: 41.66666666666667%;
    }

    .col-xxs-pull-6 {
        right: 50%;
    }

    .col-xxs-pull-7 {
        right: 58.333333333333336%;
    }

    .col-xxs-pull-8 {
        right: 66.66666666666666%;
    }

    .col-xxs-pull-9 {
        right: 75%;
    }

    .col-xxs-pull-10 {
        right: 83.33333333333334%;
    }

    .col-xxs-pull-11 {
        right: 91.66666666666666%;
    }

    .col-xxs-offset-1 {
        margin-left: 8.333333333333332%;
    }

    .col-xxs-offset-2 {
        margin-left: 16.666666666666664%;
    }

    .col-xxs-offset-3 {
        margin-left: 25%;
    }

    .col-xxs-offset-4 {
        margin-left: 33.33333333333333%;
    }

    .col-xxs-offset-5 {
        margin-left: 41.66666666666667%;
    }

    .col-xxs-offset-6 {
        margin-left: 50%;
    }

    .col-xxs-offset-7 {
        margin-left: 58.333333333333336%;
    }

    .col-xxs-offset-8 {
        margin-left: 66.66666666666666%;
    }

    .col-xxs-offset-9 {
        margin-left: 75%;
    }

    .col-xxs-offset-10 {
        margin-left: 83.33333333333334%;
    }

    .col-xxs-offset-11 {
        margin-left: 91.66666666666666%;
    }
}