@import url('//fonts.googleapis.com/css?family=Oswald|Open Sans');
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-size: 100%;
}

body {
    margin: 0;
    /*font-family: Open-sans;*/
    /* background-color: #000000;*/
    /*background-image: url('/images/BuildTheGarageSomewhereElseBackground.jpg');
    background-repeat: repeat;
    background-size: 1200px 300px;*/
}
body.loading_naked { overflow: hidden; }
body.loading_naked .modal_naked { display: block; }
.modal_naked {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, 0 ) 
                url('/contents/ajax-loader.gif')
                50% 50% 
                no-repeat;
}

.highlgt { background-color: #FFFF00 }

a { color: #d3d2d2; }
a:hover { color: #F3B405; }
.menu_item { cursor: pointer; font-size: 22px; }
.menu_item:hover { color: #F3B405; }
.menu_item.menu_current { color: #F3B405;}
.terms_cond_err { font-weight: 700 !important; color: red !important; }
.valid_str { display: none; text-align: center; padding: 15px; background-color: red; color: white; font-weight: 900; }
.show_str { display: block; }

.clear { float: none; }
.columns { width: 100%; float: left; padding-left: 15px; padding-right: 15px; }
.hide { display: none !important; }
.text-center { text-align: center; }
.blue { color: #000000; }
.white { color: white; }
.copyright { font-size: 12px; }
.w700 { font-weight: 700 !important; }
h1 { font-size: 30px; }
/*h3 { font-weight: 800; margin-bottom: 10px; }*/
h4 { font-weight: 900 !important; font-size: 18px; margin-top: 16px; margin-bottom: 5px; }
h5 { font-size: 1.05rem; display: inline-block; padding-right: 10px; margin: 0; color: #000000; font-weight: 700; background-color: white; }
h6 { font-weight: 600; }

.ah1cont { width: 100%; margin: auto; text-align: center; }
.ah1 {display: inline-block;text-transform: uppercase;text-align: center;padding-left: 15px;font-size: 34px;opacity: .8;transition: 0.4s;background-color: #ffef85;padding: 20px;margin: auto;border-radius: 5px;}

.borderbox { margin-top: -13px; padding-top: 20px; }
.borderbox.nb { border: 0; padding-bottom: 10px; }
.borderbox {
    font-size: 13px;
    color: #000000;
}
.borderbox > ul { padding: 0; font-family: 'Open Sans'; }
.borderbox > ul > li {
    float: left; 
    margin-top: 0px;
    padding-top: 5px;
    padding-right: 8px;
    list-style: none !important;
    margin-left: 0 !important;
}

.borderbox > ul > li.nl { clear: both; }
.borderbox > ul > li > label { font-weight: 700; display: block; margin: 0; font-size: 13px; width: 100%; }
.borderbox > ul > li > input.wbox { padding: 0; border: 1px solid gray; font-size: 12px; background-color: #fff1cb; width: 100%; height: auto; padding: 5px 5px; }
.borderbox > ul > li > textarea.wbox { padding: 0; border: 1px solid gray; font-size: 12px; background-color: #fff1cb; width: 100%; height: auto; padding: 5px 5px; }
.borderbox > ul > li > input.wbox:focus { border: 1px solid #966f03; }
.borderbox > ul > li.separator { border-bottom: 1px dotted #666 !important; }
.borderbox > ul > li > input.wline { padding: 0; border: 0px; border-bottom: 1px dotted #000000; font-size: 13px; width: 100%; height: auto; }
input.wrong-field { border: 2px solid red !important; margin-bottom: 0px; }
span.wrong-field { color: #FF0000; padding-left: 3px; }
/*li.wrong-field-parent { background-color: #fbd5d5;}*/
li.wrong-field-parent { background-color: red;}

#scrollable_panel {
    font-size: 13px;
    color: #0a0a0a;
}
#scrollable_panel > ul { padding: 10px; }
#scrollable_panel > ul > li { 
    float: left; 
    margin-top: 0px;
    padding-top: 5px;
    padding-right: 8px;
    list-style: none !important;
    margin-left: 0 !important;
}
#scrollable_panel > ul > li.separator { padding-top: 10px !important; border-bottom: 1px dotted #666 !important; }
#scrollable_panel > ul > li > label { font-weight: 700; display: block; margin: 0; font-size: 13px; width: 100%; }
#scrollable_panel > ul > li > input.wline { padding: 0; border: 0px; border-bottom: 1px dotted #000000; font-size: 13px; width: 100%; height: auto; }
#scrollable_panel > ul > li > input.wbox { padding: 0; border: 1px solid #cacaca; font-size: 13px; width: 100%; height: auto; padding: 5px 4px; margin-bottom: 2px; }
#scrollable_panel > ul > li > input.wbox:focus { border: 1px solid #8a8a8a; }
#scrollable_panel > ul > li.nl { clear: both; }

.panel-group { background-color: #ffffff; padding: 10px 30px 30px 30px; border: 1px solid #000000; font-family: 'Open Sans'; }
.panel-group > .panel > .panel-heading > .panel-title > .faq-title { color: black; font-family: 'Open Sans'; font-size: 22px; font-weight: 700; }
.panel-group > .panel > .panel-heading > .panel-title > .faq-title::before { width: 26px; height: 26px; background-color: #F3B405; display: inline-block; text-align: center; margin-right: 5px; color: black; content: "-"; transition: 0.7s; }
.panel-group > .panel > .panel-heading > .panel-title > .faq-title.collapsed::before { width: 26px; height: 26px; background-color: #F3B405; display: inline-block; text-align: center; margin-right: 5px; color: black; content: "+"; transition: 0.7s; }
.panel-group > .panel > .panel-collapse > .panel-body { font-family: 'Open Sans'; font-size: 18px; font-weight: 400; }
.big-title-one { background-color: black; color: white; padding: 20px; font-size: 26px; width: 100%; margin-bottom: 20px; text-transform: uppercase; font-family: 'Oswald'; }
.big-title-two { background-color: #F3B405; color: black; padding: 20px; font-size: 26px; width: 100%; margin-bottom: 20px; text-transform: uppercase; font-family: 'Oswald'; }
.about-us-one { font-family: 'Oswald'; font-size: 20px; font-weight: 500; margin-bottom: 30px; }
.about-us-two { font-size: 18px; margin-bottom: 30px; }
.grey_bg { background-color: #eaeaea; }

.required::after{ content: "*"; color: red; font-weight: bold; }

.footer { font-family: 'Open Sans'; font-size: 18px; }

@media screen and (max-width: 40em){
.small-10 { width: 84%; }
.small-12 { width: 100%; }
.small-fleft { float: left; }

}
@media screen and (min-width: 40em){
    .h1 { font-size: 2.5rem; }
    .medium-12 { width: 100%; }
    .medium-4 { width: 33%; }
    .medium-5 { width: 42%; }
    .medium-6 { width: 50%; }
    .medium-7 { width: 58%; }
    .medium-8 { width: 66%; }

    .medium-fleft { float: left; }
    .medium-remove-abs { position: relative !important; }
}
@media screen and (min-width: 64em) {
    .large-2 { width: 16%;}
    .large-3 { width: 24%; }
    .large-4 { width: 34%; }
    .large-5 { width: 40%; }
    .large-7 { width: 60%; }
    .large-8 { width: 66%; }
    .large-12 { width: 100% }

    .large-fnone { float: none; }
    .large-add-abs { position: absolute !important; }
}

@media screen and (min-width: 541px){
    li.large-full { width: 100%; }
    li.large-half { width: 50%; }
    li.large-fifth { width: 20%; }
    li.large-fourty { width: 40%; }
    li.large-third { width: 33.33%; }
    li.large-thirty { width: 30%; }
    li.large-seventy { width: 70%; }
}
@media screen and (max-width: 540px){
    li.small-full { width: 100%; }
    li.small-third { width: 33.33%; }
    li.small-half { width: 50%; }
    li.small-thirty { width: 30%; }
    li.small-seventy { width: 70%; }
}
@media screen and (max-width: 1110px){
    li.captcha-full { width: 100%; }
}
@media screen and (min-width: 1111px){
    li.captcha-3 { width: 30%; }
    li.captcha-2 { width: 20%; }
}
#site_footer {
    /* width: 100%;
    text-align: center;*/
    /*position: fixed;
    left: 50%;
    bottom: 20px;
    transform: translate(-50%, -50%);
    margin: 0 auto;*/
    position: absolute;
    width: 400px;
/*    height: 300px;
    background: #063;
    bottom: 0px;
*/    right: 25%;
    left: 50%;
    margin-left: -150px;
}
#site_footer a { color: #000000; }
#site_footer a:hover { color: #F3B405; }