/* #Fonts
================================================== 
font-family:'Avenir LT W01 35 Light';
font-family:'Avenir LT W01 55 Roman';
font-family:'AvenirLTW01-55Oblique';
font-family:'Avenir LT W01 65 Medium';
font-family:'AvenirLTW01-65MediumObl';
font-family:'Avenir LT W01 95 Black';
font-family:'AvenirLTW01-35LightObli';
font-family:'Avenir LT W01 85 Heavy';

*/

@font-face {
  font-family: "iconvault";
  src: url("../fonts/iconvault_48d1c98fc92420250ffb073ae6ee82ab.eot");
  src: url("../fonts/iconvault_48d1c98fc92420250ffb073ae6ee82ab.eot?#iefix") format("embedded-opentype"),
       url("../fonts/iconvault_48d1c98fc92420250ffb073ae6ee82ab.woff") format("woff"),
       url("../fonts/iconvault_48d1c98fc92420250ffb073ae6ee82ab.ttf") format("truetype"),
       url("../fonts/iconvault_48d1c98fc92420250ffb073ae6ee82ab.svg#iconvault") format("svg");
  font-weight: normal;
  font-style: normal;
}

.icon-menu:before,
.icon-minus:before,
.icon-arrow-right:before,
.icon-search:before,
.icon-cart:before,
.icon-download:before,
.icon-arrow-left:before,
.icon-plus:before {
  font-family: "iconvault";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  text-decoration: inherit;
}

.icon-menu:before { content: "\f100"; }
.icon-minus:before { content: "\f101"; }
.icon-arrow-right:before { content: "\f102"; }
.icon-search:before { content: "\f103"; }
.icon-cart:before { content: "\f104"; }
.icon-download:before { content: "\f105"; }
.icon-arrow-left:before { content: "\f106"; }
.icon-plus:before { content: "\f107"; }


/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }

/* #Site Styles
================================================== */

body {
  margin: 0px;
  padding: 0px;
  border: 5px solid #394156;
  font-family:'Avenir LT W01 35 Light', Arial, sans-serif;
  background: #eeeff1;
}

h1, h2, h3, h4 {
  margin:0px;
  padding-bottom:5px;
}

p {
  margin:5px 0px;
  line-height: 1.4em;
}

a, a:visited, a:active, a:hover {
  outline: 0;
  text-decoration: none;
}

body a {
  color:#479A83;
}

body a:hover {
  color:#479A83;
}

b, strong {
  font-family:'Avenir LT W01 65 Medium', Arial, sans-serif;
}

img {
  display: block;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }

.hide-desktop,
.hide-desktop-only {
  display: none;
}

a.btn-with-icon {
  text-transform:uppercase;
  font-family:'Avenir LT W01 85 Heavy', Arial, sans-serif;
  font-size:13px;
  color:#fff;
  height:30px;
  display:block;
  width:100px;
  padding:0px 10px;
  line-height:30px;
  margin: 0px 20px 10px 20px;
}

a.btn-committee{
  width:105px;
}
  

a.btn-committee span{
  font-family:'Avenir LT W01 35 Light', Arial, sans-serif;
}

a.btn-with-icon span {
  display:block;
  float:left;  
}

a.btn-with-icon span.btn-icon{
  padding:2px 0px 0px 0px;
  float:right;
  line-height:30px;
}

span.icon-download{
  font-size:11px;
}

a.view-all{
  font-family:'Avenir LT W01 35 Light', Arial, sans-serif;
  display:block;
  height:60px;
  text-align:center;
  line-height:60px;
  color:#479a83;
  font-size:24px;
  -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  transition:.5s;
}

a.view-all:hover {
  color:#4e5b7b;
  cursor:pointer;
}

.box-shadow {
  -moz-box-shadow: 5px 5px 0px 0 #dce0e2;
  -webkit-box-shadow: 5px 5px 0px 0 #dce0e2;
  box-shadow: 5px 5px 0px 0 #dce0e2;
}

.full-width {
  width: 100%;
}

p.lost_password {
  display: none !important;
}

header{ background: #fff; }

.container {
  width: 960px;
  margin: 0px auto;
}

  .container.header-top {
    padding:20px 0px 20px 0px;
  }

    .header-top-left {
      float: left;
    }

    .header-top-right {
      float:right;
    }
    
    

      .header-top-left img {
        width: 192px;
        height: 68px;
      }

      .header-top-right form,
      .header-top-right a {
        float:left;
      }

      .header-top-right form p{
        position: relative;
        margin:0px;
        padding:0px;
      }


      .header-top-right form span {
        position:absolute;
        right:20px;
        top:6px;
        font-size:14px;
        color:#A9B0B7;
      }

      .header-top-right form input {
        width:190px;
        height:30px;
        font-size:14px;
        padding:0px 5px;
        font-family:'AvenirLTW01-35LightObli', Arial, sans-serif;
        border:1px solid #A9B0B7;
        margin-right:10px;
        -webkit-appearance: none !important;
      -moz-appearance: none !important;
      appearance: none !important;
      }
      
      .header-top-right form input#search-top-submit{
        position:absolute;
        right:6px;
        top:6px;
        font-size:14px;
        color:#A9B0B7;
        width:20px;
        height:20px;
        cursor: pointer;
        border:none;
        background:none;
        z-index:2;
        outline: none;
      }

      .header-top-right a.btn-my-fosta,
      .header-top-right a.btn-contact{
        display:block;
        font-size:13px;
        font-family:'Avenir LT W01 65 Medium', Arial, sans-serif;
        color:#fff;
        height:30px;
        line-height:30px;
        padding:0px 10px;
        -o-transition:.5s;
        -ms-transition:.5s;
        -moz-transition:.5s;
        -webkit-transition:.5s;
        transition:.5s;
      }

      .header-top-right a.btn-my-fosta {
        background:#004d8f;
        margin-right:10px;
      }
      
      .header-top-right a.btn-my-fosta:hover {
        background:#434f69;
      }
      
      
      .header-top-right a.btn-contact {
        background:#479a83;
      }
      
      .header-top-right a.btn-contact:hover {
        background:#3b827a;
      }
      
      .header-top-right div.text-btn a {
        float:right;
        margin-top:20px;
        color:#384057;
        font-size:14px;
        font-family:'Avenir LT W01 65 Medium', Arial, sans-serif;
        -o-transition:.5s;
        -ms-transition:.5s;
        -moz-transition:.5s;
        -webkit-transition:.5s;
        transition:.5s;
        padding-left:10px;
        line-height:14px;
      }
      
      .header-top-right div.text-btn a.btn-payment {
        padding:0px 10px;
        border-right:1px solid #384057;
        
      }
      
      
      .header-top-right a.btn-logout:hover{
        
      }
      

  nav {
    background:#434e69;
    height:50px;
  }

    nav .container {
      background: #394156;
      height:100%;
    }

      nav ul {
        margin: 0px;
        padding: 0px;
        list-style: none;
      }

        nav ul > li {
          float:left;
          margin:0px;
          padding:0px;
          position: relative;
          z-index:10;
        }


          nav ul li a {
            color:#fff;
            height:48px;
            line-height: 50px;
            display: block;
            font-size:16px;
            font-family:'Avenir LT W01 55 Roman', Arial, sans-serif;
            padding:0px 23px;
          }

          nav ul li a:hover,
          nav ul li.current > a {
            border-bottom:2px solid #fcd20a;
            color:#fff;
          }

        nav ul li span {
          width:20px;
          height: 8px;
          background: url('../images/triangles@2x.png') no-repeat;
          background-size: cover;
          position: absolute;
          bottom:-8px;
          z-index:10;
          left:50%;
          margin-left: -10px;
          background-position: -40px 0px;
          display: none;
        }
        
         nav ul li ul{
           position:absolute;
           background: #394156;
           z-index:9;
           height:auto;
           width:250px;
           padding-bottom: 20px;
           display:none;
         }
         
         nav ul li.education-main-nav ul,
         nav ul li.events-main-nav ul{
           right:-20px;
         }
         
         nav ul li ul li ul {
           padding-bottom:20px;
           position: relative;
         }
         
         nav ul li ul li {
           width:200px;
           padding-top: 10px;
         }

        #menu-main-menu > li > .sub-menu {/*padding-top: 20px;*/}
        
         
         nav ul li ul li a {
           width:200px;
           font-family:'Avenir LT W01 65 Medium', Arial, sans-serif;
            font-size:14px;
            color:#A8B0C5;
            height:35px;
            display:inline-block;
            -o-transition:.5s;
            -ms-transition:.5s;
            -moz-transition:.5s;
            -webkit-transition:.5s;
            transition:.5s;
            height: auto;
            border: none !important;
            line-height: 23px;
         }
         
                  
         nav ul li ul li span {
          height:35px;
          background: none;
          position: relative;
          left:0px;
          top:2px;
          padding-right:10px;
          padding-left:10px;
          display:none;
        }
        
         nav ul li ul li a:hover span {
          display:inline !important;
        }
       
         
         nav ul li ul li ul li a {
           padding-left:33px;

         }
         
         nav ul li ul li a:hover {
           border:none;
           color:#fff;
         }
         

#banner {
  position:relative;
}

#banner img {
  width: 100%;
}

#banner .banner-texture {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  z-index: 1;
  background: url('../images/hero-pattern.png') repeat;
}


#banner .banner-text {
  position: absolute;
  bottom: 0px;
  z-index: 2;
  left: 50%;
  margin-left: -480px;
  padding: 15px 20px;
  background: url('../images/hero-blue.png') repeat;
  width:920px;
}

#banner .banner-text.content-page {
  width:auto;
}


#banner .banner-text h1 {
  font-family:'Avenir LT W01 35 Light', Arial, sans-serif;
  color:#FCD20B;
  font-size:24px;
  font-weight:normal;
}

#banner .banner-text.content-page h1 {
  color:#FFF;
}

#banner .banner-text p {
  font-family:'Avenir LT W01 65 Medium', Arial, sans-serif;
  color:#fff;
  font-size:16px;
}

#banner .banner-text p a {
  color:#FCD20B;
}


section#content {
  margin:40px 0px;
}

#breadcrumbs ul {
  margin:0px;
  padding:0px;
  list-style:none;
  width:100%;
  margin-bottom:40px;
}


#breadcrumbs ul li {
 display: inline-block;
  border-right:1px solid #969AA6;
  padding:0px 10px;
  line-height:10px;
}

#breadcrumbs ul li.first {
  padding-left:0px;
}

#breadcrumbs ul li.current,
#breadcrumbs ul li.current a {
  border:none;
  color:#394156;
  text-transform: uppercase;
  font-family:'Avenir LT W01 65 Medium', Arial, sans-serif;
  font-size:11px;
}

#breadcrumbs ul li a {
  text-transform: uppercase;
  font-family:'Avenir LT W01 65 Medium', Arial, sans-serif;
  font-size:11px;
  color:#969AA6;
}


#c_form label{
display: block;
margin-top: 15px;
padding-bottom: 6px;
font-size: 15px;
}

#c_form .update {
  width: 100%;
margin-top: 10px;
background: #4884a6;
border: none;
color: #fff;
cursor: pointer;
height: 40px;
line-height: 40px;
font-family: 'Avenir LT W01 95 Black', Arial, sans-serif;
font-size: 16px;
padding: 0px !important;
-o-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-webkit-transition: .5s;
transition: .5s;
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
}

#c_form input.addRep {
  margin-bottom: 20px;
 width: 40%;
background: #50b1a0;
border: none;
color: #fff;
cursor: pointer;
height: 30px;
line-height: 30px;
font-family:'Avenir LT W01 55 Roman', Arial, sans-serif;
font-size: 14px;
padding: 0px !important;=
text-align: center;
-o-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-webkit-transition: .5s;
transition: .5s;
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
}

#c_form input.addRep:hover {
  background:#4e5b7b;
}

#c_form input.rmRep {
 width: 40%;
margin-top: 10px;
background: #ef6817;
border: none;
color: #fff;
cursor: pointer;
height: 30px;
line-height: 30px;
font-family:'Avenir LT W01 55 Roman', Arial, sans-serif;
font-size: 14px;
padding: 0px !important;
text-align: center;
-o-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-webkit-transition: .5s;
transition: .5s;
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
}

#c_form input.rmRep:hover{
  background:#4e5b7b;
}


#c_form .update:hover {
  background:#394156;
}


#c_form input[type="number"], #c_form input[type="text"], #c_form input[type="email"] {
background-color: #EEEFF1;
width: 100%;
padding: 10px;
border: 0;
color: #2b353e;
font-size: 13px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid lightgrey;
}

#c_form select {
background-color: #EEEFF1;
width: 100%;
padding: 10px;
border: 0;
color: #2b353e;
font-size: 13px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid lightgrey;
}

#c_form .my-fosfa-detail-row.my-fosfa-address {
  height: auto;
}

#c_form .my-fosfa-detail-row {
width: 48%;

}

#c_form .righted.my-fosfa-detail-row {
margin-left: 1%;
float:right;
}


.wpcf7-form p {
  display: inline-block;
  width: 280px
}

#c_form .my-fosfa-detail-row.full-width {
width: 100%;
margin:0px;
padding:0px;
}


.wpcf7-form input[type="email"], .wpcf7-form input[type="text"], .wpcf7-form input[type="tel"], .wpcf7-form input[type="date"], textarea {
  background-color: #EEEFF1;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
 width: 270px;
padding: 10px 0;
border: 0;
color: #2b353e;
font-size: 13px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid lightgrey;
}

.wpcf7-form span.select {
position: relative;
width: 270px;
border: 1px solid lightgrey;
height: 32px;
background: #EEEFF1;
overflow: hidden;
display: block;
}

.wpcf7-form p.checkbox {
  width: 100%;
  display: block;

}

.wpcf7-form p.checkbox input {
  
  display: inline-block;
  
}

.wpcf7-form p.checkbox span {
 
  display: inline-block;
  
}

.wpcf7-form span.select select {
  position: absolute;
border: none;
height: 100%;
width: 295px;
background: #EEEFF1;
outline: none;
padding: 5px;
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
}

.wpcf7-form p.textarea {
  display: block;
  width: 100%;
}

.wpcf7-form input[type="checkbox"] {
  display: inline-block;
}

.wpcf7-form p.radio {
  display: block;
  width: 100%;
}

.wpcf7-form p.radio input{
  display: inline-block;
  
}

.wpcf7-form p.textarea textarea{

  width: 100%;
}

.wpcf7-form span.select .select-arrow-gray {
position: absolute;
display: block;
width: 8px;
height: 7px;
right: 10px;
top: 12px;
background: url('../images/arrow-gray@2x.png') no-repeat center #e5f4f1;
background-size: 8px 7px;
}

.wpcf7-form input[type="date"] {padding-left: 10px;}

.wpcf7-form p {
    vertical-align: top;
}

.wpcf7-form input, .wpcf7-form textarea {
  margin-top: 6px;
display: block;
}

.declarations p {display: block; width: 100%;}

.wpcf7-form div p span {
  color: #EC6718;
  height: 40px;
display: block;
}

.wpcf7-response-output  {border: none!important;}

fieldset {border: none; margin-bottom: 20px;}

.wpcf7-form input[type="submit"] {
width: 300px;
margin-top: 10px;
background: #4884a6;
border: none;
color: #fff;
cursor: pointer;
height: 40px;
line-height: 40px;
font-family: 'Avenir LT W01 95 Black', Arial, sans-serif;
font-size: 16px;
padding: 0px !important;
-o-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-webkit-transition: .5s;
transition: .5s;
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
}

.wpcf7-form div > p {
display: inline-block;
width: 49%;
}

.wpcf7-form div > p > strong {
  display: block;
  color: #EC6718;
}

.wpcf7-radio {
  padding: 10px;

display: block;
}

p.singleproductinputfield {
  font-family:'Avenir LT W01 55 Roman', Arial, sans-serif;
  font-size: 20px;
  color:#394156;
  padding:0px;
  display:block;
  margin:0px;
  font-weight: normal;
}

input.addownprice315 {
background-color: #EEEFF1;
width: 200px !important;
padding: 10px;
border: 0;
color: #2b353e;
font-size: 13px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid lightgrey;
}

button.make_payment {
  width: 200px;
margin-top: 10px;
margin-bottom:20px;
background: #4884a6;
border: none;
color: #fff;
cursor: pointer;
height: 40px;
line-height: 40px;
font-family: 'Avenir LT W01 95 Black', Arial, sans-serif;
font-size: 16px;
padding: 0px !important;
-o-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-webkit-transition: .5s;
transition: .5s;
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
}

button.make_payment:hover {
  background:#394156;
}


legend {
  color: #EC6718;
  font-size: 15px;
text-transform: uppercase;
font-weight: bold;
}


.content-left{
  width:634px;
  min-height:650px;
  background:#fff;
  float:left;
}

.content-pad {
  padding:20px;
}

.content-pad.full-width {
  background: #fff;
}

.content-pad p {
  padding-bottom: 10px;
}

.content-pad h1.page-title,
h1.entry-title {
  color: #EC6718;
  font-size: 30px;
  padding-bottom: 20px;
}

.content-pad h2.page-sub-title{
  color: #434f69;
  font-size: 20px;
  padding-bottom: 10px;
}


.content-pad hr {
  border: none;
  height: 8px;
  box-shadow: none!important;
  border-bottom: 1px solid lightgrey;
  margin-bottom: 30px;
  display: block;
  width: 80%;
}

.content-pad ul {
  list-style-type: none;
  padding-left: 10px;
  padding-bottom: 10px;
}

.content-pad ul li {
  padding-bottom: 10px;
}

.content-pad ul li:before {
  content: "\2022";
  margin-right: 15px;
  color: #EC6718;
  }

.gform_wrapper ul li:before{

    content: "" !important;
    margin-right: 0 !important;

}  

p.search_input_documents{
  position: relative;
  margin:0px;
  padding:0px;
}


p.search_input_documents span {
  position:absolute;
  right:10px;
  top:6px;
  font-size:14px;
  color:#c9d0da;
}

p.search_input_documents input {
  width:100%;
  height:30px;
  font-size:13px;
  padding:0px 5px;
  font-family:'AvenirLTW01-35LightObli', Arial, sans-serif;
  border:1px solid #c9d0da;
  margin-right:10px;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
}

p.search_input_documents input::-ms-clear {
    display: none;
}

#document-list {
  margin:20px 0px;
}


/*******************************************************************************/

/*

<div class="member-row clearfix">
  <div class="member-row-top">
    <a class="member-row-name" href="/member-search/member-view?member=SHAGB40">D A SHAVE</a>
    <span class="member-row-main-contact">Mr D A Shave</span>
    <div class="member-row-attributes">

      <span class="attribute_code">F</span>

    </div>
  </div>

  <div class="member-row-bottom">
    <span class="member-row-tel">T: +44 1494863306</span>
    <span class="member-row-fax">F: </span>
    <span class="member-row-email">d.shave@btinternet.com</span>
    <span class="member-row-website"></span>
    <p class="member-row-desc"></p>
  </div>
</div>

*/



.member-row {
  width:100%;
  margin-left:0px;
  border-bottom:1px solid #dce0e3;
  padding:20px 0px;
  color:#3a4056;
}

.member-row a:hover {
  color:#4e5b7b;
}

.member-row-top {
  display:block;
  width:100%;
  margin-bottom:10px;
}

.member-row-top a.member-row-name {
  display:block;
  margin-right:20px;
  font-family:'Avenir LT W01 65 Medium', Arial, sans-serif;
  font-size:14px;
  color:#479A83;
  /*border-bottom:1px solid #434f69;*/
  margin-bottom:5px;
}

.member-row-top a.member-row-name:hover {
  color:#4e5b7b;
}

.member-row-top span.member-row-main-contact {
  float:left;
  display:block;
  margin-right:20px;
  font-family:'Avenir LT W01 65 Medium', Arial, sans-serif;
  font-size:14px;
  color:#3a4056;
}

.member-row-top .member-row-attributes {
  float:right;
}

.member-row-top .member-row-attributes span {
  border:1px solid #479A83;
  padding:5px 7px;
  font-family:'Avenir LT W01 65 Medium', Arial, sans-serif;
  font-size:10px;
  color:#479A83;
}

.member-row-bottom span{
  font-family:'Avenir LT W01 65 Medium', Arial, sans-serif;
  font-size:14px;
  color:#3a4056;
  margin-right:10px;
}

.member-row-bottom span.member-row-tel,
.member-row-bottom span.member-row-fax{
  display:block;
  float:left;
  width:100%;
}

.member-row-bottom span.member-row-email,
.member-row-bottom span.member-row-website{
 display:block;
 float:left;
 margin-top:5px;
}

.member-row-bottom span.member-row-website a{
  color:#479A83;
}

.member-row-bottom span.member-row-website a:hover{
  color:#4e5b7b;
}

p.member-row-desc{
  display:block;
  width:100%;
  float:left;
  font-size:14px;
  margin:10px 0px 0px 0px;
  padding:0px;
  color:#969AA6;
}

/*

<div class="member-list-navigation clearfix">
    <div class="prev-member-list"><?php previous_posts_link('<span class="icon-arrow-left"></span>Previous Page',$max_num_pages) ?></div>
    <div class="next-member-list"><?php next_posts_link('Next Page<span class="icon-arrow-right"></span>',$max_num_pages) ?></div>
</div>

*/





.member-list-navigation {
  position:relative;
  width:100%;
  margin-top:20px;
}


.member-list-navigation a{
  font-family:'Avenir LT W01 65 Medium', Arial, sans-serif;
  text-transform:uppercase;
  font-size:11px;
  color:#479A83; 
  -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  transition:.5s;
}

.member-list-navigation a:hover {
  color:#4e5b7b;
}

.member-list-navigation div.prev-member-list a {
  float:left;
}
.member-list-navigation div.next-member-list a {
  float:right;
}

.member-list-navigation a span {
  position: relative;
  top:1px;
}

.member-list-navigation div.prev-member-list a span {
  padding-right:10px;
}
.member-list-navigation div.next-member-list a span {
  padding-left:10px;
}

.member-list-navigation span.pager-number {
  display:block;
  position:absolute;
  top:0px;
  text-align:center;
  width:200px;
  left:50%;
  margin-left:-100px;
  font-family:'Avenir LT W01 65 Medium', Arial, sans-serif;
  text-transform:uppercase;
  font-size:11px;
  color:#4E5B7B;
}


/*******************************************************************************/


/*
AWARDS
<div class="award-row clearfix">
    <div class="award-row-left">
        <div class="award-row-left-top clearfix">
            <span class="award-title">220</span>
            <span class="award-date">[Date of Award: 01 April 2003]</span>
        </div>
        <span class="award-details">Commodity: Sesameseed</span>
        <span class="award-details">Contract No: 13</span>
        <span class="award-details">Contract Date: March 2002</span>
        <span class="award-details">Shipment/B/LDATE: May 2002</span>
        <span class="award-details">Issues: Fulfilment, Despatch</span>
    </div>
    <div class="award-row-right">
        <a class="btn-purchase btn-with-icon" href="#">
            <span class="btn-text">View</span>
            <span class="icon-cart btn-icon"></span>
        </a>
        <a class="btn-download btn-with-icon" href="#">
            <span class="btn-text">Download</span>
            <span class="icon-download btn-icon"></span>
        </a>
    </div>
</div>
*/

.award-row {
  width:100%;
  margin-left:0px;
  border-bottom:1px solid #dce0e3;
  padding:20px 0px;
  color:#3a4056;
}

.award-row-left {
  float:left;
  width:70%;
}

.award-row-left span{
  font-family:'Avenir LT W01 65 Medium', Arial, sans-serif;
  font-size:14px;
  
}

.award-row-left span.award-title{
    color:#479A83
}

.award-row-left .award-row-left-top span{
  display:block;
  float:left;
  margin-right:10px;
}

.award-row-left span.award-details{
  display:block;
  margin-top:5px;
}

.award-row-left span.award-details span{
  font-weight:bold;
  display:block;
  float:left;
  width:150px;
}

.award-row-left span.award-details span.award-details-right{
  font-weight:normal;
  display:block;
  float:left;
  width:220px;
}

.award-row-right {
  float:right;
}



/****************************************************************************/



#document-list .document-row-left {
  float:left;
  width:453px;
  margin-left:0px;
  border-right:1px solid #dce0e3;
  height:70px;
  border-bottom:1px solid #dce0e3;
  padding:20px 0px;
}
#document-list .document-row-right {
  float:right;
  margin-right:0px;
  width:140px;
  height:70px;
  padding:20px 0px;
  border-bottom:1px solid #dce0e3;
}

#document-list .document-row-left a.document-title {
  width:440px;
  font-size:16px;
  padding-bottom:0px;
}

#document-list .document-row-left p {
  font-family:'Avenir LT W01 65 Medium', Arial, sans-serif;
  font-size:14px;
  color:#3a4056;
}

#documents-pager {
  position:relative;
  width:100%;
  margin-top:10px;
}

#documents-pager span.pager-number {
  display:block;
  position:absolute;
  top:0px;
  text-align:center;
  width:200px;
  left:50%;
  margin-left:-100px;
  font-family:'Avenir LT W01 65 Medium', Arial, sans-serif;
  text-transform:uppercase;
  font-size:11px;
  color:#4E5B7B;
}

#documents-pager a{
  font-family:'Avenir LT W01 65 Medium', Arial, sans-serif;
  text-transform:uppercase;
  font-size:11px;
  color:#479A83; 
  -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  transition:.5s;
}

#documents-pager a:hover {
  color:#4e5b7b;
}

#documents-pager a.prev {
  float:left;
}
#documents-pager a.next {
  float:right;
}

#documents-pager a span {
  position: relative;
  top:1px;
}

#documents-pager a.prev span {
  padding-right:10px;
}
#documents-pager a.next span {
  padding-left:10px;
}

.content-right{
  width:306px;
  float:right;
}

.explore-nav {
  margin-bottom:20px;
}

.explore-nav h2 {
  /*font-family:'Avenir LT W01 55 Roman', Arial, sans-serif;*/
  font-family:'Avenir LT W01 35 Light', Arial, sans-serif;
  font-size: 20px;
  color:#394156;
  padding:10px 20px;
  display:block;
  margin:0px;
}

.explore-nav ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

.explore-nav ul li {
  padding:0px 0px;
}

.explore-nav ul li a span {
  display:none;
}


.explore-nav ul li a {
  font-family:'Avenir LT W01 55 Roman', Arial, sans-serif;
  color:#394156;
  font-size: 20px;
  width:100%;
  display:block;
  padding:10px 0px;
  text-indent:10px;
  -o-transition:.2s;
  -ms-transition:.2s;
  -moz-transition:.2s;
  -webkit-transition:.2s;
  transition:.2s;
}

.explore-nav ul li ul li a{
  text-indent:20px;
  font-size:16px;
}

.explore-nav ul li ul li.current a{
  text-indent:10px;
}

.explore-nav ul li ul li ul li a{
  text-indent:30px;
  font-size:16px;
}

.explore-nav ul li ul li ul li.current a{
  text-indent:15px;
}


.explore-nav ul li > a:hover,
.explore-nav ul li.current > a{
  background: #434f69;
  color:#fff;
}

.explore-nav ul li.current > a span{
  display:inline;
  padding-left:0px;
  position:relative;
  top:2px;
  font-family:'Avenir LT W01 55 Roman', Arial, sans-serif;
  color:#394156;
  font-size:12px;
  color:#fff;
  padding-right:10px;
  color:#8a929f;
}


a.explore-toggle,
a.explore-toggle:hover{
  background:#fcd20a;
  display:block;
  width:100%;
  padding:15px 0px;
  font-size:20px;
  font-family:'Avenir LT W01 55 Roman', Arial, sans-serif;
  color:#394156;
}

a.explore-toggle span.explore-toggle-text {
  padding-left:20px;
  float:left;
}

a.explore-toggle span.explore-toggle-icon {
  float:right;
  padding-right:20px;
}


a.explore-toggle span.icon-minus{
  display:none;
}


.explore-nav.hide-desktop-only ul{
  display:none;
}


.related-links {
  margin-bottom:20px;
  background:#fff;
}




.related-links h2 {
  font-family:'Avenir LT W01 55 Roman', Arial, sans-serif;
  font-size: 20px;
  color:#394156;
  padding:0px;
  display:block;
  margin:0px;
  font-weight: normal;
}

.related-links a,
.related-links p {
  font-family:'Avenir LT W01 55 Roman', Arial, sans-serif;
  font-size:14px;
}

.related-links a {
  display:block;
  margin-top:25px;
  color:#394156;
  -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  transition:.5s;
}

.related-links p {
  margin-top:0px;
  margin-bottom:0px;
  color:#969AA6;
}


section#home-mid{
  margin-top:40px;
}

.home-mid-left{
  width:306px;
  height:650px;
  background:#fff;
  float:left;
}

.member-form{
  background:#fff;
  height:660px;
  margin-bottom:20px;
}

.home-mid-right{
  width:634px;
  height:650px;
  background:#fff;
  float:right;
}


.member-form-lead {
  display:block;
  padding:20px;
  background:#4fb1a2;
  color:#fff;
  position:relative;
}

.member-form-lead h2 {
  font-family:'Avenir LT W01 35 Light', Arial, sans-serif;
  font-size:24px;
  font-weight:normal;
} 
.member-form-lead p {
  font-family:'Avenir LT W01 55 Roman', Arial, sans-serif;
  font-size:14px;
} 

.member-form-lead .arrow-down {
  display:block;
  width:20px;
  height:8px;
  background:url('../images/triangles@2x.png') no-repeat;
  background-size:cover;
  position:absolute;
  bottom:-8px;
  left:50%;
  margin-left:-10px;
}

.member-form form {
  padding:0px 20px;
  margin:20px 0px;
}

.member-form form fieldset {
  margin:0px;
  padding:0px;
  border:none;
}

.member-form form label {
  width:260px;
  display:block;
  font-family:'Avenir LT W01 55 Roman', Arial, sans-serif;
  color:#394156;
  padding:5px 0px;
}

.member-form form div.select {
  /*
  position:relative;
  width:100%;
  border:1px solid #b9e1d9;
  height:32px;
  background:#e5f4f1;
  overflow:hidden;
  margin-bottom:5px;
  */
}

.member-form form div.select span {
  position:absolute;
  display:block;
  width:8px;
  height:7px;
  right:10px;
  top:12px;
  background:url('../images/arrow@2x.png') no-repeat center #e5f4f1;
  background-size:8px 7px;
}

.member-form form div.select select {
  width:100%;
  /*
  position:absolute;
  border:none;
  height:100%;
  width:100%;
  background:#e5f4f1;
  outline:none;
  padding:5px;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  */
}


.member-form form input.text {
  background: #e5f4f1;
  height:32px;
  width:255px;
  margin:0px;
  padding:0px 5px;
  font-style:italic;
  outline:none;
  margin-bottom:10px;
  font-size:13px;
  border:1px solid #b9e1d9;
}

.member-form form label,
.member-form form input,
.member-form form select{
  font-family:'Avenir LT W01 55 Roman', Arial, sans-serif;
  color:#394156;
}


.member-form form div.submit input, #loginform input[type="submit"], .login input[type="submit"] {
  width:100%;
  margin-top:10px;
  background:#4884a6;
  border:none;
  color:#fff;
  cursor:pointer;
  height:40px;
  line-height:40px;
  font-family:'Avenir LT W01 95 Black', Arial, sans-serif;
  font-size:16px;
  padding:0px !important;
   -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  transition:.5s;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
}

.member-form form div.submit input:hover,  #loginform input[type="submit"]:hover, .login input[type="submit"]:hover {
  background:#394156;
}

.login input[type="submit"] {
  width: 50%;
  font-weight: 300;
  text-shadow: none!Important;
}

.home-documents a.document-switch{
  display:block;
  width:316px;
  text-align:center;
  padding:20px 0px;
  font-family:'Avenir LT W01 35 Light', Arial, sans-serif;
  font-size:30px;
  color:#A8B0C5;
  background:#4e5b7b;
   -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  transition:.5s;
  float:left;
  position:relative;
}

.home-documents a.document-switch.active,
.home-documents a.document-switch:hover{
  background:#394156;
  color:#fff;
  border-bottom:2px solid #f16818;
}

.home-documents a.document-switch span {
  position:absolute;
  width:20px;
  height:8px;
  background:url('../images/triangles@2x.png') no-repeat;
  background-size:cover;
  left:50%;
  margin-left:-10px;
  background-position:-20px 0px;
  bottom:-10px;
  display:none;
  z-index:20;
}

.home-documents a.document-switch.active span{
  display:block;
}

.home-documents a.home-document-2{
  margin-left:2px;
}

#public-documents {
  display: none; /* Hide and show in JS */
}

.home-documents a.document-switch.hide-desktop{
  display:none;
}

.document-row-left {
  float:left;
  width:449px;
  margin-left:20px;
  border-right:1px solid #dce0e3;
  height:60px;
  border-bottom:1px solid #dce0e3;
  padding:20px 0px;
}
.document-row-right {
  float:right;
  margin-right:20px;
  width:140px;
  height:60px;
  padding:20px 0px;
  border-bottom:1px solid #dce0e3;
}

.document-row-left span.document-info {
  display:block;
  font-family:'Avenir LT W01 65 Medium', Arial, sans-serif;
  font-size:11px;
  color:#4e5b7b;
  margin-bottom:10px;
}

.document-row-left a.document-title,
.document-row-left span.document-title {
  display:block;
  width:400px;
  font-family:'Avenir LT W01 55 Roman', Arial, sans-serif;
  font-size:14px;
  color:#479a83;
  -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  transition:.5s;
}

.document-row-left a.document-title:hover {
  color:#4e5b7b;
}

a.btn-purchase,
a.btn-purchase.btn-book-event,
a.btn-committee,
a.btn-view-award{
  background:#fcd20a;
   -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  transition:.5s;
}


a.btn-purchase:hover,
a.btn-purchase.btn-book-event:hover,
a.btn-committee:hover,
a.btn-view-award:hover {
  background: #ef6817;
  color:#fff;
}
a.btn-download,
a.btn-book-event{
  background:#50b1a0;
   -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  transition:.5s;
}

a.btn-download:hover,
a.btn-book-event:hover{
  background: #4e5b7b;
  color:#fff;
}


.document-row-right span.members-only {
  font-family:'Avenir LT W01 85 Heavy', Arial, sans-serif;
  font-size:13px;
  color:#747a88;
  height:30px;
  display:block;
  width:120px;
  text-transform:uppercase;
  margin:0px 0px 0px 20px;
  text-align:center;
}


section#home-bottom{
  margin:20px 0px;
  padding: 0px 20px;
}


.my-fosfa-lead{
  border-bottom:1px solid #dce0e3;
  padding:10px 0px;
}

.my-fosfa-committee-block,
.my-fosfa-detail-block{
  border-bottom:1px solid #dce0e3;
  padding:20px 0px;
}

.my-fosfa-representative-block {
  padding:20px 0px;
  position:relative;
}
.represent {
  clear: both;
  border-bottom: 1px solid #dce0e3;
  display: block;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.my-fosfa-detail-block{
  position:relative;
}

.my-fosfa-lead span.large-orange {
  font-size:30px;
  color:#EF6818;
  font-family:'Avenir LT W01 35 Light', Arial, sans-serif;
  display:block;
}

.my-fosfa-lead h1 {
  font-family:'Avenir LT W01 35 Light', Arial, sans-serif;
  font-size:24px;
  color:#394156;
  line-height:40px;
  text-transform:uppercase;
  font-weight:normal;
}

.my-fosfa-left {
  float:left;
  width:470px;
}

.committee-left-text {
  display:inline-block;
  width:170px;
  vertical-align: top;
}

.committee-left-text.add-top,
.committee-right-text.add-top{
  padding-top:20px;
}

.committee-right-text {
  display:inline-block;
  width:295px;
}

.committee-left-text,
.committee-right-text{
  /*font-family:'Avenir LT W01 55 Roman', Arial, sans-serif;*/
  font-family:'Avenir LT W01 35 Light', Arial, sans-serif;
  font-size:15px;
  color:#394156;
}

.my-fosfa-right{
  float:right;
  width:120px;
}

a.btn-committee {
  margin-left:0px;
  margin-right:0px;
  width:100px;
}

.my-fosfa-detail-block .my-fosfa-right{
  text-align:right;
}

.my-fosfa-detail-block h2 {
  font-size:24px;
  font-family:'Avenir LT W01 35 Light', Arial, sans-serif;
  font-weight:normal;
  color:#394156;
}

.my-fosfa-detail-block a.details-update,
.my-fosfa-representative-block a.representative-update{
  font-family:'Avenir LT W01 55 Roman', Arial, sans-serif;
  font-size:14px;
  color:#479A83;
  display:block;
  padding-top:10px;
  position:absolute;
  z-index:10;
  right:0px;
}

.my-fosfa-detail-block a.details-update:hover {
  color:#4e5b7b;
}


.my-fosfa-detail-block .my-fosfa-left{
  width:100%;
}

.my-fosfa-detail-row {
  width:50%;
  float:left;
  padding:10px 0px;
}
.my-fosfa-detail-row.my-fosfa-address {
  height:110px;
}

.my-fosfa-detail-row.full-width {
  width:100%;
}

.my-fosfa-detail-row span {
  display:block;
  font-family:'Avenir LT W01 55 Roman', Arial, sans-serif;
  font-size:14px;
  color:#394156;
  padding:5px 0px;
  line-height:1.4em;
}
.my-fosfa-detail-row span.orange,
.contact-form-row span.orange{
  color:#EF6818;
  font-size:16px;
}

.my-fosfa-representative-block .my-fosfa-left {
  width:100%;
}

.my-fosfa-representative-block .my-fosfa-left h2{
  display:block;
  font-weight:normal;
  font-size:18px;
  color:#EF6818;
  padding-bottom:20px;
}

.my-fosfa-representative-block .fosfa-representative-row {
  height:50px;
  padding-top:10px;
}

.my-fosfa-representative-block .my-fosfa-left span{
  float:left;
  display:block;
  width:400px;
  font-family:'Avenir LT W01 55 Roman', Arial, sans-serif;
  font-size:14px;
  color:#394156;
  line-height:1.4em;
}


.my-fosfa-representative-block .my-fosfa-left span.orange{
  float:right;
  display:block;
  width:100px;
  text-align:right; 
  color:#EF6818;
  font-size:13px;
  font-family:'Avenir LT W01 85 Heavy', Arial, sans-serif;
  text-transform:uppercase;
}

.committee-papers-btn {
  margin-top:20px;
}

.committee-papers-btn a{
  width:185px;
}

#event-calendar {
  min-height:300px;
  padding-bottom:20px;
}

#event-description {
  border-bottom:1px solid #dce0e3;
  display: none;
  padding-bottom:20px;
}

#event-description h2,
#event-description h2 a,
#event-description h2 a:hover{
  font-size:24px;
  font-family:'Avenir LT W01 35 Light', Arial, sans-serif;
  color:#ef6818;
  padding:20px 0px 10px 0px;
}

#event-description span.event-date,
#event-description span.event-location{
  font-size:14px;
  font-family:'Avenir LT W01 55 Roman', Arial, sans-serif;
  color:#394156;
  display:block;
  line-height:1.2em;
}

#event-description p {
  font-size:14px;
  font-family:'Avenir LT W01 55 Roman', Arial, sans-serif;
  color:#394156;
}

#event-description p.orange {
  font-size:16px;
  font-family:'Avenir LT W01 55 Roman', Arial, sans-serif;
  color:#ef6818;
  margin:20px 0px 10px;
}

#event-list {
  margin:20px 0px;
}

#event-list h2 {
  color:#394156;
  font-size:24px;
  font-family:'Avenir LT W01 35 Light', Arial, sans-serif;
  padding:10px 0px 20px;
}

#event-list .event-row {
  border-bottom:1px solid #dce0e3;
  padding-bottom:20px;
}

#event-list .event-row h3 span {
  display:inline-block;
  width:10px;
  height:10px;
  background:red;
  margin-right:10px;
  margin-bottom:2px;
}

#event-list .event-row h3 span.type1 {
  background:#444d6a;
}
#event-list .event-row h3 span.type2 {
  background:#4fb1a2;
}
#event-list .event-row h3 span.type3 {
  background:#ef6719;
}


#event-list .event-row h3{
  font-family:'Avenir LT W01 55 Roman', Arial, sans-serif;
  font-size:20px;
  color:#479a83;
  padding:20px 0px;
}

#event-list .event-row h3 a {
  font-family:'Avenir LT W01 55 Roman', Arial, sans-serif;
  font-size:20px;
  color:#479a83;
   -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  transition:.5s;
}

#event-list .event-row h3 a:hover {
  color:#4e5b7b;
}



#event-list .event-row span.event-date,
#event-list .event-row span.event-location{
  font-size:14px;
  font-family:'Avenir LT W01 55 Roman', Arial, sans-serif;
  color:#394156;
  display:block;
  line-height:1.2em;
}

#event-list .event-row span.event-location {
  padding-bottom:10px;
}

#event-list .event-row p{
  font-size:14px;
  font-family:'Avenir LT W01 55 Roman', Arial, sans-serif;
  color:#394156;
}

.event-key {
  margin-bottom: 20px;
}

.event-key span.key-heading {
  font-family:'Avenir LT W01 85 Heavy', Arial, sans-serif;
  font-size:13px;
  text-transform: uppercase;
  color: #4E5B7B;
  display: block;
  padding-bottom: 10px;
}

.event-key p span {
  display: inline-block;
  width: 10px;
  height: 10px;
  background:red;
  margin-right:10px;
}

.event-key p span.type1 {
  background:#444d6a;
}
.event-key p span.type2 {
  background:#4fb1a2;
}
.event-key p span.type3 {
  background:#ef6719;
}

.event-key p{
   font-family:'Avenir LT W01 65 Medium', Arial, sans-serif;
   font-size: 11px;
   color:#4E5B7B;
   text-transform: uppercase;
   line-height: 16px;
}

.event-top{
  margin:20px 0px;
}

.event-top a.btn-back-to-events{
  float:left;
  font-family:'Avenir LT W01 65 Medium', Arial, sans-serif;
  text-transform: uppercase;
  font-size:11px;
  color:#479a83;
   -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  transition:.5s;
  padding-top:7px;
}

.event-top a.btn-back-to-events:hover {
  color:#4e5b7b;
}

.event-top a.btn-back-to-events span {
  margin-right:10px;
  position:relative;
  top:2px;
}

.event-top a.btn-book-event{
  float:right;
  margin:0px;
}

.event-title h1 {
  font-size:30px;
  color:#EF6818;
  font-family:'Avenir LT W01 35 Light', Arial, sans-serif;
  display:block;
  padding:20px 0px;
}

.event-title span {
  display:block;
  padding-bottom:20px;
}

.event-title {
  border-bottom:1px solid #dce0e3;
}

.event-content {
  padding:10px 0px;
  border-bottom:1px solid #dce0e3;
}

.event-foot {
  padding:10px 0px;
}

.event-content p,
.event-foot p{
  padding:10px 0px;
}

.event-content a,
.event-foot a{
  color:#479a83;
}

.event-content a:hover,
.event-foot a:hover{
  color:#4e5b7b;
}


/* Call to action buttons ****************************/

a.btn-action, div.btn-action{
  display:block;
  float:left;
  width:306px;
 
  position:relative;
}

div.btn-action.widget-count-2 {width: 470px;}

div.btn-action a {
   height:160px;
   display: block;
}

a.btn-action.content-page, div.btn-action.content-page{
  display:block;
  float:left;
  width:100%;
  height:auto;
  position:relative;
  margin-bottom:20px;
  margin-top: 0px;
}

div.btn-action.content-page a {
  height: auto;
display: block;
padding-bottom: 20px;
}


.btn-action.push-left, .widget-2.home-link, .widget-3.home-link {
  margin-left:20px;
}

.btn-action.float-right {
  float:right;
}

.widget-2.content-page, .widget-4.content-page {
  float:right;
}

.btn-action span.action-title,
.btn-action span.action-text{
  display:block;
  margin:0px 20px;
  color:#fff;
}

span.action-title{
  font-family:'Avenir LT W01 85 Heavy', Arial, sans-serif;
  font-size:24px;
  padding:15px 0px;
  border-bottom:1px solid #fff;
  line-height:1.2em;
}

.btn-action.content-page span.action-title {
  border:none;
  padding-bottom:0px;
  padding-right:30px;
  font-size:20px;
  font-family:'Avenir LT W01 65 Medium', Arial, sans-serif;
}

span.action-text{
  font-size:16px;
  font-family:'Avenir LT W01 65 Medium', Arial, sans-serif;
  padding-top:10px;
}

.btn-action.content-page span.action-text {
  font-size:14px;
  font-family:'Avenir LT W01 35 Light', Arial, sans-serif;
  line-height:1.4em;
  margin-right:40px;
}
span.action-btn{
  display:block;
  position:absolute;
  /*background:url('../images/hero-blue.png') repeat;*/
  /*background:#4e5b7b;*/
  background: rgba(78, 91, 123, 0.85);
  font-family:'Avenir LT W01 85 Heavy', Arial, sans-serif;
  text-transform:uppercase;
  font-size:13px;
  color:#fff;
  padding:7px 20px;
  bottom:-10px;
  right:10px;
  -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  transition:.5s;
}

.btn-action.content-page span.action-btn{
  right:0px;
  top:0px;
  bottom:0px;
  padding:0px;
  margin:0px;
  width:30px;
  left:auto;
}

.btn-action.content-page span.action-btn span{
  font-size:16px;
  position:absolute;
  height:20px;
  top:50%;
  margin-top:-10px;
  left:5px;
}

.btn-action:hover span.action-btn{
  background: rgba(78, 91, 123, 1);
}

a.action-update     { background: url('../images/actions/update.jpg') no-repeat top right #ef6817; }
a.action-dinner     { background: url('../images/actions/dinner.jpg') no-repeat top right #4884a6; }
a.action-education  { background: url('../images/actions/education.jpg') no-repeat top right #4fb1a2;}
a.action-find       { background: url('../images/actions/find.jpg') no-repeat top right #4eb0a1;}
a.action-news       { background: url('../images/actions/news.jpg') no-repeat top right #4884a6;}




/* End Call to action buttons ****************************/

section#strapline {
  margin:80px 0px;
}

section#strapline blockquote p {
  display:block;
  text-align: center;
  width:100%;
  font-family:'Avenir LT W01 35 Light', Arial, sans-serif;
  font-size: 30px;
  color:#878e9e;
}

footer {
  min-height: 100px;
  background: #394156;
}

footer .footer-col {
  display:block;
  width:240px;
  min-height:100px;
  float:left;
  padding:40px 0px;
}

a.footer-logo {
  display: block;
  width: 162px;
  height: 58px;
  background: url('../images/logo-footer@2x.png') no-repeat;
  background-size: cover;
  margin-bottom: 20px;
}

p.copyright,
p.copyright a {
  font-family:'Avenir LT W01 55 Roman', Arial, sans-serif;
  color:#6E7A97;
  font-size:12px;
  line-height:1.2em;
}

p.copyright a:hover {
  color:#fff;
}

ul.footer-links {
  margin:0px;
  padding: 0px;
  list-style: none;
}

ul.footer-links li {
  padding-bottom:4px;
}

ul.footer-links li a,
ul.footer-links li a span {
  display:inline-block;
  font-family:'Avenir LT W01 65 Medium', Arial, sans-serif;
  font-size:14px;
  color:#A8B0C5;
  
}

ul.footer-links li a {
  width:170px;
}

ul.footer-links li a span {
  float:right;
  position:relative;
  top:3px;
}

ul.footer-links li a:hover,
ul.footer-links li a:hover span {
  color:#fff;
}

ul.footer-links.no-arrow li {
  padding:0px;
}

ul.footer-links.no-arrow li a{
  font-family:'Avenir LT W01 55 Roman', Arial, sans-serif;
  width: auto;
}

p.footer-contact {
  margin:0px;
  padding:0px;
  color:#fff;
  font-family:'Avenir LT W01 65 Medium', Arial, sans-serif;
  font-size: 14px;
  line-height: 1.4em;
  margin-bottom: 20px;
}

p.footer-contact span.big {
  font-size: 16px;
}

 /* Forms */

 .gform_wrapper .top_label div.ginput_container,
.gfield_date_day, .gfield_date_month, .gfield_date_year {

  margin-top: 0 !important;

}

 #loginform input[type="text"],  #loginform input[type="password"],
 .contact-form-row input[type="text"], .contact-form-row input[type="email"], 
 .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]){
  background-color: #EEEFF1;
  width: 100%;
  padding: 10px;
  border: 0;
  color: #2b353e;
  //font-family:'Avenir LT W01 35 Light', Arial, sans-serif;
  font-size: 13px !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid lightgrey;
 }

#contact_type {
    background-color: #EEEFF1;
  width: 100%;
  padding: 10px;
  border: 0;
  color: #2b353e;
  font-size: 13px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid lightgrey;
}

#your_message {
  width:100%;
}

.contact-form-row {
  margin-bottom:15px;
}


#wpcf7-f258-o1 > form > div.clearfix > p, 
#wpcf7-f258-o1 > form > div.clearfix > p > input {
  width:100%;
}

 #loginform label{
  display: block;
  margin-top: 10px;
 }

 #loginform .login-remember label {
  font-size: 13px;
  padding-top: 5px;
 }

 form.checkout input[type="text"], .login input[type="text"], .login input[type="password"], form.checkout #order_comments  {
  background-color: #EEEFF1;
  width: 100%;
  padding: 10px;
  border: 0;
  color: #2b353e;
  font-size: 13px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid lightgrey;
 }
 
 form.checkout #order_comments {
     min-height:100px;
 }

.chosen-container-single .chosen-single {
  background:none!important;
  background-color: #EEEFF1!important;
  width: 100%;
  line-height: 36px;
  padding-left: 10px;
  border: 0;
  color: #2b353e;
  font-size: 13px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid lightgrey!important;
  box-shadow: none!important; 
  border-radius: 0px!important;
  height: 38px!important;
 }

 .chosen-container-single .chosen-single div {
  top: 5px!important;
}
  
  .chosen-container-single {
      -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%!important;
  }

 form.checkout h3 {
  color: #EF6818;
  display: block;
  padding-bottom: 12px;
}

.shop_table {
  -webkit-border-radius: 0px!important;
  border-radius: 0!important;
}

#order_review_heading {margin-top: 25px;}

 @media screen and (min-width : 767px) { 

    #loginform input[type="text"],  #loginform input[type="password"], #loginform input[type="submit"] {
    width: 50%;
    }

  }

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

    .woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last {

        width: 100%;
        float: none;

    }

}


// Gravity Forms ( 2017 )

.gform_wrapper ul.gform_fields li.gfield {

    padding-right: 0 !important;

}

@media only screen and ( min-width: 641px ) {

    .gform_wrapper ul.gform_fields li.gfield {

        padding-right: 0 !important;
  
    }

}

.gfield_label, .gfield_required {

    color:#EF6818 !important;
    font-size:16px;

}

.gform_wrapper label.gfield_label {

    color:#EF6818 !important;
    font-size:16px;
    font-family: 'Avenir LT W01 55 Roman', Arial, sans-serif;
    font-weight: 400;

}

.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.gform_wrapper select, .gform_wrapper textarea {

    font-family: system-ui;
    font-weight: normal;

}

.gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield div.ginput_complex span.ginput_left select, .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield div.ginput_complex span.ginput_right select, .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield input[type=radio], .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield select {

    background-color: #EEEFF1;
    width: 100%;
    padding: 10px;
    border: 0;
    color: #2b353e;
    font-size: 13px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid lightgrey;

}

@media only screen and (min-width: 641px)
{

    .gform_wrapper textarea.large {

        height: auto;

    }

}

.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit] {

    width: 100%;
    max-width: 300px;
    margin-top: 10px;
    background: #4884a6;
    border: none;
    color: #fff;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    font-family: 'Avenir LT W01 95 Black', Arial, sans-serif;
    font-size: 16px;
    padding: 0px !important;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;

}

.gsection_title {

    font-weight: bold !important;

}

.gsection_title, .gfield span.title {

    color: #EF6818;
    font-family: 'Avenir LT W01 55 Roman', Arial, sans-serif;
    font-size: 16px !important;

}

.gfield.half {

    width: 48% !important;
    display: inline-block !important;
    margin-right: 2% !important;
    vertical-align: top !important;

}

.gfield.half--last {

    margin-right: 0% !important;
    margin-left: 2% !important;
    
}

.gfield.no-label label {

    display: none !important;
    margin-top: 0 !important;

}

.gfield .gfield_description {

    font-size: 14px;
    font-style: italic;

}

.gf_repeater_add, .gf_repeater_remove {

    display: block;
    outline: 0 !important;

}

.repeater {

    display: inline-block;
    width: 40%;
    margin: 10px 0 0 !important;
    background: #ef6817 !important;
    border: none;
    color: #fff;
    cursor: pointer;
    height: 30px;
    line-height: 30px;
    font-family:'Avenir LT W01 55 Roman', Arial, sans-serif;
    font-size: 14px;
    padding: 0px !important;
    text-align: center;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;

}

.repeater:hover {

    color: #fff;
    background-color: #4e5b7b;

}

.repeater--add {

    background-color: #50b1a0 !important;

}

.free-text{

    font-size: 14px;
    font-style: italic;
    
}

.gform_button.button {

    width: 100% !important;
    margin-right: 0 !important;
    max-width: 100% !important;

}


/* Menu */

nav.main .main-menu-item > a > .icon-arrow-right {display: none!important}
nav.main .sub-menu-item > .nav-parent-arrow {display: none!important}



/* #Media Queries
================================================== */

  /* iPad in portrait & landscape */
  @media screen and (min-width : 768px) and (max-width : 1024px)  { 

    .container {
      /* 768 - 10*/
      width: 728px;
      padding:0px 15px;
    }
    
    section#home-bottom > .container {
      padding-left:0px;
      padding-right:0px;
    }
    
    body {
      /*border:5px solid red;*/
    }

    .hide-desktop-only{
      display: block;
    }

    #banner img {
      width:100%;
      height:300px;
    }

    #banner .banner-text {
      width:708px;
      left:50%;
      margin-left:-364px;
      padding:10px;
    }

    nav ul li a {
      padding:0px 14px;
      font-size: 14px;
    }

    .home-mid-left{
      width: 100%;
      margin-bottom:20px;
    }

    .home-mid-right{
      width: 100%;
      float:left;
    }

    span.home-mid-left-lead h2,
    span.home-mid-left-lead p,
    span.member-form-lead h2,
    span.member-form-lead p{
      text-align: center;
    }

    .home-mid-left,
    .member-form{
      height:450px;
    }
    

    .member-form form {
      margin-bottom: 20px;
    }

    .home-documents a.document-switch{
      width:363px;
    }

    .document-row-left {
      width: 547px;
    }

    div.btn-action{
      width:229px;
    }

    div.btn-action.widget-count-2 {
      width: 354px;
    }

    section#strapline blockquote p {
      font-size: 24px;
    }

    div.hide-tablet {
      display: none;
    }

    .member-form form input.text {
      width:676px;
      -webkit-appearance: none !important;
      -moz-appearance: none !important;
      appearance: none !important;
    }


    .member-form form .group fieldset {
      width:333px;
      float:left;
    }

    .member-form form fieldset.push-left{
      margin-left:20px;
    }
    
    
    .content-left{
      width:100%;
      min-height:650px;
      background:#fff;
      float:left;
    }
    
    .content-right{
      width:100%;
      margin-top:20px;
    }
    
    
    #document-list .document-row-left {
      float:left;
      width:547px;
      margin-left:0px;
      border-right:1px solid #dce0e3;
      height:130px;
      border-bottom:1px solid #dce0e3;
      padding:20px 0px;
    }
    #document-list .document-row-right {
      float:right;
      margin-right:0px;
      width:140px;
      height:130px;
      padding:20px 0px;
      border-bottom:1px solid #dce0e3;
    }

    .related-links {
      margin-bottom:20px;
      background:#fff;
      width:100% !important;
    }
    
    div.btn-action.content-page{
      display:block;
      float:left;
      /*width:354px;*/
      width:100%;
      height:auto;
      position:relative;
     
      margin-bottom:20px;
    
    }

    div.btn-action.content-page a {
       padding-bottom:20px;
      
      min-height:90px;
    }

    div.btn-action.content-page.float-right, div.btn-action.content-page.widget-2, div.btn-action.content-page.widget-4 {
      float:right;
    }
    
    #event-calendar .ui-datepicker-multi-3 .ui-datepicker-group {
     width:215px;
  }
    
    #event-calendar .ui-datepicker .ui-datepicker-header {
       width:213px;
    }
    
  }

  /* iPhone in portrait & landscape */
  @media screen and (max-width : 767px) { 

    .hide-mobile {
      display: none;
    }

    .hide-desktop-only{
      display: block;
    }

    .container {
      /*width: 320px;*/
      width: 100%;
    }
    body {
      border:none;
    }

    .hide-desktop {
      display: block;
    }

    .header-top-right form {
      display: none;
    }

    .header-top-right,
    .header-top-left {
      width: 100%;
    }
    
    
    .container.header-top {
      padding: 0px;
    }
    
    .header-top-right div {
      float:left;
      margin:0px;
      padding:0px;
      width:60%;
    }
    
    .header-top-right div.text-btn {
      width:40%;
    }
    
    
    .header-top-right div.text-btn a{
      float:right;
      border: none !important;
      margin:0px;
      line-height:30px;
      color:#fff;     
      padding:0px;
    }

    .header-top-right div.text-btn a.btn-payment-mobile{
      float:right;
    }

    
    
    .header-top-right a.btn-my-fosta{
      margin-right:0px;
    }
    
    .header-top-right a.btn-logout{
        display:block;
        font-size:13px;
        font-family:'Avenir LT W01 65 Medium', Arial, sans-serif;
        color:#fff;
        height:30px;
        line-height:30px;
        background:#394156;
      }
      
      
      .header-top-right a.btn-my-fosta,
      .header-top-right a.btn-contact,
      .header-top-right a.btn-logout{
        text-align:center;
        padding:0px;
        
      }    
      
      .header-top-right a.btn-my-fosta,
      .header-top-right a.btn-contact {
        width:50%;
      }
      
      .header-top-right a.btn-logout{
        width:70%;
      }
      
    .header-top-right div.text-btn a.btn-payment-mobile{
      display:block;
      font-size:13px;
      padding:0px 0px;
      width:32px;
      text-align:center;
      background:#fcd20a;
      width:30%;
    }
    .header-top-right div.text-btn a.btn-payment-mobile span {
      position:relative;
      top:3px;
    }
    
    
    header .header-top-right {
      /*width: 320px;*/
      width:100%;
      float:none;
      margin: 0px auto;
    }
    
    .header-top-left{
      margin:20px 0px;
    }
    
    .header-top-left a img{
      margin:0px auto;
    }
    
    a.nav-toggle-mobile {
      background:#394156;
      height:50px;
      line-height:50px;
      position:relative;
      border-bottom:1px solid #434e6a;
    
      z-index: 100;
}
    
    a.nav-toggle-mobile span {
      color:#fff;
      font-family:'Avenir LT W01 35 Light', Arial, sans-serif;
      font-size:20px;
    }
    
    a.nav-toggle-mobile span.nav-toggle-text {
      padding-left:20px;
    }
    a.nav-toggle-mobile span.nav-toggle-icon {
      float:right;
      padding-right:20px;
      font-size:18px;
      position:relative;
      top:4px;
    }
    
    .nav-wrapper{
      position:relative;
    }
    
    nav ul {
      background:#394156;
      position:absolute;
      top:51px;
      margin: 0px;
      padding: 0px;
      list-style: none;
      z-index:100;
    }
    
    nav ul li a:hover {
      border:none;
    }
    
    nav ul li ul {
      position:relative;
    }
    
    nav ul li {
      width:100%;
      
    }
    
    nav ul li ul{
       z-index:9;
       top:0px;
       /* Removed width */
       padding-bottom:0px;
     }
     
     nav ul li ul li ul li a,
     nav ul li ul li a,
     nav ul li a{
       padding-left:0px;
     }
     
     nav ul,
     nav ul li ul,
      nav ul li ul li ul{
       padding-left:20px;
     }
     
     nav ul li ul li {
       width:100%;
     }
     
     nav ul li ul li a{
       font-size:16px;
       width:100%;
     }
     
     nav ul li ul li a:hover span {
        display:none !important;
      }
    
      nav ul li.current > a {
        border: none;
      }

      .nav-wrapper > ul {
        display: none;
      }
   
   
     #banner img {
      width:100%;
      height:300px;
    }

    #banner .banner-text {
      width:100%;
      margin:0px;
      padding:0px;
      left:0px;
      right:0px;
    }
    
    #banner .banner-text h1,
    #banner .banner-text p {
      padding:0px 20px;
      font-size:14px;
    }
    
    #banner .banner-text h1 {
      padding-top:10px;
    }
    
    #banner .banner-text p{
      padding-bottom:10px;
    }
    
    section#home-mid {
      padding:0px 20px;
    }
    
    .home-mid-left,
    .member-form{
      width:100%;
      height:auto;
      background:#fff;
      float:left;
      margin-bottom:25px;
    }
    
    .member-form form div.select {
      width:100%;
    }
    
    .member-form form input.text{
      width:100%;
      padding:0px;
    }
    
    .member-form form div.select select {
      width:100%;
    }
    
    .member-form form label {
      width:100%;
    }
    
    .member-form .icon-plus {
      position:absolute;
      width:100%;
      background:#4884a6;
      left:0px;
      right:0px;
      height:25px;
      bottom:-30px;
      z-index:10;
      text-align:center;
      padding-top:5px;
      cursor: pointer;
    }
    
    .member-form .icon-minus {
      position:absolute;
      width:100%;
      left:0px;
      right:0px;
      height:20px;
      bottom:0px;
      z-index:10;
      text-align:center;
      cursor: pointer;
      display:none;
    }
    
    .member-form form {
      padding:0px 20px;
      margin:40px 0px;
      display:none;
    }
    
    .home-mid-right{
      margin-top:20px;
      width:100%;
      height:auto;
    }
    
      .home-documents a.document-switch.hide-desktop{
        display:block;
      }
      
      .home-documents a.document-switch.hide-mobile{
        display:none;
      }
      
      .home-documents a.document-switch{
        width:100%;
        margin-left:0px;
      }
      
      #recent-documents,
      #public-documents{        
        margin:0px 10px;
      }
      
      .document-row-left {
        width:80%;
        overflow:hidden;
        border-right:none;
        margin-left:0px;
      }
      .document-row-right {
        width:20%;
        overflow:hidden;
        margin-right:0px;
      }
      
      .document-row-left a.document-title {
        display: block;
        font-family:'Avenir LT W01 55 Roman', Arial, sans-serif;
        font-size:16px;
        color:#479a83;
        -o-transition:.5s;
        -ms-transition:.5s;
        -moz-transition:.5s;
        -webkit-transition:.5s;
        transition:.5s;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        width: 100%;
    }
      
      .document-row-left span.document-info {
        display:block;
        font-family:'Avenir LT W01 65 Medium', Arial, sans-serif;
        font-size:11px;
        color:#4e5b7b;
        margin-bottom: 2px;
      }

      a.btn-with-icon .btn-text {
        display:none;
      }
      
      
      a.btn-with-icon{
        width:32px;
        height:30px;
        padding:0px;
        float:right;
        margin: 10px 0px;
        
      }
      
      a.btn-with-icon span.btn-icon{
        padding:2px 10px 0px 0px;
        float:right;
        line-height:30px;
      }
      
      .document-row-left,
      .document-row-right{
        padding: 10px 0px 0px 0px;
      }

      span.members-only.hide-mobile {
        display: none;
      }

      span.members-only {
        font-family:'Avenir LT W01 85 Heavy', Arial, sans-serif;
        font-size:13px;
        color:#747a88;
        height:30px;
        display:block;
        width:120px;
        text-transform:uppercase;
        margin: 5px 0px 0px 0px;
        text-align:left;
        padding:0px;
      }
      
      
      #banner .banner-text.content-page {
        width:auto;
        left:10px;
        right:10px;
      }
      
      #banner .banner-text.content-page h1 {
      font-size:20px;
      padding:20px;
      
    }
      
      
      div.btn-action{
        display:block;
        float:left;
        width: 100%;
        height:auto;
        position:relative;
        margin-bottom: 40px;
      }

      div.btn-action.widget-count-2 { width: 100%;}


      div.btn-action a {
       
        height:160px;
       
      }

      div.btn-action.widget-2.home-link, div.btn-action.widget-3.home-link {
        margin-left:0px;
      }

      div.btn-action.float-right, div.btn-action.widget-2.content-page, div.btn-action.widget-4.content-page {
        float:left;
      }
      
      span.action-btn{
        background: rgba(78, 91, 123, 0.85);
        color:#fff;
        padding:7px 20px;
        bottom:-10px;
        right:10px;
        left:10px;
        text-align:center;
      }

      section#strapline {
        display: none;
      }
      
      section#content {
        padding:0px 20px;
      }
      
      
      .content-left{
        width:100%;
      }
      
      #document-list .document-row-left {
        float:left;
        width:80%;
        border-right:none;
        min-height:130px;
        height:auto;
        border-bottom:none;
      }
      #document-list .document-row-right {
        float:right;
        width:20%;
        min-height:130px;
        height:auto;
        border-bottom:none;
      }
      
      #document-list .document-row-left a.document-title {
        white-space: normal;
        width:100%;
      }
      
      #document-list .document-row{
        border-bottom:1px solid #dce0e3;
      }
      
      
      #documents-pager a,
      #documents-pager a:hover{
        color:#fff; 
      }
      
      #documents-pager a span{
        color:#479A83; 
      }
      
      
      
      .content-right {
        margin-top:20px;
        width:100%;
      }
      
      .related-links {
        width:100%;
      }
      
      
        .my-fosfa-lead span.large-orange {
          font-size:20px;
        }

        .my-fosfa-lead h1 {
          font-size:18px;
          line-height:30px;
        }

        .my-fosfa-left {
          width:100%;
        }

        .committee-left-text {
          width:100%;
        }

        .committee-left-text.add-top{
          padding-top:20px;
        }
        
        .committee-right-text.add-top {
          padding-top:0px;
        }

        .committee-right-text {
          width:100%;
        }

        .my-fosfa-right{
          float:left;
          width:100%;
        }

        a.btn-committee {
          margin-left:0px;
          margin-right:0px;
          width:120px;
          float:left;
          padding-left:10px;
        }
        
        a.btn-committee span {
          display:inline !important;
        }


        .my-fosfa-detail-block a.details-update,
        .my-fosfa-representative-block a.representative-update{
          padding-top:7px;
        }

        .my-fosfa-detail-block a.details-update:hover {
          color:#4e5b7b;
        }
        
        .my-fosfa-detail-block .my-fosfa-left{
          width:100%;
        }

        .my-fosfa-detail-row {
          width:100%;
        }
        .my-fosfa-detail-row.my-fosfa-address {
          height:auto;
        }

        .my-fosfa-representative-block .my-fosfa-left {
          width:100%;
        }


        .my-fosfa-representative-block .fosfa-representative-row {
          height:auto;
          padding-top:10px;
        }

        .my-fosfa-representative-block .my-fosfa-left span{
          float:left;
          display:block;
          width:100%;
        }
        .my-fosfa-representative-block .my-fosfa-left span.orange{
          width:100%;
          text-align:left; 
          margin-bottom:10px;
        }
      
      
      .footer-col.col1,
      .footer-col.col2 {
        display: none;
      }
      
      
      p.footer-contact {
        font-size: 12px;
        width:120px;
      }
      
       ul.footer-links li a {
        width:120px;
      }

      p.footer-contact span.big {
        font-size: 14px;
      }
      
      
      
      footer .footer-col.col3 {
        padding-left:20px;
        width:110px;
        padding-top:20px;
        padding-bottom:20px;
      }
      
      footer .footer-col.col4 {
        float:right;
        padding-right:20px;
        width:120px;
        padding-top:20px;
        padding-bottom:20px;
      }
      
      footer .hide-desktop {
        width:100%;
        float:left;
        text-align:center;
        padding-bottom:20px;
      }
      
      
      #event-calendar{
        position:relative;
      }
      
      #event calendar .ui-datepicker.ui-datepicker-multi {
          position:fixed;

      }
      
      
      #event-calendar > div > div.ui-datepicker-group.ui-datepicker-group-middle {
        display:none;
      }
      
      
      #event-calendar > div > div.ui-datepicker-group.ui-datepicker-group-last {
         border:none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
       box-shadow: none;
       width:auto;
      }
      
      #event-calendar > div > div.ui-datepicker-group.ui-datepicker-group-last .ui-datepicker-title,
      #event-calendar > div > div.ui-datepicker-group.ui-datepicker-group-last table {
        display: none;
      }
      
      #event-calendar > div > div.ui-datepicker-group.ui-datepicker-group-last > div {
        background:none;
        height:auto;
        position:static;
      }
      
      
      #event-calendar .ui-datepicker-multi-3 .ui-datepicker-group {
         width:225px;
      }

      #event-calendar .ui-datepicker .ui-datepicker-header {
         width:223px;
      }
      
      #event-calendar > div > div.ui-datepicker-group.ui-datepicker-group-first {
        margin-bottom:0px;
        margin-right:0px;
      }
      
       #event-calendar .ui-datepicker .ui-datepicker-prev,
         #event-calendar .ui-datepicker .ui-datepicker-next {
            position: absolute;
            bottom: -30px;
        }

         #event-calendar .ui-datepicker .ui-datepicker-prev {
            left: 0px;
            cursor:pointer;
            bottom:-260px;
        }
         #event-calendar .ui-datepicker .ui-datepicker-next {
            right: 0px;
            cursor:pointer;
        }
        
         #event-calendar .ui-datepicker .ui-datepicker-prev .calendar-month-nav,
         #event-calendar .ui-datepicker .ui-datepicker-next .next-month{
           display:none;
         }
      
       #event-calendar .ui-datepicker {
        padding: 0px !important;
      }
      
      #event-list h2 {
        font-size:22px;
        line-height:1.2em;
      }
      
      #event-list .event-row h3{
        font-size:18px;
        line-height:1.2em;
      }
      
      #event-list .event-row h3 a {
        font-family:'Avenir LT W01 55 Roman', Arial, sans-serif;
        font-size:18px;
      }


      .wpcf7-form input[type="email"], .wpcf7-form input[type="text"], .wpcf7-form input[type="tel"], .wpcf7-form input[type="date"], textarea {
        width: 100%;

      }

      .wpcf7-form p, .wpcf7-form div > p {
        display: block;
        width: 100%;
      }
      
      #c_form .my-fosfa-detail-row {
        width:100%;
      }
      
      #c_form input.rmRep,
      #c_form input.addRep {
        width:100%;
      }


  }

/* IE 10-11 Fixes */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .member-form form {
    padding:0px 20px;
    margin:20px 0px !important;
  }

  select::-ms-expand {
    display: none;
  }

}


/*======================================================================
  Selectric
======================================================================*/
.selectricWrapper {
  position: relative;
  margin: 0 0 10px;
  width: 100%;
  cursor: pointer;
}

.selectricResponsive {
  width: 100%;
}

.selectric {
  border: 1px solid #B9E1D9;
  background: #E5F4F1;
  position: relative;
  border-radius: 0px;
}
.selectric .label {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  margin: 0 32px 0 0;
  padding: 6px 6px;
  font-size: 12px;
  line-height: 20px;
  color: #394156;
  min-height: 20px;
}
.selectric .button {
  background: #E5F4F1;
  border-radius: 0px;
  display: block;
  position: absolute;
  right: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 12px;
  height: 12px;
  color: #4FB1A2;
  text-align: center;
  font: 0/0 a;
  /* IE Fix */
  *font: 12px/12px Lucida Sans Unicode, Arial Unicode MS, Arial;
}
.selectric .button:after {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-top-color: #4FB1A2;
  border-bottom: none;
}

.selectricHover .selectric {
  border-color: #a0c8c0;
}
.selectricHover .selectric .button {
  color: #a0c8c0;
}
.selectricHover .selectric .button:after {
  border-top-color: #a0c8c0;
}

.selectricOpen {
  z-index: 9999;
}
.selectricOpen .selectric {
  border-color: #a0c8c0;
  /*background: #ccdbd8;*/
}
.selectricOpen .selectricItems {
  display: block;
}

.selectricDisabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: default;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.selectricHideSelect {
  position: relative;
  overflow: hidden;
  width: 0;
  height: 0;
}
.selectricHideSelect select {
  position: absolute;
  left: -100%;
  display: none;
}

.selectricInput {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  outline: none !important;
  border: none !important;
  *font: 0/0 a !important;
  background: none !important;
}

.selectricTempShow {
  position: absolute !important;
  visibility: hidden !important;
  display: block !important;
}

/* Items box */
.selectricItems {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #F9F9F9;
  border: 1px solid #CCC;
  z-index: -1;
  box-shadow: 0 0 10px -6px;
}
.selectricItems .selectricScroll {
  height: 100%;
  overflow: auto;
}
.selectricAbove .selectricItems {
  top: auto;
  bottom: 100%;
}
.selectricItems ul, .selectricItems li {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 12px;
  line-height: 20px;
  min-height: 20px;
}
.selectricItems li {
  display: block;
  padding: 5px;
  border-top: 1px solid #FFF;
  border-bottom: 1px solid #EEE;
  color: #666;
  cursor: pointer;
}
.selectricItems li.selected {
  background: #EFEFEF;
  color: #444;
  border-top-color: #E0E0E0;
}
.selectricItems li:hover {
  background: #F0F0F0;
  color: #444;
}
.selectricItems li.disabled {
  background: #F5F5F5;
  color: #BBB;
  border-top-color: #FAFAFA;
  cursor: default;
}

div.gallery {
  width: 100%;
}

.gallery-item{
  float:left;
}

div.printfriendly {
  float:none !important;
}