@font-face {

  font-family: "OpenSans-Regular";

  src: url("fonts/OpenSans-Regular.eot"); /* IE9 Compat Modes */

  src: url("fonts/OpenSans-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */

    url("fonts/OpenSans-Regular.otf") format("opentype"), /* Open Type Font */

    url("fonts/OpenSans-Regular.svg") format("svg"), /* Legacy iOS */

    url("fonts/OpenSans-Regular.ttf") format("truetype"), /* Safari, Android, iOS */

    url("fonts/OpenSans-Regular.woff") format("woff"), /* Modern Browsers */

    url("fonts/OpenSans-Regular.woff2") format("woff2"); /* Modern Browsers */

  font-weight: normal;

  font-style: normal;

}



@font-face {

  font-family: "OpenSans-Light";

  src: url("./fonts/OpenSans-Light.eot"); /* IE9 Compat Modes */

  src: url("./fonts/OpenSans-Light.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */

    url("./fonts/OpenSans-Light.otf") format("opentype"), /* Open Type Font */

    url("./fonts/OpenSans-Light.svg") format("svg"), /* Legacy iOS */

    url("./fonts/OpenSans-Light.ttf") format("truetype"), /* Safari, Android, iOS */

    url("./fonts/OpenSans-Light.woff") format("woff"), /* Modern Browsers */

    url("./fonts/OpenSans-Light.woff2") format("woff2"); /* Modern Browsers */

  font-weight: normal;

  font-style: normal;

}



@font-face {

  font-family: "OpenSans-Bold";

  src: url("./fonts/OpenSans-Bold.eot"); /* IE9 Compat Modes */

  src: url("./fonts/OpenSans-Bold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */

    url("./fonts/OpenSans-Bold.otf") format("opentype"), /* Open Type Font */

    url("./fonts/OpenSans-Bold.svg") format("svg"), /* Legacy iOS */

    url("./fonts/OpenSans-Bold.ttf") format("truetype"), /* Safari, Android, iOS */

    url("./fonts/OpenSans-Bold.woff") format("woff"), /* Modern Browsers */

    url("./fonts/OpenSans-Bold.woff2") format("woff2"); /* Modern Browsers */

  font-weight: normal;

  font-style: normal;

}

body { overflow-x: hidden; font-family: 'OpenSans-Light', sans-serif; }

h2, h3, h4 { font-family: 'OpenSans-Regular', sans-serif; }

h1 { font-family: 'OpenSans-Bold', sans-serif;  }

.p-relative { position: relative; }
.p-absolute { position: absolute; }

.fixed { background: rgba(116, 116, 116, .8); z-index: 999; }

.w-100 { width: 100%; }
.w-30  { width: 30%; margin: 0 auto; }
.w-auto { width: auto; }
.w-40 {  width: 40%; margin: 0 auto; }
.w-70 { width: 70%; }

.d-table { display: table; }
.d-table-cell { display: table-cell; vertical-align: middle; }
.d-inline-block { display: inline-block; }
.d-none { display: none; opacity: 0; }

.t-center { text-align: center; }
.t-left { text-align: left; }
.t-white { color: #fff; }
.t-blue { color: #195090; }
.t-right { text-align: right; }

.no-padding { padding: 0 !important; }
.py-2 { padding: 2em 0; }
.py-3 { padding: 3em 0; }
.py-4 { padding: 4em 0; }
.py-5 { padding: 5em 0; }

.my-3 { margin-bottom: 3em 0; }

.btn-link:focus, .btn-link:hover, a:hover, a:focus{ text-decoration: none; }

.btn-link a, .btn-link2 a { text-decoration: none; }
.btn-link a { border: 1px solid; background: transparent; box-shadow: 2px 3px 20px -7px; }
.btn-link2 a { border: 1px solid #fff; background: transparent; box-shadow: 2px 3px 20px -7px;}

.btn-link2:focus a,.btn-link2:hover a{ background-color: #fff; border: 1px solid #fff;  }
.btn-link:focus a,.btn-link:hover a{ background-color: #195090; border: 1px solid; }
.btn-link:focus a, .btn-link:hover a { text-decoration: none; color: #fff; }
.btn-link2:focus a, .btn-link2:hover a { color: #195090; }

.row-flex, .row-flex > div[class*='col-'] { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-self: center; -webkit-box-align: center; -ms-box-align: center;-moz-box-align: center; -o-box-align:center; flex:1 1 auto; }
.row-flex-wrap {-webkit-flex-flow: row wrap; align-content: flex-start; flex:0; }
.row-flex > div[class*='col-'], .container-flex > div[class*='col-'] { margin:-.2px; /* hack adjust for wrapping */}

.container-flex > div[class*='col-'] div,.row-flex > div[class*='col-'] div { width:100%; }

@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

.arrow { position: absolute; bottom: 10%; left: 50%; width: 40px; height: 40px; background: url(images/ami-scroll.png)no-repeat; background-size: contain; }
.bounce { z-index: 999; -moz-animation: bounce 2s infinite; -webkit-animation: bounce 2s infinite; animation: bounce 2s infinite; }

.main-header.fixed { padding-top: 1em; background: rgba(0,0,0,0.2); }

.center-xs {-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; }