/* Grid-System (partly borrows from twitter bootstrap) */
.container { margin-right: auto; margin-left: auto; } /* for all devices smaller than 768 -> width:100%; */
.container:before, .container:after { content:""; display:table; line-height: 0; }
.container:after { clear:both; }

@media (min-width: 768px) {
  .container { width: 750px; }
}
@media (min-width: 992px) {
  .container { width: 970px; }
}
@media (min-width: 1200px) {
  .container { width: 1170px; }
}
@media (min-width: 1400px) {
  .container { width: 1370px; }
}
@media (min-width: 1600px) {
  .container { width: 1570px; }
}


@media (max-width: 767px) {
    .xs-hide {
        display: none!important;
    }

    .xs-show {
        display: block;
    }
}
@media (min-width: 768px) {
    .sm-hide{ display:none; }
    .sm-show{ display:block; }
}
@media (min-width: 992px) {
    .md-hide{ display:none; }
    .md-show{ display:block; }
}
@media (min-width: 1200px) {
    .lg-hide{ display:none; }
    .lg-show{ display:block; }
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left:10px;
  padding-right:10px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0;
}
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0;
  }
}

/* nav bars */


/* box model + positioning */
.block{display:block;}
.in-block{display:inline-block;}
.inline{display:inline;}
.table{display:table;}
.table-row{display:table-row;}
.table-cell{display:table-cell;}

.fixed {position: fixed; }
.abs{ position:absolute; }
.rel{ position:relative; }

/* font */
.fs-8 { font-size:8px;  }
.fs-9 { font-size:9px;  }
.fs-10{ font-size:10px; }
.fs-11{ font-size:11px; }
.fs-12{ font-size:12px; }
.fs-13{ font-size:13px; }
.fs-14{ font-size:14px; }
.fs-16{ font-size:16px; }
.fs-18{ font-size:18px; }
.fs-20{ font-size:20px; }
.fs-25{ font-size:25px; }
.fs-30{ font-size:30px; }
.fs-35{ font-size:35px; }
.fs-40{ font-size:40px; }
.fs-50{ font-size:50px; }
.fs-60{ font-size:60px; }
.fs-70{ font-size:70px; }
.fs-80{ font-size:80px; }
.fs-90{ font-size:90px; }
.fs-100{ font-size:100px; }
.fs-200{ font-size:200px; }

.ff-arial { font-family: Arial; }
.ff-courier { font-family: Courier New; }

/* bin nicht sicher, ob wir das wollen
.fs-8, .fs-9, .fs-10, .fs-11, .fs-12, .fs-14, .fs-16, .fs-20, .fs-25, .fs-30, .fs-35, .fs-40, .fs-50
	{ line-height: 150%; }
*/

.lh-0{ line-height:0; }
.lh-100{ line-height:100%; }
.lh-120{ line-height:120%; }
.lh-130{ line-height:130%; }
.lh-140{ line-height:140%; }
.lh-150{ line-height:150%; }

.normal		{ font-weight:normal; font-style:normal; }
.bold		{ font-weight:bold; }
.underline	{ text-decoration:underline; }
.italic     { font-style:italic; }
.hv-underline:hover {text-decoration:underline;}
.no-deco	{ text-decoration:none; }

.nowrap		{ white-space: nowrap!important; }
.fullsize   { width:100%; height:100%; }
.hidden 	{ display:none; }
.wordwrap	{ word-wrap: break-word!important; }

/* align */
.left{ text-align:left; }
.center{ text-align:center; }
.right{ text-align:right; }
.justify{ text-align:justify; }
.top{ vertical-align:top; }
.baseline{ vertical-align:baseline; }
.middle{ vertical-align:middle; }
.bottom{ vertical-align:bottom; }

/* box-sizing */
.border-box{ box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

/* width */
.wdt-10p { width:10%;  }
.wdt-15p { width:15%;  }
.wdt-20p { width:20%;  }
.wdt-25p { width:25%;  }
.wdt-30p { width:30%;  }
.wdt-33p { width:33%;  }
.wdt-34p { width:34%;  }
.wdt-40p { width:40%;  }
.wdt-49p { width:49%;  }
.wdt-50p { width:50%;  }
.wdt-60p { width:60%;  }
.wdt-70p { width:70%;  }
.wdt-75p { width:75%;  }
.wdt-80p { width:80%;  }
.wdt-90p { width:90%;  }
.wdt-100p{ width:100%; }

.wdt-10 { width:10px;  }
.wdt-15 { width:15px;  }
.wdt-20 { width:20px;  }
.wdt-25 { width:25px;  }
.wdt-30 { width:30px;  }
.wdt-35 { width:35px;  }
.wdt-40 { width:40px;  }
.wdt-50 { width:50px;  }
.wdt-60 { width:60px;  }
.wdt-70 { width:70px;  }
.wdt-75 { width:75px;  }
.wdt-80 { width:80px;  }
.wdt-90 { width:90px;  }
.wdt-100{ width:100px; }
.wdt-110{ width:110px; }
.wdt-120{ width:120px; }
.wdt-125{ width:125px; }
.wdt-130{ width:130px; }
.wdt-140{ width:140px; }
.wdt-150{ width:150px; }
.wdt-175{ width:175px; }
.wdt-200{ width:200px; }
.wdt-250{ width:250px; }
.wdt-265{ width:265px; }
.wdt-275{ width:275px; }
.wdt-300{ width:300px; }
.wdt-325{ width:325px; }
.wdt-350{ width:350px; }
.wdt-400{ width:400px; }
.wdt-450{ width:450px; }
.wdt-500{ width:500px; }
.wdt-600{ width:600px; }
.wdt-700{ width:700px; }
.wdt-750{ width:750px; }
.wdt-800{ width:800px; }
.wdt-900{ width:900px; }
.wdt-950{ width:900px; }
.wdt-1000{ width:1000px; }
.min-wdt-1000{ min-width:1000px; }

/* height */
.hgt-5 { height:5px;  }
.hgt-10{ height:10px; }
.hgt-15{ height:15px; }
.hgt-20{ height:20px; }
.hgt-25{ height:25px; }
.hgt-30{ height:30px; }
.hgt-35{ height:35px; }
.hgt-40{ height:40px; }
.hgt-50{ height:50px; }
.hgt-60{ height:60px; }
.hgt-70{ height:70px; }
.hgt-80{ height:80px; }
.hgt-90{ height:90px; }
.hgt-100{ height:100px; }
.hgt-150{ height:150px; }
.hgt-200{ height:200px; }
.hgt-250{ height:250px; }
.hgt-300{ height:300px; }
.hgt-350{ height:350px; }
.hgt-400{ height:400px; }

.hgt-100p{ height:100%; }
.hgt-auto{ height:auto; }
.min-hgt-100p{ min-height:100%; }
.min-hgt-300{ min-height:300px; }

/* top */
.top-0 { top:0px;  }
.top-1 { top:1px;  }
.top-2 { top:2px;  }
.top-3 { top:3px;  }
.top-4 { top:4px;  }
.top-5 { top:5px;  }
.top-10{ top:10px; }
.top-15{ top:15px; }
.top-20{ top:20px; }
.top-25{ top:25px; }
.top-30{ top:30px; }
.top-40{ top:40px; }
.top-50{ top:50px; }
.top-60{ top:60px; }
.top-70{ top:70px; }
.top-80{ top:80px; }
.top-90{ top:90px; }
.top-100{ top:100px; }
.top-125{ top:125px; }
.top-150{ top:150px; }
.top-175{ top:175px; }
.top-200{ top:200px; }
.top-250{ top:250px; }
.top-300{ top:300px; }
.top-400{ top:400px; }
.top-500{ top:500px; }

/* right */
.right-0 { right:0px;  }
.right-1 { right:1px;  }
.right-2 { right:2px;  }
.right-3 { right:3px;  }
.right-4 { right:4px;  }
.right-5 { right:5px;  }
.right-10{ right:10px; }
.right-15{ right:15px; }
.right-20{ right:20px; }
.right-25{ right:25px; }
.right-30{ right:30px; }
.right-40{ right:40px; }
.right-50{ right:50px; }
.right-60{ right:60px; }
.right-70{ right:70px; }
.right-80{ right:80px; }
.right-90{ right:90px; }
.right-100{ right:100px; }
.right-125{ right:125px; }
.right-150{ right:150px; }
.right-175{ right:175px; }
.right-200{ right:200px; }
.right-250{ right:250px; }
.right-300{ right:300px; }
.right-400{ right:400px; }
.right-500{ right:500px; }

/* left */
.left-0 { left:0px;  }
.left-5 { left:5px;  }
.left-10{ left:10px; }
.left-15{ left:15px; }
.left-20{ left:20px; }
.left-25{ left:25px; }
.left-30{ left:30px; }
.left-40{ left:40px; }
.left-50{ left:50px; }
.left-60{ left:60px; }
.left-70{ left:70px; }
.left-80{ left:80px; }
.left-90{ left:90px; }
.left-100{ left:100px; }
.left-125{ left:125px; }
.left-150{ left:150px; }
.left-175{ left:175px; }
.left-200{ left:200px; }
.left-250{ left:250px; }
.left-300{ left:300px; }
.left-400{ left:400px; }
.left-500{ left:500px; }

/* bottom */
.bottom-0 { bottom:0px;  }
.bottom-5 { bottom:5px;  }
.bottom-10{ bottom:10px; }
.bottom-15{ bottom:15px; }
.bottom-20{ bottom:20px; }
.bottom-25{ bottom:25px; }
.bottom-30{ bottom:30px; }
.bottom-40{ bottom:40px; }
.bottom-50{ bottom:50px; }
.bottom-60{ bottom:60px; }
.bottom-70{ bottom:70px; }
.bottom-80{ bottom:80px; }
.bottom-90{ bottom:90px; }
.bottom-100{ bottom:100px; }
.bottom-125{ bottom:125px; }
.bottom-150{ bottom:150px; }
.bottom-175{ bottom:175px; }
.bottom-200{ bottom:200px; }
.bottom-250{ bottom:250px; }
.bottom-300{ bottom:300px; }
.bottom-400{ bottom:400px; }
.bottom-500{ bottom:500px; }

/* margin */
.mag-5{ margin:5px; }
.mag-10{ margin:10px; }
.mag-15{ margin:15px; }
.mag-20{ margin:20px; }


.mag-5-0{  margin: 5px 0; }
.mag-10-0{ margin: 10px 0; }
.mag-15-0{ margin: 15px 0; }
.mag-20-0{ margin: 20px 0; }
.mag-30-0{ margin: 30px 0; }
.mag-40-0{ margin: 40px 0; }
.mag-50-0{ margin: 50px 0; }
.mag-60-0{ margin: 60px 0; }

.mag-t-5  { margin-top:5px;  } .mag-b-5  { margin-bottom:5px;  } .mag-l-5  { margin-left:5px;  } .mag-r-5  { margin-right:5px;  }
.mag-t-10 { margin-top:10px; } .mag-b-10 { margin-bottom:10px; } .mag-l-10 { margin-left:10px; } .mag-r-10 { margin-right:10px; }
.mag-t-15 { margin-top:15px; } .mag-b-15 { margin-bottom:15px; } .mag-l-15 { margin-left:15px; } .mag-r-15 { margin-right:15px; }
.mag-t-20 { margin-top:20px; } .mag-b-20 { margin-bottom:20px; } .mag-l-20 { margin-left:20px; } .mag-r-20 { margin-right:20px; }
.mag-t-25 { margin-top:25px; } .mag-b-25 { margin-bottom:25px; } .mag-l-25 { margin-left:25px; } .mag-r-25 { margin-right:25px; }
.mag-t-30 { margin-top:30px; } .mag-b-30 { margin-bottom:30px; } .mag-l-30 { margin-left:30px; } .mag-r-30 { margin-right:30px; }
.mag-t-35 { margin-top:35px; } .mag-b-35 { margin-bottom:35px; } .mag-l-35 { margin-left:35px; } .mag-r-35 { margin-right:35px; }
.mag-t-40 { margin-top:40px; } .mag-b-40 { margin-bottom:40px; } .mag-l-40 { margin-left:40px; } .mag-r-40 { margin-right:40px; }
.mag-t-50 { margin-top:50px; } .mag-b-50 { margin-bottom:50px; } .mag-l-50 { margin-left:50px; } .mag-r-50 { margin-right:50px; }
.mag-t-60 { margin-top:60px; } .mag-b-60 { margin-bottom:60px; } .mag-l-60 { margin-left:60px; } .mag-r-60 { margin-right:60px; }
.mag-t-70 { margin-top:70px; } .mag-b-70 { margin-bottom:70px; } .mag-l-70 { margin-left:70px; } .mag-r-70 { margin-right:70px; }
.mag-t-80 { margin-top:80px; } .mag-b-80 { margin-bottom:80px; } .mag-l-80 { margin-left:80px; } .mag-r-80 { margin-right:80px; }
.mag-t-90 { margin-top:90px; } .mag-b-90 { margin-bottom:90px; } .mag-l-90 { margin-left:90px; } .mag-r-90 { margin-right:90px; }
.mag-t-100{ margin-top:100px; } .mag-b-100 { margin-bottom:100px; } .mag-l-100 { margin-left:100px; } .mag-r-100 { margin-right:100px; }
.mag-t-125{ margin-top:125px; } .mag-b-125 { margin-bottom:125px; } .mag-l-125 { margin-left:125px; } .mag-r-125 { margin-right:125px; }
.mag-t-150{ margin-top:150px; } .mag-b-150 { margin-bottom:150px; } .mag-l-150 { margin-left:150px; } .mag-r-150 { margin-right:150px; }
.mag-t-175{ margin-top:175px; } .mag-b-175 { margin-bottom:175px; } .mag-l-175 { margin-left:175px; } .mag-r-175 { margin-right:175px; }
.mag-t-200{ margin-top:200px; } .mag-b-200 { margin-bottom:200px; } .mag-l-200 { margin-left:200px; } .mag-r-200 { margin-right:200px; }
.mag-t-250{ margin-top:250px; } .mag-b-250 { margin-bottom:250px; } .mag-l-250 { margin-left:250px; } .mag-r-250 { margin-right:250px; }
.mag-t-300{ margin-top:300px; } .mag-b-300 { margin-bottom:300px; } .mag-l-300 { margin-left:300px; } .mag-r-300 { margin-right:300px; }

.mag-auto{ margin-left:auto; margin-right:auto; }

/* padding */
.pad-1{ padding:1px; }
.pad-2{ padding:2px; }
.pad-3{ padding:3px; }
.pad-4{ padding:4px; }
.pad-5{ padding:5px; }
.pad-10{ padding:10px; }
.pad-15{ padding:15px; }
.pad-20{ padding:20px; }
.pad-30{ padding:30px; }
.pad-40{ padding:40px; }
.pad-50{ padding:50px; }

.pad-5-0  { padding:5px 0;  } .pad-0-5  { padding:0 5px;  } 
.pad-10-0 { padding:10px 0; } .pad-0-10 { padding:0 10px; } 
.pad-15-0 { padding:15px 0; } .pad-0-15 { padding:0 15px; } 
.pad-20-0 { padding:20px 0; } .pad-0-20 { padding:0 20px; }
.pad-30-0 { padding:30px 0; } .pad-0-30 { padding:0 30px; }
.pad-40-0 { padding:40px 0; } .pad-0-40 { padding:0 40px; }
.pad-50-0 { padding:50px 0; } .pad-0-50 { padding:0 50px; }
.pad-60-0 { padding:60px 0; } .pad-0-60 { padding:0 60px; }
.pad-5-10 { padding:5px 10px;  }
.pad-10-5 { padding:10px 5px;  } 
.pad-20-10{ padding:20px 10px; }
.pad-10-20{ padding:10px 20px; }
.pad-10-40{ padding:10px 40px; }

.pad-t-5 { padding-top:5px;  } .pad-b-5  { padding-bottom:5px;  } .pad-l-5  { padding-left:5px;  } .pad-r-5  { padding-right:5px;  }
.pad-t-10{ padding-top:10px; } .pad-b-10 { padding-bottom:10px; } .pad-l-10 { padding-left:10px; } .pad-r-10 { padding-right:10px; }
.pad-t-15{ padding-top:15px; } .pad-b-15 { padding-bottom:15px; } .pad-l-15 { padding-left:15px; } .pad-r-15 { padding-right:15px; }
.pad-t-20{ padding-top:20px; } .pad-b-20 { padding-bottom:20px; } .pad-l-20 { padding-left:20px; } .pad-r-20 { padding-right:20px; }
.pad-t-30{ padding-top:30px; } .pad-b-30 { padding-bottom:30px; } .pad-l-30 { padding-left:30px; } .pad-r-30 { padding-right:30px; }
.pad-t-40{ padding-top:40px; } .pad-b-40 { padding-bottom:40px; } .pad-l-40 { padding-left:40px; } .pad-r-40 { padding-right:40px; }
.pad-t-50{ padding-top:50px; } .pad-b-50 { padding-bottom:50px; } .pad-l-50 { padding-left:50px; } .pad-r-50 { padding-right:50px; }
.pad-t-60{ padding-top:60px; } .pad-b-60 { padding-bottom:60px; } .pad-l-60 { padding-left:60px; } .pad-r-60 { padding-right:60px; }
.pad-t-70{ padding-top:70px; } .pad-b-70 { padding-bottom:70px; } .pad-l-70 { padding-left:70px; } .pad-r-70 { padding-right:70px; }
.pad-tb-20{padding-top:20px; padding-bottom: 20px;}

.pad-t-250{ padding-top:250px; } .pad-b-70 { padding-bottom:250px; } .pad-l-70 { padding-left:250px; } .pad-r-70 { padding-right:250px; }


/* shapes */
.circle{ border-radius:50%; }


/* corners */
.corner-5  { border-radius:5px; }
.corner-10 { border-radius:10px; }
.corner-15 { border-radius:15px; }
.corner-20 { border-radius:20px; }

.corner-tl-5  { border-top-left-radius:5px;  } .corner-tr-5  { border-top-right-radius:5px;  } .corner-bl-5  { border-bottom-left-radius:5px;  } .corner-br-5  { border-bottom-right-radius:5px;  }
.corner-tl-10 { border-top-left-radius:10px; } .corner-tr-10 { border-top-right-radius:10px; } .corner-bl-10 { border-bottom-left-radius:10px; } .corner-br-10 { border-bottom-right-radius:10px; }
.corner-tl-15 { border-top-left-radius:15px; } .corner-tr-15 { border-top-right-radius:15px; } .corner-bl-15 { border-bottom-left-radius:15px; } .corner-br-15 { border-bottom-right-radius:15px; }
.corner-tl-20 { border-top-left-radius:20px; } .corner-tr-20 { border-top-right-radius:20px; } .corner-bl-20 { border-bottom-left-radius:20px; } .corner-br-20 { border-bottom-right-radius:20px; }

/* colors */
.darkred { color:darkred; }
.darkblue { color:darkblue; }
.darkgreen { color:darkgreen; }
.darkorange { color:darkorange; }
.darkyellow { color:#a4a400; }
.white { color:white; }
.black { color:black; }
.green { color:green; }
.red   { color:red; }
.yellow { color:yellow; }
.orange { color:orange; }
.grey { color:grey; }
.gray { color:gray; }
.darkgrey { color:darkgrey; }
.lightgray { color:lightgray; }
.lightblue { color:lightblue; }

.bg-white { background:white; }
.bg-black { background:black; }

/* borders */
.no-top-border{border-top:0!important;} .no-right-border{border-right:0!important;} .no-bottom-border{border-bottom:0!important;} .no-left-border{border-left:0!important;}

/* floats */
.ft-right{ float:right; }
.ft-left{ float:left; }

/* clearfix */
.cf:before, .cf:after { content:""; display:table; line-height: 0; }
.cf:after { clear:both; }
.cf { zoom:1; } /* For IE 6/7 (trigger hasLayout) */


/* opacity css */
.alpha0   { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" ; filter: alpha(opacity=0) ; -moz-opacity:0.0 ; -khtml-opacity: 0.0; opacity: 0.0; }
.alpha10  { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; filter: alpha(opacity=10); -moz-opacity:0.1 ; -khtml-opacity: 0.1; opacity: 0.1; }
.alpha20  { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; filter: alpha(opacity=20); -moz-opacity:0.2 ; -khtml-opacity: 0.2; opacity: 0.2; }
.alpha25  { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=25)"; filter: alpha(opacity=25); -moz-opacity:0.25; -khtml-opacity: 0.25;opacity: 0.25; }
.alpha30  { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); -moz-opacity:0.3 ; -khtml-opacity: 0.3; opacity: 0.3; }
.alpha33  { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=33)"; filter: alpha(opacity=33); -moz-opacity:0.33; -khtml-opacity: 0.33;opacity: 0.33; }
.alpha40  { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); -moz-opacity:0.4 ; -khtml-opacity: 0.4; opacity: 0.4; }
.alpha50  { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity:0.5 ; -khtml-opacity: 0.5; opacity: 0.5; }
.alpha60  { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); -moz-opacity:0.6 ; -khtml-opacity: 0.6; opacity: 0.6; }
.alpha66  { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=66)"; filter: alpha(opacity=66); -moz-opacity:0.66; -khtml-opacity: 0.66;opacity: 0.66; }
.alpha70  { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); -moz-opacity:0.7 ; -khtml-opacity: 0.7; opacity: 0.7; }
.alpha75  { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; filter: alpha(opacity=75); -moz-opacity:0.75; -khtml-opacity: 0.75;opacity: 0.75; }
.alpha80  { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); -moz-opacity:0.8 ; -khtml-opacity: 0.8; opacity: 0.8; }
.alpha90  { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); -moz-opacity:0.9 ; -khtml-opacity: 0.9; opacity: 0.5; }
.alpha100 { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity:1.0 ; -khtml-opacity: 1.0; opacity: 1.0; }

.zIx-1{ z-index:1; }

.grayscale { 
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: url(grayscale.svg); /* Firefox 4+ */
    filter: gray; /* IE 6-9 */
}