html, body {
    margin: 0;
    padding: 0;
    height: 50%;
    /*background: rgb(47, 154, 246);*/
    font-family: Roboto;

}

#container {
    width: 100%;
    text-align: center;
}

.inner-container {
    color: #FFF;
    margin: 0 auto 50px;
    margin-top: 50px;
    max-width: 500px;
    padding: 20px;

    background: rgba(47, 102, 189, 1);
    background: -moz-linear-gradient(top, rgba(47, 102, 189, 1) 0%, rgba(34, 69, 135, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(47, 102, 189, 1)), color-stop(100%, rgba(34, 69, 135, 1)));
    background: -webkit-linear-gradient(top, rgba(47, 102, 189, 1) 0%, rgba(34, 69, 135, 1) 100%);
    background: -o-linear-gradient(top, rgba(47, 102, 189, 1) 0%, rgba(34, 69, 135, 1) 100%);
    background: -ms-linear-gradient(top, rgba(47, 102, 189, 1) 0%, rgba(34, 69, 135, 1) 100%);
    background: linear-gradient(to bottom, rgba(47, 102, 189, 1) 0%, rgba(34, 69, 135, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2f66bd', endColorstr='#224587', GradientType=0);

    -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.75);

}

body {
    padding-top: 20px;
    padding-bottom: 20px;
    background: rgba(255,255,255,0) url('../page-img/bg_pattern.png') repeat center top;
    background-size: auto
}

.shortcode-banner {
    position: relative;
    overflow: hidden;
    margin-bottom: 15px;
    margin-top: 5px;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    line-height: 0;
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "alpha(opacity=100)"
}


.wf-table {
    display: table;
    width: 100%
}

.wf-table .shortcode-banner-inside {
    display: table-cell;
    vertical-align: middle
}

h1,h2,h3,h4,h5,h6 {
    margin-bottom: 10px;
    clear: both
}


 .content-section {
     color: #FFF;
     margin: 20px auto 20px;

     max-width: 500px;
     min-height: 400px;
     padding: 20px;
text-align: justify;
     background: rgba(47,102,189,1);
     background: -moz-linear-gradient(top, rgba(47,102,189,1) 0%, rgba(34,69,135,1) 100%);
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(47,102,189,1)), color-stop(100%, rgba(34,69,135,1)));
     background: -webkit-linear-gradient(top, rgba(47,102,189,1) 0%, rgba(34,69,135,1) 100%);
     background: -o-linear-gradient(top, rgba(47,102,189,1) 0%, rgba(34,69,135,1) 100%);
     background: -ms-linear-gradient(top, rgba(47,102,189,1) 0%, rgba(34,69,135,1) 100%);
     background: linear-gradient(to bottom, rgba(47,102,189,1) 0%, rgba(34,69,135,1) 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f66bd', endColorstr='#224587', GradientType=0 );

     -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.75);
     -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.75);
     box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.75);

 }

.content-section a,
.content-section a:hover,
.content-section a:visited,
.content-section a:focus{
    color:white;
    text-decoration: underline;
}

.content-section p{
    font-size: 14px;
}





footer {
    font-size: 14px;
    color: #8d9095;
    background: #f7f7f8 none repeat center top;
    border-top: 1px solid rgba(218,222,225,0.85);
}

.footer {
    /*position: absolute;*/
    bottom: 0;
    width: 100%;
    min-height: 60px;
    background-color: #f5f5f5
}

footer a {
    color: #8d9095;
}

.footer>.container {
    padding-right: 15px;
    padding-left: 15px
}

#branding-bottom {
    width: 163px;
}

.wf-td {
    display: table-cell;
    vertical-align: middle;
}

.logo-horizontal {
    height: 40px;
    margin: 5px;
}

.wf-float-left {
    float: left;
}

.mini-contacts li {
    display: inline-block;
    position: relative;
    margin: 0 10px 0 0;
    padding-left: 18px;
    background-repeat: no-repeat;
    background-position: 0 center;
    white-space: nowrap;
}


.mini-contacts li.address {
    background-image: url("data:image/svg+xml,%3Csvg%20version=%221.1%22%20xmlns=%22http://www.w3.org/2000/svg%22%20xmlns:xlink=%22http://www.w3.org/1999/xlink%22%20x=%220px%22%20y=%220px%22%20width=%2215px%22%20height=%2215px%22%20viewBox=%220%200%2015%2015%22%20enable-background=%22new%200%200%2015%2015%22%20fill=%22%238d9095%22%20xml:space=%22preserve%22%3E%3Cpath%20d=%22M12.041,5.739c0-2.104-1.82-3.784-4.033-3.784c-2.23,0-3.997,1.68-3.997,3.784c0,1.468,0.613,2.177,1.971,3.979%09c1.635,2.279,1.952,4.209,1.952,4.209c0.037,0.158,0.185,0.158,0.222,0c0,0,0.242-1.93,1.916-4.209%09C10.852,8.641,12.041,7.207,12.041,5.739z%20M8.045,7.314c-0.818,0-1.504-0.691-1.504-1.505c0-0.813,0.687-1.449,1.504-1.449c0.875,0,1.543,0.637,1.543,1.449C9.59,6.623,8.92,7.314,8.045,7.314z%22/%3E%3C/svg%3E")
}

.mini-contacts li.phone {
    background-image: url("data:image/svg+xml,%3Csvg%20version=%221.1%22%20xmlns=%22http://www.w3.org/2000/svg%22%20xmlns:xlink=%22http://www.w3.org/1999/xlink%22%20x=%220px%22%20y=%220px%22%20width=%2215px%22%20height=%2215px%22%20viewBox=%220%200%2015%2015%22%20enable-background=%22new%200%200%2015%2015%22%20fill=%22%238d9095%22%20xml:space=%22preserve%22%3E%3Cpath%20d=%22M10.932,13.848l-0.004-3.521c-0.004,0-1-0.006-1.046-0.004c-1.13-0.012-1.112-4.613,0.017-4.648l1.056,0.004l0.017-3.522c0,0-1.052-0.003-1.068-0.002C9.165,2.166,7.218,2.096,7.195,7.985c-0.023,5.941,1.889,5.83,2.671,5.857C9.924,13.839,10.928,13.846,10.932,13.848z%22/%3E%3C/svg%3E")
}

.mini-contacts li.email {
    background-image: url("data:image/svg+xml,%3Csvg%20version=%221.1%22%20%20xmlns=%22http://www.w3.org/2000/svg%22%20xmlns:xlink=%22http://www.w3.org/1999/xlink%22%20x=%220px%22%20y=%220px%22%20width=%2215px%22%20height=%2215px%22%20viewBox=%220%200%2015%2015%22%20enable-background=%22new%200%200%2015%2015%22%20fill=%22%238d9095%22%20xml:space=%22preserve%22%3E%3Cpath%20d=%22M7.86,8.553L5.998,10.17L4.169,8.582l-3.553,3.303l10.944,0.004L7.86,8.553z%20M0.518,4.036l5.488,5.211l5.394-5.16L0.518,4.036z%20M8.417,7.986l3.574,3.426l-0.01-6.741L8.417,7.986z%20M0.018,11.338l3.538-3.34L0,4.631L0.018,11.338z%22/%3E%3C/svg%3E")
}

.mini-nav li {
    position: relative;
    display: inline-block;
    margin: 0 16px 0 0;
}



.navbar {
    margin-bottom: 20px;
}

.navbar-logo {
    padding: 0;
    margin: 0;
}



.corner-ribbon {
    width: 200px;
    background: #e43;
    position: absolute;
    top: 25px;
    left: -50px;
    text-align: center;
    line-height: 50px;
    letter-spacing: 1px;
    color: #f0f0f0;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    z-index: 999;
}

.corner-ribbon.sticky {
    position: fixed;
}

.corner-ribbon.shadow {
    box-shadow: 0 0 3px rgba(0, 0, 0, .3);
}

.corner-ribbon.top-left {
    top: 25px;
    left: -50px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.corner-ribbon.red {
    background: #d62f17;
}

@media only screen and (max-width: 768px) {
    /* For mobile phones: */
    .logo-horizontal {
        margin-left: 50px;
    }
}