﻿body {
}

h3 {font-style:italic;}
a {color:#fff;}
    a:hover, a:focus { text-decoration:none; color:#ececec;outline:none;}
/*.nopadding {padding:0;}*/

/*COLORS*/ 
.lt-orange {background:#fabf3a;color:#fff;}
.dk-blue {background:#0a1971;color:#fff; }
.orange {background:#fc6719;color:#fff;}
.lt-blue {background:#06a7e2;color:#fff;}
.dk-grey {background:#ddd; color:#000;}
.lt-grey {background:#ececec; color:#000;}
.txt-lt-blue {color:#06a7e2;}
.txt-lt-orange {color:#fabf3a;}
.txt-orange {color:#fc6719;}
.txt-dk-blue {color:#0a1971;}


.bg-txt {  
  font-size: 320px;
  position: absolute;
  right: 0;
  font-weight: 900;
  top: -100px;
  font-family: Cambria, Times, Times New Roman, serif;}

.banner-image {background:#666666;max-height:300px;overflow:hidden;padding:0;}
.small-image {padding-top:16px;clear:both;}
    .small-image img {margin:0 auto;}
    .small-image {padding-bottom:16px;}


.btn {margin:0 0 16px 0;padding:15px 20px;width:100%;white-space:normal;text-transform:uppercase;}
    .lt-orange:hover, .dk-blue:hover, .orange:hover  {color: #ececec;}

.large-btn {margin: 16px 0;padding:24px 16px;text-transform:uppercase;text-align:center;cursor:pointer;font-size:1.25em;}
    .iconic img {width:auto;}

.threeboxes h2 {font-size:1.7em;padding-left:16px;text-align:center;}
.threeboxes h4 {font-size:1.4em;text-align:center;}
.threeboxes .bodytext {padding:16px;}
.threeboxes a {text-decoration:none;color:#fff;}
    .threeboxes a:hover {text-decoration:underline;color:#fff;}



.twoboxes h2 {font-size:1.7em; padding-left:16px;text-align:center;}
.twoboxes h4 {font-size:1.4em; padding-left:16px;} 
.twoboxes .bodytext {padding:16px;}


#footer {border-top:1px solid #666; border-bottom:1px solid #666;margin:16px 0;padding:0;}
#disclaimer {font-size:.6em;text-align:center;margin-bottom:10px;}



#header {border-bottom:1px solid #666;margin:16px 0;padding:0;}
    #header img {max-width:100%;width:305px;}

.navlist {list-style:none;clear:both;margin:0;-webkit-padding-start:0;}
    .navlist li {padding:5px 10px;width:auto;display:inline-block;font-size:.75em;}
        .navlist li:hover {background:#ececec;cursor:pointer;}
    .navlist a {text-decoration:none;color:#666;}
        .navlist a:active, .navlist a:focus {outline:none;}
    .navlist.topnav li {font-size:1.15em; margin:16px 0;}
    .navlist li.orange a {color:#fff;}


#contact {background:#ececec;padding:16px;}
    #contact .big-text {text-align:right;text-transform:uppercase;font-size:3em;line-height:1.1em;}
    #contact a, #contact a:hover {text-decoration:none;}

.square {width:165px; height:165px; margin:10px auto;padding:56px 16px 16px 16px;text-align:center;text-transform:uppercase;font-size:1em; }



.threeboxes {margin-top:16px;}
.nopadding.threeboxes {padding:0;}
.navbar-default {background:none;box-shadow:none;border:none;}
.navbar-default .navbar-nav>li>a.orange, .navbar-default .navbar-nav > li > a.orange, 
.navbar-default .navbar-nav > li > a.orange:hover, .navbar-default .navbar-nav > li > a.orange:focus {color:#fff;}
    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {background:#ececec;}
    .navbar-default .navbar-nav > li > a.orange:hover, .navbar-default .navbar-nav > li > a.orange:focus{background:#f85703;}

.navbar-toggle {margin-right:0;}

@media screen and (max-width:767px) {
    .navlist.topnav li {width:100%;}
    #contact .big-text {font-size:2.5em;line-height:1.1em;text-align:center;}
    .square {width:100%; height:110px; margin:10px auto;padding:16px; font-size:1.5em;}

}

@media screen and (min-width:768px) {
    .small-image {padding:16px 4px; clear:none;}
    .small-image.pull-left {padding:16px 8px 10px 0;}
    .small-image.pull-right {padding:16px 0 0 8px;}
    .large-btn {margin:0 8px;}
        .large-btn.right {margin-right:0;}
        .large-btn.left {margin-left:0;}
        
    #contact .big-text {font-size:1.75em;line-height:2em;}
    .square {width:140px; height:140px; margin:10px auto;padding:36px 16px 16px 16px; }
        .bg-txt {font-size:240px; top:-40px;}

    .modal-dialog.largeimage {
    width:750px;
    }

}
@media (min-width: 992px) {
    #contact .big-text {font-size:3em;line-height:1.1em;}
    .square {width:160px; height:160px; margin:10px auto;padding:50px 16px 16px 16px; }
    .threeboxes div:first-child .large-btn.left {padding-left:16px;}
    .threeboxes div.nopadding {padding-left:0;}
.threeboxes div:nth-child(2) {padding-right:8px; padding-left:8px;}
.threeboxes > div:nth-child(3) {padding-right:0;}
    .threeboxes div.nopadding {padding:0;}
    .threeboxes img {max-width:95% !important; height:auto !important;}
}


@media screen and (min-width:1200px) {
    .container {
    border-left:50px solid #ddd;
    border-right:50px solid #ddd;
    }
    #contact .big-text {font-size:3.5em;line-height:1.2em;}
    .square {width:170px; height:170px; margin:10px auto;padding:56px 16px 16px 16px; }
        .bg-txt {font-size:320px; top:-100px;}

}

.contactform {width:100%; margin:0 0 16px 0;border:#ddd solid 1px; border-radius:4px;}
.red {color: red; font-weight: 500;}
    .red.asterix {position:absolute; left:-0px;}

p {margin:0;}