.text-center{ text-align: center;}
.text-left{ text-align: left; }
.text-right{ text-align: right; }
.text-justify{ text-align: justify; }
.float-left{ float: left; }
.float-right{ float: right; }
.bold{ font-weight: bold; }
.none{ display: none !important; visibility: hidden !important;}
.hidden{visibility: hidden; }
.opacity0{ opacity: 0;}
.relative{ position: relative; }
.absolute{ position: absolute; }
.uppercase{ text-transform: uppercase; }
.white{ color: white !important;}
.bg-blue{ background-color: #00a8ff !important; }
.block{ display: block !important;}
.inline-block{ display: inline-block; }

html,body{
    font-family: din_regular;
    margin: 0 auto;
    height: 100%;
    width: 100%;
    color: #19202a;
}

.module{
    max-width: 1920px;
    min-width: 960px;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}

.module-header{
    font-size: 46px;
    font-family: din_medium;
    text-align: center;
    text-transform: uppercase;
    margin: 40px 0;
    position: relative;
}

.module-header:after{
    content: '';
    left: 0;
    right: 0;
    bottom: -5px;
    margin: auto;
    height: 1px;
    width: 270px;
    background: #dddddd;
    position: absolute;
}

.module-header span{
    color: #14acda;
}

.button{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f44336+0,c82519+100 */
    background: #f44336; /* Old browsers */
    background: -moz-linear-gradient(top,  #f44336 0%, #c82519 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f44336), color-stop(100%,#c82519)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f44336 0%,#c82519 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f44336 0%,#c82519 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f44336 0%,#c82519 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f44336 0%,#c82519 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f44336', endColorstr='#c82519',GradientType=0 ); /* IE6-9 */
    width: 275px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    color: white;
    font-family: din_bold;
    font-size: 16px;
    text-transform: uppercase;
    outline: 4px solid rgba(255,255,255,.1);
    display: inline-block;
    text-shadow: 1px 1px 1px rgba(0,0,0,.5);
    cursor: pointer;
}

.button:hover {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f44336+0,c82519+100 */
    background: #ff5442; /* Old browsers */
    background: -moz-linear-gradient(top, #ff5442 0%, #da281b 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff5442), color-stop(100%, #da281b)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ff5442 0%, #da281b 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ff5442 0%, #da281b 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ff5442 0%, #da281b 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ff5442 0%, #da281b 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5442', endColorstr='#da281b', GradientType=0); /* IE6-9 */
}