body {
     font-family: "Montserrat", sans-serif;
     color: #202121;
     line-height: 1.4;
}
 h1#formTitle {
     color: #003898;
     font-weight: 600;
     text-align: center;
}
 .alert {
     font-weight: bold;
     color: #ff0000 !important;
     padding: 7px;
}
 #header img {
     padding-top: 5px;
}
 #checkout_section, #form_section, #form_description {
     display: none;
}
 #selection_timer {
     background-color: #FFF;
}
 #selection_cont {
     display: flex;
     padding: 15px;
     justify-content: space-between;
     align-items: center;
}
 div#checkoutContainer {
     background-color: #FFF;
     padding: 15px;
     display: flex;
     justify-content: space-between;
     border-radius: 3px;
     box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
     z-index: 0;
     align-items: center;
}
 #selection_cont p, div#checkoutContainer p {
     color: #003898;
     font-weight: 500;
     margin: 0 10px;
     font-size: 21px;
}
 span#selection_countdown, span#checkout_countdown {
     color: #202121;
     font-size: 21px;
     font-weight: bold;
}
 #selection_remainingTime, div#remainingTime {
     display: flex;
     justify-content: flex-end;
     align-items: center;
     position: relative;
}
 #selection_remainingTime button, div#remainingTime button {
     outline: none;
     border: 0;
     border-radius: 50%;
     padding: 0 8px;
     margin-left: 20px;
}
 span.help_countdown-icon {
     font-family: Montserrat;
     font-weight: bold;
}
 #selection_remainingTime button:focus, #selection_remainingTime button:hover, div#remainingTime button:focus, div#remainingTime button:hover {
     outline: none;
     border: 0;
     border-radius: 50%;
     padding: 0 8px;
}
 div.help_countdown-tooltip {
     display: none;
     position: absolute;
     top: 50px;
     right: -15px;
     width: 50%;
     background-color: #FFF;
     color: #202121;
     padding: 15px;
     border-radius: 3px;
     box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
     z-index: 2 !important;
     animation: fadeIn .1s ease-out;
     font-size: 0.8em;
}
 div.help_countdown-tooltip p {
     color: #202121;
     font-size: 0.8em;
     margin: 0;
}
 div.help_countdown-tooltip:after {
     content: "";
     position: absolute;
     top: -30px;
     right: 12px;
     border-color: transparent transparent #FFF transparent;
     border-style: solid;
     border-width: 15px;
}
 #selection_remainingTime button:focus + div.help_countdown-tooltip, #remainingTime button:focus + div.help_countdown-tooltip {
     display: block !important;
}
 @keyframes fadeIn {
     from {
         opacity: 0;
    }
     to {
         opacity: 1;
    }
}
 form {
     padding-left: 0 !important;
     padding-right: 0 !important;
}
 h1 {
     font-weight: bold;
     color: #003898;
}
 h2, h3 {
     color: #003898;
     font-weight: 500;
}
 h4, h5 {
     color: #003898;
     font-weight: 400;
}
 #selectBrick_section h3 {
     margin-bottom: 1.2em;
}
 .brickStatus_container {
     display: flex;
     justify-content: center;
     align-items: center;
}
 .brickStatus_container div {
     text-align: center;
     border: 1px solid #7c858c;
     border-radius: 3px;
     background: white;
     margin-left: 15px;
     margin-right: 15px;
     padding: 15px;
     box-shadow: 0 0 5px rgba(0, 0, 0, 0.07);
}
 .brickStatus_container div p {
     margin: 0;
}
 .page_banner div {
     display: flex;
     align-items: center;
     justify-content: space-between;
}
 #brickStyle_section #brickOptions_container {
     justify-content: center;
}
 #brickStyle_section #brickOptions_container>div {
     display: flex;
     justify-content: center;
     align-items: center;
     flex-direction: column;
}
 .brick_card-style {
     display: flex;
     justify-content: center;
     align-items: center;
     flex-direction: column;
     width: 228px;
     height: 230px;
     background-color: #FFF;
     border: 1px solid #7c858c;
     border-radius: 4px;
     box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 10%);
     padding: 15px;
     cursor: pointer;
}
 .brick_card-style label {
     justify-content: space-between;
     display: flex;
     flex-direction: column;
     align-items: center;
}
 .brick_card-style label p {
     margin: 0;
     text-align: center;
}
 .brick_card-style label img {
     margin: 15px 5px;
}
 .brick_card-style * {
     cursor: pointer;
}
 .form-control, input, select {
     height: 35px;
     border: 1px solid #80808075;
}
 input[name="brickSize"] {
     width: 20px;
}
 button.btn.btn-outlined, button.btn.btn-outlined:focus {
     border: 2px solid #003898;
     background: transparent;
     color: #003898;
     text-transform: none;
     text-shadow: none;
     box-shadow: none;
     border-radius: 3px;
     font-weight: 500;
     padding: 10px 25px;
}
 .col-md-6.firstMapSection {
     display: none;
}
 button.btn.btn-outlined:hover {
     background-color: #003898;
     color: #FFF;
     text-shadow: none;
     box-shadow: none;
}
 button.btn.btn-darkBlue, button.btn.btn-darkBlue:focus {
     background: #003898;
     text-shadow: none;
     box-shadow: none;
     border-radius: 3px;
     padding: 10px 20px;
     color: #FFF;
     border: 2px solid #003898;
     text-transform: none;
}
 button.btn.btn-darkBlue:hover {
     background-color: #0070CD;
     border: 2px solid #0070CD;
     text-shadow: none;
     box-shadow: none;
}
 button {
     font-family: inherit;
}
 .panel {
     margin-bottom: 20px;
     background-color: #fff;
     border: 1px solid transparent;
     border-radius: 4px;
     -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
     box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
}
 .panel-default {
     padding-left: 15px;
     padding-right: 15px;
}
 div.alert[role="alert"] p {
     font-weight: normal !important;
     color: #202121 !important;
}
 @media screen and (max-width: 489px) {
     .page_banner div h1 {
         font-size: 1.2em;
    }
     .page_banner div img {
         width: 120px;
    }
     #selection_timer, #checkout_section {
         margin: 0;
    }
     .brickStatus_container {
         flex-direction: column;
    }
     .brickStatus_container div {
         margin: 0 0 20px 0;
    }
     body {
         font-size: 16px;
    }
     div#selection_cont, div#checkoutContainer {
         justify-content: center;
    }
     div#selection_cont p, div#checkoutContainer p {
         font-size: inherit;
    }
     div#selection_cont #selection_timer_title, div#checkoutContainer #checkoutTitle {
         font-weight: bold;
    }
     p, a {
         margin-left: 0;
         margin-right: 0;
    }
     .wrapper.contentwrapper.container {
         padding: 5px !important;
    }
     .row {
         margin: 0;
    }
}