body { margin: 0; padding: 0; font-family:'Open Sans', sans-serif }

body, p, h1, h2, h3, h4, h5, li, .formfield, .formbutton, table, a { font-family: 'Open Sans', sans-serif }


div         {box-sizing: border-box;}


.topbar         { background-color:#00254c}
.logo              { float:left; background-color:white; padding: 12px 20px 0px 20px; clear:none; position: relative; z-index: 90; margin: -44px 0 0px 0 ;   }

.win            { float:right; padding: 25px 20px 15px 0; }
.win p          { margin: 0px; text-align:right; line-height: 110%; color:#00254c; font-size: 14px;  }
.win p span     { font-size:22px; color:#6699cc; font-weight:bold; }


img { max-width: 100%; }


.collapse           {  clear:both;}
.header > .navbar > .container > .collapse > ul.nav > li > a        { font-weight:bold; }


.content_area { max-width: 1000px; margin: 0 auto; }

.features           { background-color: #559cbe; padding: 30px 0px; margin-bottom: 40px; }
.features > .container > .row    { padding: 12px 0px;}

.zoomer-text         { padding: 10px 20px; position: relative; top: 50%; transform: translateY(-50%); }
.zoomer-text h2         { text-align:center; text-transform:uppercase; font-size:22px; color:black; border-bottom: 2px black solid; margin: 0px 30px 15px 30px; }
.zoomer-text p         {  text-align:center; font-size: 12px; font-style:italic; color:black; }
.zoomer-text p.more         {  text-align:center; font-size: 14px; font-style:normal; color:white; }
.zoomer-text p.more span        { background-color:black; display:inline-block; padding: 5px 10px; text-transform:uppercase; }


.right-menu .caption              { padding: 0px 20px; }
.right-menu .caption p             { font-size: 13px; line-height: 135%; }


.container .col-md-3            { clear:both;  }
.container .col-md-3 .thumbnails    { }
.container .col-md-3 .thumbnail-img img   { }
.container .col-md-3 .caption p  { font-size: 12px; line-height: 125%;}

.clear-fix              { clear:both; }



.contactinfo  div           { float:left; width: 50%; }
.contactinfo .quote { font-size: 16px; font-weight:bold; font-style:italic;}
.contactinfo .quote a { background-color:#344768; color:#f8d670; padding: 6px 13px;    }
.contactinfo .quote a:hover { color:#344768; background-color:#f8d670;    }

.search-open2 {float: right;}
.search-open2 .input-group .form-control {max-width: 125px;}

p.linkback			{ text-align:center; font-size: 10px;  }
p.linkback a			{ color:gray; }




@media screen and (max-width:1150px) {


.logo           { max-width: 300px;}
.topbar > .container > ul.loginbar > li > a        { font-size: 12px; }
.topbar > .container > ul.loginbar > li > a:hover        { font-size: 12px; }

}



@media screen and (max-width:800px) {

.logo               { margin: 0px; clear:both;}

.loginbar  { display:none}
.win        { display:none;}

}



@media screen and (max-width:450px) {

    .contactinfo div {
        float: none;
        width: 100%;
    }
}
@media screen and (max-width:450px) {


.logo                   { float:none; clear:both; padding: 12px 5px; margin: 0px; width: 100%; text-align:center;}
.topbar > .container > ul.loginbar        { margin: 0px; padding: 0px; width: 100%; }

.topbar > .container > ul.loginbar > li       { width: 100%; display:block; margin: 0; padding: 0px; text-align:center; }


footer                 { font-size: 10px; }

}