html, body {
    height: 100%;
    font-size: 13px;
    }

    body {
    background-color: #f8f7f4;
    padding-top:0;
    font-size:16px;
    }

    .row {
      max-width: 76.92308rem;
    }
    .strong {
      font-weight: bold;
    }
    .container {
    padding: 1px;
    }
    .navbar {
      background-color: #ffffff;
      border-bottom: 1px solid #EBE6DB;
      margin-bottom: 0;
    }

    .sourcetext {
      font-size: 12px;
    }


    .navbar img {
    height: 40px;
    margin: 20px 0;
    }
    .navbar-header {
      float: none;
      padding: 0;
      margin: 0;
    }
    .info-text {
        padding-left: 0;
        padding-right: 30px;
    }
   
  






   
    
    h1{
        font-family: 'aleoregular';
        font-size: 50px;
        font-weight: normal;
        color: #474747;
        line-height: 55px;
        margin-top: 33.5px;
        margin-bottom: 10px;
    }
    h2 {
      line-height: 1.4;
      font-size: 24px;
      font-weight: normal !important;
      margin-top: 2.6px;
      margin-bottom: 6.5px;
      border: none !important;
    }
    p {
      font-family: inherit;
      font-weight: normal;
      font-size: 1.2rem;
      line-height: 1.4;
      margin-bottom: 1.53846rem;
      text-rendering: optimizeLegibility;
    }
  
   



   



/******************************************************************
social media icon styles
******************************************************************/
.last-module .social {
  display: inline;
  float: left;
  font-size: 2.46154rem;
  margin-right: 0.38462rem;
}

.social-nav {
  height: 30px;
  float: left;
  text-align: center;


}

.social-nav ul {
  display: inline-block;
  overflow: hidden;
  list-style: none;
  margin: 0;
}
.social-nav li {
  font-size: 2.46154rem;
  margin-right: 25px;
  float: left;
}

.social-nav li a {
  color: #ed3136;
}
.social-nav li a:hover {
  color: #333333;
}

.icon-linkedin:before  {  content: "\e61b";}
.icon-google-plus:before  {  content: "\e61c";}
.icon-facebook:before  {  content: "\e61d";}
.icon-twitter:before  {  content: "\e61e";}



/*********************
FOOTER STYLES
*********************/
.last-module .full-teaser {
  background-color: #ed3136;
  min-height: 20px;
}


.last-module {
  background-color: #333333;
  color: #adadad;
  margin-top: 20px;
  padding-bottom: 30px;
}

.last-module .row {
  padding-top: 0.76923rem;
  padding-bottom: 0.76923rem;
}

.last-module a {
  font-size: 0.92308rem;
  color: #adadad;
}
.last-module .sub-last-module {
  margin-top: 0px;
}

.last-module .sub-last-module {

  border-bottom: 1px solid #858585;
  font-size: 0.84615rem !important;
  padding: 1.53846rem 0.38462rem;
}

.last-module .headline {
color: white;
border-bottom: solid 1px #858585;
width: 80%;
margin-bottom: 0.76923rem;
font-size: 0.92308rem;
padding-top: 0.76923rem;
}

.last-module .sub-last-module ul, .last-module .sub-last-module a {
  font-size: 0.84615rem;
}
.last-module ul {
  list-style: none;
  margin-left: 0 !important;
  }
.last-module .large-block-grid-2 > li {
  padding-left: 0.38462rem;
  padding-right: 0rem;
  padding-bottom: 0;
}
.last-module .list-with-separator {
  margin-bottom: 0;
}
.last-module a.last-module-link:hover, .last-module a.last-module-link:focus {
  color: white;
  text-decoration: underline;
}

.last-module .list-with-separator li {
  border-left: solid 1px #858585;
  padding-left: 7px;
  padding-right: 7px;
}
.last-module .list-with-separator li:first-child {
  border-left: none;
  padding-left: 0;
}

.last-module .cancel-left-margin {
  margin-left: 0 !important;
}
.last-module .international {
  padding-top: 1.53846rem;
  font-size: 0.84615rem;
}
.last-module .international a {
  font-size: 0.84615rem;
}
.last-module .flags .inline-list {
  float: right;
}
.last-module .flag {
  background-image: url('../img/countries.png');
  background-repeat: no-repeat;
  width: 22px;
  height: 40px;
  }

.last-module .flags {
  float: right !important;
}
.last-module .flag span {
  line-height: 55px;
}
.last-module .flag.germany {
  background-position: 0 0;
}
.last-module .flag.france {
  background-position: -49px 0;
}
.last-module .flag.brazil {
  background-position: -100px 0;
}
.last-module .flag.spain {
  background-position: -149px 0;
}
.last-module .flag.rusia {
  background-position: -200px 0;
}
.last-module .flag.unitedStates {
  background-position: -249px 0;
}
.footer {
  clear: both;
 }
.extra-top {
  position: relative;
  top: 7px;
}

.icon-arrow-up:before {
content:"\e606";
}

.icon-arrow-down:before {
content:"\e607";
}

.icon-arrow-right:before {
content:"\e608";
}

.icon-arrow-left:before {
content:"\e609";
}


.accordion dd>a, .accordion dd>a:hover {
  background: none;
  padding: 0;
}
  .last-module .accordion .content.active {
    background: none;
    }
.clearing-assembled.clearing-blackout a:hover {
  background: none; }


/*
MEDIUM
*/

@media only screen and (min-width: 40.063em) {
  /******************************************************************
  Styles apply to 40.063em and up.
  ******************************************************************/


      
      .last-module .flags .inline-list {
      float:none!important;
      display:table;
      margin:20px auto 0!important;
      }

      .last-module .text-to-right {
       text-align: right !important;
      }

      .last-module .accordion .content {
        display: block; 
        padding: 0; 
        padding-left: 0.38462rem;
      }

      .last-module .sub-menu {
          display: block !important;
          margin-left: 0;
          padding: 0; 
          padding-left: 0.38462rem;
        }


  
}

/* SMALL */
@media only screen and (max-width: 40em) {




  .last-module .flags .inline-list {
  float:none!important;
  display:table;
  margin:20px auto 0!important;
  }
  
  .last-module .text-to-right {
  text-align:right!important;
  }

  .last-module .accordion-level-1 {
  background-color:#333;
  border-bottom:solid 1px #858585;
  padding-bottom:0;
  padding-left:0;
  padding-right:0;
  }

  .last-module .accordion-level-1 .link-level-1 {
    position: relative;
    background: none;
    height: 40px;
    color: #f8f7f4;
    font-size: 1.38462rem;
    border-bottom: solid 1px #858585;
    z-index: 2;
    }


    .last-module .accordion-level-1 ul, .last-module .accordion-level-1 li, .last-module .accordion-level-1 ul li, .last-module .accordion .content.active {
    margin: 0;
    padding: 0;
    float: none !important;
    }

    .last-module .accordion-level-1 ul {
    position: relative;
    z-index: 2;
    }

    .last-module .sub-last-module ul, .last-module .sub-last-module a {
      font-size:1.38462rem;

    }

    .last-module .sub-menu {

      width: 100%;
    }

    
    .last-module .sub-menu ul,.last-module .sub-menu li {
    text-align:center;
    width:100%;
    margin:0;
    padding:0;
    }
    
    .last-module .accordion-level-2 {
      border-bottom:solid 1px #858585;
      line-height: 42px;
    }



    .last-module .sub-menu li a {
    line-height: 42px;
    font-size: 1.38462rem;
    }

    .last-module .icon-arrow-down,.last-module .icon-arrow-up {
    color:#FFF;
    position:absolute;
    right:0;
    margin:.76923rem 3.84615rem 0 0;
    }
    .arrow {
    margin-right: 1.53846rem !important;
    }
    .last-module .accordion-level-2 {
    background-color:#474747;
    text-align:center;
    font-size:1.38462rem;
    }
    
    .last-module .accordion-level-2 .link-level-2 {
    position:relative;
    color:#adadad;
    font-size:1.38462rem;
    z-index:2;
    }

    .last-module .accordion-level-2 ul li {
    background-color:#5c5c5c;
    }

    
    .social-nav {
      width: 100%;
      }
        .social{
          height:42px;
          width:42px;
          text-align:center;
      }

            .social-media{
      /* width:188px; */
      margin-left:auto;
      margin-right:auto;
      }
          
.icon-linkedin:before { font-size:30px; }
.icon-google-plus:before  { font-size:30px;}
.icon-facebook:before  {  font-size:30px;}
.icon-twitter:before  { font-size:30px;}
      


}

/*
LARGE
*/
@media only screen and (min-width: 64.063em) {
  /******************************************************************
  
  Stylesheet: Large Stylesheet
  Styles apply to 64.063em and up.
  
  ******************************************************************/
    .last-module .flags .inline-list {
    float:right!important;
    display:block;
    margin:0 !important;
    }

 


 
  /*********************
  FOOTER STYLES
  *********************/
  /*
  you'll probably need to do quite a bit
  of overriding here if you styled them for
  mobile. Make sure to double check these!
  */
  .footer-links ul li {
    /*
    be careful with the depth of your menus.
    it's very rare to have multi-depth menus in
    the footer.
    */ }

  /* end .footer-links */
  /*********************
  FOUNDATION STYLES
  *********************/
  /*********************
  PLUGIN STYLES
  *********************/ }
/*
XLARGE
*/
@media only screen and (min-width: 90.063em) {
  /******************************************************************
  
  Stylesheet: X-Large Stylesheet
  
  Styles apply to 90.063em and up.
  
  
  ******************************************************************/ }
/*
XXLARGE
*/
@media only screen and (min-width: 120.063em) {
  /******************************************************************
  
  Stylesheet: XX-Large Stylesheet
  
  Styles apply to 120.063em and up.
  
  ******************************************************************/ }
/*
RETINA (2x RESOLUTION DEVICES)
This applies to the retina iPhone (4s) and iPad (2,3) along with
other displays with a 2x resolution. You can also create a media
query for retina AND a certain size if you want. Go Nuts.
*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  /******************************************************************
  Site Name: 
  Author: 
  
  Stylesheet: Retina Screens & Devices Stylesheet
  
  When handling retina screens you need to make adjustments, especially
  if you're not using font icons. Here you can add them in one neat
  place.
  
  ******************************************************************/
  /* 
  
  EXAMPLE 
  Let's say you have an image and you need to make sure it looks ok
  on retina screens. Let's say we have an icon which dimension are
  24px x 24px. In your regular stylesheets, it would look something
  like this:
  
  .icon {
    width: 24px;
    height: 24px;
    background: url(img/test.png) no-repeat;
  }
  
  For retina screens, we have to make some adjustments, so that image
  doesn't look blurry. So, taking into account the image above and the
  dimensions, this is what we would put in our retina stylesheet:
  
  .icon {
    background: url(img/test@2x.png) no-repeat;
    background-size: 24px 24px;
  }
  
  So, you would create the same icon, but at double the resolution, meaning 
  it would be 48px x 48px. You'd name it the same, but with a @2x at the end
  (this is pretty standard practice). Set the background image so it matches
  the original dimensions and you are good to go. 
  
  */ }
/*
iPHONE 5 MEDIA QUERY
Want to get fancy for no good reason? Knock yourself out.
*/
/*
PRINT STYLESHEET
Feel free to customize this. Remember to add things that won't make
sense to print at the bottom. Things like nav, ads, and forms should
be set to display none.
*/
@media print {
  /******************************************************************
  
  Stylesheet: Print Stylesheet
  
  This is the print stylesheet. There's probably not a lot
  of reasons to edit this stylesheet. If you want to
  though, go for it.
  
  ******************************************************************/
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important; }

  a, a:visited {
    color: #444444 !important;
    text-decoration: underline; }
    a:after, a:visited:after {
      content: " (" attr(href) ")"; }
    a abbr[title]:after, a:visited abbr[title]:after {
      content: " (" attr(title) ")"; }

  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }

  pre, blockquote {
    border: 1px solid #999999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group; }

  tr, img {
    page-break-inside: avoid; }

  img {
    max-width: 100% !important; }

  @page {
    margin: 0.5cm; }

  p, h2, h3 {
    orphans: 3;
    widows: 3; }

  h2,
  h3 {
    page-break-after: avoid; }

  .sidebar,
  .page-navigation,
  .wp-prev-next,
  .respond-form,
  nav {
    display: none; } }





[class^="icon-"], [class*=" icon-"]  {
  font-family: 'bonial';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  text-decoration: none !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:hover, [class*=" icon-"]:hover  {
  text-decoration: none !important;
}

@font-face  {
  font-family: 'bonial';
  src: url('../fonts/bonial.woff') format("woff"), url('../fonts/bonial.ttf') format("truetype");
}

@font-face  {
  font-family: 'aleobold';
  src: url('../fonts/aleo-regular.woff') format("woff"), url('../fonts/aleo-regular.ttf') format("truetype");
}

.font-tiny  {
  font-size: 0.69231rem !important;
  line-height: 0.69231rem;
}

.font-small  {
  font-size: 0.84615rem !important;
  line-height: 0.84615rem;
}

.font-medium  {
  font-size: 1rem !important;
  line-height: 1rem;
}

.font-medium-footer  {
  font-size: 0.92308rem !important;
  line-height: 0.92308rem;
}

.font-large  {
  font-size: 1.69231rem !important;
  line-height: 1.69231rem;
}

.icon-tiny  {
  font-size: 0.76923rem !important;
  line-height: 0.76923rem;
}

.icon-small  {
  font-size: 1.23077rem !important;
  line-height: 1.23077rem;
}

.icon-medium  {
  font-size: 1.69231rem !important;
  line-height: 1.69231rem;
}

.icon-big, .icon-large  {
  font-size: 2.46154rem !important;
  line-height: 2.46154rem;
}


@media only screen and (max-width: 40em) {
  .last-module .social {
  float: none !important;
  font-size: 2.15385rem !important;
  text-align: center;
  }
  .last-module .sub-menu li {
    border-bottom: solid 1px #858585;
    padding-right: 0;
    margin-right: 0;
  }
  .last-module .sub-last-module {
  border-top: 0 !important;
  padding-top: 0.76923rem;
  }
}

@media (max-width:640px){
    .rrssb-text{
        font-size:12px !important;
    }
}