/*! HTML5 Boilerplate v7.3.0 | MIT License | https://html5boilerplate.com/ */

/* main.css 2.0.0 | MIT License | https://github.com/h5bp/main.css#readme */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
   html,body{margin: 0px; padding: 0px; position: relative;}
   html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
  }
  
  /*
   * Remove text-shadow in selection highlight:
   * https://twitter.com/miketaylr/status/12228805301
   *
   * Vendor-prefixed and regular ::selection selectors cannot be combined:
   * https://stackoverflow.com/a/16982510/7133471
   *
   * Customize the background color to match your design.
   */
  
  ::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
  }
  
  ::selection {
    background: #b3d4fc;
    text-shadow: none;
  }
  
  /*
   * A better looking default horizontal rule
   */
  
  hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
  }
  
  /*
   * Remove the gap between audio, canvas, iframes,
   * images, videos and the bottom of their containers:
   * https://github.com/h5bp/html5-boilerplate/issues/440
   */
  
  audio,
  canvas,
  iframe,
  img,
  svg,
  video {
    vertical-align: middle;
  }
  
  
  /*
   * Allow only vertical resizing of textareas.
   */
  
  textarea {
    resize: vertical;
  }
  
  /* ==========================================================================
     Browser Upgrade Prompt
     ========================================================================== */
  
  .browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
  }
  
  /* ==========================================================================
     Author's custom styles
     ========================================================================== */
  *{box-sizing: border-box}
  html{height: 100%}
  body{height: 100%; overflow-x: hidden; position: relative}
  a{text-decoration: none}
  
  @font-face {font-family: 'icomoon'; src:  url('../fonts/icomoon.eot?5yosg8'); src:  url('../fonts/icomoon.eot?5yosg8#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?5yosg8') format('truetype'), url('../fonts/icomoon.woff?5yosg8') format('woff'), url('../fonts/icomoon.svg?5yosg8#icomoon') format('svg'); font-weight: normal; font-style: normal; font-display: block}
  
  [class^="icon-"], [class*=" icon-"] {font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale}
  .icon-iso:before{content: "\e928"}
  .icon-leaf-line:before{content: "\e925"}
  .icon-award:before{ content: "\e924"}
  .icon-age-plus:before{content: "\e900"}
  .icon-trophies:before {content: "\e900"}
  .icon-cloud-download:before {content: "\e901"}
  .icon-flag:before {content: "\e902"}
  .icon-home:before {content: "\e903"}
  .icon-laptop-phone:before {content: "\e904"}
  .icon-leaf:before {content: "\e905"}
  .icon-map-marker:before {content: "\e906"}
  .icon-document-file-iso:before {content: "\e907"}
  .icon-home1:before {content: "\e908"}
  .icon-profile:before {content: "\e923"}
  .icon-file-text2:before {content: "\e926"}
  .icon-mobile:before {content: "\e958"}
  .icon-bubbles4:before {content: "\e970"}
  .icon-user-tie:before {content: "\e976"}
  .icon-trophy:before {content: "\e99e"}
  .icon-cloud-download1:before {content: "\e9c2"}
  .icon-lnr-menu-circle:before {content: "\e909"}
  .icon-lnr-cross-circle:before {content: "\e90a"}
  .icon-subdirectory_arrow_right:before {content: "\e90b"}
  .icon-quote-right:before {content: "\e90c"}
  .icon-quote-left:before {content: "\e90d"}
  .icon-limpeza-conservacao:before {content: "\e90e"}
  .icon-seguranca-patrimonial:before {content: "\e90f"}
  .icon-seguranca-pessoal:before {content: "\e910"}
  .icon-servico-portaria:before {content: "\e911"}
  .icon-tercerizacao-servico:before {content: "\e912"}
  .icon-circle-right:before {content: "\ea42"}
  .icon-circle-left:before {content: "\ea44"}
  .icon-circle-down:before {content: "\e915"}
  .icon-circle-up:before {content: "\e916"}
  .icon-list:before {content: "\e9ba"}
  .icon-number-0:before {content: "\e919"}
  .icon-number-9:before {content: "\e91a"}
  .icon-number-8:before {content: "\e91b"}
  .icon-number-7:before {content: "\e91c"}
  .icon-number-6:before {content: "\e91d"}
  .icon-number-5:before {content: "\e91e"}
  .icon-number-4:before {content: "\e91f"}
  .icon-number-3:before {content: "\e920"}
  .icon-number-2:before {content: "\e921"}
  .icon-number-1:before {content: "\e922"}
  .icon-question-circle:before {content: "\f29c"}
  .icon-info:before {content: "\ea0c"}
  .icon-feminino:before {content: "\f221"}
  .icon-masculino:before {content: "\f222"}
  .icon-none:before {content: "\f22d"}
  .icon-check:before {content: "\f00c"}
  .icon-universal-access:before {content: "\f29a"}
  .icon-wheelchair:before {content: "\f193"}
  .icon-blind:before {content: "\f29d"}
  .icon-ear:before {content: "\f2a4"}
  .icon-low-vision:before {content: "\f2a8"}
  .icon-brain:before {content: "\e92d"}
  .icon-none:before {content: "\e935"}
  .icon-star-full:before {content: "\e930"}
  .icon-star-half:before {content: "\e9d8"}
  .icon-star-empty:before {content: "\e92f"}
  .icon-plus-square:before{content: "\e92a"}
  .icon-sun-o:before {content: "\f185"}
  .icon-moon-o:before {content: "\f186"}
  .icon-positive:before {content: "\e9e7"}
  .icon-negative:before {content: "\e9f7"}
  .icon-user-tie:before {content: "\e977"}
  .icon-crs:before {content: "\e936"}
  .icon-close:before {content: "\e934"}
  .icon-instagram:before {content: "\e93b";}
  .icon-facebook:before {content: "\e937";}
  .icon-linkedin:before {content: "\e93a";}
  .icon-good:before {content: "\e9eb"}
  .icon-eye-blocked:before {content: "\e93c";}
  .icon-whatsapp:before {content: "\e93e";}
  .icon-ssp:before {content: "\e942";}
  .icon-world:before {content: "\e943";}
  .icon-maps:before {content: "\e944";}
  .icon-waze:before {content: "\e949";}
  .icon-chevron-up:before {content: "\f077"}
  .icon-chevron-down:before {content: "\f078"}
  .icon-uber:before {content: "\e945";}
  
  header{background-color: #fcfcfc; border-bottom: solid 1px #d9d9d9; height: 170px; position: relative; width: 100%; z-index: 998}
  header.mobile{box-shadow: 0 0 5px 0 rgba(0,0,0,.3); position: fixed; }
  
  header figcaption{float: left; height: 169px; padding: 0 20px; line-height: 169px; width: 280px}
  header figcaption img{max-width: 100%}
  
  header nav{border-left: solid 1px #d9d9d9; display: flex; flex-direction: column; float: left; height: 169px; width: calc(100% - 280px)}
  header nav div{display: flex; width: 100%}
  header nav div ul{border-bottom: solid 1px #d9d9d9; font-family:"open-sans-condensed"; font-size: 1.1rem; font-weight: 700; height: 70px; line-height: 70px; margin: 0; padding: 0 0 0 20px; text-transform: uppercase; width: 45%}
  header nav div ul li{display: inline-block; list-style: none; padding: 0 20px 0 0; position: relative}
  header nav div ul li p{cursor: pointer; height: 70px; margin: 0}
  header nav div ul li a{color: #232323; display: block; height: 70px}
  header nav div ul li:last-of-type{padding: 0}
  header nav div ul li:hover a{border-bottom: solid 2px #ed1c24}
  
  header nav div ul li > ol{display: none; font-family:"open-sans"; font-size: .9rem; font-weight: 300; padding: 0; line-height: 1rem; position: absolute; text-transform: none; top: 70px; z-index: 998}
  header nav div ul li > ol li{background-color: #f8f8f8; border-bottom: solid 1px #d9d9d9; height: 70px;  margin: 0; padding: 0; width: 300px}
  header nav div ul li > ol li a{color: #423a3c; display: flex; flex-direction: column; justify-content: center; padding: 0 0 0 20px}
  header nav div ul li > ol li a strong{color: #a5a5a5; display: block; font-size: .7rem}
  header nav div ul li:hover > ol li a{border-bottom: none}
  header nav div ul li:hover > ol{display: block}
  header nav div ul li > ol li:first-of-type{background: #f8f8f8 url("../img/bg/sprite.png") 0 0 no-repeat}
  header nav div ul li > ol li:last-of-type{border-bottom: solid 4px #ed1c24}
  header nav div ul li > ol li:hover{background-color: #eee;}
  
  header nav div ul + ul{display: flex; justify-content: flex-end; font-size: 1rem; font-weight: 300; padding: 0; width: 55%}
  header nav div ul + ul li:first-of-type{background-color: #365575;}
  header nav div ul + ul li:first-of-type a{color: #fff;}
  header nav div ul + ul li{border-left: solid 1px #d9d9d9; padding: 0 17px}
  header nav div ul + ul li a{color: #365575; float: left;}
  header nav div ul + ul li a i{margin: 0 3px 0 0}
  header nav div ul + ul li a i.icon-instagram{margin: 0 5px 0 0;}
  header nav div ul + ul li a i.icon-facebook{margin: 0 5px 0 0;}
  header nav div ul + ul li a i.icon-linkedin{margin: 0;}
  header nav div ul + ul li:last-of-type{padding: 0 17px}
  header nav div ul + ul li:hover a{border-bottom: none}
  
  header nav div + div{position: relative; z-index:997}
  header nav div + div ul{border: none; display: flex; justify-content: flex-end; height: 99px; padding: 0; width: 100%}
  header nav div + div ul li{border-right: solid 1px #d9d9d9; line-height: normal; margin: 0; padding: 0; position: relative; transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; width: 20%;}
  header nav div + div ul li:last-of-type{border-right: none; padding: 0}
  header nav div + div ul li a{align-items: center; display: flex; flex-flow: row; color: #0f2740; font-family:"open-sans"; font-size: .7rem; height: 99px; justify-content: center; padding: 0 20px; text-transform: none; width: 100%;}
  header nav div + div ul li a p{height: auto; margin: 0; width: fit-content;}
  header nav div + div ul li a p strong{font-size: 1rem}
  header nav div + div ul li a i{font-size: 3rem; margin: 0 5px 0 0}
  header nav div + div ul li:hover a{background-color: transparent; border-bottom: none; color: #fff; text-shadow: none;}
  header nav div + div ul li a:hover:before{bottom: 0%; height: 100%; top: auto;}
  header nav div + div ul li a:before {background: #ed1c24; content: ''; color: #fff !important; display: block; font-weight: 300; height: 0px; left: 0px; position: absolute; top: 0px; transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; width: 100%; z-index: -1;}
  
  header nav div + div ul + ul{align-items: center; display: none; width: 80px; justify-content: center;}
  header nav div + div ul + ul li:first-of-type a{font-size: 1rem;}
  header nav div + div ul + ul li:last-of-type{color: #365575; cursor: pointer; display: none; font-size: 2.5rem; padding: 0;}
  header nav div + div ul + ul li.inner-aside-menu i:before{content: "\e909"}
  header nav div + div ul + ul li.inner-aside-close i:before{content: "\e90a"}
  
  
  aside{background-color: #fcfcfc; border-left: solid 1px #d9d9d9; box-shadow: -5px 5px 5px 0 rgba(0,0,0,0.05); display: flex; flex-direction: column; height: 100%; justify-content: flex-start; overflow-x: hidden; position: fixed; right: calc(-55% - 5px); width: 55%; transition:all 0.3s ease; z-index: 999}
  aside.left{transition:all 0.3s ease; z-index:999}
  
  aside nav{border-left: none; display: flex; flex-direction: column; height: 100%; justify-content: flex-start}
  aside nav ul{font-family:"open-sans-condensed"; font-size: 1.1rem; font-weight: 700; margin: 0; padding: 0; position: relative; width: 100%}
  aside nav ul li{border-bottom: solid 1px #d9d9d9; list-style: none; line-height: 70px; min-height: 70px; padding: 0; position: relative}
  aside nav ul li p{cursor: pointer; margin: 0; padding: 0 0 0 20px}
  aside nav ul li a{color: #232323; display: block; height: 70px; padding: 0 0 0 20px}
  aside nav ul li:hover a,
  aside nav ul li:hover p{border-left: solid 2px #ed1c24; padding: 0 0 0 18px}
  
  aside nav ul li > ol{display: none; font-family:"open-sans"; font-size: .9rem; font-weight: 300; padding: 0; line-height: 1rem; position: relative; text-transform: none}
  aside nav ul li > ol li{background-color: #fcfcfc; border-bottom: solid 1px #d9d9d9; height: 70px; line-height: normal; margin: 0; padding: 0; width: 100%}
  aside nav ul li > ol li a{color: #423a3c; display: flex; flex-direction: row; align-items: center}
  aside nav ul li > ol li a strong{color: #a5a5a5; display: block; font-size: .7rem}
  aside nav ul li > ol li a i{margin: 0 5px 0 0}
  aside nav ul li > ol li:first-of-type{border-top: solid 1px #d9d9d9}
  aside nav ul li > ol li:last-of-type{border-bottom: none}
  aside nav ul li:hover > ol li a{border-bottom: none}
  aside nav ul li > ol li:hover{background-color: #eee}

  aside + section{background-color: #fff; border-top: #ed1c24 solid 1px; bottom: 0; display: none; flex-direction: column; height: auto; opacity: 0.9; position: fixed; width: 100%; z-index: 998;}
  aside + section.opened{opacity: 1;}
  aside + section div{display: flex; font-family: open-sans-condensed, sans-serif; font-weight: 700; flex-direction: row; justify-content: space-between; margin: 5px 20px;}
  aside + section div p{font-size: 1.3rem;}
  aside + section div address{color: #ccc; font-size: 1.2rem; font-style: normal; width: 100%;}
  aside + section div a{align-items: center; background-color: #33ccff; color: #fff; display: flex; font-size: 1.3rem; height: 60px; margin: 10px 0; padding: 0 20px; width: 100%;}
  aside + section div a i{font-size: 2rem; margin-right: 10px;}
  aside + section div + div{display: none; flex-direction: column;}
  aside + section div + div a + a{background-color: #0057e7;}
  aside + section div + div a + a + a{background-color: #000;}

  main{position: relative; z-index: 995}
  main article{padding: 25px 0; position: relative; width: 100%}
  main article hgroup{padding: 0 15%; position: relative; width: 100%}
  main article hgroup h2{background-color: #fff; color: #a19b99; font-family: bebas-neue, sans-serif; font-style: normal; font-size: 3rem; font-weight: 400; line-height: 2.5rem; margin: 0; position: relative; text-transform: uppercase; width: 100%; z-index: 995}
  main article hgroup h3{color: #ed1c24; font-family: open-sans-condensed, sans-serif; font-weight: 700; margin: 0}
  main article hgroup h3 hr{border-color: #a19b99; left: 0; margin: 0; position: absolute; top: 1.4rem; width: 14%}
  main article hgroup h3 a{color: #ed1c24;}
  main article div{padding: 0 15%}
  main article div p{color: #232323; font-family: open-sans, sans-serif; font-weight: 300; font-style: normal; font-size: 1.2rem}
  main article p strong{font-weight: 700;}
  
  
  .btn{background-color: #fff; border: solid 2px #0f2740; color: #0f2740; cursor: pointer; clear: both; display: block; font-family: poppins, sans-serif; font-weight: 600; font-style: normal; float: right; margin: 15px 0;  padding: 20px; position: relative; text-align: center; transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0s}
  .btn:hover{background-color: transparent; color: #fff; text-shadow: nthree;}
  .btn:hover:before{left: 0%; right: auto; width: 100%}
  .btn:before{background: #0f2740; display: block; content: ''; color: #fff !important; height: 100%; position: absolute; right: 0px; top: 0px; transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0s; width: 0px; z-index: -1;}
  
  footer{background-color: #232323; width: 100%}
  footer section{margin: auto; padding: 20px 0; width: 95%}
  footer section ul{color: #c4c4c4; display: flex; font-family:"open-sans-condensed"; font-size: 1.1rem; font-weight: 300; flex-direction: row; flex-wrap: wrap; margin: 0; padding: 0; width: 100%}
  footer section ul li{border-bottom: solid 1px #c4c4c4; border-right: solid 1px #c4c4c4; display: flex; flex-basis: 30%; flex-wrap: nowrap; justify-content: flex-start; list-style: none; padding: 10px 0}
  footer section ul li i{font-size: 2.5rem; float: left; line-height: 2.5rem; margin: 3px 20px 0 20px}
  footer section ul li p{margin: 0; padding: 0 10px 0 0}
  footer section ul li p span{clear: both; display: block}
  footer section ul li p a{color: #c4c4c4;}
  footer section ul li p a:hover{text-decoration: underline}
  footer section ul li figure{margin: 0 20px; padding: 0;}
  
  footer section ul li:nth-of-type(2){flex-basis: 40%;}
  footer section ul li:nth-of-type(3){border-right: none}
  footer section ul li:nth-of-type(4){border-bottom: none}
  footer section ul li:nth-of-type(5){flex-basis: 40%; border-bottom: none}
  footer section ul li:nth-of-type(6){border-bottom: none; border-right: none}
  footer section + div{align-items: center; background-color: #191919; color: #cccccc; display: flex; font-family:"open-sans"; font-size: .8rem; flex-direction: column; height: auto; justify-content: center; padding: 10px; text-align: center; width: 100%;}
  footer section + div p{margin: 0;}
  footer section + div p + p{margin: 5px 0 0 0;}
  footer cite{background-color: #0a0a0a; color: #a0a0a0; display: block; font-family:"open-sans"; font-size: .7rem; font-weight: 300; font-style: normal; height: 30px; line-height: 30px; text-align: center; width: 100%;}
  
  footer + section{-webkit-animation-name: rise; -webkit-animation-duration: 0.4s; animation-name: rise; animation-duration: 0.4s; align-items: flex-start; background-color: #f4f4f4; bottom: 0; display: flex; font-family:"open-sans-condensed"; font-size: 1.1rem; flex-direction: column; height: auto; left: 0; padding: 30px; position: fixed; width: 100%; z-index: 999;}
  footer + section h6{font-size: 1.2rem; margin: 0;}
  footer + section p{margin: 0 30px 0 0;} 
  footer + section div{display: flex; flex-direction: row; justify-content: flex-end; width: 100%;}
  footer + section div .btn{margin-left: 30px; padding: 10px 30px;}
  footer + section.remove{display: none;}

  footer + section + section{align-items: center; background: rgba(0,0,0,.7); display: none; height: 100%; justify-content: center; left: 0; padding: 0; position: fixed; top: 0; width: 100%; z-index: -2;}
  footer + section + section div{background-color: white; display: flex; flex-direction: column; height: 450px; padding: 20px; width: 450px; }
  footer + section + section div > div{align-items: flex-end; display: flex; flex-direction: column; height: auto; padding: 0; width: 100%;}
  footer + section + section div > div i{color: #222; cursor: pointer; font-size: 1.4rem;}
  footer + section + section div > div hr{margin-bottom: 2px; width: 100%;}
  footer + section + section div iframe{border-width: 0; height: 310px; width: 100%;}
  footer + section + section div iframe + div{display: flex; flex-direction: row; justify-content: flex-end; width: 100%; z-index: 1;}
  footer + section + section div iframe + div .btn{margin-left: 30px; padding: 10px 30px;}
  footer + section + section.show{display: flex;}

  @keyframes rise {from{bottom: -300px; opacity:0} to {bottom: 2%; opacity: 1}}
  
  /* ==========================================================================
     Helper classes
     ========================================================================== */
  
  /*
   * Hide visually and from screen readers
   */
  
  .hidden {
    display: none !important;
  }
  
  /*
  * Hide only visually, but have it available for screen readers:
  * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
  *
  * 1. For long content, line feeds are not interpreted as spaces and small width
  *    causes content to wrap 1 word per line:
  *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
  */
  
  .sr-only {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    /* 1 */
  }
  
  /*
  * Extends the .sr-only class to allow the element
  * to be focusable when navigated to via the keyboard:
  * https://www.drupal.org/node/897638
  */
  
  .sr-only.focusable:active,
  .sr-only.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    white-space: inherit;
    width: auto;
  }
  
  /*
  * Hide visually and from screen readers, but maintain layout
  */
  
  .invisible {
    visibility: hidden;
  }
  
  /*
  * Clearfix: contain floats
  *
  * For modern browsers
  * 1. The space content is one way to avoid an Opera bug when the
  *    `contenteditable` attribute is included anywhere else in the document.
  *    Otherwise it causes space to appear at the top and bottom of elements
  *    that receive the `clearfix` class.
  * 2. The use of `table` rather than `block` is only necessary if using
  *    `:before` to contain the top-margins of child elements.
  */
  
  .clearfix:before,
  .clearfix:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
  }
  
  .clearfix:after {
    clear: both;
  }
  
  /* ==========================================================================
     EXAMPLE Media Queries for Responsive Design.
     These examples override the primary ('mobile first') styles.
     Modify as content requires.
     ========================================================================== */
  
  @media screen 
     and (max-width: 1440px) {
       header figcaption{width: 230px}
       
       header nav{width: calc(100% - 230px)}
       
       header nav div + div ul li a{font-size: .55rem}
       header nav div + div ul li a p strong{font-size: .9rem}
       header nav div + div ul li a i{font-size: 2.8rem; margin: 0 5px 0 0}
       
       footer section ul li div + p{font-size: 1rem}
  }
  @media screen 
    and (max-width: 1366px) {
      header nav div ul{width: 48%}
      header nav div ul + ul{width: 52%}
      
  }
  @media screen 
    and (max-width: 1280px) {
      header nav div ul{width: 45%}
      header nav div ul + ul{width: 55%}

      /*header nav div ul li:nth-of-type(1){display: none;}*/
      header nav div ul + ul li:nth-of-type(1) {display: inline-block;}
      
  }
  @media screen 
    and (max-width: 1240px) {

      header nav div ul li:nth-of-type(5){display: none;}
      header nav div + div ul li:nth-of-type(5){display: inline-block;}

      header nav div ul + ul li:nth-of-type(2) a i{margin: 0;}
      header nav div ul + ul li:nth-of-type(2) a strong{display: none} 
  }
  @media screen 
     and (max-width: 1150px) {
     
      header nav div + div ul li a{flex-direction: column; flex-wrap: nowrap;}
      header nav div + div ul li a p{white-space: nowrap;}
      header nav div + div ul li a p span{display: none;}
      
      
      footer section ul li{padding: 30px 0}
      footer section ul li:nth-of-type(1){flex-basis: 50%; order: 1}
      footer section ul li:nth-of-type(2){flex-basis: 50%; order: 3}
      footer section ul li:nth-of-type(3){border-bottom: none; border-right: solid 1px #c4c4c4; flex-basis: 50%; order: 5}
      footer section ul li:nth-of-type(4){border-bottom: solid 1px #c4c4c4; border-right: none; flex-basis: 50%; order: 2}
      footer section ul li:nth-of-type(5){border-bottom: solid 1px #c4c4c4; border-right: none; flex-basis: 50%; order: 4}
      footer section ul li:nth-of-type(6){flex-basis: 50%; order: 6}
  }
  @media screen 
     and (max-width: 1100px) { 
      header{height: 130px; width: 100%} 
      header.movel{box-shadow: 0 0 10px 0 rgba(0,0,0,.2); position: fixed} 
       
      header figcaption{height: 129px; line-height: 129px; width: 200px} 
       
      header nav{height: 129px; width: calc(100% - 200px)} 
      header nav div ul{display: none; height: 55px; line-height: 55px}
       
      header nav div ul + ul{font-size: 1.1rem; justify-content: flex-end; width: 100%}

      header nav div ul + ul li:first-of-type a, header nav div ul + ul li:nth-of-type(2) a{margin: 0 3px 0 0;}    
      header nav div ul + ul li:first-of-type a strong, header nav div ul + ul li:nth-of-type(2) a strong{display: inline-block} 

      header nav div ul + ul li:first-of-type{border-left: none}
      
      header nav div + div ul{height: 74px; line-height: 74px; width: calc(100% - 80px);} 
      header nav div + div ul li:last-of-type{border-right: solid 1px #d9d9d9;}
      
      header nav div + div ul li a{height: 74px}

      header nav div + div ul + ul{display: flex}
      header nav div + div ul + ul li:first-of-type{display: none;}
      header nav div + div ul + ul li:last-of-type{display: contents}
      header nav div + div ul + ul li:last-of-type{border: none; padding: 0;}

      header nav div + div ul li a{flex-direction: row}
      header nav div + div ul li a i {margin: 0}
      header nav div + div ul li a p strong{display: none;}
      
      aside{top: 130px}
      aside nav{height:100%; width: 100%}
      aside.left{right: 0 !important} 
       
      footer section ul li:nth-of-type(3){border-bottom: solid 1px #c4c4c4; border-right: none; flex-basis: 100%} 
      footer section ul li:nth-of-type(6){flex-basis: 100%} 
  }
  @media screen 
    and (max-width: 900px) {
     
  }
  @media screen 
    and (max-width: 823px) {
      header nav div ul + ul li:first-of-type a i{margin: 0;}    
      header nav div ul + ul li:first-of-type a strong{display: none}
  }
  @media screen 
    and (max-width: 768px) {
      
  }
  @media screen 
    and (max-width: 736px) {
      header nav div ul + ul li:nth-of-type(2) a i{margin: 0;}
      header nav div ul + ul li:nth-of-type(2) a strong{display: none}  
  
      footer section ul li:nth-of-type(2){border-right: none; flex-basis: 100%} 
      footer section ul li:nth-of-type(5){flex-basis: 100%}
  }
  @media screen 
    and (max-width: 667px) {
      header nav div + div ul li a i{font-size: 2rem}
  
      header nav div + div ul{display: none;}
      header nav div + div ul + ul{display: flex; justify-content: flex-end; padding: 0 10px 0 0; width: 100%;}
  
      footer section ul li:nth-of-type(1){border-right: none; flex-basis: 100%} 
      footer section ul li:nth-of-type(4){flex-basis: 100%}
  }
  @media screen 
    and (max-width: 578px) {
      header nav div ul + ul li:last-child{display: none;}

      header nav div + div ul + ul{justify-content: space-between;}
      header nav div + div ul + ul li:first-of-type{display: contents;}
      header nav div + div ul + ul li:first-of-type a{height: auto; justify-content: flex-start; padding: 0 0 0 10px; width: auto;}
      header nav div + div ul + ul li:first-of-type a strong{display: block;}
      header nav div + div ul + ul li:first-of-type a:hover{color: #0f2740;}
      header nav div + div ul + ul li:first-of-type a:before {background: none; }
  }
  @media screen 
    and (max-width: 568px) {
      header figcaption{padding: 0 10px; width: 155px} 
      header nav{width: calc(100% - 155px)} 
        
      aside{right: calc(-80% - 5px); width: 80%}
      aside nav{height:100%; width: 100%}
  
      header nav div ul + ul li:nth-of-type(2) a strong{display: none}
      header nav div + div ul li a i{font-size: 1.8rem}

      aside + section{display: flex;}
      
      footer cite span{display: none}

      footer + section div{align-items: center; flex-direction: column; justify-content: center;}
      footer + section div .btn{margin:20px 0; }

  }
  @media screen 
    and (max-width: 480px) {
  
      header nav div ul + ul li:first-child{border: none; display: none;}
      header nav div ul + ul li:nth-of-type(2){border: none}
      header nav div + div ul + ul li:first-child{display: contents;}
  
      aside{right: calc(-95% - 5px); width: 95%}

      footer + section + section div{height: 550px; padding: 20px; width: 100%px; }
      footer + section + section div iframe + div{align-items: center; flex-direction: column; justify-content: center;}
      footer + section + section div iframe + div .btn{margin: 20px 0; }
  
  }
  @media screen 
    and (max-width: 375px) {
     
      header nav div ul + ul li:nth-of-type(3){display: none; border: none}

      header nav div + div ul + ul{justify-content: flex-end;}
      header nav div + div ul + ul li:first-of-type{display: none;}
      
  }
  @media screen 
    and (max-width: 320px) {
    
  }
  
  @media print,
    (-webkit-min-device-pixel-ratio: 1.25),
    (min-resolution: 1.25dppx),
    (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
  }
  
  /* ==========================================================================
     Print styles.
     Inlined to avoid the additional HTTP request:
     https://www.phpied.com/delay-loading-your-print-css/
     ========================================================================== */
  
  @media print {
    *,
    *:before,
    *:after {
      background: transparent !important;
      color: #000 !important;
      /* Black prints faster */
      box-shadow: none !important;
      text-shadow: none !important;
    }
    a,
    a:visited {
      text-decoration: underline;
    }
    a[href]:after {
      content: " (" attr(href) ")";
    }
    abbr[title]:after {
      content: " (" attr(title) ")";
    }
    /*
       * Don't show links that are fragment identifiers,
       * or use the `javascript:` pseudo protocol
       */
    a[href^="#"]:after,
    a[href^="javascript:"]:after {
      content: "";
    }
    pre {
      white-space: pre-wrap !important;
    }
    pre,
    blockquote {
      border: 1px solid #999;
      page-break-inside: avoid;
    }
    /*
       * Printing Tables:
       * https://web.archive.org/web/20180815150934/http://css-discuss.incutio.com/wiki/Printing_Tables
       */
    thead {
      display: table-header-group;
    }
    tr,
    img {
      page-break-inside: avoid;
    }
    p,
    h2,
    h3 {
      orphans: 3;
      widows: 3;
    }
    h2,
    h3 {
      page-break-after: avoid;
    }
  }
  
  .animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  .rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand;
  }
  .bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
  }
  @-webkit-keyframes rubberBand {
    0% {
      -webkit-transform: scale(1);
      transform: scale(1);
    }
  
    30% {
      -webkit-transform: scaleX(1.25) scaleY(0.75);
      transform: scaleX(1.25) scaleY(0.75);
    }
  
    40% {
      -webkit-transform: scaleX(0.75) scaleY(1.25);
      transform: scaleX(0.75) scaleY(1.25);
    }
  
    60% {
      -webkit-transform: scaleX(1.15) scaleY(0.85);
      transform: scaleX(1.15) scaleY(0.85);
    }
  
    100% {
      -webkit-transform: scale(1);
      transform: scale(1);
    }
  }
  
  @keyframes rubberBand {
    0% {
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
    }
  
    30% {
      -webkit-transform: scaleX(1.25) scaleY(0.75);
      -ms-transform: scaleX(1.25) scaleY(0.75);
      transform: scaleX(1.25) scaleY(0.75);
    }
  
    40% {
      -webkit-transform: scaleX(0.75) scaleY(1.25);
      -ms-transform: scaleX(0.75) scaleY(1.25);
      transform: scaleX(0.75) scaleY(1.25);
    }
  
    60% {
      -webkit-transform: scaleX(1.15) scaleY(0.85);
      -ms-transform: scaleX(1.15) scaleY(0.85);
      transform: scaleX(1.15) scaleY(0.85);
    }
  
    100% {
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
    }
  }
  
  
  
  @-webkit-keyframes bounceInDown {
    0% {
      opacity: 0;
      -webkit-transform: translateY(-2000px);
      transform: translateY(-2000px);
    }
  
    60% {
      opacity: 1;
      -webkit-transform: translateY(30px);
      transform: translateY(30px);
    }
  
    80% {
      -webkit-transform: translateY(-10px);
      transform: translateY(-10px);
    }
  
    100% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
  }
  
  @keyframes bounceInDown {
    0% {
      opacity: 0;
      -webkit-transform: translateY(-2000px);
      -ms-transform: translateY(-2000px);
      transform: translateY(-2000px);
    }
  
    60% {
      opacity: 1;
      -webkit-transform: translateY(30px);
      -ms-transform: translateY(30px);
      transform: translateY(30px);
    }
  
    80% {
      -webkit-transform: translateY(-10px);
      -ms-transform: translateY(-10px);
      transform: translateY(-10px);
    }
  
    100% {
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
    }
  }