html, body {margin: 0; padding: 0;
}

body {
    font: 16px/28px 'Source Sans Pro', Arial, sans-serif;
    color: #333;
   
}

.binwide {
    max-width: 1400px; 
    min-width: 280px;
    margin: 0 auto;
    position: relative;
    }
    
p, ul, ol, h2, h3, h4, h5 {
    margin-bottom: 20px;
}

section {padding: 50px 0 20px 0;}

h1, h2, h3 {color: #333;}

h1 {
    font-size: 50px;
    line-height: 50px;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 100px;
    }

h2 {font-size: 36px; line-height: 46px; margin: 40px 0 20px 0}

a.btn {
    border-radius: 4px;
    -webkit-border-radius: 10px;
    background: #37c3d4;
    color: #fff;
    padding: 6px 15px;
    margin-right: 10px;
    display:inline-block;
     zoom:1;
 *display:inline;
    text-decoration: none;
    -webkit-transition: all 500ms ease-out 0s;
    -moz-transition: all 500ms ease-out 0s;
    -o-transition: all 500ms ease-out 0s;
    transition: all 500ms ease-out 0s;
    
}

a:link, a:focus {outline:none}
a.btn:hover {background: #0B4276; color: #fff;}

section {float: left;width: 100%;}
address {font-style: normal; text-align: left;}
a:link, a:visited {
    text-decoration:none;
    font-weight: bold;
    color:#37c3d4;}
    
a:hover, a:focus {color: #0B4276}

.g4 img {width: 100%!important; height: auto!important;}

nav.sticky {position: fixed; width: 100%; top: 0; left: 0; border-top: 0;z-index: 1000; margin-top: 0; padding-top: 0}

nav {border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
        float: left; text-align: center;
    width: 100%;
    margin-top: 0px;
    padding-top: 30px;
    -webkit-transition: all 500ms ease-out 0s;
    -moz-transition: all 500ms ease-out 0s;
    -o-transition: all 500ms ease-out 0s;
    transition: all 500ms ease-out 0s;
    background: #F5F5F5;}
    
ul.nav {
    list-style:none;
    margin: 0;
    padding:0;
    text-align: center;
    display:inline-block;
     zoom:1;
 *display:inline;
    width: auto;
    }
ul.nav li {
    float: left;
    margin: 10px 20px 0 0;}

ul.nav a {font-size: 18px; font-weight: normal; color: #666;padding: 10px; display:inline-block;
 zoom:1;
 *display:inline;}


ul.nav a.active {background: #37c3d4; color: #fff}

.offset-top {margin-top: 60px;}
.offset-top-large {margin-top: 110px;}


/* =Slider */
section.header {margin: 0; padding: 0}

.flexslider .info {
     position: absolute;
     max-width: 685px;
     margin-top: 45px;
    }
    

.flexslider .info h2 {
    max-width: 400px;
    font-size: 44px;
    line-height: 50px;
    text-transform: uppercase;
    font-weight: 300;
    margin-top: 70px;
    
}


.flexslider .info.white h2 {color: #fff;
    color: #FFFFFF;
    
}
.flexslider .info.blue h2 {
    color: #007e8f;

}
.flexslider .info.blue h2 strong {color: #fff;}
.flexslider .info.brown h2 {
    max-width: 500px;
    color: #534840;
    
    }

    
    /* Browser Resets
    *********************************/
    .flex-container a:active,
    .flexslider a:active,
    .flex-container a:focus,
    .flexslider a:focus  {outline: none;}
    .slides,
    .flex-control-nav,
    .flex-direction-nav {margin: 0; padding: 0; list-style: none;}
    
    /* Icon Fonts
    *********************************/
    /* Font-face Icons */
    @font-face {
        font-family: 'flexslider-icon';
        src:url('fonts/flexslider-icon.eot');
        src:url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'),
            url('fonts/flexslider-icon.woff') format('woff'),
            url('fonts/flexslider-icon.ttf') format('truetype'),
            url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
        font-weight: normal;
        font-style: normal;
    }
    
    /* FlexSlider Necessary Styles
    *********************************/
    .flexslider {margin: 0; padding: 0;}
    .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
    .flexslider .slides img {width: 100%; display: block;}
    .flex-pauseplay span {text-transform: capitalize;}
    
    /* Clearfix for the .slides element */
    .slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
    html[xmlns] .slides {display: block;}
    * html .slides {height: 1%;}
    
    /* No JavaScript Fallback */
    /* If you are not using another script, such as Modernizr, make sure you
     * include js that eliminates this class on page load */
    .no-js .slides > li:first-child {display: block;}
    
    /* FlexSlider Default Theme
    *********************************/
    .flexslider { margin: 0; background: #fff; border: 0px solid #fff; position: relative; -webkit-border-radius: 0px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; zoom: 1; }
    .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
    .loading .flex-viewport { max-height: 300px; }
    .flexslider .slides { zoom: 1; }
    .carousel li { margin-right: 5px; }
    
    /* Direction Nav */
    .flex-direction-nav {*height: 0;}
    .flex-direction-nav a  { display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(255,255,255,0.6); text-shadow: 1px 1px 0 rgba(0,0,0,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
    .flex-direction-nav .flex-prev { left: -50px; }
    .flex-direction-nav .flex-next { right: -50px; text-align: right; }
    .flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }
    .flexslider:hover .flex-next { opacity: 0.7; right: 10px; }
    .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
    .flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
    .flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 30px; display: inline-block;  zoom:1;
 *display:inline; content: '\f001'; }
    .flex-direction-nav a.flex-next:before  { content: '\f002'; }
    
    /* Pause/Play */
    .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
    .flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block;  zoom:1;
 *display:inline;content: '\f004'; }
    .flex-pauseplay a:hover  { opacity: 1; }
    .flex-pauseplay a.flex-play:before { content: '\f003'; }
    
    /* Control Nav */
    .flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
    .flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
    .flex-control-paging li a {width: 100px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.3); cursor: pointer; text-indent: -9999px;  }
    .flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
    .flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }
    
    .flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
    .flex-control-thumbs li {width: 25%; float: left; margin: 0;}
    .flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
    .flex-control-thumbs img:hover {opacity: 1;}
    .flex-control-thumbs .flex-active {opacity: 1; cursor: default;}
    
    @media screen and (max-width: 860px) {
      .flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
      .flex-direction-nav .flex-next { opacity: 1; right: 10px;}
    }




.flexslider h2 sup {font-size: 0.6em;}

.content h2 sup {
    font-size: 0.6em;

}    

.readmore {display:none}

#footer {
    width: 100%;
    background: #1c1c1c;
    color: #fff;
}


.social a {
    width: 51px;
    height: 51px;
    display:block;
    background: url(../content/social1.png) 0 0 no-repeat;
    text-indent: -9999em;
    -webkit-transition: all 500ms ease-out 0s;
    -moz-transition: all 500ms ease-out 0s;
    -o-transition: all 500ms ease-out 0s;
    transition: all 500ms ease-out 0s;
    opacity: 1;
    }

.social a:hover {opacity: 0.4}
 a.fbsocial {
 -webkit-transition: all 500ms ease-out 0s;
 -moz-transition: all 500ms ease-out 0s;
 -o-transition: all 500ms ease-out 0s;
 transition: all 500ms ease-out 0s;
 display:inline-block;
 zoom:1;
 *display:inline;
 }
 a.fbsocial:hover {opacity: 0.8}

section.content {margin-bottom: 40px}
.social .ln a { background-position: -115px 0;}
.social .tw a { background-position: -57px 0;}
.social {list-style: none; text-align: left;}
.social li { float: right; margin-left: 10px}


.fbsocial {vertical-align: top; margin-right: 5px}


.copyright {text-align: center; margin-top: 40px; padding-top: 20px;}
.mobileonly {display:none}



/*=AWARD image*/

.award {
    border-top: 1px solid #08aad9;
    border-bottom: 1px solid #08aad9;
    border-right: 1px solid #08aad9;
    position: relative;
    margin: 50px 0;
    text-align: center;
    padding-left: 150px;}
    
.award h2 {
    color: #08aad9;
    font-size: 26px;
    font-weight: bold;
    line-height: 36px;
    margin: 10px 0;}
.award h3 {
    color: #08aad9;
    font-size: 18px;
    font-weight: 300;
    z-index: 100;
    margin: 0 auto 25px auto;
    line-height: 28px;
}

.award-img {
    position: absolute;
    left: -5px;
    top: -10px;
    }
    
    

/*  MEDIA */

@media screen and (max-width: 1200px) {
    .flexslider .info h2  {max-width: 100%}
    
    .award h3 {
    font-size: 16px;
    line-height: 26px;
    }
}

@media screen and (max-width: 1040px) {
    .flexslider .info h2  {margin-top: 20px;}
    .flexslider .info   {margin-top: 20px;}
    .award h2 {margin-top: 5px;}
    .award h3 {margin-bottom: 5px;}
}

@media screen and (max-width: 920px) {
    .flexslider .info h2  {font-size: 40px; line-height: 40px;}
    .g4 img {width: auto!important; height: auto!important;}
    .offset-top-large {margin-top: 0;}
    offset-top {margin-top: 0}
    h1, h2 {margin-top: 20px; font-size: 30px; line-height: 30px;}
    ul.nav li {margin: 10px 0;}
}

@media screen and (max-width: 780px) {
    
}
@media screen and (max-width: 640px) {
    .flexslider .info h2  {font-size: 30px; line-height:30px; margin-top: 10px;}
    .mbh {display:none}
    .flexslider .info img {display:none}
    .therest {display:none}
    
    ul.nav {margin: auto; text-align: center;}
    ul.nav li {margin: 0; float: none; display:inline-block; zoom:1;
 *display:inline;}
    ul.nav li a {padding: 10px 3px; font-size: 15px}
    
     
    .award {padding: 0 5px; border-left: 1px solid #08aad9;}
    .award img {position: relative; float: none; left: auto;}
   .award h3 {font-size: 20px; line-height: 30px; margin-bottom: 20px;}
    
}

@media screen and (max-width: 480px) {
   nav {padding-top: 0px}
   ul.nav li a {padding: 10px 2px; font-size: 14px;}
   .flex-control-nav {display:none}
}