* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  border: 0;
  margin: 0;
  padding: 0;
}

div, span, object, iframe, img, table, caption, thead, tbody,
tfoot, tr, tr, td, article, aside, canvas, details, figure, hgroup, menu,
nav, footer, header, section, summary, mark, audio, video {
  border: 0;
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cit, code,
del, dfn, em, ins, q, samp, small, strong, sub, sup, b, i, hr, dl, dt, dd,
ol, ul, li, fieldset, legend, label {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}

article, aside, canvas, figure, figure img, figcaption, hgroup,
footer, header, nav, section, audio, video {
  display: block;
}

table {
  border-collapse: separate;
  border-spacing: 0;
}
table caption, table th, table td {
  text-align: left;
  vertical-align: middle;
}

a img {
  border: 0;
}

:focus {
  outline: 0;
}

input:active, input:hover, input:focus, button:active, button:hover, button:focus, textarea:active, textarea:hover, textarea:focus {
  outline: 0px !important;
  -webkit-appearance: none;
}

nav {
  display: block;
}
nav ul {
  display: inline-block;
  margin: 0px;
}
nav ul li {
  display: inline-block;
  list-style: none;
}
nav ul li a {
  display: inline-block;
}

.form-control[type=checkbox] {
  -webkit-appearance: checkbox;
}
.form-control[type=checkbox]:hover {
  -webkit-appearance: checkbox !important;
}

::selection, ::-moz-selection {
  background: rgb(91.9737903226, 130.6995967742, 40.8004032258);
}

::-webkit-input-placeholder {
  color: #959595;
}

:-moz-placeholder {
  color: #959595;
  opacity: 1;
}

::-moz-placeholder {
  color: #959595;
  opacity: 1;
}

:-ms-input-placeholder {
  color: #959595;
}

.mt0 {
  margin-top: 0px !important;
}

.mr0 {
  margin-right: 0px !important;
}

.mb0 {
  margin-bottom: 0px !important;
}

.ml0 {
  margin-left: 0px !important;
}

.pt0 {
  padding-top: 0px !important;
}

.pr0 {
  padding-right: 0px !important;
}

.pb0 {
  padding-bottom: 0px !important;
}

.pl0 {
  padding-left: 0px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pr10 {
  padding-right: 10px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.pl10 {
  padding-left: 10px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pr20 {
  padding-right: 20px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.pl20 {
  padding-left: 20px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mr30 {
  margin-right: 30px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.ml30 {
  margin-left: 30px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.pr30 {
  padding-right: 30px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

.pl30 {
  padding-left: 30px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mr40 {
  margin-right: 40px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.ml40 {
  margin-left: 40px !important;
}

.pt40 {
  padding-top: 40px !important;
}

.pr40 {
  padding-right: 40px !important;
}

.pb40 {
  padding-bottom: 40px !important;
}

.pl40 {
  padding-left: 40px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mr50 {
  margin-right: 50px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.ml50 {
  margin-left: 50px !important;
}

.pt50 {
  padding-top: 50px !important;
}

.pr50 {
  padding-right: 50px !important;
}

.pb50 {
  padding-bottom: 50px !important;
}

.pl50 {
  padding-left: 50px !important;
}

.mt60 {
  margin-top: 60px !important;
}

.mr60 {
  margin-right: 60px !important;
}

.mb60 {
  margin-bottom: 60px !important;
}

.ml60 {
  margin-left: 60px !important;
}

.pt60 {
  padding-top: 60px !important;
}

.pr60 {
  padding-right: 60px !important;
}

.pb60 {
  padding-bottom: 60px !important;
}

.pl60 {
  padding-left: 60px !important;
}

.mt70 {
  margin-top: 70px !important;
}

.mr70 {
  margin-right: 70px !important;
}

.mb70 {
  margin-bottom: 70px !important;
}

.ml70 {
  margin-left: 70px !important;
}

.pt70 {
  padding-top: 70px !important;
}

.pr70 {
  padding-right: 70px !important;
}

.pb70 {
  padding-bottom: 70px !important;
}

.pl70 {
  padding-left: 70px !important;
}

.mt80 {
  margin-top: 80px !important;
}

.mr80 {
  margin-right: 80px !important;
}

.mb80 {
  margin-bottom: 80px !important;
}

.ml80 {
  margin-left: 80px !important;
}

.pt80 {
  padding-top: 80px !important;
}

.pr80 {
  padding-right: 80px !important;
}

.pb80 {
  padding-bottom: 80px !important;
}

.pl80 {
  padding-left: 80px !important;
}

.mt90 {
  margin-top: 90px !important;
}

.mr90 {
  margin-right: 90px !important;
}

.mb90 {
  margin-bottom: 90px !important;
}

.ml90 {
  margin-left: 90px !important;
}

.pt90 {
  padding-top: 90px !important;
}

.pr90 {
  padding-right: 90px !important;
}

.pb90 {
  padding-bottom: 90px !important;
}

.pl90 {
  padding-left: 90px !important;
}

.mt100 {
  margin-top: 100px !important;
}

.mr100 {
  margin-right: 100px !important;
}

.mb100 {
  margin-bottom: 100px !important;
}

.ml100 {
  margin-left: 100px !important;
}

.pt100 {
  padding-top: 100px !important;
}

.pr100 {
  padding-right: 100px !important;
}

.pb100 {
  padding-bottom: 100px !important;
}

.pl100 {
  padding-left: 100px !important;
}

.hide {
  display: none !important;
}

.show-block {
  display: block !important;
}

.show-inline {
  display: inline !important;
}

.show-inlineblock {
  display: inline-block !important;
}

body {
  font-size: 13px;
  font-family: arial, verdana, sans-serif;
  background: #ffffff;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Nunito", arial, verdana, sans-serif;
  font-weight: normal;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

h1 {
  font-size: 2.2em;
}

h2 {
  font-size: 1.6em;
}

h3 {
  font-size: 1.4em;
}

h4 {
  font-size: 1.2em;
}

h5 {
  font-size: 1.2em;
}

h6 {
  font-size: 1.2em;
}

.button, button {
  font-family: "Nunito", arial, verdana, sans-serif;
}

.nav, nav {
  font-family: "Nunito", arial, verdana, sans-serif;
}

a {
  text-decoration: none;
  color: #85bd3b;
}
a:focus, a:hover {
  color: rgb(105.6491935484, 150.1330645161, 46.8669354839);
}
a:focus, a:hover, a:active {
  text-decoration: none;
}

.form-group label {
  color: #494949;
}

.form-control {
  display: block;
  border: 1px solid rgba(177, 178, 180, 0.5);
  font-family: "Nunito", arial, verdana, sans-serif;
  font-size: 1em;
  color: #494949;
  padding: 10px 20px;
}
.form-control:hover:not([disabled]):not(.disabled) {
  cursor: pointer;
  border-color: rgba(177, 178, 180, 0.7);
  color: #494949;
}
.form-control:focus:not([disabled]):not(.disabled) {
  cursor: pointer;
  border-color: #85bd3b;
  color: #313234;
  -webkit-box-shadow: 0px 2px 20px rgba(133, 189, 59, 0.3);
  -moz-box-shadow: 0px 2px 20px rgba(133, 189, 59, 0.3);
  box-shadow: 0px 2px 20px rgba(133, 189, 59, 0.3);
}
.form-control:active:not([disabled]):not(.disabled) {
  cursor: pointer;
  border-color: rgb(105.6491935484, 150.1330645161, 46.8669354839);
  color: #313234;
}
.form-control.disabled {
  cursor: pointer;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  border-color: #959595;
  color: #959595;
}
.form-control[type=text], .form-controlselect, .form-controltextarea {
  width: 100%;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-ms-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-o-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes fromRight {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-transform: translate(50px, 0px);
    -o-transform: translate(50px, 0px);
    -ms-transform: translate(50px, 0px);
    -webkit-transform: translate(50px, 0px);
    transform: translate(50px, 0px);
  }
  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
}
@-moz-keyframes fromRight {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-transform: translate(50px, 0px);
    -o-transform: translate(50px, 0px);
    -ms-transform: translate(50px, 0px);
    -webkit-transform: translate(50px, 0px);
    transform: translate(50px, 0px);
  }
  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
}
@-ms-keyframes fromRight {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-transform: translate(50px, 0px);
    -o-transform: translate(50px, 0px);
    -ms-transform: translate(50px, 0px);
    -webkit-transform: translate(50px, 0px);
    transform: translate(50px, 0px);
  }
  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
}
@-o-keyframes fromRight {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-transform: translate(50px, 0px);
    -o-transform: translate(50px, 0px);
    -ms-transform: translate(50px, 0px);
    -webkit-transform: translate(50px, 0px);
    transform: translate(50px, 0px);
  }
  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
}
@keyframes fromRight {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-transform: translate(50px, 0px);
    -o-transform: translate(50px, 0px);
    -ms-transform: translate(50px, 0px);
    -webkit-transform: translate(50px, 0px);
    transform: translate(50px, 0px);
  }
  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
}
@-webkit-keyframes fromLeft {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-transform: translate(-50px, 0px);
    -o-transform: translate(-50px, 0px);
    -ms-transform: translate(-50px, 0px);
    -webkit-transform: translate(-50px, 0px);
    transform: translate(-50px, 0px);
  }
  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
}
@-moz-keyframes fromLeft {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-transform: translate(-50px, 0px);
    -o-transform: translate(-50px, 0px);
    -ms-transform: translate(-50px, 0px);
    -webkit-transform: translate(-50px, 0px);
    transform: translate(-50px, 0px);
  }
  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
}
@-ms-keyframes fromLeft {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-transform: translate(-50px, 0px);
    -o-transform: translate(-50px, 0px);
    -ms-transform: translate(-50px, 0px);
    -webkit-transform: translate(-50px, 0px);
    transform: translate(-50px, 0px);
  }
  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
}
@-o-keyframes fromLeft {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-transform: translate(-50px, 0px);
    -o-transform: translate(-50px, 0px);
    -ms-transform: translate(-50px, 0px);
    -webkit-transform: translate(-50px, 0px);
    transform: translate(-50px, 0px);
  }
  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
}
@keyframes fromLeft {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-transform: translate(-50px, 0px);
    -o-transform: translate(-50px, 0px);
    -ms-transform: translate(-50px, 0px);
    -webkit-transform: translate(-50px, 0px);
    transform: translate(-50px, 0px);
  }
  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
}
@-webkit-keyframes fromBottom {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-transform: translate(0px, 50px);
    -o-transform: translate(0px, 50px);
    -ms-transform: translate(0px, 50px);
    -webkit-transform: translate(0px, 50px);
    transform: translate(0px, 50px);
  }
  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
}
@-moz-keyframes fromBottom {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-transform: translate(0px, 50px);
    -o-transform: translate(0px, 50px);
    -ms-transform: translate(0px, 50px);
    -webkit-transform: translate(0px, 50px);
    transform: translate(0px, 50px);
  }
  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
}
@-ms-keyframes fromBottom {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-transform: translate(0px, 50px);
    -o-transform: translate(0px, 50px);
    -ms-transform: translate(0px, 50px);
    -webkit-transform: translate(0px, 50px);
    transform: translate(0px, 50px);
  }
  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
}
@-o-keyframes fromBottom {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-transform: translate(0px, 50px);
    -o-transform: translate(0px, 50px);
    -ms-transform: translate(0px, 50px);
    -webkit-transform: translate(0px, 50px);
    transform: translate(0px, 50px);
  }
  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
}
@keyframes fromBottom {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-transform: translate(0px, 50px);
    -o-transform: translate(0px, 50px);
    -ms-transform: translate(0px, 50px);
    -webkit-transform: translate(0px, 50px);
    transform: translate(0px, 50px);
  }
  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
}
@-webkit-keyframes fromTop {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-transform: translate(0px, -50px);
    -o-transform: translate(0px, -50px);
    -ms-transform: translate(0px, -50px);
    -webkit-transform: translate(0px, -50px);
    transform: translate(0px, -50px);
  }
  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
}
@-moz-keyframes fromTop {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-transform: translate(0px, -50px);
    -o-transform: translate(0px, -50px);
    -ms-transform: translate(0px, -50px);
    -webkit-transform: translate(0px, -50px);
    transform: translate(0px, -50px);
  }
  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
}
@-ms-keyframes fromTop {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-transform: translate(0px, -50px);
    -o-transform: translate(0px, -50px);
    -ms-transform: translate(0px, -50px);
    -webkit-transform: translate(0px, -50px);
    transform: translate(0px, -50px);
  }
  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
}
@-o-keyframes fromTop {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-transform: translate(0px, -50px);
    -o-transform: translate(0px, -50px);
    -ms-transform: translate(0px, -50px);
    -webkit-transform: translate(0px, -50px);
    transform: translate(0px, -50px);
  }
  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
}
@keyframes fromTop {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-transform: translate(0px, -50px);
    -o-transform: translate(0px, -50px);
    -ms-transform: translate(0px, -50px);
    -webkit-transform: translate(0px, -50px);
    transform: translate(0px, -50px);
  }
  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
}
@-webkit-keyframes toRight {
  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-transform: translate(50px, 0px);
    -o-transform: translate(50px, 0px);
    -ms-transform: translate(50px, 0px);
    -webkit-transform: translate(50px, 0px);
    transform: translate(50px, 0px);
  }
}
@-moz-keyframes toRight {
  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-transform: translate(50px, 0px);
    -o-transform: translate(50px, 0px);
    -ms-transform: translate(50px, 0px);
    -webkit-transform: translate(50px, 0px);
    transform: translate(50px, 0px);
  }
}
@-ms-keyframes toRight {
  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-transform: translate(50px, 0px);
    -o-transform: translate(50px, 0px);
    -ms-transform: translate(50px, 0px);
    -webkit-transform: translate(50px, 0px);
    transform: translate(50px, 0px);
  }
}
@-o-keyframes toRight {
  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-transform: translate(50px, 0px);
    -o-transform: translate(50px, 0px);
    -ms-transform: translate(50px, 0px);
    -webkit-transform: translate(50px, 0px);
    transform: translate(50px, 0px);
  }
}
@keyframes toRight {
  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-transform: translate(50px, 0px);
    -o-transform: translate(50px, 0px);
    -ms-transform: translate(50px, 0px);
    -webkit-transform: translate(50px, 0px);
    transform: translate(50px, 0px);
  }
}
@-webkit-keyframes toLeft {
  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-transform: translate(-50px, 0px);
    -o-transform: translate(-50px, 0px);
    -ms-transform: translate(-50px, 0px);
    -webkit-transform: translate(-50px, 0px);
    transform: translate(-50px, 0px);
  }
}
@-moz-keyframes toLeft {
  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-transform: translate(-50px, 0px);
    -o-transform: translate(-50px, 0px);
    -ms-transform: translate(-50px, 0px);
    -webkit-transform: translate(-50px, 0px);
    transform: translate(-50px, 0px);
  }
}
@-ms-keyframes toLeft {
  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-transform: translate(-50px, 0px);
    -o-transform: translate(-50px, 0px);
    -ms-transform: translate(-50px, 0px);
    -webkit-transform: translate(-50px, 0px);
    transform: translate(-50px, 0px);
  }
}
@-o-keyframes toLeft {
  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-transform: translate(-50px, 0px);
    -o-transform: translate(-50px, 0px);
    -ms-transform: translate(-50px, 0px);
    -webkit-transform: translate(-50px, 0px);
    transform: translate(-50px, 0px);
  }
}
@keyframes toLeft {
  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-transform: translate(-50px, 0px);
    -o-transform: translate(-50px, 0px);
    -ms-transform: translate(-50px, 0px);
    -webkit-transform: translate(-50px, 0px);
    transform: translate(-50px, 0px);
  }
}
@-webkit-keyframes hideToTop {
  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
  }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    bottom: 100%;
  }
}
@-moz-keyframes hideToTop {
  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
  }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    bottom: 100%;
  }
}
@-ms-keyframes hideToTop {
  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
  }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    bottom: 100%;
  }
}
@-o-keyframes hideToTop {
  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
  }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    bottom: 100%;
  }
}
@keyframes hideToTop {
  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
  }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    bottom: 100%;
  }
}
@-webkit-keyframes hideToBottom {
  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
  }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    top: 100%;
  }
}
@-moz-keyframes hideToBottom {
  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
  }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    top: 100%;
  }
}
@-ms-keyframes hideToBottom {
  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
  }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    top: 100%;
  }
}
@-o-keyframes hideToBottom {
  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
  }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    top: 100%;
  }
}
@keyframes hideToBottom {
  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
  }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    top: 100%;
  }
}
@-webkit-keyframes borderWidth {
  0% {
    left: -5px;
    top: -5px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  25% {
    left: -5px;
    width: 100%;
    height: 5px;
    top: -5px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
  }
  50% {
    left: 100%;
    width: 5px;
    height: 5px;
    top: -5px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
  }
  75% {
    top: -5px;
    height: 100%;
    width: 5px;
    left: 100%;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
  }
  100% {
    top: 100%;
    height: 5px;
    width: 5px;
    left: 100%;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@-moz-keyframes borderWidth {
  0% {
    left: -5px;
    top: -5px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  25% {
    left: -5px;
    width: 100%;
    height: 5px;
    top: -5px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
  }
  50% {
    left: 100%;
    width: 5px;
    height: 5px;
    top: -5px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
  }
  75% {
    top: -5px;
    height: 100%;
    width: 5px;
    left: 100%;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
  }
  100% {
    top: 100%;
    height: 5px;
    width: 5px;
    left: 100%;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@-ms-keyframes borderWidth {
  0% {
    left: -5px;
    top: -5px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  25% {
    left: -5px;
    width: 100%;
    height: 5px;
    top: -5px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
  }
  50% {
    left: 100%;
    width: 5px;
    height: 5px;
    top: -5px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
  }
  75% {
    top: -5px;
    height: 100%;
    width: 5px;
    left: 100%;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
  }
  100% {
    top: 100%;
    height: 5px;
    width: 5px;
    left: 100%;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@-o-keyframes borderWidth {
  0% {
    left: -5px;
    top: -5px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  25% {
    left: -5px;
    width: 100%;
    height: 5px;
    top: -5px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
  }
  50% {
    left: 100%;
    width: 5px;
    height: 5px;
    top: -5px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
  }
  75% {
    top: -5px;
    height: 100%;
    width: 5px;
    left: 100%;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
  }
  100% {
    top: 100%;
    height: 5px;
    width: 5px;
    left: 100%;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@keyframes borderWidth {
  0% {
    left: -5px;
    top: -5px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  25% {
    left: -5px;
    width: 100%;
    height: 5px;
    top: -5px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
  }
  50% {
    left: 100%;
    width: 5px;
    height: 5px;
    top: -5px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
  }
  75% {
    top: -5px;
    height: 100%;
    width: 5px;
    left: 100%;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
  }
  100% {
    top: 100%;
    height: 5px;
    width: 5px;
    left: 100%;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@-webkit-keyframes borderHeight {
  0% {
    left: -5px;
    top: -5px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  25% {
    left: -5px;
    height: 100%;
    width: 5px;
    top: -5px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
  }
  50% {
    left: -5px;
    height: 5px;
    width: 5px;
    top: 100%;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
  }
  75% {
    top: 100%;
    width: 100%;
    height: 5px;
    left: -5px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
  }
  100% {
    top: 100%;
    width: 5px;
    height: 5px;
    left: 100%;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@-moz-keyframes borderHeight {
  0% {
    left: -5px;
    top: -5px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  25% {
    left: -5px;
    height: 100%;
    width: 5px;
    top: -5px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
  }
  50% {
    left: -5px;
    height: 5px;
    width: 5px;
    top: 100%;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
  }
  75% {
    top: 100%;
    width: 100%;
    height: 5px;
    left: -5px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
  }
  100% {
    top: 100%;
    width: 5px;
    height: 5px;
    left: 100%;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@-ms-keyframes borderHeight {
  0% {
    left: -5px;
    top: -5px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  25% {
    left: -5px;
    height: 100%;
    width: 5px;
    top: -5px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
  }
  50% {
    left: -5px;
    height: 5px;
    width: 5px;
    top: 100%;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
  }
  75% {
    top: 100%;
    width: 100%;
    height: 5px;
    left: -5px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
  }
  100% {
    top: 100%;
    width: 5px;
    height: 5px;
    left: 100%;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@-o-keyframes borderHeight {
  0% {
    left: -5px;
    top: -5px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  25% {
    left: -5px;
    height: 100%;
    width: 5px;
    top: -5px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
  }
  50% {
    left: -5px;
    height: 5px;
    width: 5px;
    top: 100%;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
  }
  75% {
    top: 100%;
    width: 100%;
    height: 5px;
    left: -5px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
  }
  100% {
    top: 100%;
    width: 5px;
    height: 5px;
    left: 100%;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@keyframes borderHeight {
  0% {
    left: -5px;
    top: -5px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  25% {
    left: -5px;
    height: 100%;
    width: 5px;
    top: -5px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
  }
  50% {
    left: -5px;
    height: 5px;
    width: 5px;
    top: 100%;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
  }
  75% {
    top: 100%;
    width: 100%;
    height: 5px;
    left: -5px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
  }
  100% {
    top: 100%;
    width: 5px;
    height: 5px;
    left: 100%;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
button,
.button {
  padding: 12px 25px 12px 15px;
  position: relative;
  display: inline-block;
  -webkit-transition: all 150ms linear 0ms;
  -moz-transition: all 150ms linear 0ms;
  -ms-transition: all 150ms linear 0ms;
  -o-transition: all 150ms linear 0ms;
  transition: all 150ms linear 0ms;
  font-size: 0.8em;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Nunito", arial, verdana, sans-serif;
  color: #00802f;
  border: 1px solid #b1b2b4;
}
button.button-main,
.button.button-main {
  background: #00802f;
  border-color: #00802f;
  color: #fff;
  outline: 1px solid #00802f;
}
button.button-full,
.button.button-full {
  width: 100%;
}
button .button-text,
.button .button-text {
  font-size: 1.2em;
  padding-right: 10px;
}
button .button-icon,
.button .button-icon {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 1;
}
button:not(.disabled),
.button:not(.disabled) {
  cursor: pointer;
}
button:not(.disabled):hover, button:not(.disabled):active, button:not(.disabled):focus,
.button:not(.disabled):hover,
.button:not(.disabled):active,
.button:not(.disabled):focus {
  background: #00802f;
  color: #fff;
  border-color: #00802f;
}
button:not(.disabled):hover.button-main, button:not(.disabled):active.button-main, button:not(.disabled):focus.button-main,
.button:not(.disabled):hover.button-main,
.button:not(.disabled):active.button-main,
.button:not(.disabled):focus.button-main {
  background: #fff;
  border-color: #00802f;
  color: #00802f;
}
button:not(.disabled):hover b, button:not(.disabled):active b, button:not(.disabled):focus b,
.button:not(.disabled):hover b,
.button:not(.disabled):active b,
.button:not(.disabled):focus b {
  background: #fff;
  color: #313234;
}
button:not(.disabled):focus.button-full,
.button:not(.disabled):focus.button-full {
  background: #004c41;
  color: #fff;
  border-color: #fff;
}
button b,
.button b {
  background: rgba(0, 0, 0, 0.3);
  color: #fff;
  padding: 2px 5px;
  display: inline-block;
  margin-right: 5px;
  -webkit-transition: all 500ms linear 0ms;
  -moz-transition: all 500ms linear 0ms;
  -ms-transition: all 500ms linear 0ms;
  -o-transition: all 500ms linear 0ms;
  transition: all 500ms linear 0ms;
}

.button.button-main:focus {
  background: #ffffff !important;
  color: #00802f !important;
  border-color: #00802f !important;
}

.button.button-full:focus {
  background: #004c41;
  color: #ffffff;
  border-color: #ffffff;
}

.button-chooser {
  margin-bottom: 50px;
}
.button-chooser nav ul li {
  display: inline-block;
  width: 185px;
  margin-right: 10px;
  margin-bottom: 10px;
}
@media (max-width: 700px) {
  .button-chooser nav ul li {
    width: 100%;
  }
}
.button-chooser nav ul li a {
  background: #00802f;
  display: block;
  padding: 30px 30px 40px 30px;
  color: #fff;
  text-align: center;
  position: relative;
  -webkit-transition: all 150ms linear 0ms;
  -moz-transition: all 150ms linear 0ms;
  -ms-transition: all 150ms linear 0ms;
  -o-transition: all 150ms linear 0ms;
  transition: all 150ms linear 0ms;
  border: 5px solid rgba(177, 178, 180, 0.8);
  border-color: #85bd3b;
}
@media (max-width: 700px) {
  .button-chooser nav ul li a {
    padding: 15px 30px 25px 30px;
  }
}
.button-chooser nav ul li a span {
  display: block;
}
.button-chooser nav ul li a span.date-day {
  font-size: 1em;
  color: rgba(255, 255, 255, 0.8);
}
.button-chooser nav ul li a span.date-date {
  font-size: 1.4em;
}
.button-chooser nav ul li a span.date-time {
  font-size: 1.8em;
  font-weight: bold;
}
.button-chooser nav ul li a i {
  -webkit-transition: all 150ms linear 0ms;
  -moz-transition: all 150ms linear 0ms;
  -ms-transition: all 150ms linear 0ms;
  -o-transition: all 150ms linear 0ms;
  transition: all 150ms linear 0ms;
  position: absolute;
  top: auto;
  right: auto;
  bottom: 15px;
  left: 50%;
  z-index: auto;
  color: #fff;
  display: block;
  margin-left: -5px;
}
.button-chooser nav ul li a i.checked {
  display: none;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-transform: translate(0px, -20px);
  -o-transform: translate(0px, -20px);
  -ms-transform: translate(0px, -20px);
  -webkit-transform: translate(0px, -20px);
  transform: translate(0px, -20px);
}
.button-chooser nav ul li a i.expand:focus, .button-chooser nav ul li a i.checked:focus {
  outline: 2px solid #005fcc;
  outline-offset: 2px;
}
@media (max-width: 700px) {
  .button-chooser nav ul li a i {
    margin-bottom: -10px;
  }
}
.button-chooser nav ul li:hover a {
  background: rgb(105.6491935484, 150.1330645161, 46.8669354839);
}
.button-chooser nav ul li:hover a i.expand {
  bottom: 10px;
}
.button-chooser nav ul li a:hover,
.button-chooser nav ul li a:active,
.button-chooser nav ul li a:focus {
  border: 5px solid #004c41;
  background: #fff !important;
  color: #313234;
}
.button-chooser nav ul li a:hover span,
.button-chooser nav ul li a:active span,
.button-chooser nav ul li a:focus span {
  color: #313234 !important;
}
.button-chooser nav ul li a:hover i,
.button-chooser nav ul li a:active i,
.button-chooser nav ul li a:focus i {
  color: #313234 !important;
}
.button-chooser nav ul li.active a {
  background: #ffffff;
  border-color: #85bd3b;
  color: #313234;
}
.button-chooser nav ul li.active a span {
  color: #313234;
}
.button-chooser nav ul li.active a i {
  color: #313234;
}
.button-chooser nav ul li.active a i.expand {
  display: none;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-transform: translate(0px, 20px);
  -o-transform: translate(0px, 20px);
  -ms-transform: translate(0px, 20px);
  -webkit-transform: translate(0px, 20px);
  transform: translate(0px, 20px);
}
.button-chooser nav ul li.active a i.checked {
  display: inline-block;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-transform: translate(0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  -webkit-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  color: #000;
  transition: all 150ms ease;
}

.faq-button {
  margin-bottom: 60px;
  padding: 3px 25px 3px 15px;
}

.faq-login-button {
  padding: 5px 25px 2px 15px;
  display: inline-block;
}

.button-with-checkbox {
  margin-bottom: 12px;
}

.button-pdf {
  display: block;
  width: 300px;
}

.button-pdf-long {
  display: block;
  width: 350px;
}

hr {
  margin: 30px 0px;
  border-top: 1px solid rgba(177, 178, 180, 0.8);
}

.logo {
  width: 55px;
  height: 60px;
  background: center center no-repeat;
}
.logo a {
  display: inline-block;
  border-bottom: 2px solid transparent;
  transition: border-color 0.2s ease;
}
.logo a:focus {
  outline: none;
  border-bottom-color: #fff;
}

.statusblock {
  position: relative;
  width: 210px;
}
.statusblock .statusblock-top {
  border-top: 3px solid #00802f;
  border-left: 3px solid #00802f;
  border-right: 3px solid #00802f;
  background: #00802f;
  color: #fff;
  position: relative;
}
.statusblock .statusblock-top a {
  color: #fff;
  padding: 15px;
  display: block;
}
.statusblock .statusblock-top a:hover, .statusblock .statusblock-top a:active, .statusblock .statusblock-top a:focus {
  color: #00802f;
  background: #fff;
}
.statusblock .statusblock-top span {
  text-transform: uppercase;
}
.statusblock .statusblock-top i {
  font-size: 40px;
  position: absolute;
  right: 5px;
  top: 50%;
  margin-top: -25px;
}
.statusblock .statusblock-status {
  border-bottom: 3px solid #00802f;
  border-left: 3px solid #00802f;
  border-right: 3px solid #00802f;
  background: #f2f2f2;
  padding: 10px;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
}
.statusblock.clickable:hover .statusblock-top {
  background: #00802f;
}
.statusblock.unpaid .statusblock-status {
  color: #c43e1c;
}
.statusblock.paid .statusblock-status {
  color: #85bd3b;
}

.fee-breakdown-heading {
  font-family: "Nunito", arial, verdana, sans-serif;
  font-size: 1.2em;
  color: #313234;
  margin: 0 0 15px 0;
  padding: 0;
  border: 0;
}

.fee-breakdown {
  margin-bottom: 15px;
}

.fee-line {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
  border-bottom: 1px solid #f2f2f2;
}
.fee-line .fee-label {
  font-family: "Nunito", arial, verdana, sans-serif;
  color: #494949;
  display: flex;
  align-items: center;
}
.fee-line .fee-value {
  font-family: "Nunito", arial, verdana, sans-serif;
  color: #313234;
  font-weight: bold;
}
.fee-line.fee-line-subtotal {
  border-bottom: none;
}
.fee-line.fee-line-subtotal .fee-label,
.fee-line.fee-line-subtotal .fee-value {
  font-weight: bold;
  color: #313234;
}
.fee-line.fee-line-expandable {
  cursor: pointer;
}
.fee-line.fee-line-detail {
  padding: 6px 0 6px 20px;
}
.fee-line.fee-line-detail .fee-label {
  font-size: 0.96em;
  font-style: italic;
}
.fee-line.fee-line-detail .fee-value {
  font-size: 0.96em;
  font-weight: normal;
}
.fee-expand-btn {
  background: none;
  border: none;
  margin-left: 8px;
  padding: 0;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  cursor: pointer;
  color: #494949;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: background 150ms ease, color 150ms ease;
}
.fee-expand-btn:hover {
  background: #00802f;
  color: white;
}
.fee-expand-btn i {
  font-size: 20px;
  transition: transform 150ms ease;
}
.fee-expand-btn[aria-expanded=true] i {
  transform: rotate(180deg);
}

.fee-details {
  border-bottom: 1px solid #f2f2f2;
}

.convenience-fee-card {
  background: #f2f2f2;
  border: 1px solid rgb(229.25, 229.25, 229.25);
  border-radius: 4px;
  padding: 15px;
  margin-bottom: 15px;
}
.convenience-fee-card .convenience-fee-header {
  display: flex;
  align-items: center;
  margin-bottom: 4px;
}
.convenience-fee-card .convenience-fee-icon {
  margin-right: 8px;
  color: #494949;
}
.convenience-fee-card .convenience-fee-icon i {
  font-size: 20px;
  vertical-align: middle;
}
.convenience-fee-card .convenience-fee-label {
  font-family: "Nunito", arial, verdana, sans-serif;
  font-weight: bold;
  color: #313234;
  flex: 1;
}
.convenience-fee-card .convenience-fee-value {
  font-family: "Nunito", arial, verdana, sans-serif;
  font-weight: bold;
  color: #313234;
}
.convenience-fee-card .convenience-fee-note {
  display: block;
  color: #c43e1c;
  font-family: "Nunito", arial, verdana, sans-serif;
  font-size: 0.96em;
  font-weight: bold;
  margin-bottom: 4px;
}
.convenience-fee-card .convenience-fee-explain {
  color: #494949;
  font-size: 0.96em;
  line-height: 1.4;
  margin: 0;
}

.total-amount-due {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #f2f2f2;
  border: 1px solid rgb(229.25, 229.25, 229.25);
  border-radius: 4px;
  padding: 12px 15px;
  margin-bottom: 15px;
}
.total-amount-due .total-due-label {
  font-family: "Nunito", arial, verdana, sans-serif;
  font-weight: bold;
  color: #313234;
}
.total-amount-due .total-due-value {
  font-family: "Nunito", arial, verdana, sans-serif;
  font-weight: bold;
  font-size: 1.8em;
  color: #313234;
}

.fee-footer {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
  padding-top: 5px;
}
.fee-footer .fee-footer-item .fee-footer-label {
  display: block;
  font-family: "Nunito", arial, verdana, sans-serif;
  font-size: 0.96em;
  color: #494949;
  margin-bottom: 2px;
}
.fee-footer .fee-footer-item .fee-footer-value {
  font-family: "Nunito", arial, verdana, sans-serif;
  color: #313234;
}

.status-badge {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 3px;
  font-size: 0.96em;
  font-weight: bold;
  font-family: "Nunito", arial, verdana, sans-serif;
}
.status-badge.status-unpaid {
  background: rgb(244.75, 195.6964285714, 183.25);
  color: rgb(151.375, 47.8839285714, 21.625);
}
.status-badge.status-paid {
  background: rgb(153.5, 255, 190.76953125);
  color: #00802f;
}

.item-paymentoptions {
  text-align: right;
  margin-top: 10px;
  color: #004c41;
  font-style: italic;
}
.item-paymentoptions img {
  vertical-align: middle;
}

.evidenceviewer {
  text-align: center;
  margin-bottom: 40px;
  position: relative;
  min-height: 300px;
  background: #f2f2f2;
}
.evidenceviewer img {
  max-width: 100%;
  display: inline-block;
  margin: 0px auto;
  position: relative;
}
.evidenceviewer video {
  max-width: 100%;
  display: inline-block;
  margin: 0px auto;
}
.evidenceviewer .thumbnails {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 1;
  max-width: 195px;
  max-height: 195px;
}
.evidenceviewer .thumbnails .thumbnail {
  text-align: center;
  margin: 0px 10px 0px 0px;
  display: inline-block;
  border: 2px solid #fff;
  vertical-align: top;
}
.evidenceviewer .thumbnails .thumbnail img {
  max-width: 100%;
  display: block;
  vertical-align: top;
}

.well {
  background: #f2f2f2;
  border: 1px solid rgba(177, 178, 180, 0.8);
  padding: 10px 20px;
  font-family: "Nunito", arial, verdana, sans-serif;
  color: #313234;
  font-size: 13px;
}

.infoblock {
  font-family: "Nunito", arial, verdana, sans-serif;
  border-left: 1px solid rgba(177, 178, 180, 0.8);
  padding-left: 10px;
}
.infoblock .infoblock-legend {
  font-size: 13px;
  color: #313234;
  display: block;
  margin-bottom: 5px;
}
.infoblock .infoblock-content {
  font-size: 1.4em;
  color: #85bd3b;
}

.login-notice {
  background: #f2f2f2;
  padding: 20px 0px;
  margin: 0px 0px 30px 0px;
  text-align: center;
  position: relative;
}
.login-notice:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  background: #ffffff;
  -webkit-animation: hideToTop 450ms cubic-bezier(0.85, 0.01, 0.25, 1) 0ms 1;
  -moz-animation: hideToTop 450ms cubic-bezier(0.85, 0.01, 0.25, 1) 0ms 1;
  -ms-animation: hideToTop 450ms cubic-bezier(0.85, 0.01, 0.25, 1) 0ms 1;
  -o-animation: hideToTop 450ms cubic-bezier(0.85, 0.01, 0.25, 1) 0ms 1;
  animation: hideToTop 450ms cubic-bezier(0.85, 0.01, 0.25, 1) 0ms 1;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-delay: 500ms;
  -moz-animation-delay: 500ms;
  -ms-animation-delay: 500ms;
  -o-animation-delay: 500ms;
  animation-delay: 500ms;
  pointer-events: none;
}
.login-notice .button {
  margin-top: 20px;
}

.attentionblock {
  border: 5px solid rgba(177, 178, 180, 0.8);
  padding: 20px 30px;
  max-width: 700px;
  margin-bottom: 50px;
  position: relative;
}
.attentionblock section.infoview {
  margin-bottom: 20px;
}
.attentionblock h2 {
  border: 0px;
  margin-bottom: 20px;
}
.attentionblock h2 .heading-arrow {
  left: -30px;
}
.attentionblock h3 {
  margin-top: 30px;
}
.attentionblock.evidencestatus-paid {
  border-color: #85bd3b;
}
.attentionblock.evidencestatus-paid h2 {
  color: #85bd3b;
}
.attentionblock.attentionblock-sm {
  max-width: 320px;
  height: 360px;
  vertical-align: top;
  margin-right: 30px;
  display: inline-block;
}
.attentionblock.attentionblock-sm:last-child {
  margin-right: 0px;
}
.attentionblock:before {
  content: "";
  position: absolute;
  top: -5px;
  right: auto;
  bottom: auto;
  left: 5px;
  z-index: 1;
  width: 5px;
  height: 5px;
  -webkit-animation: borderWidth 450ms cubic-bezier(0.85, 0.01, 0.25, 1) 0ms 1;
  -moz-animation: borderWidth 450ms cubic-bezier(0.85, 0.01, 0.25, 1) 0ms 1;
  -ms-animation: borderWidth 450ms cubic-bezier(0.85, 0.01, 0.25, 1) 0ms 1;
  -o-animation: borderWidth 450ms cubic-bezier(0.85, 0.01, 0.25, 1) 0ms 1;
  animation: borderWidth 450ms cubic-bezier(0.85, 0.01, 0.25, 1) 0ms 1;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  background: rgba(0, 0, 0, 0.1);
}
.attentionblock:after {
  content: "";
  position: absolute;
  top: -5px;
  right: auto;
  bottom: auto;
  left: 5px;
  z-index: 1;
  width: 5px;
  height: 5px;
  -webkit-animation: borderHeight 450ms cubic-bezier(0.85, 0.01, 0.25, 1) 0ms 1;
  -moz-animation: borderHeight 450ms cubic-bezier(0.85, 0.01, 0.25, 1) 0ms 1;
  -ms-animation: borderHeight 450ms cubic-bezier(0.85, 0.01, 0.25, 1) 0ms 1;
  -o-animation: borderHeight 450ms cubic-bezier(0.85, 0.01, 0.25, 1) 0ms 1;
  animation: borderHeight 450ms cubic-bezier(0.85, 0.01, 0.25, 1) 0ms 1;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 100ms;
  -moz-animation-delay: 100ms;
  -ms-animation-delay: 100ms;
  -o-animation-delay: 100ms;
  animation-delay: 100ms;
  background: rgba(0, 0, 0, 0.1);
}

.pageerror {
  border: 5px solid rgba(177, 178, 180, 0.8);
  padding: 20px 30px 20px 80px;
  margin-bottom: 50px;
  position: relative;
}
.pageerror:before {
  content: "";
  position: absolute;
  top: -5px;
  right: auto;
  bottom: auto;
  left: 5px;
  z-index: 1;
  width: 5px;
  height: 5px;
  -webkit-animation: borderWidth 450ms cubic-bezier(0.85, 0.01, 0.25, 1) 0ms 1;
  -moz-animation: borderWidth 450ms cubic-bezier(0.85, 0.01, 0.25, 1) 0ms 1;
  -ms-animation: borderWidth 450ms cubic-bezier(0.85, 0.01, 0.25, 1) 0ms 1;
  -o-animation: borderWidth 450ms cubic-bezier(0.85, 0.01, 0.25, 1) 0ms 1;
  animation: borderWidth 450ms cubic-bezier(0.85, 0.01, 0.25, 1) 0ms 1;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  background: rgba(0, 0, 0, 0.1);
}
.pageerror:after {
  content: "";
  position: absolute;
  top: -5px;
  right: auto;
  bottom: auto;
  left: 5px;
  z-index: 1;
  width: 5px;
  height: 5px;
  -webkit-animation: borderHeight 450ms cubic-bezier(0.85, 0.01, 0.25, 1) 0ms 1;
  -moz-animation: borderHeight 450ms cubic-bezier(0.85, 0.01, 0.25, 1) 0ms 1;
  -ms-animation: borderHeight 450ms cubic-bezier(0.85, 0.01, 0.25, 1) 0ms 1;
  -o-animation: borderHeight 450ms cubic-bezier(0.85, 0.01, 0.25, 1) 0ms 1;
  animation: borderHeight 450ms cubic-bezier(0.85, 0.01, 0.25, 1) 0ms 1;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 100ms;
  -moz-animation-delay: 100ms;
  -ms-animation-delay: 100ms;
  -o-animation-delay: 100ms;
  animation-delay: 100ms;
  background: rgba(0, 0, 0, 0.1);
}
.pageerror h2 {
  font-size: 1.8em;
  color: #cf4421;
  margin-bottom: 20px;
}
.pageerror .pageerror-icon {
  position: absolute;
  left: 20px;
  top: 20px;
}
.pageerror .pageerror-icon i {
  font-size: 40px;
  color: #cf4421;
}

.heading-arrow {
  font-size: 0.8em;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Nunito", arial, verdana, sans-serif;
  width: 140px;
  height: 40px;
  display: inline-block;
  color: #015a21;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.heading-arrow em {
  font-size: 12px;
  display: block;
  font-style: normal;
  position: absolute;
  top: 12px;
  right: auto;
  bottom: auto;
  left: 30px;
  z-index: 1;
}
.heading-arrow:before {
  content: "";
  width: 200px;
  height: 200px;
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: -80px;
  right: auto;
  bottom: auto;
  left: -100px;
  z-index: 0;
  background: rgba(177, 178, 180, 0.8);
}

h1 .heading-arrow,
h2 .heading-arrow,
h3 .heading-arrow,
h4 .heading-arrow,
h5 .heading-arrow,
h6 .heading-arrow {
  top: 10px;
}

pre {
  color: pink;
  background: deeppink;
  display: inline-block;
  padding: 2px 5px;
}

.material-icons {
  font-size: 20px;
}

nav ul {
  list-style: none;
}
nav ul li {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  display: inline-block;
}
nav ul li a {
  display: block;
}
nav#menu {
  position: absolute;
  top: 10px;
  right: 0px;
  bottom: auto;
  left: auto;
  z-index: auto;
  text-transform: uppercase;
  z-index: 100;
  font-size: 0.96em;
  letter-spacing: 0.5px;
  padding: 5px;
  background: #3c3c3c;
}
nav#menu ul li a {
  color: #fff;
  border-left: 1px solid #494949;
  padding: 5px 10px;
  text-decoration: none;
  border-bottom: 2px solid transparent;
  transition: color 0.2s ease, border-color 0.2s ease;
}
nav#menu ul li a:hover, nav#menu ul li a:active {
  color: #fff;
  border-bottom-color: #fff;
}
nav#menu ul li a:focus {
  outline: none;
  border-bottom-color: #fff;
}
nav#menu ul li:first-child a {
  border-left: 0px;
}
nav#menu ul li.active a {
  color: #fff;
  border-bottom-color: #fff;
}
nav#menu #closemenu {
  display: none;
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: auto;
  left: auto;
  z-index: 1000;
  width: 30px;
  height: 30px;
  -webkit-transition: all 150ms linear 0ms;
  -moz-transition: all 150ms linear 0ms;
  -ms-transition: all 150ms linear 0ms;
  -o-transition: all 150ms linear 0ms;
  transition: all 150ms linear 0ms;
  background: #fff;
  color: #313234;
  padding: 5px;
  cursor: pointer;
}
nav#menu #closemenu:hover {
  background: #85bd3b;
  color: #fff;
}
@media (max-width: 1020px) {
  nav#menu {
    width: 100%;
    padding: 0px;
    background: #313234;
    position: fixed;
    top: 0px;
    right: 0px;
    bottom: auto;
    left: auto;
    z-index: 1000;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-transform: translate(0px, -50px);
    -o-transform: translate(0px, -50px);
    -ms-transform: translate(0px, -50px);
    -webkit-transform: translate(0px, -50px);
    transform: translate(0px, -50px);
    -webkit-transition: all 150ms linear 0ms;
    -moz-transition: all 150ms linear 0ms;
    -ms-transition: all 150ms linear 0ms;
    -o-transition: all 150ms linear 0ms;
    transition: all 150ms linear 0ms;
    pointer-events: none;
  }
  nav#menu ul {
    width: 100%;
  }
  nav#menu ul li {
    display: block;
  }
  nav#menu ul li a {
    border: 0px;
    width: 100%;
    border-bottom: 1px solid #494949;
    padding: 8px 20px;
  }
}
@media (max-width: 700px) {
  nav.tabs {
    position: absolute;
    left: 0;
  }
}
nav.tabs ul {
  position: relative;
}
nav.tabs ul:before {
  content: "";
  position: absolute;
  top: 15px;
  right: auto;
  bottom: 0px;
  left: 0px;
  z-index: auto;
  width: 1px;
  background: rgba(255, 255, 255, 0.1);
}
nav.tabs ul li {
  width: 120px;
  text-align: center;
  position: relative;
}
@media (max-width: 700px) {
  nav.tabs ul li {
    width: 32%;
  }
}
nav.tabs ul li:after {
  content: "";
  position: absolute;
  top: 15px;
  right: 0px;
  bottom: 0px;
  left: auto;
  z-index: auto;
  width: 1px;
  background: rgba(255, 255, 255, 0.1);
}
nav.tabs ul li a {
  font-size: 0.96em;
  color: #fff;
  text-transform: uppercase;
  font-size: 1em;
  padding: 15px 10px;
  position: relative;
  transition: all 0.2s ease-in-out;
}
@media (max-width: 700px) {
  nav.tabs ul li a {
    padding: 15px 5px;
  }
}
nav.tabs ul li a:hover, nav.tabs ul li a:active, nav.tabs ul li a:focus {
  color: #fff;
}
nav.tabs ul li a:hover::before, nav.tabs ul li a:active::before, nav.tabs ul li a:focus::before {
  content: "";
  width: 100%;
  height: 5px;
  background: #85bd3b;
  position: absolute;
  top: auto;
  bottom: -1px;
  left: 0;
  z-index: 10;
  transition: all 0.2s ease-in-out;
  will-change: background;
}
nav.tabs ul li.active a {
  color: #fff;
}
nav.tabs ul li.active a::before {
  content: "";
  position: absolute;
  top: auto;
  bottom: -1px;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 5px;
  transition: all 0.2s ease-in-out;
  background: #85bd3b;
  will-change: background;
}

body.menu-open nav#menu {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-transform: translate(0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  -webkit-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  pointer-events: auto;
}
@media (max-width: 1020px) {
  body.menu-open nav#menu #closemenu {
    display: block;
  }
}

#mobileMenuBtn {
  display: none;
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: auto;
  left: auto;
  z-index: auto;
  width: 30px;
  height: 30px;
  cursor: pointer;
  -webkit-transition: all 150ms linear 0ms;
  -moz-transition: all 150ms linear 0ms;
  -ms-transition: all 150ms linear 0ms;
  -o-transition: all 150ms linear 0ms;
  transition: all 150ms linear 0ms;
  z-index: 10;
  background: rgb(24.2574257426, 24.7524752475, 25.7425742574);
  padding: 5px 0px 0px 5px;
}
#mobileMenuBtn:hover {
  background: #85bd3b;
  color: #fff;
}
@media (max-width: 1020px) {
  #mobileMenuBtn {
    display: block;
  }
}

a.backbutton {
  text-align: center;
  position: relative;
  font-size: 0.96em;
  color: #fff;
  text-transform: uppercase;
  padding: 24px 18px;
  display: inline-block;
  vertical-align: middle;
}
a.backbutton:before {
  content: "";
  position: absolute;
  top: 15px;
  right: auto;
  bottom: 0px;
  left: 0px;
  z-index: auto;
  width: 1px;
  background: rgba(255, 255, 255, 0.1);
}
a.backbutton:after {
  content: "";
  position: absolute;
  top: 15px;
  right: 0px;
  bottom: 0px;
  left: auto;
  z-index: auto;
  width: 1px;
  background: rgba(255, 255, 255, 0.1);
}
a.backbutton i {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -2px;
  color: #85bd3b;
  margin-right: 10px;
}
a.backbutton:hover, a.backbutton:active, a.backbutton:focus {
  color: #fff;
  border-bottom: 2px solid #85bd3b;
  padding-bottom: 10px;
}

.pagenotice {
  position: fixed;
  left: 20px;
  top: 20px;
  background: #85bd3b;
  border: 1px solid rgba(255, 255, 255, 0.3);
  color: #fff;
  padding: 10px 20px;
  -webkit-animation: fromLeft 450ms cubic-bezier(0.85, 0.01, 0.25, 1) 0ms 1;
  -moz-animation: fromLeft 450ms cubic-bezier(0.85, 0.01, 0.25, 1) 0ms 1;
  -ms-animation: fromLeft 450ms cubic-bezier(0.85, 0.01, 0.25, 1) 0ms 1;
  -o-animation: fromLeft 450ms cubic-bezier(0.85, 0.01, 0.25, 1) 0ms 1;
  animation: fromLeft 450ms cubic-bezier(0.85, 0.01, 0.25, 1) 0ms 1;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  border-radius: 3px;
  z-index: 100001;
  max-width: 300px;
  max-height: 150px;
  overflow-y: auto;
  overflow-x: hidden;
}
.pagenotice.pagenotice-success {
  background: #85bd3b;
}
.pagenotice.pagenotice-warning {
  background: #e7aa35;
}
.pagenotice.pagenotice-error {
  background: #e94d17;
}
.pagenotice.out {
  -webkit-animation: toLeft 450ms cubic-bezier(0.85, 0.01, 0.25, 1) 0ms 1;
  -moz-animation: toLeft 450ms cubic-bezier(0.85, 0.01, 0.25, 1) 0ms 1;
  -ms-animation: toLeft 450ms cubic-bezier(0.85, 0.01, 0.25, 1) 0ms 1;
  -o-animation: toLeft 450ms cubic-bezier(0.85, 0.01, 0.25, 1) 0ms 1;
  animation: toLeft 450ms cubic-bezier(0.85, 0.01, 0.25, 1) 0ms 1;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.text-pagedescription {
  font-size: 11.7px;
}

.text-important {
  color: #00802f;
  font-weight: bold;
}

.text-sm {
  font-size: 0.96em;
}

.text-md {
  font-size: 1em;
}

.text-lg {
  font-size: 1.2em;
}

.text-xl {
  font-size: 1.4em;
}

.text-xxl {
  font-size: 1.8em;
}

.text-unpaid {
  color: #c43e1c;
  text-transform: uppercase;
}

.text-paid {
  color: #85bd3b;
  text-transform: uppercase;
}

.text-explain {
  font-size: 1.15em;
  color: #313234;
  line-height: 1.5em;
  font-family: "Nunito", arial, verdana, sans-serif;
}
.text-explain.text-explain-left {
  display: inline-block;
  margin-right: 20px;
}

.text-faq {
  color: #313234;
  font-size: 1em;
  line-height: 1.6em;
  margin-bottom: 20px;
}
.text-faq a {
  color: #000;
  font-weight: bold;
  text-decoration: underline;
}
.text-faq a:hover, .text-faq a:focus, .text-faq a:active {
  color: #494949;
  text-decoration: underline;
}

h2 {
  color: #00802f;
  padding-bottom: 10px;
  margin-bottom: 40px;
  border-bottom: 1px solid rgba(177, 178, 180, 0.8);
}
h2 span {
  color: #004c41;
  font-style: italic;
  padding-right: 15px;
  display: inline-block;
}
h2.title-valid-for-city {
  margin-bottom: 20px;
}

h3 {
  color: #313234;
  padding-bottom: 5px;
  margin-bottom: 30px;
  border-bottom: 1px solid rgba(177, 178, 180, 0.8);
  font-style: italic;
}
h3 span {
  color: #004c41;
  font-style: normal;
  padding-right: 15px;
  display: inline-block;
}
h3.sec {
  border: 0px;
  padding: 0px;
  font-style: normal;
  font-weight: bold;
  color: #313234;
}

ul.textlist {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  list-style: none;
}
ul.textlist li {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  display: block;
  padding: 0px 0px 20px 30px;
  color: #313234;
  font-size: 1.2em;
  position: relative;
  line-height: 1.8em;
}
ul.textlist li:before {
  content: "";
  position: absolute;
  top: 5px;
  right: auto;
  bottom: auto;
  left: 0px;
  z-index: auto;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  width: 6px;
  height: 6px;
  background: #85bd3b;
}
ul.textlist p {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  display: block;
  color: #313234;
  font-size: 1.2em;
  position: relative;
  line-height: 1.8em;
}

.sr-only {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  border: 0;
  white-space: nowrap;
  color: inherit;
}

video:focus {
  outline: 2px solid #85bd3b;
}

.radiofoc:focus {
  border: 2px #00802f;
}

.checkbox > .form-control:focus + label {
  background: rgb(255, 255, 255);
  border: 2px solid #00802f;
}

.left a {
  display: inline-block;
  border-bottom: 1px solid transparent;
  transition: border-color 0.2s ease;
}
.left a:hover, .left a:active, .left a:focus {
  color: #fff;
  outline: none;
  border-bottom-color: #fff;
}

.form-error:after {
  background: #cf4421;
}

html,
body {
  height: 100%;
}

.container {
  width: 1520px;
  margin: 0 auto;
  position: relative;
}
@media (max-width: 1600px) {
  .container {
    width: 1120px;
  }
}
@media (max-width: 1200px) {
  .container {
    width: 940px;
  }
}
@media (max-width: 1020px) {
  .container {
    width: 620px;
  }
}
@media (max-width: 700px) {
  .container {
    width: 100%;
    padding-left: 40px;
    padding-right: 40px;
  }
}

.row .col {
  white-space: normal;
  float: left;
  padding-right: 20px;
}
.row .col:last-of-type {
  padding-right: 0;
}
.row:after {
  content: "";
  display: table;
  clear: both;
}
.row.row-2 .col {
  width: 50%;
}
.row.row-3 .col {
  width: 33.3333333%;
}
.row.row-4 .col {
  width: 25%;
}
.row.row-5 .col {
  width: 20%;
}
@media (max-width: 1020px) {
  .row .col {
    padding-right: 0;
    width: 100% !important;
  }
}

.col-separated {
  border-left: 1px solid rgba(177, 178, 180, 0.8);
  padding-left: 20px;
}

.viewwidth.viewwidth-xs {
  max-width: 20%;
}
.viewwidth.viewwidth-sm {
  max-width: 35%;
}
.viewwidth.viewwidth-md {
  max-width: 50%;
}
.viewwidth.viewwidth-lg {
  max-width: 65%;
}
.viewwidth.viewwidth-xl {
  max-width: 100%;
}
@media (max-width: 1020px) {
  .viewwidth {
    max-width: 100% !important;
  }
}

.bg {
  background: #f2f2f2;
  position: fixed;
  top: 0px;
  right: auto;
  bottom: 0px;
  left: 0px;
  z-index: auto;
  z-index: -1;
  width: 350px;
}
@media (max-width: 1200px) {
  .bg {
    display: none;
  }
}

header {
  background: #494949;
  color: #fff;
}
header .header-inner {
  position: relative;
  padding: 100px 0px 30px 0px;
}
@media (max-width: 1020px) {
  header .header-inner {
    padding-top: 120px;
  }
}
header .pagetitle .logo {
  display: inline-block;
  position: absolute;
  left: 0;
}
header .pagetitle.has-logo {
  position: relative;
  padding-left: 70px;
}
header .header-info {
  border: 3px solid rgba(255, 255, 255, 0.3);
  position: absolute;
  right: 0;
  bottom: 10px;
  width: 210px;
  padding: 10px;
  white-space: nowrap;
  font-size: 0.96em;
}
header .header-info .infoview-item {
  padding-bottom: 3px !important;
}
header .header-info .infotext-content {
  color: rgba(255, 255, 255, 0.9) !important;
}
@media (max-width: 1020px) {
  header .header-info {
    display: none;
  }
}

section#main {
  position: relative;
  min-height: 100%;
  margin-bottom: -45px;
}
section#main.has-sidebar section.content {
  background: #ffffff;
  padding-left: 350px;
}
@media (max-width: 1200px) {
  section#main.has-sidebar section.content {
    padding-left: 0px;
    padding-right: 0px;
  }
}

aside {
  position: absolute;
  top: 0px;
  right: auto;
  bottom: 0px;
  left: 0px;
  z-index: auto;
  background: #f2f2f2;
  width: 350px;
  min-height: 900px;
}
aside .aside-content {
  padding: 80px 30px 180px 0px;
}
@media (max-width: 1200px) {
  aside {
    position: static;
    width: 100%;
    min-height: 0px;
    background: none;
  }
  aside .aside-content {
    padding: 30px 0px;
  }
}

.contentblock {
  margin-bottom: 40px;
}
.contentblock.contentblock-featured {
  background: #ffffff;
  padding: 30px 20px;
  border: 1px solid rgba(177, 178, 180, 0.8);
}
.contentblock.contentblock-featured .button {
  margin-top: 15px;
}
.contentblock.contentblock-text h1 {
  border: 0px;
  padding: 0px;
  font-size: 1.8em;
  margin: 0px 0px 20px 0px;
  font-style: normal;
  font-weight: bold;
  color: #313234;
}
.contentblock.contentblock-text h3 {
  border: 0px;
  padding: 0px;
  margin: 0px 0px 20px 0px;
  font-style: normal;
  font-weight: bold;
  color: #313234;
}
.contentblock.contentblock-text p {
  line-height: 1.5em;
  color: #313234;
}
.contentblock.contentblock-owner-vehicle-info .infotext-label {
  vertical-align: top;
}

table {
  width: 100%;
  margin-bottom: 30px;
}
table tr td {
  padding: 12px 0;
  font-size: 14px;
}

#footer {
  position: relative;
  width: 100%;
  background: #313234;
  bottom: 0;
  font-size: 11.7px;
  padding: 15px;
}
@media (max-width: 700px) {
  #footer {
    line-height: 18.2px;
    padding-bottom: 50px;
  }
}
#footer .left {
  float: left;
}
@media (max-width: 700px) {
  #footer .left {
    float: none;
  }
}
#footer .right {
  float: right;
  color: #b1b2b4;
}
@media (max-width: 700px) {
  #footer .right {
    float: none;
  }
}

#footer,
.push {
  height: 45px;
}

@media print {
  header,
  section.tabbar,
  .button,
  button {
    display: none;
  }
}
section.content {
  padding-top: 80px;
  padding-bottom: 180px;
}
@media (max-width: 1200px) {
  section.content {
    padding-top: 40px;
    padding-bottom: 90px;
  }
}

section.infoview .infoview-item {
  padding-bottom: 10px;
}
section.infoview .infoview-item .infotext-label,
section.infoview .infoview-item .infotext-content {
  display: inline-block;
  width: 48%;
}
section.infoview .infoview-item .infotext-label {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  padding-right: 10px;
  font-style: italic;
  vertical-align: top;
}
section.infoview .infoview-item .infotext-content {
  color: #494949;
  line-height: 19.5px;
  vertical-align: top;
}
section.infoview .infoview-item:last-child {
  padding-bottom: 0px;
}

section.tabbar {
  background: #313234;
  height: 62px;
}
section.tabbar .statusblock {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: auto;
  left: auto;
  z-index: 10;
}
@media (max-width: 1020px) {
  section.tabbar .statusblock {
    position: fixed;
    top: 0px;
    right: auto;
    bottom: auto;
    left: 40px;
    z-index: 100;
  }
}

section.evidenceviewersection {
  padding-left: 40px;
  padding-right: 0px;
}
@media (max-width: 1200px) {
  section.evidenceviewersection {
    padding-left: 0;
    padding-right: 0;
  }
}

section.formsection {
  padding-left: 40px;
  padding-right: 0px;
}
section.formsection h1 {
  color: #00802f;
  padding-bottom: 10px;
  margin-bottom: 40px;
  border-bottom: 1px solid rgba(177, 178, 180, 0.8);
}
section.formsection h3 {
  margin: 30px 0px 15px 0px;
}
section.formsection .form {
  margin-top: 20px;
}
@media (max-width: 1200px) {
  section.formsection {
    padding-left: 0;
    padding-right: 0;
  }
}

section.content section.formsection {
  min-height: 1100px;
}

section.contentsection {
  margin: 0 auto;
  max-width: 700px;
  line-height: 32.5px;
}
section.contentsection h3 {
  margin: 30px 0px 15px 0px;
}

.collapsesections .collapsesection {
  display: none;
  border-left: 3px solid #85bd3b;
  padding-left: 30px;
}
.collapsesections .collapsesection.active {
  display: block;
}
.collapsesections .collapsesection:first-child {
  border-left: 0px;
  padding-left: 0px;
}
.collapsesections .collapsesection:nth-child(2) {
  border-left: 0px;
  padding-left: 0px;
}

.form-group {
  position: relative;
  margin-bottom: 15px;
}
.form-group .form-control {
  margin-bottom: 5px;
}
.form-group label {
  font-size: 15.6px;
  font-family: "Nunito", arial, verdana, sans-serif;
  display: block;
  padding: 0px 0px 5px 0px;
}
.form-group.form-group-inline-controls .form-control {
  display: inline-block;
  width: auto;
  margin-right: 5px;
}
.form-group.form-group-inline-controls .form-control:last-child {
  margin-right: 0px;
}
@media (max-width: 700px) {
  .form-group.form-group-inline-controls .form-control {
    max-width: 100%;
    margin-right: 0px;
    display: block;
  }
}
.form-group.has-error .form-error {
  -moz-transform: translate(0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  -webkit-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  display: inline-block;
}
.form-group.has-error .form-control {
  border-color: #e7aa35;
}
.form-group.has-error .form-control:hover:not([disabled]):not(.disabled) {
  border-color: rgb(208.2566371681, 145.3672566372, 24.7433628319);
}
.form-group.has-error .form-control:focus:not([disabled]):not(.disabled) {
  border-color: #85bd3b;
}
.form-group.form-group-checkbox, .form-group.form-group-radio {
  margin-bottom: 20px;
}
.form-group.form-group-checkbox .form-error, .form-group.form-group-radio .form-error {
  position: absolute;
  top: -33px;
  right: auto;
  bottom: auto;
  left: -1px;
  z-index: 10;
}
.form-group.form-group-checkbox .checkbox,
.form-group.form-group-checkbox .radiobox, .form-group.form-group-radio .checkbox,
.form-group.form-group-radio .radiobox {
  margin-bottom: 5px;
}

.form-control {
  -webkit-transition: all 150ms linear 0ms;
  -moz-transition: all 150ms linear 0ms;
  -ms-transition: all 150ms linear 0ms;
  -o-transition: all 150ms linear 0ms;
  transition: all 150ms linear 0ms;
  min-width: 100%;
}
.form-control.form-control-xs {
  min-width: 50px;
}
.form-control.form-control-sm {
  min-width: 100px;
}
.form-control.form-control-md {
  min-width: 200px;
}
.form-control.form-control-lg {
  min-width: 300px;
}
.form-control.form-control-xl {
  min-width: 400px;
}
@media (max-width: 1020px) {
  .form-control {
    min-width: 100% !important;
    max-width: 100% !important;
  }
}

.form-error {
  display: none;
  position: absolute;
  top: 0px;
  right: -10px;
  bottom: auto;
  left: auto;
  z-index: 10;
  text-transform: uppercase;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-transform: translate(-20px, 0px);
  -o-transform: translate(-20px, 0px);
  -ms-transform: translate(-20px, 0px);
  -webkit-transform: translate(-20px, 0px);
  transform: translate(-20px, 0px);
  -webkit-transition: all 150ms linear 0ms;
  -moz-transition: all 150ms linear 0ms;
  -ms-transition: all 150ms linear 0ms;
  -o-transition: all 150ms linear 0ms;
  transition: all 150ms linear 0ms;
  -webkit-transition-timing-function: cubic-bezier(0.85, 0.01, 0.25, 1);
  -moz-transition-timing-function: cubic-bezier(0.85, 0.01, 0.25, 1);
  -ms-transition-timing-function: cubic-bezier(0.85, 0.01, 0.25, 1);
  -o-transition-timing-function: cubic-bezier(0.85, 0.01, 0.25, 1);
  transition-timing-function: cubic-bezier(0.85, 0.01, 0.25, 1);
  pointer-events: none;
  padding: 5px 9px;
  background: #cf4421;
  color: #fff;
  font-size: 1em;
  font-family: "Nunito", arial, verdana, sans-serif;
  border-radius: 2px;
  font-weight: bold;
  letter-spacing: 1px;
}
.form-error:after {
  content: "";
  width: 8px;
  height: 8px;
  position: absolute;
  top: auto;
  right: auto;
  bottom: -4px;
  left: 7px;
  z-index: 1;
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  background: #cf4421;
}

.form-buttons {
  padding: 30px 0px;
}

.checkbox,
.radiobox {
  position: relative;
  min-height: 30px;
}
.checkbox > label,
.radiobox > label {
  width: 20px;
  height: 20px;
  cursor: pointer;
  position: absolute;
  top: 0px;
  right: auto;
  bottom: auto;
  left: 0px;
  z-index: auto;
  background: #fcfff4;
  border-radius: 4px;
  border: 1px solid rgba(177, 178, 180, 0.5);
}
.checkbox > label:after,
.radiobox > label:after {
  content: "";
  width: 9px;
  height: 5px;
  position: absolute;
  top: 6px;
  left: 5px;
  border: 3px solid #333;
  border-top: none;
  border-right: none;
  background: transparent;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: all 150ms linear 0ms;
  -moz-transition: all 150ms linear 0ms;
  -ms-transition: all 150ms linear 0ms;
  -o-transition: all 150ms linear 0ms;
  transition: all 150ms linear 0ms;
}
.checkbox > label:hover:not([disabled]):not(.disabled):after,
.radiobox > label:hover:not([disabled]):not(.disabled):after {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
}
.checkbox > span,
.radiobox > span {
  position: absolute;
  left: 30px;
  top: 3px;
  width: 100%;
}
.checkbox .downloadlink,
.radiobox .downloadlink {
  margin-left: 29px;
}
.checkbox > .form-control,
.radiobox > .form-control {
  display: inline-block;
  visibility: visible;
  opacity: 0;
}
.checkbox > .form-control:checked + label,
.radiobox > .form-control:checked + label {
  border-color: #85bd3b;
}
.checkbox > .form-control:checked + label:hover:not([disabled]):not(.disabled):after,
.radiobox > .form-control:checked + label:hover:not([disabled]):not(.disabled):after {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
}
.checkbox > .form-control:checked + label:after,
.radiobox > .form-control:checked + label:after {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
}

.radiobox > label {
  border-radius: 50px;
}

body.login {
  background: #f2f2f2;
}
body.login .container {
  max-width: 800px;
}

header.login .header-inner {
  padding-top: 75px;
  padding-bottom: 75px;
}
header.login .header-inner .logo {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-animation: fromBottom 450ms cubic-bezier(0.85, 0.01, 0.25, 1) 0ms 1;
  -moz-animation: fromBottom 450ms cubic-bezier(0.85, 0.01, 0.25, 1) 0ms 1;
  -ms-animation: fromBottom 450ms cubic-bezier(0.85, 0.01, 0.25, 1) 0ms 1;
  -o-animation: fromBottom 450ms cubic-bezier(0.85, 0.01, 0.25, 1) 0ms 1;
  animation: fromBottom 450ms cubic-bezier(0.85, 0.01, 0.25, 1) 0ms 1;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
header.login .header-inner h1 {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-animation: fromBottom 450ms cubic-bezier(0.85, 0.01, 0.25, 1) 0ms 1;
  -moz-animation: fromBottom 450ms cubic-bezier(0.85, 0.01, 0.25, 1) 0ms 1;
  -ms-animation: fromBottom 450ms cubic-bezier(0.85, 0.01, 0.25, 1) 0ms 1;
  -o-animation: fromBottom 450ms cubic-bezier(0.85, 0.01, 0.25, 1) 0ms 1;
  animation: fromBottom 450ms cubic-bezier(0.85, 0.01, 0.25, 1) 0ms 1;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-delay: 200ms;
  -moz-animation-delay: 200ms;
  -ms-animation-delay: 200ms;
  -o-animation-delay: 200ms;
  animation-delay: 200ms;
}
header.login .header-inner h1 span {
  display: block;
  font-size: 0.8em;
  color: rgba(255, 255, 255, 0.7);
}

section#login {
  min-height: calc(100% - 220px);
  margin-bottom: -45px;
}
@media (max-width: 1600px) {
  section#login {
    margin-bottom: -45px;
  }
}
@media (max-width: 1200px) {
  section#login {
    margin-bottom: -45px;
  }
}
@media (max-width: 1020px) {
  section#login {
    margin-bottom: -45px;
  }
}
@media (max-width: 700px) {
  section#login {
    margin-bottom: -45px;
  }
}
section#login #footer, section#login .push {
  height: 45px;
}
@media (max-width: 1600px) {
  section#login #footer, section#login .push {
    height: 45px;
  }
}
@media (max-width: 1200px) {
  section#login #footer, section#login .push {
    height: 45px;
  }
}
@media (max-width: 1020px) {
  section#login #footer, section#login .push {
    height: 45px;
  }
}
@media (max-width: 700px) {
  section#login #footer, section#login .push {
    height: 45px;
  }
}

#loginblock {
  background: #fff;
  position: relative;
  padding: 60px;
  top: -40px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-animation: fromBottom 450ms cubic-bezier(0.85, 0.01, 0.25, 1) 0ms 1;
  -moz-animation: fromBottom 450ms cubic-bezier(0.85, 0.01, 0.25, 1) 0ms 1;
  -ms-animation: fromBottom 450ms cubic-bezier(0.85, 0.01, 0.25, 1) 0ms 1;
  -o-animation: fromBottom 450ms cubic-bezier(0.85, 0.01, 0.25, 1) 0ms 1;
  animation: fromBottom 450ms cubic-bezier(0.85, 0.01, 0.25, 1) 0ms 1;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-delay: 400ms;
  -moz-animation-delay: 400ms;
  -ms-animation-delay: 400ms;
  -o-animation-delay: 400ms;
  animation-delay: 400ms;
}
#loginblock h2 {
  padding-bottom: 0px;
  border: 0px;
}
#loginblock:before {
  content: "";
  position: absolute;
  top: 0px;
  right: auto;
  bottom: auto;
  left: 0px;
  z-index: 1;
  height: 10px;
  width: 100%;
  background: #85bd3b;
}

.login-footer #footer {
  height: 45px;
}
@media (max-width: 1600px) {
  .login-footer #footer {
    height: 45px;
  }
}
@media (max-width: 1200px) {
  .login-footer #footer {
    height: 45px;
  }
}
@media (max-width: 1020px) {
  .login-footer #footer {
    height: 45px;
  }
}
@media (max-width: 700px) {
  .login-footer #footer {
    height: 45px;
  }
}