@import url(//fonts.googleapis.com/css?family=Montserrat:400,700);
body {
  font-family: "Montserrat", Arial, Helvetica, sans-serif
}

.field-validation-error {
  color: red
}

.field-validation-valid {
  display: none
}

.input-validation-error {
  border: 1px solid red !important;
  background-color: #fee
}

.footer {
  padding-top: 60px
}

.bold {
  font-weight: bold
}

.hide {
  display: none
}

.page-header {
  margin: 10px 0 15px;
  border: none
}

@media (max-width: 980px) {
  .page-header {
    margin: 0
  }
}

.navbar {
  margin-bottom: 0
}

.navbar-margin-adjustment {
  margin-top: 50px;
}

.table {
  display: table;
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
  font-size: 14px;
  border-bottom: 2px solid #dddddd;
  color: #000;
  margin: 10px 0
}

.table-head {
  display: table-header-group
}

.table-head .column {
  background: #333333;
  color: #fff;
  border-bottom: none
}

.table-head .column:hover {
  background: #222222
}

.table-row {
  display: table-row
}

.table-row:last-child .column {
  border-bottom: none
}

.column {
  display: table-cell;
  padding: 10px 20px
}

.column:hover {
  background: #f9f9f9
}

@media all and (max-width: 640px) {
  .mvc-grid {
    margin-left: -15px;
    margin-right: -15px
  }
  .table,
  .table-row,
  .column,
  .column:before {
    display: block
  }
  .table,
  .table-row .column:last-child {
    border-bottom: none
  }
  .table-head {
    position: absolute;
    top: -1000em;
    left: -1000em
  }
  .table-row {
    margin: 0 0 50px
  }
  .table-row .column:nth-child(1) {
    border-left: none
  }
  .table-row .column:last-child {
    border-right: none
  }
  .table-row:last-child .column,
  .column {
    border-bottom: none;
    border-right: none
  }
  .column:before {
    font-weight: bold;
    padding-right: 20px;
    font-size: 12px;
    content: "" attr(data-label) ""
  }
}

.btn-action {
  color: #ffffff;
  background-color: #0F1221;
  border-color: #0F1221;
  border-radius: 0;
  margin: 10px 0;
  padding: 10px;
  text-transform: uppercase;
  font-weight: 700
}

.btn-action:hover,
.btn-action:focus,
.btn-action:active,
.btn-action.active,
.open .dropdown-toggle.btn-action {
  color: #000;
  background-color: #eee;
  border-color: #0F1221
}

.btn-action:active,
.btn-action.active,
.open .dropdown-toggle.btn-action {
  background-image: none
}

.btn-action.disabled,
.btn-action[disabled],
fieldset[disabled] .btn-action,
.btn-action.disabled:hover,
.btn-action[disabled]:hover,
fieldset[disabled] .btn-action:hover,
.btn-action.disabled:focus,
.btn-action[disabled]:focus,
fieldset[disabled] .btn-action:focus,
.btn-action.disabled:active,
.btn-action[disabled]:active,
fieldset[disabled] .btn-action:active,
.btn-action.disabled.active,
.btn-action[disabled].active,
fieldset[disabled] .btn-action.active {
  background-color: #0F1221;
  border-color: #0F1221
}

.btn-action .badge {
  color: #0F1221;
  background-color: #ffffff
}

@media (max-width: 940px) {
  .mvc-grid~.btn-action {
    position: fixed;
    margin: 0;
    bottom: 0;
    width: 100%;
    margin-left: -15px
  }
}

@media (min-width: 768px) and (max-width: 940px) {
  .mvc-grid~.btn-action {
    margin-left: -12%;
    width: 107%
  }
}

/* .mvc-grid-filter { */
  /* Removed a url filter_16 */
/* } */

/* .mvc-grid-filter.applied { */
  /* removed a url filter_6b6b6b_16 */
/* } */

.kaptl-logo {
  width: 48px
}

.navbar.navbar-inverse {
  background-image: none;
  border-radius: 0
}

.navbar-inverse {
  background-color: #000000
}

.navbar-inverse .navbar-nav>.active>a:hover,
.navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .navbar-nav>li>a:focus {
  background-color: #FFFFFF
}

.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:hover,
.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:hover,
.navbar-inverse .navbar-nav>.open>a:focus {
  background-color: #FFFFFF
}

.navbar-inverse .dropdown-menu {
  background-color: #000000
}

.navbar-inverse .dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
  background-color: #FFFFFF
}

.navbar-inverse {
  background-image: none
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
  background-image: none
}

.navbar-inverse {
  border-color: #000000
}

.navbar-inverse .navbar-brand {
  color: #FFFFFF
}

.navbar-inverse .navbar-brand:hover {
  color: #FFFFFF
}

.navbar-inverse .navbar-nav>li>a {
  color: #FFFFFF
}

.navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .navbar-nav>li>a:focus {
  color: #000000
}

.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:hover,
.navbar-inverse .navbar-nav>.open>a:focus {
  color: #000000
}

.navbar-inverse .navbar-nav>.active>a:hover,
.navbar-inverse .navbar-nav>.active>a:focus {
  color: #000000
}

.dropdown-menu>li>a {
  color: #FFFFFF
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
  color: #000000
}

.navbar-inverse .navbar-nav>.dropdown>a .caret {
  border-top-color: #FFFFFF
}

.navbar-inverse .navbar-nav>.dropdown>a:hover .caret {
  border-top-color: #000000
}

.navbar-inverse .navbar-nav>.dropdown>a .caret {
  border-bottom-color: #FFFFFF
}

.navbar-inverse .navbar-nav>.dropdown>a:hover .caret {
  border-bottom-color: #000000
}

.checkbox input[type="checkbox"] {
  margin-left: 0
}

.btn-negative-action {
  color: #000000;
  background-color: #BAE423;
  border-color: #BAE423;
  border-radius: 0
}

.btn-negative-action:hover,
.btn-negative-action:focus,
.btn-negative-action:active,
.btn-negative-action.active,
.open .dropdown-toggle.btn-negative-action {
  color: #000000;
  background-color: #c5f128;
  border-color: #c5f127
}

.btn-negative-action:active,
.btn-negative-action.active,
.open .dropdown-toggle.btn-negative-action {
  background-image: none
}

.btn-negative-action.disabled,
.btn-negative-action[disabled],
fieldset[disabled] .btn-negative-action,
.btn-negative-action.disabled:hover,
.btn-negative-action[disabled]:hover,
fieldset[disabled] .btn-negative-action:hover,
.btn-negative-action.disabled:focus,
.btn-negative-action[disabled]:focus,
fieldset[disabled] .btn-negative-action:focus,
.btn-negative-action.disabled:active,
.btn-negative-action[disabled]:active,
fieldset[disabled] .btn-negative-action:active,
.btn-negative-action.disabled.active,
.btn-negative-action[disabled].active,
fieldset[disabled] .btn-negative-action.active {
  background-color: #BAE423;
  border-color: #BAE423
}

.btn-negative-action .badge {
  color: #0F1221;
  background-color: #FFFFFF
}

.btn-back {
  margin: 14px 0
}

.mvc-grid-apply {
  color: #ffffff;
  background-color: #0F1221;
  border-color: #0F1221;
  border-radius: 0;
  margin: 10px 0;
  padding: 10px;
  text-transform: uppercase;
  font-weight: 700
}

.mvc-grid-apply:hover,
.mvc-grid-apply:focus,
.mvc-grid-apply:active:focus,
.mvc-grid-apply.active,
.open .dropdown-toggle.mvc-grid-apply {
  color: #000;
  background-color: #eee;
  border-color: #0F1221
}

.mvc-grid-apply:active,
.mvc-grid-apply.active,
.open .dropdown-toggle.mvc-grid-apply {
  background-image: none
}

.mvc-grid-apply.disabled,
.mvc-grid-apply[disabled],
fieldset[disabled] .mvc-grid-apply,
.mvc-grid-apply.disabled:hover,
.mvc-grid-apply[disabled]:hover,
fieldset[disabled] .mvc-grid-apply:hover,
.mvc-grid-apply.disabled:focus,
.mvc-grid-apply[disabled]:focus,
fieldset[disabled] .mvc-grid-apply:focus,
.mvc-grid-apply.disabled:active,
.mvc-grid-apply[disabled]:active,
fieldset[disabled] .mvc-grid-apply:active,
.mvc-grid-apply.disabled.active,
.mvc-grid-apply[disabled].active,
fieldset[disabled] .mvc-grid-apply.active {
  background-color: #0F1221;
  border-color: #0F1221
}

.mvc-grid-apply .badge {
  color: #0F1221;
  background-color: #ffffff
}

.mvc-grid-cancel {
  color: #000000;
  background-color: #BAE423;
  border-color: #BAE423;
  border-radius: 0
}

.mvc-grid-cancel:hover,
.mvc-grid-cancel:focus,
.mvc-grid-cancel:active:focus,
.mvc-grid-cancel:active,
.mvc-grid-cancel.active,
.open .dropdown-toggle.mvc-grid-cancel {
  color: #000000;
  background-color: #c5f128;
  border-color: #c5f127
}

.mvc-grid-cancel:active,
.mvc-grid-cancel.active,
.open .dropdown-toggle.mvc-grid-cancel {
  background-image: none
}

.mvc-grid-cancel.disabled,
.mvc-grid-cancel[disabled],
fieldset[disabled] .mvc-grid-cancel,
.mvc-grid-cancel.disabled:hover,
.mvc-grid-cancel[disabled]:hover,
fieldset[disabled] .mvc-grid-cancel:hover,
.mvc-grid-cancel.disabled:focus,
.mvc-grid-cancel[disabled]:focus,
fieldset[disabled] .mvc-grid-cancel:focus,
.mvc-grid-cancel.disabled:active,
.mvc-grid-cancel[disabled]:active,
fieldset[disabled] .mvc-grid-cancel:active,
.mvc-grid-cancel.disabled.active,
.mvc-grid-cancel[disabled].active,
fieldset[disabled] .mvc-grid-cancel.active {
  background-color: #BAE423;
  border-color: #BAE423
}

.mvc-grid-cancel .badge {
  color: #0F1221;
  background-color: #FFFFFF
}

.mvc-grid-popup .btn-success {
  background-image: none
}

.mvc-grid-popup .btn-danger {
  background-image: none
}

.block-ui-wrapper {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  padding-top: 20%
}

.block-ui-wrapper i {
  color: #fff;
  opacity: 1;
  font-size: 64px
}

#loader-bg {
  position: fixed;
  left: 0px;
  top: 74px;
  width: 100%;
  height: 100%;
  z-index: 100;
  background: rgba(255, 255, 255, 0.8);
  display: flex;
  align-items: center;
  justify-content: center
}

#loader-circle {
  position: absolute;
  -webkit-animation: rotate 0.7s infinite linear;
  -moz-animation: rotate 0.7s infinite linear;
  -ms-animation: rotate 0.7s infinite linear;
  -o-animation: rotate 0.7s infinite linear;
  animation: rotate 0.7s infinite linear
}

@keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

.black {
  color: #000
}

.lightblue {
  color: #8fdbee
}

@-webkit-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(0) rotate(0.02deg)
  }
  40% {
    transform: translateY(-36px) rotate(0.02deg)
  }
  60% {
    transform: translateY(-12px) rotate(0.02deg)
  }
}

@-moz-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(0) rotate(0.02deg)
  }
  40% {
    transform: translateY(-36px) rotate(0.02deg)
  }
  60% {
    transform: translateY(-12px) rotate(0.02deg)
  }
}

@-ms-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(0) rotate(0.02deg)
  }
  40% {
    transform: translateY(-36px) rotate(0.02deg)
  }
  60% {
    transform: translateY(-12px) rotate(0.02deg)
  }
}

@-o-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(0) rotate(0.02deg)
  }
  40% {
    transform: translateY(-36px) rotate(0.02deg)
  }
  60% {
    transform: translateY(-12px) rotate(0.02deg)
  }
}

@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(0) rotate(0.02deg)
  }
  40% {
    transform: translateY(-36px) rotate(0.02deg)
  }
  60% {
    transform: translateY(-12px) rotate(0.02deg)
  }
}

@-webkit-keyframes bounce-X {
  0% {
    transform: translateX(0px) rotate(0.02deg)
  }
  15% {
    transform: translateX(18px) rotate(0.02deg)
  }
  50% {
    transform: translateX(48px) rotate(0.02deg)
  }
  75% {
    transform: translateX(18px) rotate(0.02deg)
  }
  100% {
    transform: translateX(0) rotate(0.02deg)
  }
}

@-moz-keyframes bounce-X {
  0% {
    transform: translateX(0px) rotate(0.02deg)
  }
  15% {
    transform: translateX(18px) rotate(0.02deg)
  }
  50% {
    transform: translateX(48px) rotate(0.02deg)
  }
  75% {
    transform: translateX(18px) rotate(0.02deg)
  }
  100% {
    transform: translateX(0) rotate(0.02deg)
  }
}

@-ms-keyframes bounce-X {
  0% {
    transform: translateX(0px) rotate(0.02deg)
  }
  15% {
    transform: translateX(18px) rotate(0.02deg)
  }
  50% {
    transform: translateX(48px) rotate(0.02deg)
  }
  75% {
    transform: translateX(18px) rotate(0.02deg)
  }
  100% {
    transform: translateX(0) rotate(0.02deg)
  }
}

@-o-keyframes bounce-X {
  0% {
    transform: translateX(0px) rotate(0.02deg)
  }
  15% {
    transform: translateX(18px) rotate(0.02deg)
  }
  50% {
    transform: translateX(48px) rotate(0.02deg)
  }
  75% {
    transform: translateX(18px) rotate(0.02deg)
  }
  100% {
    transform: translateX(0) rotate(0.02deg)
  }
}

@keyframes bounce-X {
  0% {
    transform: translateX(0px) rotate(0.02deg)
  }
  15% {
    transform: translateX(18px) rotate(0.02deg)
  }
  50% {
    transform: translateX(48px) rotate(0.02deg)
  }
  75% {
    transform: translateX(18px) rotate(0.02deg)
  }
  100% {
    transform: translateX(0) rotate(0.02deg)
  }
}

@-webkit-keyframes bounce-02 {
  0% {
    transform: translateY(0px) rotate(0.02deg)
  }
  15% {
    transform: translateY(-18px) rotate(0.02deg)
  }
  50% {
    transform: translateY(-48px) rotate(0.02deg)
  }
  75% {
    transform: translateY(-18px) rotate(0.02deg)
  }
  100% {
    transform: translateY(0) rotate(0.02deg)
  }
}

@-moz-keyframes bounce-02 {
  0% {
    transform: translateY(0px) rotate(0.02deg)
  }
  15% {
    transform: translateY(-18px) rotate(0.02deg)
  }
  50% {
    transform: translateY(-48px) rotate(0.02deg)
  }
  75% {
    transform: translateY(-18px) rotate(0.02deg)
  }
  100% {
    transform: translateY(0) rotate(0.02deg)
  }
}

@-ms-keyframes bounce-02 {
  0% {
    transform: translateY(0px) rotate(0.02deg)
  }
  15% {
    transform: translateY(-18px) rotate(0.02deg)
  }
  50% {
    transform: translateY(-48px) rotate(0.02deg)
  }
  75% {
    transform: translateY(-18px) rotate(0.02deg)
  }
  100% {
    transform: translateY(0) rotate(0.02deg)
  }
}

@-o-keyframes bounce-02 {
  0% {
    transform: translateY(0px) rotate(0.02deg)
  }
  15% {
    transform: translateY(-18px) rotate(0.02deg)
  }
  50% {
    transform: translateY(-48px) rotate(0.02deg)
  }
  75% {
    transform: translateY(-18px) rotate(0.02deg)
  }
  100% {
    transform: translateY(0) rotate(0.02deg)
  }
}

@keyframes bounce-02 {
  0% {
    transform: translateY(0px) rotate(0.02deg)
  }
  15% {
    transform: translateY(-18px) rotate(0.02deg)
  }
  50% {
    transform: translateY(-48px) rotate(0.02deg)
  }
  75% {
    transform: translateY(-18px) rotate(0.02deg)
  }
  100% {
    transform: translateY(0) rotate(0.02deg)
  }
}

html,
body {
  font-family: 'Atma', cursive;
  font-weight: 400;
  font-size: 18px;
  color: #fff
}

h1,
.decreased-font h2,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Atma', cursive;
  font-weight: 400;
  font-size: 18px
}

h1 a,
.decreased-font h2 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: inherit;
  text-decoration: underline
}

h1,
.decreased-font h2 {
  font-size: 3.33333em;
  font-weight: 600;
  text-transform: uppercase
}

@media screen and (max-width: 992px) {
  h1,
  .decreased-font h2 {
    font-size: 3em
  }
}

@media screen and (max-width: 768px) {
  h1,
  .decreased-font h2 {
    font-size: 2.66667em
  }
}

@media screen and (max-width: 480px) {
  h1,
  .decreased-font h2 {
    font-size: 2em
  }
}

h2 {
  font-size: 3.33333em;
  font-weight: 600;
  text-transform: uppercase;
  margin: 36px 0
}

@media screen and (max-width: 992px) {
  h2 {
    font-size: 3em
  }
}

@media screen and (max-width: 768px) {
  h2 {
    font-size: 2.66667em
  }
}

@media screen and (max-width: 480px) {
  h2 {
    font-size: 2em
  }
}

h2.birds {
  position: relative
}

h2.birds:after {
  content: "";
  display: block;
  position: absolute;
  top: -200%;
  right: -50%;
  width: 559px;
  height: 171px;
  background-image: url("../images/birds.png")
}

@media (max-width: 768px) {
  h2.birds:after {
    content: none
  }
}

h3 {
  font-weight: 600;
  margin-bottom: 24px;
  text-transform: uppercase;
  font-size: 30px
}

@media screen and (max-width: 992px) {
  h3 {
    font-size: 24px
  }
}

@media screen and (max-width: 768px) {
  h3 {
    font-size: 24px
  }
}

@media screen and (max-width: 480px) {
  h3 {
    font-size: 21px
  }
}

h3.yellow {
  color: #fc0
}

h4 {
  font-size: 24px
}

h6 {
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  margin-top: 18px
}

p {
  font-size: 18px;
  line-height: 1.65;
  font-weight: 400;
  margin-bottom: 24px
}

p strong {
  font-weight: 500
}

p a {
  color: #764c29;
  text-decoration: underline
}

p em {
  color: #61c0d8;
  font-style: normal
}

blockquote {
  font-size: 18px;
  border-left: 4px solid rgba(238, 238, 238, 0.5)
}

blockquote footer {
  font-size: 90%
}

.flex {
  display: flex
}

.flex-reverse {
  display: flex;
  flex-direction: row-reverse;
  justify-content: center
}

@media (max-width: 768px) {
  .flex-column-reverse {
    display: flex;
    flex-direction: column-reverse;
    justify-content: center
  }
}

.flex-columns-3 {
  display: flex;
  flex-wrap: wrap
}

.flex-text {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start
}

@media (max-width: 768px) {
  .flex-text {
    justify-content: center;
    max-width: 280px;
    margin: auto
  }
}

.flex-reversed-text {
  display: flex;
  flex-wrap: wrap-reverse;
  justify-content: flex-end
}

@media (max-width: 768px) {
  .flex-reversed-text {
    justify-content: center;
    max-width: 280px;
    margin: auto
  }
}

.flex-center {
  align-items: center
}

.flex-wrap {
  flex-wrap: wrap
}

.flex-end {
  align-self: flex-end;
  width: 100%
}

.padding-right-0 {
  padding-right: 0
}

.well {
  border-radius: 10px;
  background-color: #fff;
  border: none;
  box-shadow: none;
  padding: 19px 30px
}

.list-inline {
  margin-left: 0;
  margin-right: 0
}

.nav-tabs {
  border-bottom: none
}

.divider:before {
  content: '';
  width: 1px;
  display: block;
  height: 100%;
  background-color: #fff;
  margin: auto
}

.margin-null {
  margin-bottom: 0 !important
}

@media (max-width: 768px) {
  .text-center-xs {
    text-align: center
  }
}

.carousel-inner a:hover,
.carousel-inner a:focus {
  text-decoration: none;
}

.carousel-caption {
  position: static;
  text-shadow: none;
  padding-top: 5px
}

.carousel-caption p {
  margin-bottom: 0
}

.carousel-caption h3 {
  text-transform: none;
}

.carousel-indicators {
  bottom: 100px
}

@media (min-width: 768px) {
  .carousel-indicators {
    bottom: 140px
  }
}

.carousel-indicators li {
  width: 12px;
  height: 12px;
  margin: 0 3px
}

.carousel-indicators .active {
  margin: 0 4px
}

@media (min-width: 768px) {
  .modal-dialog {
    width: 524px;
    margin: auto
  }
}

.modal-content {
  padding: 24px
}

.modal-header {
  border: none;
  padding: 10px 15px
}

.modal-footer {
  border: none;
  text-align: center;
  padding: 5px 15px
}

.fade.in.modal-flex {
  display: flex !important
}

@media (min-width: 1494px) {
  .container {
    width: 1600px
  }
}

@media (max-width: 768px) {
  .content {
    padding-top: 60px
  }
}

.content .container,
.content .container-narrow {
  position: relative
}

.container-narrow {
  max-width: 2050px;
  margin: auto;
  padding: 0 15px
}

@media (min-width: 768px) {
  .container-narrow {
    width: 750px
  }
}

@media (min-width: 992px) {
  .container-narrow {
    width: 970px
  }
}

@media (min-width: 1200px) {
  .container-narrow {
    width: 1145px
  }
}

.btn {
  -webkit-transition: all .2s ease-in;
  -moz-transition: all .2s ease-in;
  -ms-transition: all .2s ease-in;
  -o-transition: all .2s ease-in;
  transition: all .2s ease-in;
  border: none;
  border-radius: 4px;
  font-weight: 500;
  font-size: 18px;
  padding: .4em 2.2em
}

.btn:hover,
.btn:focus,
.btn:active:focus {
  -webkit-box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.18);
  -moz-box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.18);
  box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.18);
  outline: none
}

.btn-wide {
  padding: .4em 2.6em
}

.btn-sm {
  padding: .3em 0.5em
}

.btn-lg {
  font-size: 18px;
  padding: .5em 2em
}

.btn-xl {
  padding: .8em 3em
}

.btn-default {
  color: #000
}

.btn-warning {
  color: #000000;
  background-color: #fc0
}

.btn-details {
  background-color: #f8be41;
  color: #fff
}

.btn-link {
  color: #fff;
  border-bottom: 1px solid #fff;
  border-radius: 0;
  margin: .5em 2em;
  padding: 0
}

.btn-link:hover {
  text-decoration: none;
  color: #000;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none
}

.close {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  opacity: 1;
  top: 40px;
  right: 75px;
  position: absolute;
  z-index: 1
}

.play {
  cursor: pointer
}

.btn-fight {
  width: 190px
}

.btn-more {
  float: right;
  height: 30px;
  font-weight: 600;
  border: none;
  background: transparent
}

.btn-more.collapsed:before {
  content: "more"
}

.btn-more:before {
  content: "less"
}

@media screen and (min-width: 768px) {
  .btn-more {
    display: none
  }
}

.icon {
  display: inline-block;
  width: min-content;
  height: 25px;
  width: 20px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain
}

/* .icon-close { */
  /* url close icon large is needed for this */
/* } */

.icon-sm {
  height: 18px;
  width: 15px
}

.icon-lg {
  height: 100px;
  width: 55px
}

.arrow-right {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}

label {
  font-weight: 300;
  cursor: pointer
}

.form-control {
  border: none;
  box-shadow: none;
  -webkit-box-shadow: none;
  font-size: 18px;
  height: 38px;
  border-radius: 3px
}

.form-control.bordered {
  border: 1px solid #000
}

.form-control.bordered:focus {
  border-color: #f8be41;
  box-shadow: none
}

.form-group {
  margin-bottom: 24px
}

@media (max-width: 480px) {
  .form-group {
    margin-bottom: 15px
  }
}

.form-group .btn {
  margin-top: 10px
}

.form-white {
  background-color: #fff;
  color: #000;
  padding: 15px;
  border-radius: 3px
}

@media (min-width: 992px) {
  .form-white {
    padding: 25px 35px
  }
}

.subscribe-form-wrapper {
  margin-bottom: 30px
}

.subscribe-form-wrapper form {
  position: relative
}

.subscribe-form-wrapper form:before {
  content: '';
  background-color: #fff;
  position: absolute;
  width: 1px;
  top: 0;
  bottom: 0;
  left: -22%
}

.contact {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 36px
}

.contact .name,
.contact .email {
  width: 48%
}

.contact .subject {
  width: 100%
}

.contact .message {
  width: 100%
}

.contact .submit {
  margin-top: 24px
}

@media (max-width: 768px) {
  .contact .submit {
    display: block;
    width: 100%;
    margin-top: 10px
  }
}

textarea {
  resize: none
}

.checkbox-group {
  padding-top: 12px
}

[type="checkbox"]:not(:checked)+label .checkbox-icon {
  background-image: none
}

.get-ticket-form .form-group {
  margin-bottom: 32px
}

.get-ticket-form .checkbox-group {
  margin-bottom: 15px
}

.navbar-default {
  background: none;
  border: none;
  -webkit-transition: all .2s ease-in;
  -moz-transition: all .2s ease-in;
  -ms-transition: all .2s ease-in;
  -o-transition: all .2s ease-in;
  transition: all .2s ease-in
}

.navbar-default.white {
  background-color: #fff
}

.navbar-default.yellow {
  background-color: #fc0
}

.navbar-default.yellow.landing-nav {
  background-color: transparent
}

@media (max-width: 480px) {
  .navbar-default .navbar-nav>.open .dropdown-menu>li>a {
    color: inherit
  }
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
  background: inherit;
  box-shadow: none
}

@media (max-width: 768px) {
  .navbar-default .navbar-nav>.open>a,
  .navbar-default .navbar-nav>.open>a:hover,
  .navbar-default .navbar-nav>.open>a:focus {
    color: inherit
  }
}

@media (min-width: 768px) {
  .navbar-default .navbar-nav>.open>a,
  .navbar-default .navbar-nav>.open>a:hover,
  .navbar-default .navbar-nav>.open>a:focus {
    background: #f5f5f5
  }
}

.navbar-default .navbar-nav>li.active a {
  border-radius: 10px
}

.navbar-default .navbar-nav>li>a {
  color: #764c29 !important
}

.navbar-default .navbar-nav>li:last-child a:after {
  content: none
}

.navbar-default .dropdown a {
  position: relative
}

.navbar-default .dropdown a .caret-mobile {
  /* display: inline-block; */
  background-repeat: no-repeat;
  background-position: center;
  float: right;
  width: 14px;
  height: 20px
}

@media (min-width: 768px) {
  .navbar-default .dropdown a .caret-mobile {
    display: none
  }
}

.navbar-default .navbar-collapse {
  border: none;
  box-shadow: none
}

.navbar-default .navbar-brand {
  color: inherit
}

.navbar-default .navbar-toggle:hover {
  background: none
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #764c29;
}

.navbar-fixed-top .navbar-collapse {
  max-height: 100vh
}

.navbar-brand {
  font-size: 26px;
  font-weight: 600
}

.navbar-left {
  margin-left: -15px
}

.navbar-toggle {
  background: none;
  border: none;
  padding: 13px 22px;
  margin-top: 0;
  margin-bottom: 0
}

.navbar-toggle:hover,
.navbar-toggle:focus,
.navbar-toggle:active:focus {
  background: transparent none !important;
  border: none
}

.navbar-toggle .icon-bar {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  background-color: #fff;
  width: 28px;
  height: 4px;
  border-radius: 2px
}

.navbar-toggle .icon-bar:nth-of-type(2) {
  opacity: 0
}

.navbar-toggle .icon-bar:nth-of-type(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.navbar-toggle .icon-bar:nth-of-type(4) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg)
}

.navbar-toggle .icon-bar+.icon-bar {
  margin-top: 3px;
  margin-bottom: -7px
}

.navbar-toggle.collapsed .icon-bar {
  opacity: 1;
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  width: 36px
}

.navbar-toggle.collapsed .icon-bar+.icon-bar {
  margin-top: 6px;
  margin-bottom: 0
}

@media (min-width: 768px) {
  .affix-top {
    padding: 24px 0
  }
}

@media (min-width: 768px) {
  .affix {
    padding: 12px 0
  }
  .affix.navbar-default.yellow {
    background-color: #fc0
  }
  .affix .navbar-nav>li>a {
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
    color: #764c29
  }
}

.dropdown.open .dropdown-toggle {
  border-radius: 10px 10px 0 0;
  -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.175)
}

.dropdown-menu {
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 10px
}

.dropdown-menu>li>a {
  font-size: 18px;
  color: #764c29 !important;
  padding: 8px 16px
}

@media (max-width: 768px) {
  .dropdown-menu>li>a {
    color: inherit
  }
}

.nav-blue {
  background-color: #2cb0d0;
  color: #fff
}

.nav-lime,
.nav-yellow {
  background-color: #abcc2e;
  color: #764c29
}

.nav-lime .navbar-toggle .icon-bar,
.nav-yellow .navbar-toggle .icon-bar {
  background-color: #764c29
}

/* .nav-lime .dropdown a .caret-mobile,
.nav-yellow .dropdown a .caret-mobile {

} */

.nav-pink {
  background-color: #ca367f;
  color: #fff
}

.nav-yellow-text-white {
  background-color: #fc0;
  color: #fff
}

.nav-yellow {
  background-color: #fc0
}

.nav-brown {
  background-color: #ae7541;
  color: #fff
}

#nav-position{
  position:absolute;
  left: 23%;
}

@media screen and (max-width: 480px) {
  #nav-position{
    left: 3.5%;
  }
}

@media screen and (min-width: 481px) and (max-width: 767px) {
  #nav-position{
    right: -2%;
    left: 2%
  }
}

section {
  position: relative;
  padding: 60px 0;
  overflow: hidden
}

section header {
  margin-bottom: 60px
}

section .subsection {
  margin-bottom: 96px
}

section .flex {
  display: flex
}

@media only screen and (max-width: 480px) {
  section .flex {
    flex-wrap: wrap
  }
}

section .image {
  display: flex;
  justify-content: center;
  align-items: flex-end
}

section .image img .something {
  -webkit-animation: bounce 48s linear infinite;
  -moz-animation: bounce 48s linear infinite;
  -ms-animation: bounce 48s linear infinite;
  -o-animation: bounce 48s linear infinite;
  animation: bounce 48s linear infinite;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both
}

section .image-fill {
  height: 100%;
  width: 100%;
}

section #campaign-image-container {
  max-width: 28%;
  margin-right: 2%;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  max-width: 480px;
  max-height: 480px;
}

section #about-image-container {
  max-width: 60%;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  max-width: 500px;
}

section .programs-image-container {
  max-width: 60%;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  max-width: 480px;
  max-height: 480px;
}

section .flex-container-centered {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}

section.orange, section.pink, section.yellow, section.lime {
  padding-bottom: 150px;
}

section .description {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  max-width: 40%;
}

section .description p {
  margin: 0 0 36px 0;
}

@media (max-width: 767px) {
  section .description {
    max-width: 90% !important;
  }

  section .description p {
    text-align: center;
  }

  section .description h2 {
    text-align: center;
    margin-top: 0;
  }

  section #campaign-image-container {
    margin-top: 3%;
    height: 400px;
    width: 400px;
  }

  section #about-image-container {
    max-width: 50%;
    min-width: 400px;
  }

  section .programs-image-container {
    height: 400px;
    width: 400px;
  }

  section.orange #bird-flight {
    display: none;
  }

  .pink .flex-container-centered, .lime .flex-container-centered {
    flex-direction: column-reverse;
  }

  .green .flex-container-centered, .orange .flex-container-centered, .yellow .flex-container-centered {
    flex-direction: column;
  }
}

section .grass {
  position: absolute;
  width: 100%;
  bottom: 0;
  height: 195px;
  background-position: top center
}

section.landing {
  position: relative;
  background-color: #32b8ec;
  color: #764c29;
  padding-top: 0
}

/* Necessary for bubble-animation */
section #bubble-background-wrap {
  bottom: 0;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: -1;
}
/* End of bubble-animation */

@media (max-width: 480px) {
  section.landing h1,
  section.landing .decreased-font h2,
  .decreased-font section.landing h2 {
    margin-top: 50px
  }
}

@media (max-width: 480px) {
  section.landing h1 br,
  section.landing .decreased-font h2 br,
  .decreased-font section.landing h2 br {
    display: none
  }
}

/* ******* COVID19 SPLASH STYLING START ******* */

/* .splash {
  position: fixed;
  top: 0;
  left: 0;
  padding-top: 15%;
  width: 100%;
  height: 100vh;
  background: #337ab7;
  z-index: 200;
  color: white;
  text-align: center;
  line-height: 90vh;
}

@keyframes fadeIn{
  to{
    opacity: 1;
  }
}

.fade-in {
  opacity: 0;
  animation: fadeIn 1s ease-in forwards;
} */

.covid-image {
  margin-top: 7%;
  width: 47%;
  color: white;
  padding: 1em 1em 1em 0em;
}

@media (max-width: 500px) {
  .covid-image {
  margin-top: 18%;
  }
}
/* ******* COVID19 SPLASH STYLING END ******* */

section.landing .sky {
  position: relative;
  height: calc(100vh - 60px);
  display: flex;
  align-items: center;
  z-index: 24
}

section.landing .grass {
  background-image: url("../images/grass-green-landing.png");
  background-repeat: no-repeat;
  z-index: 22
}

section #AFB-bird-1 {
  position:absolute;
  top:49%;
  left:13%;
  width: 8%;
  text-shadow: #222222;
}

section #AFB-bird-2 {
  position:absolute;
  top:20%;
  right:10%;
  width: 8%;
  text-shadow: #222222;
}

section #tree-background-image {
  background-image: url("../images/tree_logo_large_smaller_logo.png");
  background-position: center bottom;
  background-size: 1200px 600px;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 5%;
  left: 0;
  height: 100%;
  width: 100%;
}

/* Media Queries (width) for the Landing Page - includes all sections - */
@media (max-width: 1250px) {
  section #AFB-bird-1 {
    top: 73%;
  }

  section #AFB-bird-2 {
    top: 22%;
    width: 11%;
  }

  section #tree-background-image {
    background-image: url("../images/tree_logo_small.png");
    background-position: center bottom;
    background-size: 1100px 650px;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 5%;
    left: 0;
    height: 100%;
    width: 100%;
  }
}

/* Bird 2 starts overlapping so this query removes it */
@media (max-width: 700px) {
  section #AFB-bird-2 {
    display: none;
  }
}

@media (max-width: 425px) {
  section #AFB-bird-1 {
    top: 75%;
    width: 10%;
  }

  section #AFB-bird-2 {
    top: 30%;
    width: 14%;
  }

  section #tree-background-image {
    background-size: 950px 600px;
  }

  section #campaign-image-container {
    width: 350px;
    height: 350px;
  }
  section #about-image-container {
    max-width: 50%;
    min-width: 350px;
  }

  section .programs-image-container {
    width: 350px;
    height: 350px;
  }
}

@media (max-width: 375px) {
  section #AFB-bird-1 {
    top: 75%;
    width: 10%;
  }

  section #AFB-bird-2 {
    top: 30%;
    width: 14%;
    left: 84%;
  }

  section #tree-background-image {
    background-size: 950px 600px;
  }

  section #campaign-image-container {
    width: 295px;
    height: 295px;
  }

  section #about-image-container {
    max-width: 50%;
    min-width: 295px;
  }

  section .programs-image-container {
    width: 295px;
    height: 295px;
  }
}

@media (max-width: 320px) {
  section #AFB-bird-1 {
    top: 75%;
    width: 10%;
  }

  section #AFB-bird-2 {
    top: 31%;
    width: 15%;
  }

  section #tree-background-image {
    background-size: 720px 500px;
    bottom: 8%;
  }

  section #campaign-image-container {
    width: 255px;
    height: 255px;
  }

  section #about-image-container {
    max-width: 50%;
    min-width: 255px;
  }

  section .programs-image-container {
    width: 255px;
    height: 255px;
  }
}

/* Bird 2 starts overlapping so this query removes it */
@media (max-width: 700px) {
  section #AFB-bird-2 {
    display: none;
  }
}

/* Queries for vertical height to prevent landing tree/logo from being cut off */
@media (max-height: 720px) and (min-width: 425px) and (max-width: 1250px) {
  section #tree-background-image {
    background-size: 950px 600px;
  }
}

@media (max-height: 670px) and (min-width: 425px) and (max-width: 1250px) {
  section #tree-background-image {
    background-size: 760px 500px;
  }
}

@media (max-height: 675px) and (min-width: 1251px) {
  section #tree-background-image {
    background-size: 950px 500px;
  }
}

/* End of Media Queries for Landing Page */

section.landing .tree-nav {
  position: absolute;
  bottom: -10px;
  left: 0
}

section.landing .tree-nav .treeInner {
  position: relative
}

section.landing .tree-nav .treeInner img {
  width: 100%
}

/* @media(max-width: 765px){
  section.landing .tree-nav .treeInner img {
    margin-left: 30%;
  }
}
@media(max-width: 500px){
  section.landing .tree-nav .treeInner img {
    margin-left: 15%;
  }
} */

section.landing .tree-nav .treeInner .linkWrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

section.landing .tree-nav .treeInner .linkWrap a {
  position: absolute;
  display: inline-block;
  z-index: 24
}

section.landing .tree-nav .treeInner .linkWrap .enroll {
  top: 24.9%;
  left: 52.4%;
  width: 5.6%;
  height: 8.1%
}

section.landing .tree-nav .treeInner .linkWrap .aboutFight {
  top: 3%;
  right: 36.7%;
  width: 5.6%;
  height: 8.1%
}

section.landing .tree-nav .treeInner .linkWrap .dream-link {
  top: 12.5%;
  right: 24.2%;
  width: 5.6%;
  height: 8.1%
}

section.landing .tree-nav .treeInner .linkWrap .fightFree {
  top: 25%;
  right: 17.9%;
  width: 5.6%;
  height: 8.1%
}

section.landing .tree-nav .treeInner .linkWrap .fightPro {
  top: 44%;
  right: 21.1%;
  width: 5.6%;
  height: 8.1%
}

section.landing .tree-nav .treeInner .linkWrap .social-link {
  top: 43.7%;
  right: 47.8%;
  width: 3%;
  height: 5.5%
}

section.landing .tree-nav .treeInner .linkWrap .involved {
  top: 45%;
  right: 41.2%;
  width: 2.7%;
  height: 5%
}

section.landing .tree-nav .treeInner .linkWrap .aboutUs {
  top: 24.3%;
  right: 37.3%;
  width: 2.7%;
  height: 5%
}

section.landing .tree-nav .treeInner .linkWrap .event-link {
  top: 18.3%;
  right: 32.4%;
  width: 2.7%;
  height: 5%
}

section.landing .tree-nav .treeInner .linkWrap .blog-link {
  top: 37.5%;
  right: 36.8%;
  width: 2.5%;
  height: 5%
}

section.landing .tree-nav .treeInner .linkWrap .thank-link {
  top: 53.5%;
  right: 37.5%;
  width: 2.7%;
  height: 5%
}

section.landing .tree-nav .treeInner .linkWrap .donate-link {
  top: 39.3%;
  right: 30.7%;
  width: 2.7%;
  height: 5%
}

section.landing .tree-nav .treeInner .linkWrap .corner-link {
  top: 51.7%;
  right: 30%;
  width: 2.7%;
  height: 5%
}

section.landing .tree-nav .treeInner .linkWrap .sponsors- link {
  top: 26%;
  right: 28.7%;
  width: 2.7%;
  height: 5%
}

section.landing-bg {
  min-height: 100vh
}

section.about {
  background: #3ca207
}

.white {
  background-color: #ccc !important;
}

.white .grass {
  background-image: url("../images/grass-green2.png")
}

section.orange {
  background-color: #ff8838;
}

section.orange #bird-flight {
  position: absolute;
  top:-125px;
  right:-280px;
}

.orange a {
  text-decoration: none;
}

.orange a:hover,
.orange a:focus {
  color: #3a2311;
}

/* #orange-div {
  background-image: url("../images/pink-grass.png");
} */

/* section.orange .grass {
  background-image: url("../images/grass-green.png")
  background-image: url("../images/pink-grass.png")
} */

section.orange .image {
  align-items: center
}

section.pink {
  background-color: #e95aa1
}

.pink a {
  color: #ffffff;
  text-decoration: none;
}

.pink a:hover,
.pink a:focus {
  color: #d3d3d3;
}

section.darkblue {
  background-color: #32b8ec;
}

.indexHeading {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 5%;
  color: white;
}

section.darkblue .grass {
  background-image: url("../images/grass-green-landing.png")
}

section.darkblue .grass2 {
  background-image: url("../images/grass-green.png")
}

section.yellow {
  background-color: #ffaf00;
}

.yellow a {
  text-decoration: none;
}

.yellow a:hover,
.yellow a:focus {
  color: #3a2311;
}

section.yellow .grass {
  background-image: url("../images/grass-orange.png")
}

section.green {
  background-color: #3ca207;
  color: #fff
}

.green a {
  text-decoration: none;
  color: #ffffff
}

.green a:hover,
.green a:focus {
  color: #d3d3d3;
}

section.green .grass {
  background-image: url("../images/grass-green.png")
}

section.green .image {
  align-items: center
}

section.lime {
  background-color: #32cd32;
}

.lime a {
  text-decoration: none;
  color: #ffffff;
}

section.lime .grass {
  background-image: url("../images/grass-flyfree.png")
}

section.dark {
  background-color: #53351d
}

section.purple {
  background-color: #8650B2
}

@media (max-width: 992px) {
  .about .row {
    display: block
  }
}

.about-description {
  margin-bottom: 35px;
  border-bottom: 1px solid #764c29
}

.about-description .collapse-button-wrap {
  text-align: right
}

.about-description .collapse-button-wrap .btn-more {
  float: none
}

.doctor-corner .subsection {
  margin-top: 33px
}

@media (min-width: 768px) {
  article[class*="col-sm"] {
    padding-left: 67px
  }
}

article p {
  margin-bottom: 29px
}

.avatar-wrapper {
  margin-top: 25px;
  margin-bottom: 20px
}

.avatar-wrapper img {
  max-width: 100%
}

.decreased-font h1,
.decreased-font h2 {
  font-size: 2.66667em;
  font-weight: 600;
  font-weight: 500;
  text-transform: none;
  letter-spacing: 1.2px;
  margin-bottom: 10px
}

@media screen and (max-width: 992px) {
  .decreased-font h1,
  .decreased-font h2 {
    font-size: 2.4em
  }
}

@media screen and (max-width: 768px) {
  .decreased-font h1,
  .decreased-font h2 {
    font-size: 2.13333em
  }
}

@media screen and (max-width: 480px) {
  .decreased-font h1,
  .decreased-font h2 {
    font-size: 1.6em
  }
}

.decreased-font p {
  line-height: 1.4
}

.decreased-font article p {
  line-height: 1.7
}

.decreased-font article h1,
.decreased-font article h2 {
  font-size: 1.66667em;
  font-weight: 600;
  font-weight: 600;
  text-transform: none;
  letter-spacing: 0;
  margin-bottom: 15px
}

@media screen and (max-width: 992px) {
  .decreased-font article h1,
  .decreased-font article h2 {
    font-size: 1.5em
  }
}

@media screen and (max-width: 768px) {
  .decreased-font article h1,
  .decreased-font article h2 {
    font-size: 1.33333em
  }
}

@media screen and (max-width: 480px) {
  .decreased-font article h1,
  .decreased-font article h2 {
    font-size: 1em
  }
}

@media screen and (min-width: 768px) {
  .about-description {
    border-bottom: none
  }
  .about-description #more-about {
    display: block
  }
}

.information h3 {
  text-transform: uppercase;
  margin-bottom: 48px
}

@media (max-width: 768px) {
  .information h3 {
    margin-bottom: 15px
  }
}

.information strong {
  color: #a69c93;
  font-weight: 600;
  margin: 0 0 24px 0;
  display: inline-block
}

address {
  font-size: 18px;
  margin-bottom: 42px
}

@media (max-width: 768px) {
  address {
    color: #a69c93;
    margin-bottom: 10px
  }
}

.dl-horizontal {
  font-size: 18px;
  overflow: hidden
}

.dl-horizontal dt {
  width: auto;
  font-weight: 300
}

@media (max-width: 768px) {
  .dl-horizontal dt {
    display: inline-block
  }
}

.dl-horizontal dd {
  float: left;
  margin-left: 12px;
  font-weight: 400
}

@media (max-width: 768px) {
  .dl-horizontal dd {
    color: #fff;
    float: none;
    display: inline-block
  }
}

@media (max-width: 768px) {
  strong.contact-subheading {
    color: #fff;
    max-width: 270px;
    font-weight: 600;
    margin-top: 30px;
    margin-bottom: 10px
  }
}

.social {
  margin-top: 36px
}

.social>a {
  margin-right: 12px;
  text-decoration: none
}

.social .fa {
  height: 24px;
  width: 24px;
  border-radius: 50%;
  text-align: center;
  font-size: 14px;
  padding: 5px 0;
  color: #53351d;
  background: #fff;
  -webkit-transition: all .2s ease-in;
  -moz-transition: all .2s ease-in;
  -ms-transition: all .2s ease-in;
  -o-transition: all .2s ease-in;
  transition: all .2s ease-in
}

@media (max-width: 768px) {
  .social .fa {
    height: 35px;
    width: 35px;
    font-size: 21px;
    padding: 7px 0
  }
}

.social .fa:hover {
  color: #fff
}

.social .fa-twitter:hover {
  background: #79ccf0
}

.social .fa-facebook:hover {
  background: #547bbd
}

.social .fa-instagram:hover {
  background: #f48239
}

.social .fa-youtube-play:hover {
  background: #ed351d
}

.calendar {
  max-width: 500px;
  background-color: #fff;
  color: #000;
  padding: 40px 10px;
  border-radius: 20px;
  font-weight: 500;
  font-size: 31px
}

@media screen and (max-width: 992px) {
  .calendar {
    font-size: 26px
  }
}

@media screen and (max-width: 768px) {
  .calendar {
    font-size: 24px
  }
}

@media screen and (max-width: 480px) {
  .calendar {
    font-size: 20px
  }
}

.calendar.small {
  font-size: 21px
}

@media screen and (max-width: 992px) {
  .calendar.small {
    font-size: 21px
  }
}

@media screen and (max-width: 768px) {
  .calendar.small {
    font-size: 20px
  }
}

@media screen and (max-width: 480px) {
  .calendar.small {
    font-size: 18px
  }
}

.calendar.small .week span {
  min-width: 30px
}

.calendar.small .event-wrapper {
  padding: 5px 8px
}

.month {
  text-transform: uppercase
}

.days-of-week,
.week {
  display: flex;
  justify-content: space-around;
  padding: 15px 0 2px
}

.week {
  padding: 0
}

.week span {
  display: inline-block;
  min-width: 43px
}

.week span.event {
  color: #f8be41
}

.week span.event.active {
  color: #fff;
  background-color: #f8be41;
  border-radius: 50%
}

.days {
  display: flex
}

.previuos-month,
.next-month {
  padding: 0 30px
}

.event-wrapper {
  padding: 10px 25px
}

.event-wrapper h3 {
  text-transform: none;
  margin-bottom: 5px
}

.sponsors-wrapper {
  flex-wrap: wrap
}

.sponsors-wrapper section {
  padding: 3px;
  width: 25%;
  height: 200px
}

@media (max-width: 1200px) {
  .sponsors-wrapper section {
    width: 33%
  }
}

@media (max-width: 768px) {
  .sponsors-wrapper section {
    width: 50%
  }
}

@media (max-width: 480px) {
  .sponsors-wrapper section {
    width: 100%
  }
}

.sponsors-wrapper section a {
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  height: 100%
}

.sponsors-wrapper section img {
  max-width: 90%
}

.sponsors-shortcut {
  position: absolute;
  left: 8%;
  top: 70%;
  max-width: 500px;
  margin: auto
}

.sponsors-shortcut p {
  margin-bottom: 5px;
  font-weight: 600
}

.sponsors-slider {
  display: flex;
  align-items: center;
  justify-content: space-around
}

.sponsors-slider div {
  max-width: 90px
}

.sponsors-slider div img {
  max-width: 100%
}

.sponsor-container {
  max-width: 1150px;
  margin-right: auto;
  margin-left: auto;
}

@media (max-width: 1199px) {
  .sponsor-container{
    padding-left: 5%;
    padding-right: 5%;
  }
}

.sponsors-logo {
  display: block;
  width: 100%;
  margin-left: 0px;
  margin-right: 0px;
}

.sponsors-logo div {
  height: 230px;
  width: 230px;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  margin-left:auto;
  margin-right:auto;
}

.spons-tabs {
  text-align: center
}

.spons-tabs img {
  max-height: 173px;
  max-width: 173px;
  margin-top: 3px
}

@media screen and (max-width: 940px) {
  .mob-spons-tab {
    text-align: center
  }
  .mob-spons-tab img {
    max-height: 173px;
    max-width: 173px;
    padding: 2px
  }
}

.gallery-wrapper {
  flex-wrap: wrap;
  margin: 0 -20px
}

.gallery-wrapper section {
  padding: 0 30px 20px;
  width: 25%
}

@media (max-width: 1200px) {
  .gallery-wrapper section {
    width: 33%
  }
}

@media (max-width: 768px) {
  .gallery-wrapper section {
    width: 50%
  }
}

@media (max-width: 480px) {
  .gallery-wrapper section {
    width: 100%
  }
}

.gallery-wrapper section .picture {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  position: relative
}

.gallery-wrapper section .picture:hover .view-bg,
.gallery-wrapper section .picture:focus .view-bg,
.gallery-wrapper section .picture:active:focus .view-bg {
  opacity: 1
}

.gallery-wrapper section .img-wrapper {
  width: 100%
}

.gallery-wrapper section img {
  width: 100%
}

.view-bg {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  content: '';
  position: absolute;
  opacity: 0;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center
}

.view-bg .view-text {
  margin-bottom: 0
}

.view-bg .left-line,
.view-bg .right-line {
  display: inline-block;
  background-color: #fff;
  height: 1px;
  width: 33px;
  vertical-align: middle
}

.picture-author {
  font-weight: 300;
  margin-bottom: 3px;
  margin-top: 8px
}

.picture-author a {
  font-weight: 600;
  color: inherit;
  text-decoration: none;
  position: relative
}

.picture-author a:hover:after,
.picture-author a:focus:after,
.picture-author a:active:focus:after {
  background-color: transparent
}

.picture-author a:after {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  content: '';
  display: inline-block;
  position: absolute;
  height: 1px;
  width: 100%;
  bottom: 3px;
  left: 0;
  background-color: #fff
}

.location {
  color: #8fdbee
}

.btn-buy {
  position: absolute;
  top: 0;
  right: 30px;
  color: #fff;
  padding: 6px 19px 10px;
  font-weight: 300;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 2px;
  z-index: 1
}

.btn-buy:hover,
.btn-buy:focus,
.btn-buy:active:focus {
  color: #f8be41;
  background-color: rgba(0, 0, 0, 0.7)
}

.btn-buy:hover:after,
.btn-buy:focus:after,
.btn-buy:active:focus:after {
  background-color: #f8be41
}

.btn-buy:after {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  content: '';
  display: block;
  height: 1px;
  width: 100%;
  background-color: #fff;
  margin-top: -2px
}

.gallery-window {
  background-color: #000
}

.gallery-window .arrow-prev,
.gallery-window .arrow-next {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  position: absolute;
  top: 0;
  bottom: 10%;
  display: flex;
  width: 140px;
  align-items: center;
  justify-content: flex-end
}

.gallery-window .arrow-prev:hover,
.gallery-window .arrow-next:hover {
  opacity: 0.3
}

.gallery-window .arrow-next {
  right: 0;
  justify-content: flex-start
}

.gallery-window .picture-wrapper {
  height: 100%
}

.gallery-window .images-track {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center
}

.gallery-window .images-track img {
  max-width: 100%
}

.gallery-window .picture-author {
  margin-top: 10px
}

.gallery-window .location {
  color: #fff
}

.gallery-window .btn-link {
  margin: 10px 0;
  font-weight: 300
}

.gallery-window .btn-link:hover,
.gallery-window .btn-link:focus,
.gallery-window .btn-link:active:focus {
  color: #fff
}

.gallery-by a {
  color: #ffffff;
  text-decoration: none;
  padding-left: auto;
  padding-right: auto;
}

.gallery-by a:hover,
.gallery-by a:focus {
  color: #dad6d6 ;
  text-decoration: none;
}

.goods-wrapper {
  flex-wrap: wrap;
  align-items: flex-start;
  margin: 0 -20px
}

@media (max-width: 1200px) {
  .goods-wrapper {
    margin: 0 -10px
  }
}

.goods-wrapper section {
  padding: 30px 0;
  width: 33%;
  padding: 20px
}

@media (max-width: 1200px) {
  .goods-wrapper section {
    padding: 10px
  }
}

@media (max-width: 992px) {
  .goods-wrapper section {
    width: 50%
  }
}

@media (max-width: 768px) {
  .goods-wrapper section {
    width: 100%;
    padding: 10px
  }
}

.goods-wrapper section iframe {
  max-width: 100%
}

.goods-wrapper section .background-wrapper {
  background-color: #338aa0;
  padding: 0;
  height: 100%
}

.goods-wrapper .caption {
  padding: 5px 15px
}

.goods-wrapper .caption .date-added {
  color: #8cdef2;
  font-size: 66%;
  margin-bottom: 5px
}

.directors-list>.tab-content>li,
.tutors-list>.tab-content>li,
.directors-list>li,
.tutors-list>li {
  padding: 10px 15px 6px
}

.directors-list>.tab-content>li:first-child,
.tutors-list>.tab-content>li:first-child,
.directors-list>li:first-child,
.tutors-list>li:first-child {
  padding-left: 0
}

.directors-list>.tab-content>li.active a,
.tutors-list>.tab-content>li.active a,
.directors-list>.tab-content>li.active a:focus,
.tutors-list>.tab-content>li.active a:focus,
.directors-list>.tab-content>li.active a:hover,
.tutors-list>.tab-content>li.active a:hover,
.directors-list>li.active a,
.tutors-list>li.active a,
.directors-list>li.active a:focus,
.tutors-list>li.active a:focus,
.directors-list>li.active a:hover,
.tutors-list>li.active a:hover {
  border: none;
  background: none
}

.directors-list>.tab-content>li.active a .view-bg,
.tutors-list>.tab-content>li.active a .view-bg,
.directors-list>.tab-content>li.active a:focus .view-bg,
.tutors-list>.tab-content>li.active a:focus .view-bg,
.directors-list>.tab-content>li.active a:hover .view-bg,
.tutors-list>.tab-content>li.active a:hover .view-bg,
.directors-list>li.active a .view-bg,
.tutors-list>li.active a .view-bg,
.directors-list>li.active a:focus .view-bg,
.tutors-list>li.active a:focus .view-bg,
.directors-list>li.active a:hover .view-bg,
.tutors-list>li.active a:hover .view-bg {
  opacity: 0
}

.directors-list>.tab-content>li.active a:after,
.tutors-list>.tab-content>li.active a:after,
.directors-list>.tab-content>li.active a:focus:after,
.tutors-list>.tab-content>li.active a:focus:after,
.directors-list>.tab-content>li.active a:hover:after,
.tutors-list>.tab-content>li.active a:hover:after,
.directors-list>li.active a:after,
.tutors-list>li.active a:after,
.directors-list>li.active a:focus:after,
.tutors-list>li.active a:focus:after,
.directors-list>li.active a:hover:after,
.tutors-list>li.active a:hover:after {
  border-color: #fff
}

.directors-list>.tab-content>li.active a img,
.tutors-list>.tab-content>li.active a img,
.directors-list>.tab-content>li.active a:focus img,
.tutors-list>.tab-content>li.active a:focus img,
.directors-list>.tab-content>li.active a:hover img,
.tutors-list>.tab-content>li.active a:hover img,
.directors-list>li.active a img,
.tutors-list>li.active a img,
.directors-list>li.active a:focus img,
.tutors-list>li.active a:focus img,
.directors-list>li.active a:hover img,
.tutors-list>li.active a:hover img {
  border: 1px solid #fff;
  border-radius: 50%
}

@media (max-width: 768px) {
  .directors-list>.tab-content>li,
  .tutors-list>.tab-content>li,
  .directors-list>li,
  .tutors-list>li {
    float: none
  }
}

.directors-list>.tab-content>li a,
.tutors-list>.tab-content>li a,
.directors-list>li a,
.tutors-list>li a {
  padding: 0;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  position: relative;
  margin: auto;
  margin-bottom: 20px;
  border: none;
  background: none
}

.directors-list>.tab-content>li a .view-bg,
.tutors-list>.tab-content>li a .view-bg,
.directors-list>li a .view-bg,
.tutors-list>li a .view-bg {
  border-radius: 50%
}

.directors-list>.tab-content>li a:after,
.tutors-list>.tab-content>li a:after,
.directors-list>li a:after,
.tutors-list>li a:after {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  content: '';
  position: absolute;
  display: block;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 50%;
  border: 9px solid transparent
}

.directors-list>.tab-content>li a:hover .view-bg,
.tutors-list>.tab-content>li a:hover .view-bg,
.directors-list>li a:hover .view-bg,
.tutors-list>li a:hover .view-bg {
  opacity: 1
}

.directors-list>.tab-content>li a:focus,
.tutors-list>.tab-content>li a:focus,
.directors-list>.tab-content>li a:active:focus,
.tutors-list>.tab-content>li a:active:focus,
.directors-list>li a:focus,
.tutors-list>li a:focus,
.directors-list>li a:active:focus,
.tutors-list>li a:active:focus {
  border: none
}

.directors-list>.tab-content>li a:focus:after,
.tutors-list>.tab-content>li a:focus:after,
.directors-list>.tab-content>li a:active:focus:after,
.tutors-list>.tab-content>li a:active:focus:after,
.directors-list>li a:focus:after,
.tutors-list>li a:focus:after,
.directors-list>li a:active:focus:after,
.tutors-list>li a:active:focus:after {
  border-color: #fff
}

.directors-list>.tab-content>li a img,
.tutors-list>.tab-content>li a img,
.directors-list>li a img,
.tutors-list>li a img {
  min-width: 100%;
  min-height: 100%
}

.director-name,
.tutor-name {
  margin-bottom: 0;
  text-transform: uppercase;
  font-weight: 500
}

.director-description-list,
.tutor-description-list {
  font-weight: 500;
  border-bottom: 1px solid #000;
  margin-bottom: 21px
}

.director-description-list>li,
.tutor-description-list>li {
  padding: 6px 15px 19px
}

.director-description-list>li:first-child,
.tutor-description-list>li:first-child {
  padding-left: 0
}

.director-description-list>li.active a,
.tutor-description-list>li.active a {
  color: #000;
  text-decoration: none
}

.director-description-list>li a,
.tutor-description-list>li a {
  color: inherit
}

.director-description-list>li a:hover,
.tutor-description-list>li a:hover,
.director-description-list>li a:focus,
.tutor-description-list>li a:focus,
.director-description-list>li a:active:focus,
.tutor-description-list>li a:active:focus {
  color: #000;
  text-decoration: none
}

.directors-content,
.tutors-content {
  color: #575757
}

.directors-content>.tab-pane,
.tutors-content>.tab-pane {
  position: relative
}

.directors-content>.tab-pane:before,
.tutors-content>.tab-pane:before {
  content: '';
  position: absolute;
  top: -30px;
  left: 85px;
  width: 0;
  height: 0;
  border: 15px solid transparent;
  border-bottom-color: #fff
}

.directors-content>.tab-pane:nth-child(2):before,
.tutors-content>.tab-pane:nth-child(2):before {
  left: 315px
}

.directors-content>.tab-pane:nth-child(3):before,
.tutors-content>.tab-pane:nth-child(3):before {
  left: 545px
}

.close-icon {
  position: absolute;
  top: 20px;
  right: 20px
}

.directors-list .tab-content li,
.tutors-list .tab-content li {
  padding: 0;
  margin-top: 20px
}

.directors-list .tab-content li:first-child,
.tutors-list .tab-content li:first-child {
  margin-top: 0
}

.directors-list img,
.tutors-list img {
  width: 100%
}

.directors-list .director-title,
.tutors-list .director-title {
  padding: 10px 5px 5px 5px;
  background-color: #fff
}

.directors-list .director-title p,
.tutors-list .director-title p {
  margin-bottom: 0;
  text-align: left
}

.directors-list .director-title p:nth-child(2),
.tutors-list .director-title p:nth-child(2) {
  position: relative
}

.directors-list .director-title .btn-more,
.tutors-list .director-title .btn-more {
  position: absolute;
  bottom: -2px;
  right: 0
}

.directors-list .director-description,
.tutors-list .director-description {
  padding: 0 5px 5px 5px;
  background-color: #fff
}

.directors-list .director-description .pictures img,
.tutors-list .director-description .pictures img {
  float: left;
  width: 32%;
  margin-bottom: 5px
}

.directors-list .director-description .pictures img:nth-child(3n-1),
.tutors-list .director-description .pictures img:nth-child(3n-1) {
  margin-left: 2%;
  margin-right: 2%
}

.directors-list .director-description .press img,
.tutors-list .director-description .press img {
  float: left;
  width: 49%;
  margin-bottom: 5px
}

.directors-list .director-description .press img:nth-child(odd),
.tutors-list .director-description .press img:nth-child(odd) {
  margin-right: 2%
}

.directors-list .director-description-list,
.tutors-list .director-description-list,
.directors-list .tutor-description-list,
.tutors-list .tutor-description-list {
  border: 0
}

.directors-list .director-description-list li,
.tutors-list .director-description-list li,
.directors-list .tutor-description-list li,
.tutors-list .tutor-description-list li {
  width: 33.33%;
  padding: 15px 0px;
  border: 1px solid #764c29;
  font-size: 18px;
  font-weight: 600;
  text-align: center
}

.directors-list .director-description-list li a,
.tutors-list .director-description-list li a,
.directors-list .tutor-description-list li a,
.tutors-list .tutor-description-list li a {
  display: block
}

.directors-list .director-description-list li.active,
.tutors-list .director-description-list li.active,
.directors-list .tutor-description-list li.active,
.tutors-list .tutor-description-list li.active {
  background-color: #764c29
}

.directors-list .director-description-list li.active a,
.tutors-list .director-description-list li.active a,
.directors-list .tutor-description-list li.active a,
.tutors-list .tutor-description-list li.active a {
  color: #fff
}

.directors-list .director-description-list li:nth-child(2),
.tutors-list .director-description-list li:nth-child(2),
.directors-list .tutor-description-list li:nth-child(2),
.tutors-list .tutor-description-list li:nth-child(2) {
  border-left: none;
  border-right: none;
  margin-left: -4px;
  margin-right: -4px
}

#orange .btn-warning {
  margin-top: 30px
}

.tutors-page section {
  padding: 20px 0
}

.tutors-page header {
  margin-bottom: 20px
}

.tutors-list {
  margin-bottom: 20px
}

.tutors-list>li {
  width: 20%
}

@media (max-width: 1200px) {
  .tutors-list>li {
    width: 33%
  }
}

@media (max-width: 768px) {
  .tutors-list>li {
    width: 100%
  }
}

.tutors-list p {
  margin-bottom: 0
}

.tutors-content p:last-of-type {
  margin-bottom: 0
}

.tutors-content .tab-content {
  color: #000
}

.tutors-content .tab-content a {
  color: inherit;
  text-decoration: underline
}

.tutors-content .tab-content a:hover,
.tutors-content .tab-content a:focus,
.tutors-content .tab-content a:active:focus {
  text-decoration: none
}

.tutors-content .tab-content dl {
  color: #000;
  margin-bottom: 0
}

.tutors-content .tab-content dl dt {
  display: inline-block;
  width: 200px;
  font-weight: 500;
  padding-right: 15px
}

.tutors-content .tab-content dl dd {
  display: inline-block;
  max-width: calc(100% - 220px);
  margin-bottom: 25px
}

.events {
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-wrap: wrap
}

.events section {
  padding: 10px;
  position: relative;
  max-width: 425px;
  min-width: 125px
}

@media (max-width: 1500px) {
  .events section {
    max-width: 300px
  }
}

@media (max-width: 767px) {
  .events section {
    max-width: 200px;
    margin: 5px 0
  }
}

.events section:nth-child(5n+2) {
  max-width: 320px
}

@media (max-width: 1500px) {
  .events section:nth-child(5n+2) {
    max-width: 195px
  }
}

.events section:nth-child(5n+3) {
  max-width: 190px;
  align-self: flex-start;
  margin-top: 25px
}

@media (max-width: 1500px) {
  .events section:nth-child(5n+3) {
    max-width: 65px
  }
}

.events section:nth-child(5n+3) .event-date {
  width: 65px;
  height: 65px;
  font-size: 21px
}

.events section:nth-child(5n+4) {
  max-width: 320px
}

@media (max-width: 1500px) {
  .events section:nth-child(5n+4) {
    max-width: 195px
  }
}

.events section:nth-child(5n+5) {
  max-width: 150px;
  align-self: flex-start
}

.events section:nth-child(5n+5) .event-date {
  width: 50px;
  height: 50px;
  font-size: 16px
}

.events section img {
  max-width: 100%;
  border-radius: 50%
}

.event-date {
  position: absolute;
  top: 0;
  right: 10%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 87px;
  width: 87px;
  background-color: #f8be41;
  color: #fff;
  font-size: 30px;
  border-radius: 50%
}

@media (max-width: 767px) {
  .event-date {
    height: 60px;
    width: 60px;
    font-size: 24px
  }
}

.bubble {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  /* bubble event png */
  background-size: contain;
  background-repeat: no-repeat
}

.event-details {
  margin: 20px 0 42px
}

.event-details h3 {
  display: inline-block;
  margin-right: 60px
}

.participants {
  background-color: #fff;
  border-radius: 20px;
  padding: 20px;
  margin-bottom: 60px
}

.participants p {
  margin: 0
}

.events-soon {
  display: flex;
  justify-content: space-between
}

.events-soon section {
  position: relative;
  padding: 10px;
  max-width: 240px
}

.events-soon section img {
  max-width: 100%;
  border-radius: 50%
}

/* Duplicated from afb.css */
/*
.blog {
  padding-top: 25px;
  background-color: #338aa0
}

.blog header {
  margin-bottom: 60px;
  background-color: transparent;
  -webkit-box-shadow: 5px 5px 25px 0px rgba(0, 0, 0, 0.32);
  -moz-box-shadow: 5px 5px 25px 0px rgba(0, 0, 0, 0.32);
  box-shadow: 5px 5px 25px 0px rgba(0, 0, 0, 0.32)
}

.blog header .description {
  display: inline-block;
  position: relative;
  width: 100%;
  padding: 35px;
  background-color: #006d88
}

.blog header .description:after {
  content: '';
  position: absolute;
  bottom: -16px;
  left: 50%;
  margin-left: -15px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 17px 15px 0 15px;
  border-color: #006d88 transparent transparent transparent
}

.blog header .description>div {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%
}

.blog header .description h1,
.blog header .description .decreased-font h2,
.decreased-font .blog header .description h2 {
  margin-top: 0;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 400
}

.blog header .description h2 {
  margin-top: 0;
  text-transform: lowercase;
  text-transform: capitalize;
  font-size: 24px
}

.blog header .description p {
  margin-bottom: 0;
  color: #2cb0d0
}

.blog header img {
  width: 100%
}

.blog .about p {
  margin-bottom: 40px
}

.blog .about .picture {
  width: 100%
}

.blog .about .picture img {
  width: 100%;
  margin-bottom: 5px
}

.blog .about .picture p {
  margin-bottom: 20px;
  color: #2cb0d0
}

.blog .carousel div {
  width: 100%;
  padding: 0 15px
}

.blog .carousel div img {
  width: 100%;
  margin-bottom: 5px
}

.blog .social {
  margin-bottom: 50px;
  text-align: center
}

.blog .relatedPosts {
  padding: 40px 0 100px 0;
  grass green half png goes here
  background-position: bottom;
  background-repeat: no-repeat
}

.blog .relatedPosts>div {
  border-top: 1px solid #fff
}

.blog .relatedPosts h3 {
  text-transform: lowercase;
  font-weight: 500
}

.blog .relatedPosts h3 span {
  text-transform: uppercase
}

.blog .relatedPosts .post {
  width: 100%;
  margin-bottom: 60px
}

.blog .relatedPosts .post img {
  width: 100%;
  margin-bottom: 5px
}

.blog .relatedPosts .post div p {
  margin-bottom: 0
}

.blog .relatedPosts .post div p:first-child {
  text-transform: uppercase
}

.blog .relatedPosts .post div p:nth-child(2) {
  color: #2cb0d0
}

.blog .relatedPosts .post h2 {
  margin-top: 10px;
  font-size: 24px;
  font-weight: 500;
  text-transform: capitalize
}

@media screen and (min-width: 1200px) {
  .blog {
    background-position: top;
    background-repeat: no-repeat
  }
  .blog header {
    display: flex
  }
  .blog header .description:after {
    left: 100%;
    top: 20%;
    margin-left: 0;
    border-width: 15px 0 15px 17px;
    border-color: transparent transparent transparent #006d88
  }
  .blog .about .inner-wrap div {
    display: inline-block
  }
  .blog .about .inner-wrap div:first-child {
    max-width: 60%
  }
  .blog .about .picture {
    float: right;
    max-width: 37%;
    margin-left: 3%
  }
  .blog .about .picture p {
    margin-bottom: 0
  }
  .blog .carousel {
    width: 400%;
    padding: 0
  }
  .blog .carousel div {
    display: inline-block;
    float: left;
    width: auto;
    margin-bottom: 40px
  }
  .blog .relatedPosts h3 {
    font-size: 38px
  }
  .blog .relatedPosts .post {
    float: left;
    width: 32%
  }
  .blog .relatedPosts .post:nth-child(2) {
    margin-left: 2%;
    margin-right: 2%
  }
  .blog .relatedPosts .post div {
    display: flex;
    justify-content: space-between
  }
  .blog .relatedPosts .post h2 {
    font-size: 30px
  }
}

.blog-wrapper header {
  margin-bottom: 10px
}

.blog-wrapper.decreased-font h2 {
  margin-top: 10px;
  margin-bottom: 24px
}

.blog-wrapper.decreased-font h3 {
  margin-top: 10px;
  margin-bottom: 15px
}

.blog-wrapper.decreased-font h3 a {
  text-decoration: none
}

.blog-wrapper.decreased-font h3 a:hover,
.blog-wrapper.decreased-font h3 a:focus {
  color: #ffaf00
}

.blog-wrapper .img-wrapper {
  overflow: hidden;
  margin-bottom: 5px
}

.blog-wrapper .img-wrapper img {
  max-width: 100%
}

@media (min-width: 768px) {
  .blog-wrapper .img-wrapper img {
    height: 180px
  }
}

@media (min-width: 1200px) {
  .blog-wrapper .img-wrapper img {
    height: 272px;
    max-width: none
  }
}

.blog {
  margin-left: -20px;
  margin-right: -20px
}

.blog section {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 40px;
  max-width: 500px
}

@media (max-width: 768px) {
  .blog section {
    margin-left: auto;
    margin-right: auto
  }
}

.blog section p {
  margin-bottom: 0
}

.blog section h3 {
  text-transform: none
}
*/

.contactForm {
  background-color: #53351d
}

.contactForm .contactWr {
  margin: 50px 20px 35px 20px
}

.contactForm .contactWr .textUs {
  text-align: center
}

.contactForm .contactWr .textUs>p {
  font-weight: 600;
  font-size: 2em;
  padding-bottom: 0px
}

.contactForm .contactWr .textUs h2 {
  margin-bottom: 20px
}

.contactForm .contactWr .textUs h5 {
  color: #a69c93
}

.contactForm .contactWr .inputForm {
  display: flex;
  justify-content: space-between;
  margin-top: 25px
}

.contactForm .contactWr .inputForm .inputExtent {
  width: 48.5%
}

.contactForm .contactWr .btn-contact {
  width: 100%;
  margin-top: 16px;
  margin-bottom: 45px
}

.contactForm .contactWr .mobileContact>br {
  color: #53351d
}

.contactForm .contactWr .contactList {
  margin-top: 50px;
  margin-bottom: 15px
}

.contactForm .contactWr .contactUs-subheading {
  color: white;
  font-weight: 600
}

.contactForm .contactWr .list-contact span {
  color: #a69c93
}

.contactForm .contactWr .list-contact span a {
  color: white;
  margin-left: 5px
}