html{height:100%;}
body{height:100%; background-color:#dddddd;}

body, div, p, td, li, a, input {
  font-family: "Noto Sans", sans-serif;
  font-weight: 400;
  font-style: normal;
}

a{color:#00a1e6 !important; text-decoration:none;}

header{background-color:#dddddd; color:#aaa; padding:30px 0 30px 0; font-size:21px; line-height:34px; display:block;}
header div.container{padding:0;}
header a.navbar-brand{display:inline-block; width:50px; height:50px; background-image:url('https://cdn.lnk.qea.la/img/logo-sm.svg'); background-position:center; background-size:auto 100%; background-repeat:no-repeat; margin:0;}

header ul.navbar-nav{margin:0; background-color:#ddd;}
header ul.navbar-nav li{position:relative; margin:0; padding:0; border:1px solid #fff; border-width:0 0 1px 0;}
header ul.navbar-nav li:after{content:'';}
header ul.navbar-nav li a{margin:0 10px 0 0; padding:0; white-space:nowrap; line-height:46px;}

body > section{background-color:#fff; font-size:18px;}
body > section > section{padding:60px 0 60px 0;}

footer{background-color:#dddddd; color:#aaa; padding:30px 0 30px 0; font-size:21px; line-height:34px; display:block; height:274px;}

footer div.row.links > div > a{line-height:30px;}

footer div.row.links a{}
footer div div.social {margin:0;}
footer div div.social a{}
footer div div.social a svg{display:inline-block; width:30px; height:30px; margin:0 20px 0 0;}
footer div div.social a:nth-child(3) svg{margin:0;}
footer div div.social a svg .fill{fill:#aaa;}
footer div div.social a svg:hover .fill{fill:#fff;}
footer div.logo{width:auto; height:90px; background-image:url('https://cdn.lnk.qea.la/img/logo.svg'); background-position:center; background-size:auto 100%; background-repeat:no-repeat; margin:0 0 20px 0;}

footer div.copyright{margin:20px 0 0 0;}

div.loading{position:fixed; top:0; left:0; width:100%; height:100%; display:none;}
div.loading div.overlay{position: absolute;top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.33);}
div.loading img{position: absolute; top:50%; left:50%; width:60px; height:60px; margin-top:-60px; margin-left:-30px;}

div.toast{position: fixed; top:40px; left:50%; width:28%; height:auto; z-index:99999; margin-left:-14%; background-color:#ffff00; color:#111; padding:10px 15px; min-height: 44px; opacity:1; display: none;}
div.toast.error{background-color:#ff0000; color:#fff;}

.error{color:#ff0000;}


.btn,
.btn:hover,
.btn:active,
.btn:visited,
.btn:focus {
    color:#fff;
    background-color: #202020  !important;
    border-width:2.33px !important;
    border-color: #202020 !important;
    box-shadow: none !important;
}

.btn.orange,
.btn.orange:hover,
.btn.orange:active,
.btn.orange:visited,
.btn.orange:focus {
    color:#fff  !important;
    background-color: #ffa500  !important;
    border-width:2.33px !important;
    border-color: #ffa500 !important;
    box-shadow: none !important;
}

.btn-outline,
.btn-outline:hover,
.btn-outline:active,
.btn-outline:visited,
.btn-outline:focus {
    color: #fff !important;
    border-color: #fff !important;
    border-width:2.33px !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

.btn-outline.orange,
.btn-outline.orange:hover,
.btn-outline.orange:active,
.btn-outline.orange:visited,
.btn-outline.orange:focus {
    color: #ffa500 !important;
    border-color: #ffa500 !important;
    border-width:2.33px !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

.btn-outline.black,
.btn-outline.black:hover,
.btn-outline.black:active,
.btn-outline.black:visited,
.btn-outline.black:focus {
    color: #0a0a0a !important;
    border-color: #0a0a0a !important;
    border-width:2.33px !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

div.indicator{position:fixed; top:0; left:0; width:20px; height:20px; display:none;}

/* xs */
@media only screen and (min-width: 0) {
  div.indicator{ background-color: blue;}
  xheader ul.navbar-nav li:after{content:''}
  xheader ul.navbar-nav li a{margin:0 !important; padding:0 !important;}
}
/* sm */
@media only screen and (min-width: 576px) {
  div.indicator{ background-color: orange;}
  header{height:126px;}
  footer{height:442px;}
}
/* md */
@media only screen and (min-width: 768px) {
  div.indicator{ background-color: red; }
  header{height:126px;}
  footer{height:408px;}

  header ul.navbar-nav{margin:0 0 0 10px !important;}
  header ul.navbar-nav li{border-width:0;}
  header ul.navbar-nav li{line-height:46px;}
  header ul.navbar-nav li:after{content:'|'; position:absolute; top:0; right:16px; color:#00a1e6;}
  header ul.navbar-nav li a{margin:0 40px 0 0; padding:0 !important; white-space:nowrap;}
  header ul.navbar-nav li:last-child{}
  header ul.navbar-nav li:last-child:after{content:''}
  header ul.navbar-nav li:last-child a{margin:0 !important;}
}
/* lg */
@media only screen and (min-width: 992px) {
  div.indicator{ background-color: yellow; }
  header{height:126px;}
  footer{height:408px;}
}
/* xl */
@media only screen and (min-width: 1200px) {
  div.indicator{ background-color: green; }
  header{height:126px;}
  footer{height:274px;}
  footer div.row.links > div{width:auto;}
}
/* xxl */
@media only screen and (min-width: 1400px) {
  div.indicator{ background-color: purple; }
}