.only-mobile {
  display: none;
}

.only-desktop {
  display: block;
}

@media (max-width: 991px) {
  .only-mobile {
    display: block;
  }

  .only-desktop {
    display: none;
  }
}

.section {
  padding-top: 80px;
  padding-bottom: 80px;
}

.title-container {
  margin-bottom: 15px;
}

.title-container h2 {
  font-size: 24px;
  font-family: 'Roboto Condensed', sans-serif;
  text-transform: uppercase;
  font-weight: bold;
}

.title-container h2>span {
  position: relative;
  display: inline-block;
  padding-bottom: 5px;
}

.title-container h2>span::after {
  content: "";
  width: 50px;
  height: 3px;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: var(--brand);
}

.description-container {
  margin-bottom: 30px;
  color: var(--gray-op);
}

.column-box {
  border-radius: 22px;
  padding: 30px 50px;
  position: relative;
  background-color: #FFF;
}

.column-box.dark {
  background-color: #1d1d1d;
}

.column-box.dark .title-container h2 {
  color: var(--white);
}

.ajax-loading {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #1d1d1d;
  border-radius: 22px;
  z-index: 99;
}

.ajax-loading .image {
  overflow: hidden;
  position: relative;
  width: 100px;
  height: 100px;
  border-bottom-left-radius: 50%;
  border-bottom-right-radius: 50%;
}

.inner-ajax {
  position: relative;
  overflow: hidden;
}

.inner-ajax::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: inherit;
  z-index: 1;
  background-image: url('../images/inner-ajax-loading.svg');
  background-size: auto 80%;
  background-repeat: no-repeat;
  background-position: center;
}

.login-overlay {
  background-color: rgba(0, 0, 0, .8);
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9;
  padding-top: 95px;
}

.login-container {
  padding: 30px;
  padding-top: 35px;
  border-radius: 12px;
  width: 380px;
  background-color: #FFF;
  border: 2px solid var(--brand);
  box-shadow: rgba(145, 158, 171, 0.2) 0px 0px 5px 0px, rgba(0, 0, 0, 1) 0px 12px 10px -4px
}

.login-container form#loginform {
  display: flex;
  flex-wrap: wrap;
}

.login-container form#loginform p.login-submit,
.login-container form#loginform p.login-lostpassword {
  flex: 0 0 auto;
  width: 50%;
  align-self: center;
  line-height: normal;
}

.form-wrap .form-group,
.login-container form#loginform p.login-username,
.login-container form#loginform p.login-password {
  position: relative;
  margin-bottom: 30px;
  width: 100%;
}

.form-group>label,
.login-container form#loginform p.login-username>label,
.login-container form#loginform p.login-password>label {
  position: absolute;
  display: inline-block;
  color: var(--black);
  font-weight: bold;
  background-color: #FFF;
  font-size: 12px;
  padding: 2px 10px;
  left: 7px;
  top: -11px;
  line-height: normal;
  text-transform: uppercase;
  z-index: 1;
}

.form-wrap .form-submit {
  text-align: right;
}

.form-control,
.input {
  height: auto;
  padding: 10px 15px;
  font-size: 16px;
  line-height: normal;
  color: #3B3D40;
  background-color: #fff;
  border: 1px solid #3B3D40;
  font-weight: 300;
  will-change: border-color, box-shadow;
  border-radius: 12px;
  box-shadow: none;
  display: block;
  width: 100%;
  font-family: 'Open Sans';
  font-weight: normal;
}

.form-control.error,
.input.error {
  border-color: red;
}

.login-container #loginform p.login-lostpassword {
  text-align: right;
}

.login-container #loginform p.login-lostpassword a {
  text-decoration: none;
  font-weight: bold;
  font-size: 12px;
  display: inline-block;
  position: relative;
  padding-right: 15px;
  color: var(--brand);
}

.login-container #loginform p.login-lostpassword a>i {
  position: absolute;
  right: 0;
  top: 3px;
  transition: all .2s linear;
}

.login-container #loginform p.login-lostpassword a:hover {
  color: var(--brand-vivid);
}

.login-container #loginform p.login-lostpassword a:hover>i {
  right: -5px;
}

#page-login .login-container {
  width: 100%;
}

.form-content {
  margin-top: 30px;
}

.button,
.btn {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  outline: 0px;
  margin: 0px;
  cursor: pointer;
  user-select: none;
  vertical-align: middle;
  appearance: none;
  text-decoration: none;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  line-height: 1.75;
  min-width: 64px;
  padding: 4px 25px;
  padding-top: 5px;
  transition: all .2s ease-in-out;
  color: #FFF;
  background-color: var(--brand);
  border: 1px solid var(--brand);
  box-shadow: none;
  font-weight: bold;
  text-transform: capitalize;
  border-radius: 12px;
}

.button:hover,
.btn:hover {
  background-color: var(--brand-vivid);
}

.btn-icon .icon-conent {
  position: relative;
  padding-right: 25px;
}

.btn-icon .icon-conent>i {
  transition: all .2s linear;
  position: absolute;
  right: 0;
  top: 1px;
  transform: rotate(0);
}

.btn-icon:hover .icon-conent>i {
  right: -4px;
  top: -2px;
  transform: rotate(15deg);
}

#message {
  margin-bottom: 30px;
  border-radius: 22px;
  background-color: var(--white);
  padding: 1.25rem 2.5rem 1.25rem 1.5rem;
  border-left: 6px solid #00d1b2;
  color: #257953;
  position: relative;
}

#message>p {
  margin-bottom: 0;
}

#message>.close {
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  right: 20px;
  top: calc(50% - 10px);
  background-color: rgba(10, 10, 10, .2);
  cursor: pointer;
  color: #FFF;
  text-align: center;
  line-height: 20px;
}


.alert {
  text-shadow: 0 1px 0 rgba(255, 255, 255, .2);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05)
}

.alert-success {
  border-color: #b2dba1
}

.alert-info {
  background-image: -webkit-linear-gradient(top, #d9edf7 0, #b9def0 100%);
  background-image: -o-linear-gradient(top, #d9edf7 0, #b9def0 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d9edf7), to(#b9def0));
  background-image: linear-gradient(to bottom, #d9edf7 0, #b9def0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0);
  background-repeat: repeat-x;
  border-color: #9acfea
}

.alert-warning {
  background-image: -webkit-linear-gradient(top, #fcf8e3 0, #f8efc0 100%);
  background-image: -o-linear-gradient(top, #fcf8e3 0, #f8efc0 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf8e3), to(#f8efc0));
  background-image: linear-gradient(to bottom, #fcf8e3 0, #f8efc0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0);
  background-repeat: repeat-x;
  border-color: #f5e79e
}

.alert-danger {
  background-image: -webkit-linear-gradient(top, #f2dede 0, #e7c3c3 100%);
  background-image: -o-linear-gradient(top, #f2dede 0, #e7c3c3 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#e7c3c3));
  background-image: linear-gradient(to bottom, #f2dede 0, #e7c3c3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0);
  background-repeat: repeat-x;
  border-color: #dca7a7
}

.jq-toast-wrap,
.jq-toast-wrap * {
  margin: 0;
  padding: 0
}

.jq-toast-wrap {
  display: block;
  position: fixed;
  width: 320px;
  pointer-events: none !important;
  letter-spacing: normal;
  z-index: 9000 !important
}

.jq-toast-wrap.bottom-left {
  bottom: 20px;
  left: 20px
}

.jq-toast-wrap.bottom-right {
  bottom: 20px;
  right: 40px
}

.jq-toast-wrap.top-left {
  top: 20px;
  left: 20px
}

.jq-toast-wrap.top-right {
  top: 20px;
  right: 40px
}

.jq-toast-single {
  display: block;
  width: 100%;
  padding: 10px;
  margin: 0 0 5px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: bold;
  font-family: arial, sans-serif;
  line-height: 17px;
  position: relative;
  pointer-events: all !important;
  background-color: #444;
  color: #fff;
  border: 2px solid #FFF;
}

.jq-toast-single h2 {
  font-family: arial, sans-serif;
  font-size: 14px;
  margin: 0 0 7px;
  background: 0 0;
  color: inherit;
  line-height: inherit;
  letter-spacing: normal
}

.jq-toast-single a {
  color: #eee;
  text-decoration: none;
  font-weight: 700;
  border-bottom: 1px solid #fff;
  padding-bottom: 3px;
  font-size: 12px
}

.jq-toast-single ul {
  margin: 0 0 0 15px;
  background: 0 0;
  padding: 0
}

.jq-toast-single ul li {
  list-style-type: disc !important;
  line-height: 17px;
  background: 0 0;
  margin: 0;
  padding: 0;
  letter-spacing: normal
}

.close-jq-toast-single {
  position: absolute;
  top: 3px;
  right: 7px;
  font-size: 18px;
  cursor: pointer
}

.jq-toast-loader {
  display: block;
  position: absolute;
  top: -2px;
  height: 5px;
  width: 0;
  left: 0;
  border-radius: 5px;
  background: red
}

.jq-toast-loaded {
  width: 100%
}

.jq-has-icon {
  padding: 15px;
  background-repeat: no-repeat;
  background-position: 10px
}

.jq-icon-info {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=);
  background-color: #31708f;
  color: #d9edf7;
  border-color: #bce8f1
}

.jq-icon-warning {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=);
  background-color: #8a6d3b;
  color: #fcf8e3;
  border-color: #faebcc
}

.jq-icon-error {
  background-color: #f2dede;
  color: #a94442;
  border-color: #a94442
}

.jq-icon-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #3c763d;
}

#form-contact .hidden {
  display: none;
}