@import '../vendor/FoundationXY/css/foundation.min.css';
@import '../font/foundation-icons/foundation-icons.css';
@import "../vendor/jqueryUI-autocomplited/jquery-ui.min.css";
@import "../vendor/jqueryUI-autocomplited/jquery-ui.theme.min.css";

/* exo-2-900 - latin-ext_latin */
@font-face {
 font-family: 'Exo 2';
 font-style: normal;
 font-weight: 900;
 src: url('../font/exo2/exo-2-v4-latin-ext_latin-900.eot'); /* IE9 Compat Modes */
 src: local('Exo 2 Black'), local('Exo2-Black'),
 url('../font/exo2/exo-2-v4-latin-ext_latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
 url('../font/exo2/exo-2-v4-latin-ext_latin-900.woff2') format('woff2'), /* Super Modern Browsers */
 url('../font/exo2/exo-2-v4-latin-ext_latin-900.woff') format('woff'), /* Modern Browsers */
 url('../font/exo2/exo-2-v4-latin-ext_latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
 url('../font/exo2/exo-2-v4-latin-ext_latin-900.svg#Exo2') format('svg'); /* Legacy iOS */
}
body{
 background: #eeeeee;
 font-family: "Open Sans", sans-serif;
}
.imgError{
 background: linear-gradient(to right, #e2e2e2, #e2e2e2, #e3e3e3, #f6f6f6, #e3e3e3, #e2e2e2, #e2e2e2);
 -moz-box-shadow:    inset 0 -10px 25px #cccccc;
 -webkit-box-shadow: inset 0 -10px 25px #cccccc;
 box-shadow:         inset 0 -10px 25px #cccccc;
 padding-top: 25px;
 position: relative;
 img{
  margin-bottom: -39px;
  width: 100%;
  max-width: 850px;
  position: relative;
 }
 @media screen and (max-width: 850px) {
  img{
   margin-bottom: -4.5%;
  }
 }
 .grid-x, .row{
  padding-right: .9375rem;
  padding-left: .9375rem;
  max-width: 62.5rem;
  margin: 0 auto;
  .cell, .columns{
   position: relative;
   .errorTitle{
    position: absolute;
    bottom: 30px;
    right: 5%;
    h2{
     font-family: 'Exo 2';
     font-weight: 900;
     font-size: 55px;
     color: #5a5859;
    }
   }
   @media screen and (max-width: 1010px) {
    .errorTitle{
     bottom: 10px;
     right: 0;
    }
   }
   @media screen and (max-width: 780px) {
    .errorTitle{
     bottom: 5px;
     h2{
      font-size: 40px;
     }
    }
   }
   @media screen and (max-width: 570px) {
    .errorTitle{
     h2{
      font-size: 30px;
     }
    }
   }
   @media screen and (max-width: 430px) {
    .errorTitle{
     h2{
      font-size: 20px;
     }
    }
   }
  }
 }
}

.errorInfo{
 margin-top: 55px;
 padding-bottom: 55px;
 p{
  font-size: 16px;
  line-height: 1.5;
  small{
   hyphens: auto;
  }
 }
 .infoText{
  width: 100%;
  max-width: 700px;
  textarea{
   max-width: 400px;
  }
 }
 .infoMenu{
  margin-top: 40px;
  border-top: 1px dashed #cccccc;
  padding-top: 40px;
 }
 .menuNav{
  background: #ffffff;
  padding: 17px;
  display: inline-block;
  ul{
   display: block;
   li{
    a{
     line-height: 20px;
     i{
      font-size: 20px;
     }
     span{
      margin-left: 10px;
     }
    }
   }
  }
 }
 .menuFirst{
  border-bottom: 1px dashed #cccccc;
  padding-bottom: 10px;
 }
 .menuLast{
  margin-top: 10px;
  li{
   a{
    color: #888888;
    i{
     margin-right: 10px;
    }
   }
  }
 }
 .accordion{
  background: none;
  .accordion-title {
   position: relative;
   display: block;
   padding: 1.25rem 1rem;
   border: none;
   border-bottom: 0;
   font-size: 12px;
   line-height: 1;
   color: #0a0a0a;
  }
 }
 hr{
  border-bottom: 1px dashed #cacaca;
 }
}
.ui-autocomplete{
 padding: 10px;
 .ui-autocomplete-category{
  font-weight: bold;
  margin-top: 10px;
  font-size: 15px;
 }
}
.searchForm{
 position: relative;
 button{
  position: absolute;
  top: 0;
  right: 0;
  width: 39px;
  height: 39px;
  cursor: pointer;
 }
 input{
  padding-right: 40px;
 }
}