@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700');
.container {
  padding-right: 2.4em;
  padding-left: 2.4em;
  margin-right: auto;
  margin-left: auto;
}
.row {
  margin-left: -2.4em;
  margin-right: -2.4em;
}
[class*="col-"] {
  padding-left: 2.4em;
  padding-right: 2.4em;
}
.container {
  padding-right: 2.4em !important;
  padding-left: 2.4em !important;
  margin-right: auto;
  margin-left: auto;
}
:focus {
  outline: none !important;
  box-shadow: none !important;
}
body {
  font-size: 3.6vw;
  font-family: 'Lato', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.2em;
}
#template h1 {
  font-size: 2.5em;
  color: #14679d;
  margin-top: 0.8em;
  margin-bottom: 0.6em;
}
#template .login-page h1,
#template .register-page h1 {
  margin-bottom: 0;
}
#template h2 {
  font-size: 2em;
  color: #14679d;
  margin-top: 0.8em;
  margin-bottom: 0.6em;
}
#template h3 {
  font-size: 1.5em;
  color: #14679d;
  margin-top: 0.8em;
  margin-bottom: 0.6em;
}
#template h4 {
  font-size: 1.25em;
  margin-top: 0.8em;
  margin-bottom: 0.6em;
  font-weight: 400;
}
#template h5 {
  font-size: 1.125em;
  margin-top: 0.8em;
  margin-bottom: 0.6em;
  font-weight: 400;
}
#template h6 {
  font-size: 1em;
  margin-top: 0.8em;
  margin-bottom: 0.6em;
  font-weight: 400;
}
#template p {
  color: #595959;
  font-size: 1em;
  margin: 1em 0;
  line-height: 1.5;
}
#template a {
  font-size: 1em;
  color: #14679d;
}
#template a:hover {
  color: #f9a22e;
  text-decoration: none;
}
#template ul {
  margin: 0em 0 1.4em;
}
#template li {
  color: #545658;
  font-size: 1em;
  margin: 0em 0 0.6em;
  line-height: 1.5;
}
#template .small-text {
  font-size: 0.85em;
}
#template .large-text {
  font-size: 1.25em;
}
/*======== Spacing ========*/
#template .margin {
  margin: 1em 0;
}
#template .margin-top {
  margin-top: 1em;
}
#template .margin-btm {
  margin-bottom: 1em;
}
#template .no-margin {
  margin: 0;
}
#template .no-padding {
  padding: 0;
}
/*======== End Spacing ========*/
/*======== Button Styles Start ========*/
#template .btn-sai,
#template .btn-sai a {
  color: #14679d;
}
#template .btn-sai {
  padding: 0.4em 0em 0.8em;
  font-weight: 600;
  background: transparent;
  position: relative;
  white-space: nowrap;
  border: none;
}
#template .btn-sai:hover,
.btn-sai:focus {
  background: transparent;
}
#template .btn-sai:after {
  content: '';
  width: 100%;
  height: 0.25em;
  position: absolute;
  left: 0;
  bottom: 0;
  background: #f9a22e;
  transition: 0.3s ease-out all;
  border: none;
}
#template .btn-sai:hover:after,
#template .btn-sai:focus:after {
  width: 115%;
  left: -7.5%;
}
#template .btn {
  padding: 0.5em 1.2em;
  margin-right: 1em;
  margin-bottom: 0.6em;
  font-size: 1em;
  font-weight: 600;
  border-radius: 0.3em;
  white-space: nowrap;
  border: none;
}
#template .btn.pull-right {
  margin-right: 0;
  margin-left: 1em;
}
#template .btn-default {
  background: #f3f1f0;
  border: 1px solid #d1c9c6;
  color: #333333;
}
#template .btn-default:hover,
#template .btn-default:focus {
  background: #e8e4e2;
  color: #333333;
}
#template .btn-primary {
  background: #14679d;
  border: 1px solid #14679d;
  color: #fff;
}
#template .btn-primary:hover,
#template .btn-primary:focus {
  background: #115886;
  border: 1px solid #115886;
  color: #fff;
}
#template .btn-primary:active {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.75);
}
#template .btn-primary-2,
#template .btn-success {
  background: #c25406;
  border: 1px solid #c25406;
  color: #fff;
}
#template .btn-primary-2:hover,
#template .btn-primary-2:focus,
#template .btn-success:hover,
#template .btn-success:focus {
  background: #a94905;
  border: 1px solid #a94905;
  color: #fff;
}
#template .primary_color {
  color: #14679d;
}
#template .secondary_color {
  color: #f89715;
}
#template .btn-full-width {
  width: 100%;
}
#template .btnLabel {
  display: none;
}
/*========  Button Styles End ========*/
@media only screen and (min-width: 768px) {
  #template .btnLabel {
    display: inline;
  }
}
.scrollable-menu {
  height: auto;
  max-height: 260px;
  overflow-x: hidden;
}
#template #footer h2,
#template #footer h3,
#template #footer h4,
#template #footer h5,
#template #footer h6,
#template #footer p {
  color: #fff;
}
#template .widget-text {
  font-size: 2.4em;
  color: #14679d;
  margin-top: 0.8em;
  margin-bottom: 0.6em;
}
#template .widget-text-2 {
  font-size: 1.8em;
  color: #14679d;
  margin-top: 0.8em;
  margin-bottom: 0.6em;
}
#template label.has-error {
  color: #a94442;
}
/* Custom, iPhone Retina */
@media only screen and (min-width: 320px) {
  body {
    font-size: 3.6vw;
  }
}
/* Extra Small Devices, Phones */
@media only screen and (min-width: 480px) {
  body {
    font-size: 3.6vw;
  }
}
/* Small Devices, Tablets */
@media only screen and (min-width: 768px) {
  body {
    font-size: 17px;
  }
}
/* Medium Devices, Desktops */
@media only screen and (min-width: 992px) {
  body {
    font-size: 18px;
  }
}
/* Large Devices, Wide Screens */
@media only screen and (min-width: 1200px) {
  body {
    font-size: 19px;
  }
}
/* X-Large Devices, Wide Screens */
@media only screen and (min-width: 1922px) {
  body {
    font-size: 20px;
  }
}