/*
    ██████  ███████ ███████ ███████ ████████
    ██   ██ ██      ██      ██         ██
    ██████  █████   ███████ █████      ██
    ██   ██ ██           ██ ██         ██
    ██   ██ ███████ ███████ ███████    ██
*/

body{
    padding:0;
    margin:0;
    -webkit-text-size-adjust:none;
}

h1, h2, h3, h4, h5, h6, p, pre{
    padding:0;
    margin:0;
    line-height: inherit;
    white-space: normal;
    display: block;
    font-weight: inherit;
    font: inherit;
    vertical-align: baseline;
}

a, a:link, a:visited, a:hover, a:active{
    text-decoration: none;
    color: inherit;
}

a img{
    border: inherit;
}

input, select, textarea,
input:active, select:active, textarea:active,
input:focus, select:focus, textarea:focus,
input:hover, select:hover, textarea:hover{
    border:none;
    outline:none;
    background: none;
    -webkit-appearance:none;
    box-sizing:border-box;
    -moz-appearance:none;
    -ms-appearance:none;
    -o-appearance:none;
    appearance:none;
    border-radius: 0;
    -webkit-border-radius:0;
    -mos-border-radius:0;
    -o-border-radius:0;
    -ms-border-radius:0;
    padding:5px;
}

/*
     ██████  ███████ ███    ██ ███████ ██████  ██  ██████
    ██       ██      ████   ██ ██      ██   ██ ██ ██
    ██   ███ █████   ██ ██  ██ █████   ██████  ██ ██
    ██    ██ ██      ██  ██ ██ ██      ██   ██ ██ ██
     ██████  ███████ ██   ████ ███████ ██   ██ ██  ██████
*/


h1,p{
    padding:0 0 10px 0;
}

strong{
    font-weight: 700;
}

.clear{
    clear:both;
}

.noSelect{
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.right {
    float: right;
}
.left {
    float: left;
}

.text-right{
    text-align: right;
}

.text-left{
    text-align: left;
}

.center{
    text-align: center;
}

img.centered{
    vertical-align: middle;
}

.relative{
    position: relative;
}

.borderBox{
    box-sizing: border-box;
}

/*
    ███████ ██████  ███████  ██████ ██ ███████ ██  ██████ ███████
    ██      ██   ██ ██      ██      ██ ██      ██ ██      ██
    ███████ ██████  █████   ██      ██ █████   ██ ██      ███████
         ██ ██      ██      ██      ██ ██      ██ ██           ██
    ███████ ██      ███████  ██████ ██ ██      ██  ██████ ███████
*/

body{
    background: rgb(0,213,255);
    background: -moz-linear-gradient(top,rgba(0,213,255,1) 0%,rgba(0,162,216,1) 50%,rgba(0,87,145,1) 100%);
    background: -webkit-gradient(left top,left bottom,color-stop(0%,rgba(0,213,255,1)),color-stop(50%,rgba(0,162,216,1)),color-stop(100%,rgba(0,87,145,1)));
    background: -webkit-linear-gradient(top,rgba(0,213,255,1) 0%,rgba(0,162,216,1) 50%,rgba(0,87,145,1) 100%);
    background: -o-linear-gradient(top,rgba(0,213,255,1) 0%,rgba(0,162,216,1) 50%,rgba(0,87,145,1) 100%);
    background: -ms-linear-gradient(top,rgba(0,213,255,1) 0%,rgba(0,162,216,1) 50%,rgba(0,87,145,1) 100%);
    background: linear-gradient(to bottom,rgba(0,213,255,1) 0%,rgba(0,162,216,1) 50%,rgba(0,87,145,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00d5ff',endColorstr='#005791',GradientType=0 );
    background-attachment: fixed;
    width:100%;
    height: 100%;
    text-align: center;
    color: #fff;
    font-weight: 300;
    font-family: 'Quicksand', sans-serif;
    font-size: 16px;
    line-height: 26px;
}

.logo{
    margin:0 auto;
    display: block;
    max-width:100%;
    padding:60px 0 0 0;
}

h1{
    padding:10px;
    font-size: 40px;
    line-height: 50px;
}