/*! modern.css
 *
 *  Styles for Modern style theme
 *
 */

@import url('https://fonts.googleapis.com/css?family=Exo+2:400,400i,500,500i,600,600i,700,700i|Open+Sans:400,400i,600,600i,700,700i');

html {
  font-family: 'Open Sans', sans-serif;
  color: #1a1b41;
}

body {
  background-color: #00161d;
}

@media screen and (min-width: 48.063em){
  .page__bg {
    background-image: url('../../img/bg-network.jpg');    
  }
}

@media screen and (min-width: 26.063em) and (max-width: 48em){
  .page__bg {
    background-image: url('../../img/bg-network-md.jpg');     
  }
}

@media screen and (max-width: 26em){
  .page__bg {
    background-image: url('../../img/bg-network-sm.jpg');
  }
}

.page__bg::after {
  content: '';
  position: fixed;
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .5) url('../../img/overlay-pat.png');
}

a {
  color: #1a1b41;
  border-bottom: 1px solid #f9e42e;
}

a:hover,
a:focus {
  background-color: #f9e42e;
}

h1 {
  font-family: 'Exo 2', sans-serif;
  color: #ffb600;
}

h2 {
  font-family: 'Exo 2', sans-serif;
  font-style: italic;
}

h3 {
  color: #fc5130;
}

h4 {
  font-family: 'Exo 2', sans-serif;
  font-style: italic;
}

h5 {
  color: #fc5130;
}

h6 {
  color: #545155;
}

h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong {
  letter-spacing: -.015em;
}

.content::before,
.footer::after {
  background-color: rgba(2, 24, 43, .9);
}

.content {
  background-color: #fff;
}

.footer {
  color: #9ac6c9;
}

.highlight {
  background-color: #fed74d
}

.vintage-style::after {
  -webkit-text-stroke-color: #1a1b41;
}

.hero__subtitle {
  color: #1bd7c7;
  background-color: #1a1b41;
}

.video__container {
  background-color: #0C0C1D
}

.video--border {
  border: .25rem solid #1a1b41;
}

.site-closed__subtitle {
  /* color: #33233b;  */
}

.box--border {
  border: .2222rem solid #1a1b41;
}

.box--decorated {
  background: #ffe479;
}

.icon--primary {
  background-color: #fc5130
}

.menu-footer__item+.menu-footer__item {
  border-color: #194861;
}

.footer a,
.menu-footer__link,
.copyright__link,
.footer__btn-link {
  color: #d9eeef;
}

.btn-link {
  color: #1a1b41;
  font-family: 'Open Sans', sans-serif;
  font-weight: 500;
  font-style: normal;
  border-radius: 0;
  box-shadow: none;
  border-bottom-color: #f9e42e;
}

.btn-link:hover,
.btn-link:focus {
  border-color: #f9e42e;
  background-color: #f9e42e;
}

.modal__title {
  color: #1a1b41;
  font-family: 'Exo 2', sans-serif;
  font-style: italic;
  line-height: 1.2
}

.form-control {
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  color: #1a1b41;
  background-color: #e6e6e6;
  border: 1px solid #f4f5f5;
  border-radius: .22222em;
}

.form-control--yellow {
  background-color: #F4BF01;
  border-color: #FECE20;
  color: #fff;
}

.form-control:focus {
  border-color: rgba(0, 180, 180, 0.7);
  background-color: #f2f2f2;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 0.2rem rgba(0, 180, 180, 0.25);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 0.2rem rgba(0, 180, 180, 0.25);
}

.form-control--yellow:focus {
  background-color: #f2b41e;
  border-color: #c69306;
  -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075), 0 0 1.25em .190em rgba(249, 194, 46, 0.6);
  box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075), 0 0 1.25em .190em rgba(249, 194, 46, 0.6);
}

.form-control::-moz-placeholder {
  color: #8F8F8F;
  opacity: 1;
}

.form-control:-ms-input-placeholder {
  color: #8F8F8F;
}

.form-control::-webkit-input-placeholder {
  color: #8F8F8F;
}

.form-control--yellow::-moz-placeholder {
  color: #fef4d7;
  opacity: 1;
}

.form-control--yellow:-ms-input-placeholder {
  color: #fef4d7;
}

.form-control--yellow::-webkit-input-placeholder {
  color: #fef4d7;
}

.btn {
  font-family: 'Exo 2', sans-serif;
  font-style: italic;
  font-weight: 600;
  text-transform: none;
  letter-spacing: 0.035em;
  /* letter-spacing: -.0005em; */
  -webkit-box-shadow: 0 2px 2px rgba(16, 1, 24, .62);
  box-shadow: 0 2px 2px rgba(16, 1, 24, .62);
  border-radius: 50px;
}

.btn-primary {
  color: #fff;
  background-color: hsl( 10, 97%, 59%);
  border-color: hsl( 10, 97%, 59%);
}

.btn-primary:focus,
.btn-primary.focus,
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.open>.dropdown-toggle.btn-primary,
.btn-primary:active:hover,
.btn-primary.active:hover,
.open>.dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open>.dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open>.dropdown-toggle.btn-primary.focus {
  color: #fff;
  background-color: hsl( 10, 97%, 64%);
  border-color: hsl( 10, 97%, 64%);
}

.btn .icon-arrow-right {
  font-size: 1.25em;
}

.btn--icon-right .icon {
  right: .4em;
}

.btn--icon-right.btn-icon-hidden:hover .icon,
.btn--icon-right.btn-icon-hidden:focus .icon,
.btn--icon-right--m .icon {
  right: .5em;
}

.btn-link {
  color: #1a1b41;
  letter-spacing: 0;
  box-shadow: none;
  border-radius: 0;
  font-family: inherit;
  font-style: normal;
  border-bottom: 1px solid #f9c22e;
}

.copyright__btn-link {
  color: #d9eeef;
  border-bottom-color: #438bb1;
}

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

.remodal-overlay {
  background: rgba(12, 12, 29, 0.95);
}

.btn-link.btn-xs {
  padding-bottom: .05em;
}