html, body {
    height: 100%;
}

body {
    background-color: #f3f3f3;
    background-color: white;
    font-family: 'Spinnaker', sans-serif !important;
    overflow-y: scroll;
}

.navbar-default {
    /*background-color:#0c5ab3;*/
    background-color: #606060;
    /*margin-bottom: 10px;*/
    padding-bottom: 0px;
    /*padding-right: 5px;*/
    /*margin-left: 5px;*/
    /*padding-left: 10px;*/
    /*border-bottom: 2px solid #008ac9;*/
    height: 72px;
    overflow: visible !important;
}

#myNavbar {
    /*margin-bottom: 50px;*/
    /*border-width: 1px;*/
    border-color: black;
    background-color: #606060;
    /*background-color:#0c5ab3;*/
    /*background-color:white;*/
    /*color:white;*/
    /*                line-height: 15px;*/
    padding-top: 30px;
    margin-bottom: 30px;
    /*background: linear-gradient(to right, #004065,#004065,white,#004065,#004065);*/
}

.nav-flex-order-last {
    order: 1;
    padding-right: 15px;
    margin-top: -5px;
}

.nav-flex-order-last > div {
    padding-top: 3px;
}

.nav-flex-order-last > div > span {
    font-size: 11px;
    line-height: 18px;
    text-align: left;
    vertical-align: middle;
}

.nav-flex-order-last > div > img {
    vertical-align: middle;
}

.nav-flex-order-last > div > h3 {
    vertical-align: top;
}

.nav-association {
    display: inline-block;
}

.nav-association-text {
    vertical-align: super;
}

.icons-inline {
    display: inline-block !important;
}

#logoBar {
    padding-right: 0px;
    padding-left: 0px;
    max-width: 250px;
}

/* Remove the jumbotron's default bottom margin */
.jumbotron {
    margin-bottom: 0;
    background-color: #0c5ab3;
    color: orange;
}

/* Add a gray background color and some padding to the footer */
footer {
    padding: 25px;
    color: white;
    background-color: #414141;
    width: 100%;
    font-family: "Helvetica Light", Arial;
    font-size: 16px;
    height: 132px;
    padding-top: 0px;
    padding-bottom: 115px;
    position: absolute;
    /*overflow: hidden;*/
    bottom: -115px;
    z-index: 1000;
}

.panel-primary {
    /*border-color:#008ac9;*/
    /*border-color:orange;*/
    border-width: 0px !important;
    /*border-width: 5px;*/
    /*border-radius: 5px;*/
    /*box-shadow: 0px 0px 5px 5px #dddddd;*/
}

.panel {
    box-shadow: 0px 0px 15px rgba(33, 33, 33, 0.3);
    border-radius: 0px !important;
}

.panel-heading {
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}

.panel-primary .panel-heading {
    color: purple;
    background-color: #0370C1;
    color: white;
    text-align: left;

    /*border-width: 10px solid;*/
    border-color: #dddddd;
    /*background: linear-gradient(to right, #004065,#004065,#004065,white);*/
    /*background: linear-gradient(to bottom, darkorange,darkred,darkred,darkorange);*/
}

.panel-primary .panel-body {
    background-color: #f3f3f3;
    /*background-color: black;*/
    /*border-bottom: 1px dashed !important;*/
    /*border-bottom-style: groove !important;*/
    /*border: 1px solid;*/
    border-color: lightgrey !important;
    /*background: linear-gradient(to bottom, darkorange 0.2%,black 8% ,black,black,black,darkorange );*/
    /*background: radial-gradient(red 70%, yellow 20%, green 10%);  Standard syntax */
}

.panel-footer {
    background-color: #f3f3f3;
    /*background-color: black;*/
    border-top: 2px solid !important;
    /*border-bottom-style: groove !important;*/
    /*border: 1px solid;*/
    border-color: #cccccc !important;
    /*background: linear-gradient(to bottom, darkorange 0.2%,black 8% ,black,black,black,darkorange );*/
    /*background: radial-gradient(red 70%, yellow 20%, green 10%);  Standard syntax */
}

.panel-footer:hover {
    background-color: #f3f3f3;
    /*background-color: black;*/
    border-top: 2px dashed !important;
    /*border-bottom-style: groove !important;*/
    /*border: 1px solid;*/
    border-color: #bbbbbb !important;
    background-color: white !important;
    /*background: linear-gradient(to right, white 10%,lightgrey );*/
    /*background: radial-gradient(red 70%, yellow 20%, green 10%);  Standard syntax */
}

.panel-primary .panel-footer {
    background-color: #008ac9;
    background-color: #fbfbfb;
    /*background-color: #c90b0b;*/
    color: black;
    text-align: center;
    border-top: 0px;
    /*border: 1px solid;*/
    /*border-color:#008ac9;*/
}

#heada {
    padding: 0px;
    max-height: 100px;
    background-color: white;
}

#WIR {
    text-shadow: 0px 0px 10px black;
    box-shadow: 0 0 50px 10px silver;
    border-radius: 10px;
    color: #0c5ab3;
}

.navbar-default .navbar-brand {
    color: white;
    background-color: #414141;
    background: linear-gradient(lightblue, #1f73bd);
    border-radius: 20px 1px 20px 15px;
    font-family: 'Spinnaker', sans-serif;
    font-weight: bold;
    font-size: 35px;
    height: 44px;
    text-shadow: 1px 1px black, -2px -2px lightblue;
    box-shadow: 0px 0px 3px 3px grey;
    /*margin-left: 5px;*/
    margin-bottom: 0px;
    padding-bottom: 0px;
    margin-top: 5px;
    margin-right: 10px;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    background-color: #1f73bd;
    /*color: orange;*/
    border-color: graytext;
    border-width: 2px;
    border-style: solid;

}

.navbar-default {
    border-radius: 0px;
    position: fixed;
    width: 100%;
    z-index: 900;

}

.navbar-default .navbar-nav > li > h1, .navbar-default .navbar-nav > li > h1 {
    background-color: #414141;
    height: 41px;
    padding-top: 8px;
    color: #4cab46;
    padding-bottom: 0px !important;

    font-weight: bold;
    font-size: 36px;
    margin-top: -50px;
    margin-left: 98px;
    margin-bottom: 0px;
    font-family: 'Spinnaker', sans-serif !important;
    vertical-align: middle;
    line-height: 28px;
}

.navbar-default .navbar-nav > li > h1 > .glyphicon, .navbar-default .navbar-nav > li > a > .material-icons {
    color: #3daad6;
}

.navbar-default .navbar-nav > li > h1:hover, .navbar-default .navbar-nav > li > h1:focus {
    background-color: #414141;
    color: #3daad6;
    border-color: #414141;
    overflow: visible !important;
    margin-bottom: 0px;
    border-radius: 5px 5px 0px 0px;
    margin-bottom: 0px !important;

}

.navbar-default .navbar-nav > li > a:hover > .glyphicon, .navbar-default .navbar-nav > li > a:focus > .glyphicon, .navbar-default .navbar-nav > li > a:hover > .material-icons, .navbar-default .navbar-nav > li > a:focus > .material-icons {
    color: #3daad6;
}

#myCarousel {
    /*margin-top:5px;*/
}

@media (min-width: 768px) {
    .carousel-inner img {

        /*position: relative;*/
        /*width: 100%;*/
        min-height: 400px;
    }

    .seo-pad {
        height: 400px;
    }
}

.carousel-inner img {

    /*position: relative;*/
    width: 100%;
    /*min-height: 400px;*/
}

/* Hide the carousel text when the screen is less than 600 pixels wide */
@media (max-width: 600px) {
    .carousel-caption {
        display: none;
    }
}

li {
    list-style-type: none;
}

.footerlist > li {
    margin-top: 10px;
}

.footerlist > li > a {
    color: white !important;
}

.footerlist {
    margin-top: 15px;
    margin-bottom: 10px;
}

input:required:valid {
    border: 1px solid #a6cd3c;

}

.btn-primary {
    background-color: #0370C1;
}

.btn-primary:hover {
    background-color: #3DAAD6;
}

.gscheinimg {
    border: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
    max-width: 150px;
    margin-left: 2px;
}

body {
    line-height: 150%;
}

.borderdBox {
    border: 1px solid #ccc;
    background-color: #f5f5f5;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    margin-top: 10px;
}

.sizing {
    width: 340px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

.code {
    border: 3px solid black;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    font-size: 20px;
    font-weight: 600;
    padding-top: 12px;
    padding-bottom: 12px;
    margin-left: 30px;
    margin-right: 30px;
    margin-bottom: 10px;
    background-color: white;
}

#categories {
    padding-top: 5px;
    min-width: 210px;
    max-width: 210px;
}

#categories ul {
    list-style: none;
}

#btnFilter:active {
    top: 20px;
}

#btnFilter {
    padding-left: 6px;
    padding-right: 6px;
}

#logoContainer {
    min-width: 185px;
    max-width: 185px;
    min-height: 378px;
    max-height: 378px;
}

@media (max-width: 768px) {
    #brandcontainer {
        margin-top: 40px;
    }
}

#searchBar {
    padding-top: 72px;
    margin-bottom: 10px;
    text-align: left;
    position: fixed;
    transition: top 0.2s ease-in-out;
    width: 100%;
    z-index: 899;
}

.search-up {
    top: -50px;
}

.logo {
    height: 55px;
    margin-top: 7px;
}

#offerText strong {
    font-weight: 900;
    font-size: 16px;
}

.website {
    margin-top: 10px;
    margin-bottom: 15px;
    font-size: 20px;
}

#offerReclaimer {
    font-size: 12px;
}

.close {
    opacity: 1;
    color: white;
}

.btn-success {
    border-color: #4CAB46;
    background-color: #4CAB46;
}

.btn-success:hover {
    background-color: #A2C938 !important;
}

a:focus {
    outline: none !important;
}

.caption {
    font-family: "Helvetica Light", Arial;
    font-size: 16px;
    color: white !important;
    text-transform: uppercase;
}

.caption:hover {
    color: #3daad6 !important;
}

.captionFont {
    margin-top: 3px;
}

.mdi {
    color: #414141;
    background-color: white;
    border-radius: 11px;
    height: 22px;
    width: 22px;
    padding: 2px 2px;
    text-align: center;
    font-size: 17px;
}

.mdi:hover {
    background-color: #3daad6;
}

.mdi-instagram {
    font-size: 15px;
    padding-top: 4px;
    padding-left: 3px;
}

@media (max-width: 1240px) {
    .navbar-header {
        float: none;
    }

    .navbar-left, .navbar-right {
        float: none !important;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
        margin-top: 10px;
    }

    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

    .navbar-nav {
        float: none !important;
        margin-top: 7.5px;
    }

    .navbar-nav > li {
        float: none;
    }

    .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .collapse.in {
        display: block !important;
    }

    #navbarBar {
        #padding-bottom: 25px;
        margin-top: 16px;
    }

    #logoBar {
        margin-left: 10px;
        margin-bottom: -7px;
    }

    .margin-overlay {
        margin-top: 10px !important;
        margin-bottom: 0px;
    }

    .font-overlay-h1 {
        font-size: 24px;
    }

    .font-overlay-h3 {
        font-size: 18px;
    }

    .nav {
        display: flex;
        flex-flow: column;
    }

    .nav-flex-order-last {
        order: 1;
        text-align: center;
        padding-top: 10px;
        padding-right: 0px;
    }

    .nav-association-text {
        display: block;
        text-align: center !important;
    }

    .nav-flex-order-last > span {
        font-size: 14px;
    }
}

#activate-login {
    color: #4CAB46 !important;
}

#activate-login:hover {
    color: #A2C938 !important;
    text-decoration: none;
    cursor: pointer;
}

.centerParent {
    position: relative;
    height: 100vh;
}

.centerChild {
    position: absolute;
    top: 40%;
    transform: translateY(-50%);
}

.navbar {
    border: 0px;
}

@media (min-width: 992px) and (max-width: 1200px) {
    .catPosition {
        position: absolute;
        right: 0%;
        transform: translateX(-50%);
    }

    .seo-pad {
        height: 520px;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .catPosition {
        position: absolute;
        right: 8%;
        transform: translateX(-50%);
    }
}

.pad {
    padding-left: 60px;
    padding-right: 60px;
}

.seo-icon {
    height: 96px;
    width: 96px;
    background-repeat: no-repeat;
    background-size: 96px;
    display: block;
    margin: 0 auto;
}

#form_filter > ul {
    padding-left: 10px;
}

#activate_reset_error {
    text-align: center;
    border: solid black 1px;
}

#seo_footer {
    padding-top: 100px;
    padding-bottom: 250px;
}

.seo-pad {
    padding-top: 30px;
    padding-bottom: 30px;
}

.seo-justify {
    text-align: justify;
}

.offer-pad {
    padding-top: 5px;
    padding-bottom: 5px;
}

#offerVolume {
    padding-top: 10px;
}

.ci-green {
    color: #52AB46;
}

.ci-blue {
    color: #0370C1;
}

.cat-pad {
    margin-top: 0px;
}

.wo-cat-pad {
    margin-top: 20px;
}

.full-height {
    top: 72px;
    min-height: -webkit-calc(100vh - 72px);
    min-height: -moz-calc(100vh - 72px);
    min-height: calc(100vh - 72px);
    position: relative;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

.center-registration {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    max-height: 100%;
}

.errorlist > li {
    color: #0370C1;
}

.faq_pad {
    padding-left: 10px;
}

.pad_bottom {
    padding-bottom: 130px;
}

@media (max-width: 448px) {
    footer {
        padding-left: 0px;
    }
}

#container {
    min-height: 100%;
    position: relative;
}

.mdi-timer {
    font: normal normal normal 19px/1 "Material Design Icons";
    padding-left: 4px;
    padding-right: 4px;
}

@media (max-width: 767px) {
    .timer-visible {
        display: inline-block !important;
    }
}

.timer-visible {
    display: none;
}

.navbar-association-logo {
    max-height: 60px;
}

.association-logo {
    max-height: 250px;
    max-width: 250px;
}

.association-name {
    padding-bottom: 40px;
}

/*******SEO optimized header************/

h2 {
    font-size: 24px;
}

h3 {
    font-size: 18px;
}

h4 {
    font-size: 30px;
}

/*********iOS Caret Bug Fix************/
body.iosBugFixCaret.modal-open {
    position: fixed;
    width: 100%;
}

}