@charset "UTF-8";
/*!
 * * Bootstrap v3.3.7 (http://getbootstrap.com)
 * * Copyright 2011-2016 Twitter, Inc.
 * * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 * */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700;900&display=swap");
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.container:before, .container:after {
  content: " ";
  display: table;
}
.container:after {
  clear: both;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.container-fluid:before, .container-fluid:after {
  content: " ";
  display: table;
}
.container-fluid:after {
  clear: both;
}

.row {
  margin-left: -15px;
  margin-right: -15px;
}
.row:before, .row:after {
  content: " ";
  display: table;
}
.row:after {
  clear: both;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}

.col-xs-1 {
  width: 8.3333333333%;
}

.col-xs-2 {
  width: 16.6666666667%;
}

.col-xs-3 {
  width: 25%;
}

.col-xs-4 {
  width: 33.3333333333%;
}

.col-xs-5 {
  width: 41.6666666667%;
}

.col-xs-6 {
  width: 50%;
}

.col-xs-7 {
  width: 58.3333333333%;
}

.col-xs-8 {
  width: 66.6666666667%;
}

.col-xs-9 {
  width: 75%;
}

.col-xs-10 {
  width: 83.3333333333%;
}

.col-xs-11 {
  width: 91.6666666667%;
}

.col-xs-12 {
  width: 100%;
}

.col-xs-pull-0 {
  right: auto;
}

.col-xs-pull-1 {
  right: 8.3333333333%;
}

.col-xs-pull-2 {
  right: 16.6666666667%;
}

.col-xs-pull-3 {
  right: 25%;
}

.col-xs-pull-4 {
  right: 33.3333333333%;
}

.col-xs-pull-5 {
  right: 41.6666666667%;
}

.col-xs-pull-6 {
  right: 50%;
}

.col-xs-pull-7 {
  right: 58.3333333333%;
}

.col-xs-pull-8 {
  right: 66.6666666667%;
}

.col-xs-pull-9 {
  right: 75%;
}

.col-xs-pull-10 {
  right: 83.3333333333%;
}

.col-xs-pull-11 {
  right: 91.6666666667%;
}

.col-xs-pull-12 {
  right: 100%;
}

.col-xs-push-0 {
  left: auto;
}

.col-xs-push-1 {
  left: 8.3333333333%;
}

.col-xs-push-2 {
  left: 16.6666666667%;
}

.col-xs-push-3 {
  left: 25%;
}

.col-xs-push-4 {
  left: 33.3333333333%;
}

.col-xs-push-5 {
  left: 41.6666666667%;
}

.col-xs-push-6 {
  left: 50%;
}

.col-xs-push-7 {
  left: 58.3333333333%;
}

.col-xs-push-8 {
  left: 66.6666666667%;
}

.col-xs-push-9 {
  left: 75%;
}

.col-xs-push-10 {
  left: 83.3333333333%;
}

.col-xs-push-11 {
  left: 91.6666666667%;
}

.col-xs-push-12 {
  left: 100%;
}

.col-xs-offset-0 {
  margin-left: 0%;
}

.col-xs-offset-1 {
  margin-left: 8.3333333333%;
}

.col-xs-offset-2 {
  margin-left: 16.6666666667%;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-offset-4 {
  margin-left: 33.3333333333%;
}

.col-xs-offset-5 {
  margin-left: 41.6666666667%;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-offset-7 {
  margin-left: 58.3333333333%;
}

.col-xs-offset-8 {
  margin-left: 66.6666666667%;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-offset-10 {
  margin-left: 83.3333333333%;
}

.col-xs-offset-11 {
  margin-left: 91.6666666667%;
}

.col-xs-offset-12 {
  margin-left: 100%;
}

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-1 {
    width: 8.3333333333%;
  }
  .col-sm-2 {
    width: 16.6666666667%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-4 {
    width: 33.3333333333%;
  }
  .col-sm-5 {
    width: 41.6666666667%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-7 {
    width: 58.3333333333%;
  }
  .col-sm-8 {
    width: 66.6666666667%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-10 {
    width: 83.3333333333%;
  }
  .col-sm-11 {
    width: 91.6666666667%;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-pull-1 {
    right: 8.3333333333%;
  }
  .col-sm-pull-2 {
    right: 16.6666666667%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-4 {
    right: 33.3333333333%;
  }
  .col-sm-pull-5 {
    right: 41.6666666667%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-7 {
    right: 58.3333333333%;
  }
  .col-sm-pull-8 {
    right: 66.6666666667%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-10 {
    right: 83.3333333333%;
  }
  .col-sm-pull-11 {
    right: 91.6666666667%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-push-1 {
    left: 8.3333333333%;
  }
  .col-sm-push-2 {
    left: 16.6666666667%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-4 {
    left: 33.3333333333%;
  }
  .col-sm-push-5 {
    left: 41.6666666667%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-7 {
    left: 58.3333333333%;
  }
  .col-sm-push-8 {
    left: 66.6666666667%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-10 {
    left: 83.3333333333%;
  }
  .col-sm-push-11 {
    left: 91.6666666667%;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
  .col-sm-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-sm-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-sm-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-sm-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-sm-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-1 {
    width: 8.3333333333%;
  }
  .col-md-2 {
    width: 16.6666666667%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-4 {
    width: 33.3333333333%;
  }
  .col-md-5 {
    width: 41.6666666667%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-7 {
    width: 58.3333333333%;
  }
  .col-md-8 {
    width: 66.6666666667%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-10 {
    width: 83.3333333333%;
  }
  .col-md-11 {
    width: 91.6666666667%;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-pull-1 {
    right: 8.3333333333%;
  }
  .col-md-pull-2 {
    right: 16.6666666667%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-4 {
    right: 33.3333333333%;
  }
  .col-md-pull-5 {
    right: 41.6666666667%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-7 {
    right: 58.3333333333%;
  }
  .col-md-pull-8 {
    right: 66.6666666667%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-10 {
    right: 83.3333333333%;
  }
  .col-md-pull-11 {
    right: 91.6666666667%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-push-1 {
    left: 8.3333333333%;
  }
  .col-md-push-2 {
    left: 16.6666666667%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-4 {
    left: 33.3333333333%;
  }
  .col-md-push-5 {
    left: 41.6666666667%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-7 {
    left: 58.3333333333%;
  }
  .col-md-push-8 {
    left: 66.6666666667%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-10 {
    left: 83.3333333333%;
  }
  .col-md-push-11 {
    left: 91.6666666667%;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
  .col-md-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-md-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-md-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-md-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-md-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-1 {
    width: 8.3333333333%;
  }
  .col-lg-2 {
    width: 16.6666666667%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-4 {
    width: 33.3333333333%;
  }
  .col-lg-5 {
    width: 41.6666666667%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-7 {
    width: 58.3333333333%;
  }
  .col-lg-8 {
    width: 66.6666666667%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-10 {
    width: 83.3333333333%;
  }
  .col-lg-11 {
    width: 91.6666666667%;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-pull-1 {
    right: 8.3333333333%;
  }
  .col-lg-pull-2 {
    right: 16.6666666667%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-4 {
    right: 33.3333333333%;
  }
  .col-lg-pull-5 {
    right: 41.6666666667%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-7 {
    right: 58.3333333333%;
  }
  .col-lg-pull-8 {
    right: 66.6666666667%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-10 {
    right: 83.3333333333%;
  }
  .col-lg-pull-11 {
    right: 91.6666666667%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-push-1 {
    left: 8.3333333333%;
  }
  .col-lg-push-2 {
    left: 16.6666666667%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-4 {
    left: 33.3333333333%;
  }
  .col-lg-push-5 {
    left: 41.6666666667%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-7 {
    left: 58.3333333333%;
  }
  .col-lg-push-8 {
    left: 66.6666666667%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-10 {
    left: 83.3333333333%;
  }
  .col-lg-push-11 {
    left: 91.6666666667%;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
  .col-lg-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-lg-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-lg-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-lg-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-lg-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
}
/* ----------- Fonts and typography ----------- */
.gritter-close:before,
.sidebar-nav .accordion-toggle[data-toggle]:before,
[class^=icon-],
[class*=" icon-"] {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
}

body {
  font-family: "Inter", sans-serif;
  color: #071e61;
}

h1 {
  color: #ff0000;
  font-size: 35px;
  font-weight: 700;
  margin: 0 0 20px;
  line-height: 1.3;
}

p {
  font-size: 18px;
}

.uppercase {
  text-transform: uppercase;
}

.bold {
  font-weight: 700 !important;
}

.semi-bold {
  font-weight: 600 !important;
}

.navbar-default .navbar-nav > li > a {
  font-family: "Inter", sans-serif;
}

.fs-20 {
  font-size: 20px !important;
}

@media screen and (max-width: 767px) {
  p {
    font-size: 13px;
  }
}
/* ----------- Flex Grid ----------- */
.flex-container-fluid {
  padding-left: 10px;
  padding-right: 10px;
}

.flex-row, .TeamProject__block {
  /* will apply equal heights to flex items */
  align-items: stretch;
  /* horizontal alignment of flex items (default value can be omitted) */
  flex-direction: row;
  display: flex;
  margin-left: -10px;
  margin-right: -10px;
  flex-wrap: wrap;
  justify-content: center;
  flex-grow: 1;
}

.flex-start {
  align-items: flex-start;
}

.flex-end {
  align-items: flex-start;
}

[class^=flex-col-] {
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  /* vertical alignment of flex items */
  flex-direction: column;
  /* center flex items vertically */
  justify-content: center;
  /* center flex items horizontally */
  align-items: center;
}

.flex-col-padding {
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.align-f-end {
  align-items: flex-end;
}

.align-f-start {
  align-items: flex-start;
}

.flex-col-1 {
  width: 8.33333333%;
}

.flex-col-2 {
  width: 16.66666667%;
}

.flex-col-3 {
  width: 25%;
}

.flex-col-4 {
  width: 33.33333333%;
}

.flex-col-5 {
  width: 41.66666667%;
}

.flex-col-6 {
  width: 50%;
}

.flex-col-7 {
  width: 58.33333333%;
}

.flex-col-8 {
  width: 66.66666667%;
}

.flex-col-9 {
  width: 75%;
}

.flex-col-10 {
  width: 83.33333333%;
}

.flex-col-11 {
  width: 91.66666667%;
}

.flex-col-12 {
  width: 100%;
}

@media (max-width: 767px) {
  .flex-col-xs-1 {
    width: 8.33333333%;
  }
  .flex-col-xs-2 {
    width: 16.66666667%;
  }
  .flex-col-xs-3 {
    width: 25%;
  }
  .flex-col-xs-4 {
    width: 33.33333333%;
  }
  .flex-col-xs-5 {
    width: 41.66666667%;
  }
  .flex-col-xs-6 {
    width: 50%;
  }
  .flex-col-xs-7 {
    width: 58.33333333%;
  }
  .flex-col-xs-8 {
    width: 66.66666667%;
  }
  .flex-col-xs-9 {
    width: 75%;
  }
  .flex-col-xs-10 {
    width: 83.33333333%;
  }
  .flex-col-xs-11 {
    width: 91.66666667%;
  }
  .flex-col-xs-12, .TeamProject__member {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .flex-col-sm-1 {
    width: 8.33333333%;
  }
  .flex-col-sm-2 {
    width: 16.66666667%;
  }
  .flex-col-sm-3 {
    width: 25%;
  }
  .flex-col-sm-4 {
    width: 33.33333333%;
  }
  .flex-col-sm-5 {
    width: 41.66666667%;
  }
  .flex-col-sm-6, .TeamProject__member {
    width: 50%;
  }
  .flex-col-sm-7 {
    width: 58.33333333%;
  }
  .flex-col-sm-8 {
    width: 66.66666667%;
  }
  .flex-col-sm-9 {
    width: 75%;
  }
  .flex-col-sm-10 {
    width: 83.33333333%;
  }
  .flex-col-sm-11 {
    width: 91.66666667%;
  }
  .flex-col-sm-12 {
    width: 100%;
  }
  .pull-right-sm {
    float: right;
  }
  .pull-left-sm {
    float: left;
  }
}
@media (min-width: 992px) {
  .flex-col-md-1 {
    width: 8.33333333%;
  }
  .flex-col-md-2 {
    width: 16.66666667%;
  }
  .flex-col-md-3 {
    width: 25%;
  }
  .flex-col-md-4 {
    width: 33.33333333%;
  }
  .flex-col-md-5 {
    width: 41.66666667%;
  }
  .flex-col-md-6 {
    width: 50%;
  }
  .flex-col-md-7 {
    width: 58.33333333%;
  }
  .flex-col-md-8 {
    width: 66.66666667%;
  }
  .flex-col-md-9 {
    width: 75%;
  }
  .flex-col-md-10 {
    width: 83.33333333%;
  }
  .flex-col-md-11 {
    width: 91.66666667%;
  }
  .flex-col-md-12 {
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .flex-col-lg-1 {
    width: 8.33333333%;
  }
  .flex-col-lg-2 {
    width: 16.66666667%;
  }
  .flex-col-lg-3 {
    width: 25%;
  }
  .flex-col-lg-4, .TeamProject__member {
    width: 33.33333333%;
  }
  .flex-col-lg-5 {
    width: 41.66666667%;
  }
  .flex-col-lg-6 {
    width: 50%;
  }
  .flex-col-lg-7 {
    width: 58.33333333%;
  }
  .flex-col-lg-8 {
    width: 66.66666667%;
  }
  .flex-col-lg-9 {
    width: 75%;
  }
  .flex-col-lg-10 {
    width: 83.33333333%;
  }
  .flex-col-lg-11 {
    width: 91.66666667%;
  }
  .flex-col-lg-12 {
    width: 100%;
  }
}
@media (min-width: 1600px) {
  .flex-col-xl-1 {
    width: 8.33333333%;
  }
  .flex-col-xl-2 {
    width: 16.66666667%;
  }
  .flex-col-xl-3 {
    width: 25%;
  }
  .flex-col-xl-4 {
    width: 33.33333333%;
  }
  .flex-col-xl-5 {
    width: 41.66666667%;
  }
  .flex-col-xl-6 {
    width: 50%;
  }
  .flex-col-xl-7 {
    width: 58.33333333%;
  }
  .flex-col-xl-8 {
    width: 66.66666667%;
  }
  .flex-col-xl-9 {
    width: 75%;
  }
  .flex-col-xl-10 {
    width: 83.33333333%;
  }
  .flex-col-xl-11 {
    width: 91.66666667%;
  }
  .flex-col-xl-12 {
    width: 100%;
  }
}
@media (min-width: 1920px) {
  .flex-col-xxl-1 {
    width: 8.33333333%;
  }
  .flex-col-xxl-2 {
    width: 16.66666667%;
  }
  .flex-col-xxl-3 {
    width: 25%;
  }
  .flex-col-xxl-4 {
    width: 33.33333333%;
  }
  .flex-col-xxl-5 {
    width: 41.66666667%;
  }
  .flex-col-xxl-6 {
    width: 50%;
  }
  .flex-col-xxl-7 {
    width: 58.33333333%;
  }
  .flex-col-xxl-8 {
    width: 66.66666667%;
  }
  .flex-col-xxl-9 {
    width: 75%;
  }
  .flex-col-xxl-10 {
    width: 83.33333333%;
  }
  .flex-col-xxl-11 {
    width: 91.66666667%;
  }
  .flex-col-xxl-12 {
    width: 100%;
  }
}
.full-height {
  height: 100%;
}

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

.flex-center-v {
  display: flex;
  align-items: center;
}

.height-100 {
  height: 100%;
}

.flex-pull-left {
  margin-left: 0;
  margin-right: auto;
}

.flex-pull-right, .sponsors .budget-value, .project-suggestedby {
  margin-left: auto;
  margin-right: 0;
}

[dir=rtl] .flex-pull-left {
  margin-left: auto;
  margin-right: 0;
}
[dir=rtl] .flex-pull-right, [dir=rtl] .sponsors .budget-value, .sponsors [dir=rtl] .budget-value, [dir=rtl] .project-suggestedby {
  margin-left: 0;
  margin-right: auto;
}

@media screen and (max-width: 767px) {
  /* .flex-col-3
  *  width: 50%
  *  margin-bottom: $flex-padding*2 */
}
@media screen and (max-width: 767px) {
  .full-width-xs {
    width: 100%;
  }
  .margin-bottom-xs-10 {
    margin-bottom: 10px !important;
  }
  .margin-bottom-xs-20 {
    margin-bottom: 20px !important;
  }
  .margin-bottom-xs-30 {
    margin-bottom: 30px !important;
  }
  .text-center-xs {
    text-align: center;
  }
}
/* ----------- Animations ----------- */
@keyframes rotate-clockwise-180 {
  0% {
    transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(90deg);
  }
}
@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}
@keyframes opacity-fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes dropdown-scaleup {
  0% {
    transform: translateY(-10px) scaleY(0.75);
  }
  100% {
    transform: translateY(-10px) scaleY(1);
  }
}
/* ----------- padding, margins, text align classes ----------- */
.mt-0 {
  margin-top: 0 !important;
}

.mt-1em {
  margin-top: 1em;
}

.mt-2em {
  margin-top: 2em;
}

.mt-3em {
  margin-top: 3em;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1em {
  margin-bottom: 1em;
}

.mb-2em {
  margin-bottom: 2em;
}

.mb-3em {
  margin-bottom: 3em;
}

.w-100 {
  width: 100%;
}

.cursor-default {
  cursor: default !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

@media screen and (min-width: 1400px) {
  .padding-xxl {
    padding: 2em;
  }
  .padding-x-xxl {
    padding: 2em 0;
  }
  .padding-y-xxl {
    padding: 0 2em;
  }
  .padding-top-xxl {
    padding-top: 2em;
  }
  .padding-right-xxl {
    padding-right: 2em;
  }
  .padding-bottom-xxl {
    padding-bottom: 2em;
  }
  .padding-left-xxl {
    padding-left: 2em;
  }
  .margin-xxl {
    margin: 2em;
  }
  .margin-x-xxl {
    margin: 2em 0;
  }
  .margin-y-xxl {
    margin: 0 2em;
  }
  .margin-top-xxl {
    margin-top: 2em;
  }
  .margin-right-xxl {
    margin-right: 2em;
  }
  .margin-bottom-xxl {
    margin-bottom: 2em;
  }
  .margin-left-xxl {
    margin-left: 2em;
  }
  .text-left-xxl {
    text-align: left;
  }
  body[dir=rtl] .text-left-xxl {
    text-align: right;
  }
  .text-center-xxl {
    text-align: center;
  }
  .text-right-xxl {
    text-align: right;
  }
  body[dir=rtl] .text-right-xxl {
    text-align: left;
  }
}
@media screen and (max-width: 1399px) {
  .padding-xl {
    padding: 1.5em;
  }
  .padding-x-xl {
    padding: 1.5em 0;
  }
  .padding-y-xl {
    padding: 0 1.5em;
  }
  .padding-top-xl {
    padding-top: 1.5em;
  }
  .padding-right-xl {
    padding-right: 1.5em;
  }
  .padding-bottom-xl {
    padding-bottom: 1.5em;
  }
  .padding-left-xl {
    padding-left: 1.5em;
  }
  .margin-xl {
    margin: 1.5em;
  }
  .margin-x-xl {
    margin: 1.5em 0;
  }
  .margin-y-xl {
    margin: 0 1.5em;
  }
  .margin-top-xl {
    margin-top: 1.5em;
  }
  .margin-right-xl {
    margin-right: 1.5em;
  }
  .margin-bottom-xl {
    margin-bottom: 1.5em;
  }
  .margin-left-xl {
    margin-left: 1.5em;
  }
  .text-left-xl {
    text-align: left;
  }
  body[dir=rtl] .text-left-xl {
    text-align: right;
  }
  .text-center-xl {
    text-align: center;
  }
  .text-right-xl {
    text-align: right;
  }
  body[dir=rtl] .text-right-xl {
    text-align: left;
  }
}
@media screen and (min-width: 993px) {
  .padding-lg {
    padding: 1.5em;
  }
  .padding-x-lg {
    padding: 1.5em 0;
  }
  .padding-y-lg {
    padding: 0 1.5em;
  }
  .padding-top-lg {
    padding-top: 1.5em;
  }
  .padding-right-lg {
    padding-right: 1.5em;
  }
  .padding-bottom-lg {
    padding-bottom: 1.5em;
  }
  .padding-left-lg {
    padding-left: 1.5em;
  }
  .margin-lg {
    margin: 1.5em;
  }
  .margin-x-lg {
    margin: 1.5em 0;
  }
  .margin-y-lg {
    margin: 0 1.5em;
  }
  .margin-top-lg {
    margin-top: 1.5em;
  }
  .margin-right-lg {
    margin-right: 1.5em;
  }
  .margin-bottom-lg {
    margin-bottom: 1.5em;
  }
  .margin-left-lg {
    margin-left: 1.5em;
  }
  .text-left-lg {
    text-align: left;
  }
  body[dir=rtl] .text-left-lg {
    text-align: right;
  }
  .text-center-lg {
    text-align: center;
  }
  .text-right-lg {
    text-align: right;
  }
  body[dir=rtl] .text-right-lg {
    text-align: left;
  }
}
@media screen and (max-width: 992px) {
  .padding-md {
    padding: 1em;
  }
  .padding-x-md {
    padding: 1em 0;
  }
  .padding-y-md {
    padding: 0 1em;
  }
  .padding-top-md {
    padding-top: 1em;
  }
  .padding-right-md {
    padding-right: 1em;
  }
  .padding-bottom-md {
    padding-bottom: 1em;
  }
  .padding-left-md {
    padding-left: 1em;
  }
  .margin-md {
    margin: 1em;
  }
  .margin-x-md {
    margin: 1em 0;
  }
  .margin-y-md {
    margin: 0 1em;
  }
  .margin-top-md {
    margin-top: 1em;
  }
  .margin-right-md {
    margin-right: 1em;
  }
  .margin-bottom-md {
    margin-bottom: 1em;
  }
  .margin-left-md {
    margin-left: 1em;
  }
  .text-left-md {
    text-align: left;
  }
  body[dir=rtl] .text-left-md {
    text-align: right;
  }
  .text-center-md {
    text-align: center;
  }
  .text-right-md {
    text-align: right;
  }
  body[dir=rtl] .text-right-md {
    text-align: left;
  }
}
@media screen and (max-width: 768px) {
  .padding-sm {
    padding: 1em;
  }
  .padding-x-sm {
    padding: 1em 0;
  }
  .padding-y-sm {
    padding: 0 1em;
  }
  .padding-top-sm {
    padding-top: 1em;
  }
  .padding-right-sm {
    padding-right: 1em;
  }
  .padding-bottom-sm {
    padding-bottom: 1em;
  }
  .padding-left-sm {
    padding-left: 1em;
  }
  .margin-sm {
    margin: 1em;
  }
  .margin-x-sm {
    margin: 1em 0;
  }
  .margin-y-sm {
    margin: 0 1em;
  }
  .margin-top-sm {
    margin-top: 1em;
  }
  .margin-right-sm {
    margin-right: 1em;
  }
  .margin-bottom-sm {
    margin-bottom: 1em;
  }
  .margin-left-sm {
    margin-left: 1em;
  }
  .text-left-sm {
    text-align: left;
  }
  body[dir=rtl] .text-left-sm {
    text-align: right;
  }
  .text-center-sm {
    text-align: center;
  }
  .text-right-sm {
    text-align: right;
  }
  body[dir=rtl] .text-right-sm {
    text-align: left;
  }
}
@media screen and (max-width: 576px) {
  .padding-xs {
    padding: 1em;
  }
  .padding-x-xs {
    padding: 1em 0;
  }
  .padding-y-xs {
    padding: 0 1em;
  }
  .padding-top-xs {
    padding-top: 1em;
  }
  .padding-right-xs {
    padding-right: 1em;
  }
  .padding-bottom-xs {
    padding-bottom: 1em;
  }
  .padding-left-xs {
    padding-left: 1em;
  }
  .margin-xs {
    margin: 1em;
  }
  .margin-x-xs {
    margin: 1em 0;
  }
  .margin-y-xs {
    margin: 0 1em;
  }
  .margin-top-xs {
    margin-top: 1em;
  }
  .margin-right-xs {
    margin-right: 1em;
  }
  .margin-bottom-xs {
    margin-bottom: 1em;
  }
  .margin-left-xs {
    margin-left: 1em;
  }
  .text-left-xs {
    text-align: left;
  }
  body[dir=rtl] .text-left-xs {
    text-align: right;
  }
  .text-center-xs {
    text-align: center;
  }
  .text-right-xs {
    text-align: right;
  }
  body[dir=rtl] .text-right-xs {
    text-align: left;
  }
}
/* ----------- Texts ----------- */
.text-line-sides {
  position: relative;
  font-size: 30px;
  z-index: 1;
  overflow: hidden;
  text-align: center;
}
.text-line-sides:before {
  margin-left: -47%;
  text-align: right;
}

.text-line-sides:before,
.text-line-sides:after {
  position: absolute;
  top: 51%;
  overflow: hidden;
  width: 47%;
  height: 1px;
  content: " ";
  background-color: #d7d7d7;
}

.text-underline {
  text-decoration: underline !important;
}

.text-sm {
  font-size: small;
}

.text-md {
  font-size: medium;
}

.text-lg {
  font-size: large;
}

.text-xlg {
  font-size: x-large;
}

.text-xxlg {
  font-size: xx-large;
}

.text-xxxlg {
  font-size: xxx-large;
}

.ellipsis, .item-media-filename, .item-media-fe .list-media-fe-title, .popup-medialist-link .list-media-fe-title {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.list-inline li {
  display: inline-block;
}

.dir-ltr {
  direction: ltr;
  unicode-bidi: bidi-override !important;
}

/* ----------- Mixins ----------- */
/* ----------- Main ----------- */
html {
  min-height: 100%;
  position: relative;
}

body {
  font-size: 16px;
  height: 100%;
  line-height: 1.5;
  overflow-x: hidden;
  /* iOS iframe width fix */
  width: 1px;
  min-width: 100%;
  font-family: "Inter", sans-serif;
}

#divMainContainer {
  background: #f3f1f1;
  background: rgb(237, 233, 233);
  background: linear-gradient(51deg, rgb(242, 242, 242) 0%, rgb(255, 255, 255) 100%);
  overflow: visible;
}

.content-wrapper {
  overflow: visible;
}

#wizard {
  position: relative;
}

#sosiran_flag_bg_video {
  position: absolute;
  right: 0;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  min-height: 100%;
}

.content-title {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 20px;
  padding-bottom: 15px;
  color: #193fad;
  border-bottom: 1px solid #b1cee4;
}
.content-title h1 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 0;
  padding-bottom: 0;
  line-height: 43px;
  color: #193fad;
}

.content-title2 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 0;
  padding-bottom: 0;
  line-height: 43px;
  color: #d91f26;
}

.page-message {
  font-size: 16px;
}
.page-message p {
  font-size: 16px;
}

#bodywrapper {
  max-height: 100vh;
}

.page-wrapper {
  max-width: 100%;
  margin: auto;
  min-height: 100vh;
}

.container {
  max-width: 100%;
  width: 100% !important;
}

.info-SOSNumber {
  display: none;
  position: relative;
}
.info-SOSNumber .container-user {
  position: absolute;
  background-color: #fff;
  border-radius: 10px;
  bottom: 5px;
  padding: 10px 15px 10px 10px;
  border: 1px solid #071e61;
  left: 0;
  align-items: flex-start;
}
.info-SOSNumber .container-user .icon-close-thin {
  position: absolute;
  font-size: 16px;
  cursor: pointer;
  top: 3px;
  right: 3px;
}

body[dir=rtl] .info-SOSNumber .container-user {
  left: auto;
  right: 0;
  padding: 10px 5px 10px 15px;
}
body[dir=rtl] .info-SOSNumber .container-user .icon-close-thin {
  left: 3px;
  right: auto;
}

#dvBodyContainer {
  padding: 0;
}

a {
  color: #071e61;
}

a:hover,
a:focus {
  coloR: #d91f26;
  outline: none !important;
}

button::-moz-focus-inner {
  border: 0;
}

.cursor-default {
  cursor: default;
}

#divMainContainer {
  flex-grow: 3;
}

.img-responsive {
  display: inline-block;
}

.block {
  display: block !important;
}

.inline {
  display: inline !important;
}

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

.content-inner {
  margin-top: 50px;
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
  background-color: white;
  padding: 15px;
  min-height: 200px;
  position: relative;
  border: 1px solid #b1cee4;
  border-radius: 8px;
  box-shadow: 0 0 40px 0 rgba(6, 21, 35, 0.1);
  min-height: calc(100vh - 450px);
}

@media screen and (min-width: 1921px) {
  .content-inner {
    max-width: calc(80% - 30px);
  }
}
@media screen and (max-width: 1920px) {
  .content-inner {
    max-width: calc(80% - 30px);
  }
}
@media screen and (max-width: 1200px) {
  .content-inner {
    max-width: calc(90% - 30px);
  }
}
@media screen and (max-width: 992px) {
  .content-inner {
    max-width: calc(100% - 30px);
  }
}
@media screen and (max-width: 767px) {
  .content-inner {
    max-width: 96%;
    min-height: unset;
    margin: 15px auto;
  }
}
#dvLanguageKeys {
  position: relative;
  z-index: 2;
}
#dvLanguageKeys .form-group {
  margin-bottom: 0;
  padding: 10px;
}

.page-contest-details .content-inner,
.page-home-countdown .content-inner,
.page-contest-winners .content-inner {
  padding: 30px 15px;
}

.container-fluid {
  padding-left: 15px;
  padding-right: 15px;
}

.center-block {
  display: block !important;
  margin-right: auto;
  margin-left: auto;
}

.ford-holder {
  margin: 0 0 10px 0;
}
.ford-holder [class*=col-] {
  padding-left: 5px;
  padding-right: 5px;
}

.column-left img,
.column-right img {
  max-width: 100%;
}

.column-left .dw-widget {
  text-align: right;
}
.column-left .dw-widget img {
  display: inline-block !important;
}

.column-right .dw-widget {
  text-align: left;
}
.column-right .dw-widget img {
  display: inline-block !important;
}

.page-slogan,
.page-slogan a {
  color: #565b60;
  font-size: 18px;
  font-family: "Inter", sans-serif;
  font-weight: 700;
  padding-bottom: 15px;
  border-bottom: 1px solid #e7e8e9;
  text-align: center;
  margin-bottom: 30px;
  line-height: 1.3;
}

.page-slogan a {
  text-decoration: underline;
}

.page-slogan a:hover {
  color: #d91f26;
}

.page-title h1,
.heading {
  color: #d91f26;
  font-size: 24px;
  font-family: "Inter", sans-serif;
  font-weight: 700;
  padding-left: 0;
  padding-top: 0;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.2;
}

.heading-col {
  margin-bottom: 1em;
}

.page-staticpage-index .page-title h1,
.page-staticpage-index .heading {
  margin-top: 60px;
  margin-bottom: 30px;
}

.color2 {
  color: #565b60;
}

.color-accent {
  color: #d91f26;
}

.landing-section {
  position: relative;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 768px) {
  .landing-section {
    max-width: 80%;
  }
}
@media screen and (min-width: 1092px) {
  .landing-section {
    max-width: 992px;
  }
}
@media screen and (min-width: 1300px) {
  .landing-section {
    max-width: 1200px;
  }
}
@media screen and (min-width: 1600px) {
  .landing-section {
    max-width: 1600px;
  }
}
.heading-parapgraph h1 {
  color: #d91f26;
  font-size: 20px;
  font-family: "Inter", sans-serif;
  font-weight: 700;
  border-left: 4px solid #565b60;
  padding-left: 15px;
  line-height: 0.8;
  margin-bottom: 25px;
}
.heading-parapgraph p {
  color: #071e61;
  font-size: 16px;
  font-family: "Inter", sans-serif;
  margin-bottom: 0;
}

.short-description {
  color: #071e61;
  font-size: 16px;
  font-family: "Inter", sans-serif;
}

.heading-container {
  position: relative;
  margin-bottom: 15px;
  padding-top: 3px;
  padding-bottom: 3px;
}

.btn-container-right {
  text-align: right;
}
.btn-container-right .btn {
  display: inline-block;
}

.btn {
  border-radius: 48px;
  padding: 12px 35px;
  line-height: 1;
  transition: all 0.12s ease-in-out 0s;
  font-family: "Inter", sans-serif;
}

.btn-primary,
.btn-default,
.landing-heading .landing-logged-cta-container .btn-primary,
.btn-default.btn-disabled,
.btn-success,
.btn-danger,
.btn-primary[disabled],
.btn-success[disabled],
.btn-danger[disabled],
.btn-primary[disabled]:active,
.btn-success[disabled]:active,
.btn-danger[disabled]:active {
  color: #fff;
  font-size: 22px;
  font-family: "Inter", sans-serif;
  font-weight: 600;
}

.btn-primary {
  border: 0;
  background-color: #1a92db;
  color: #fff;
}

.btn-primary:hover {
  background-color: rgb(15.1755102041, 85.2163265306, 127.8244897959);
  color: #fff;
}

.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-color: rgb(15.1755102041, 85.2163265306, 127.8244897959);
  color: #fff;
  transform: scale(0.92, 0.92);
  border-color: #fff;
  outline: 0;
}

.btn-default, .landing-heading .landing-logged-cta-container .btn-primary, .btn-default.btn-disabled,
.btn-default:active,
.btn-default:focus {
  border: 0;
  background-color: #fff;
  color: #000000;
  box-shadow: 0 1px 0 #c6d2f2, 0 0 30px 15px rgba(198, 210, 242, 0.34);
}
.btn-default:not(.disabled):not(.btn-disabled):active, .landing-heading .landing-logged-cta-container .btn-primary:not(.disabled):not(.btn-disabled):active, .btn-default:not(.disabled):not(.btn-disabled):focus, .landing-heading .landing-logged-cta-container .btn-primary:not(.disabled):not(.btn-disabled):focus,
.btn-default:active:not(.disabled):not(.btn-disabled):active,
.btn-default:active:not(.disabled):not(.btn-disabled):focus,
.btn-default:focus:not(.disabled):not(.btn-disabled):active,
.btn-default:focus:not(.disabled):not(.btn-disabled):focus {
  border: 1px solid #1a92db;
}
.btn-default:not(.disabled):not(.btn-disabled):hover, .landing-heading .landing-logged-cta-container .btn-primary:not(.disabled):not(.btn-disabled):hover,
.btn-default:active:not(.disabled):not(.btn-disabled):hover,
.btn-default:focus:not(.disabled):not(.btn-disabled):hover {
  background-color: #1a92db;
  color: #fff;
  box-shadow: 0 1px 0 black, 0 0 40px 25px rgba(198, 210, 242, 0.34);
  transform: scale(0.92, 0.92);
}
.btn-default:not(.disabled):not(.btn-disabled):hover .link-arrow, .landing-heading .landing-logged-cta-container .btn-primary:not(.disabled):not(.btn-disabled):hover .link-arrow,
.btn-default:active:not(.disabled):not(.btn-disabled):hover .link-arrow,
.btn-default:focus:not(.disabled):not(.btn-disabled):hover .link-arrow {
  border-color: #fff;
}
.btn-default:not(.disabled):not(.btn-disabled):hover .icon-share, .landing-heading .landing-logged-cta-container .btn-primary:not(.disabled):not(.btn-disabled):hover .icon-share,
.btn-default:active:not(.disabled):not(.btn-disabled):hover .icon-share,
.btn-default:focus:not(.disabled):not(.btn-disabled):hover .icon-share {
  color: #fff !important;
}

.btn-default.btn-disabled, .landing-heading .landing-logged-cta-container .btn-disabled.btn-primary {
  cursor: default;
}

.btn-propose-project {
  font-size: 120%;
}

.btn-public-info {
  font-size: 14px;
  font-weight: 400;
  padding: 7px 18px;
  box-shadow: 0 1px 0 #c6d2f2, 0 0 30px 15px rgba(198, 210, 242, 0.34);
  margin: 5px 0;
}
.btn-public-info:not(.disabled):hover {
  background-color: #1a92db;
  color: #fff;
  box-shadow: 0 1px 0 black, 0 0 40px 25px rgba(198, 210, 242, 0.34);
  transform: scale(0.92, 0.92);
}
.btn-public-info:not(.disabled):hover i {
  color: #fff;
}

.public-info-container {
  width: 100%;
  z-index: 1;
}
.public-info-container > div {
  background: #fff;
  border: 1px solid #c6d2f2;
  box-shadow: 0 1px 0 #c6d2f2, 0 0 30px 15px rgba(198, 210, 242, 0.16);
}
.public-info-container > div p,
.public-info-container > div div {
  font-size: 16px;
}

@media screen and (min-width: 992px) {
  .public-info-container > div {
    max-height: 500px;
    overflow-y: auto;
  }
}
@media screen and (min-width: 768px) {
  .btn-propose-project-container {
    text-align: right;
  }
}
.btn-success {
  background-color: #08a000;
  border-color: #08a000;
  color: #fff;
}

.btn-success:hover {
  background-color: rgb(6.215, 124.3, 0);
  border-color: rgb(6.215, 124.3, 0);
  color: #fff;
}

.btn-danger {
  background-color: #ee2e24;
  color: #fff;
  border-top-color: rgb(245.3474576271, 136.3305084746, 130.6525423729);
  border-bottom-color: rgb(159.6101694915, 19.6779661017, 12.3898305085);
  text-shadow: 0 -2px rgb(159.6101694915, 19.6779661017, 12.3898305085);
}

.btn-danger:hover {
  background-color: #b0221b;
  color: #fff;
  text-shadow: 0 -2px rgb(87.5665024631, 16.9162561576, 13.4334975369);
  border-top-color: rgb(227.7339901478, 84.3349753695, 77.2660098522);
  border-bottom-color: rgb(87.5665024631, 16.9162561576, 13.4334975369);
}

.btn-lg {
  font-size: 40px;
  font-weight: 700;
  border-top-width: 5px;
  border-bottom-width: 5px;
  padding: 15px 40px;
}

.btn-info,
.btn-info[disabled] {
  min-width: 0;
  background-color: #fff;
  border: 1px solid #e4e5e5;
  color: #d91f26;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
}

.btn-info:hover,
.btn-info:active,
.btn-info:focus,
.btn-info.active {
  background-color: #d91f26;
  color: #fff;
  border-color: #d91f26;
}

.btn-sm {
  font-size: 14px;
  padding: 8px 26px;
}

.btn-md, .btn-propose-project {
  font-size: 18px;
  padding: 12px 30px;
}

.btn-info.btn-sm {
  font-size: 14px;
  font-weight: 400;
  padding: 8px 10px;
  min-width: 110px;
}

.user-voted,
.user-voted:hover,
.user-voted:active,
.user-voted:focus {
  background-color: #fff !important;
  color: #d91f26 !important;
  border: 1px solid #e4e5e5 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  margin: 0;
  cursor: default;
  padding: 0 15px !important;
}
.user-voted,
.user-voted:hover,
.user-voted:active,
.user-voted:focus {
  font-size: 16px;
}
@media screen and (min-width: 768px) {
  .user-voted,
  .user-voted:hover,
  .user-voted:active,
  .user-voted:focus {
    font-size: calc(16px + 8 * (100vw - 768px) / 1152);
  }
}
@media screen and (min-width: 1920px) {
  .user-voted,
  .user-voted:hover,
  .user-voted:active,
  .user-voted:focus {
    font-size: 24px;
  }
}

.user-voted i {
  font-size: 30px;
  display: none;
}
.user-voted > span > span {
  color: #2f2f2f;
}

.text-primary {
  color: #1874ba;
}

.text-success {
  color: #31a54c;
}

.text-danger {
  color: #d70000;
}

.text-warning {
  color: #d91f26;
}

button:focus,
input[type=button]:focus {
  outline: 0 !important;
}

.field-validation-error, .password-verdict, .error-list {
  color: #FF0000;
  display: block;
  font-size: 16px;
}

.tooltip-inner {
  background-color: #193fad;
  color: #fff;
  font-size: 16px;
  font-family: "Inter", sans-serif;
  min-width: 100px;
  border-bottom: 1px solid rgb(12.1212121212, 30.5454545455, 83.8787878788);
}

.tooltip-custom .tooltip-inner {
  color: #071e61;
}

@media only screen and (max-width: 767px) {
  .fc-day-header {
    font-size: 12px !important;
  }
  .fc table {
    font-size: 14px !important;
  }
  .fc-toolbar h2 {
    font-size: 1.25em !important;
  }
}
.tooltip.in {
  opacity: 1;
}

.tooltip.left .tooltip-arrow {
  border-left-color: rgb(12.1212121212, 30.5454545455, 83.8787878788);
}

.tooltip.right .tooltip-arrow {
  border-right-color: rgb(12.1212121212, 30.5454545455, 83.8787878788);
}

.tooltip.top .tooltip-arrow {
  border-top-color: rgb(12.1212121212, 30.5454545455, 83.8787878788);
}

.tooltip.bottom .tooltip-arrow {
  border-bottom-color: rgb(12.1212121212, 30.5454545455, 83.8787878788);
}

.tooltip-custom {
  max-width: 500px;
}

.event-inner {
  min-width: 450px;
  background: #FEFEFE;
  border: solid #CCC;
  text-align: left;
  max-width: 100%;
  padding: 10px 0px;
}

.event-info-container,
.event-info-container label {
  font-size: 14px;
}

.event-info-container .form-group {
  margin-bottom: 8px;
}

.event-indent {
  text-indent: 15px;
}

#shareAction {
  text-align: center;
}

.close {
  font-size: 30px;
  font-family: "Inter", sans-serif;
  opacity: 1;
  color: #071e61;
}
.close span {
  width: 15px;
  height: 18px;
  line-height: 18px;
  display: block;
  transform-origin: 7.5px 9px;
}

.close:hover {
  color: #d91f26;
  opacity: 1;
}

.modal-title {
  color: #d91f26;
  font-size: 22px;
  font-family: "Inter", sans-serif;
}

.page-staticpage-detail .heading.no-bottom-border.no-padding-left {
  margin-top: 60px;
  margin-bottom: 30px;
  font-size: 32px;
}
.page-staticpage-detail .widget-body > div {
  text-align: center;
}
.page-staticpage-detail .content-inner {
  display: inline-block;
  margin: 50px auto;
}

#dgdvContainerAskUserDonation input:nth-of-type(1) {
  background-color: #08a000;
  color: #fff;
  border: 0;
  font-weight: 700;
}
#dgdvContainerAskUserDonation input:nth-of-type(2) {
  background-color: #d91f26;
  color: #fff;
  border: 0;
  font-weight: 700;
}
#dgdvContainerAskUserDonation button:nth-of-type(1) {
  background-color: #08a000;
  color: #fff;
  border: 0;
  font-weight: 700;
}
#dgdvContainerAskUserDonation button:nth-of-type(2) {
  background-color: #d91f26;
  color: #fff;
  border: 0;
  font-weight: 700;
}

.icon-trash {
  color: #f44f56;
}

.icon-plus-circle {
  color: #08a000;
}

.no-underline,
.no-underline:hover,
.no-underline:focus,
.no-underline:active {
  text-decoration: none !important;
}

.sidenav {
  flex-direction: row;
  flex-wrap: wrap;
}
.sidenav a.projects-btn {
  align-self: stretch;
}
.sidenav a.projects-btn,
.sidenav a.phase-btn {
  background-color: #cfe3ef;
  color: #1c5489;
  min-height: 50px;
  margin-bottom: 8px;
  width: 100%;
  padding: 10px 5px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #cfe3ef;
  border-radius: 5px;
}
.sidenav a.projects-btn:hover, .sidenav a.projects-btn:active, .sidenav a.projects-btn:focus,
.sidenav a.phase-btn:hover,
.sidenav a.phase-btn:active,
.sidenav a.phase-btn:focus {
  text-decoration: none;
}
.sidenav a.projects-btn .title,
.sidenav a.phase-btn .title {
  margin-left: 0;
  margin-right: auto;
  line-height: 1.3;
}
.sidenav a.projects-btn .count,
.sidenav a.phase-btn .count {
  margin-left: auto;
  margin-right: 0;
  border-radius: 4px;
  border: 1px solid #99b8d0;
  padding: 4px 4px;
  line-height: 1;
  font-size: small;
}
.sidenav a.projects-btn.active,
.sidenav a.phase-btn.active {
  background-color: #1a92db;
  color: #fff;
}
.sidenav a.projects-btn-short {
  width: calc(50% - 5px);
}
.sidenav a.projects-btn-short:first-of-type {
  margin-right: 10px;
}
.sidenav label {
  font-weight: 400;
  font-size: small;
  display: block;
}

.all-my-projects-container {
  display: flex;
  flex-grow: 1;
  width: 100%;
}

[dir=rtl] .sidenav .title {
  margin-left: auto;
  margin-right: 0;
}
[dir=rtl] .sidenav .count {
  margin-left: 0;
  margin-right: auto;
}
[dir=rtl] .sidenav a.projects-btn-short:first-of-type {
  margin-right: 0;
  margin-left: 10px;
}

.nav-tabs {
  border-bottom: 1px solid #b1cee4;
}
.nav-tabs > li > a {
  color: #071e61;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  background-color: #eff2fb;
  border-color: #eff2fb;
  color: #071e61;
}

.projects-views {
  font-size: 16px;
  font-weight: 400;
  color: #193fad;
  display: inline-block;
}
.projects-views a.active {
  padding: 5px 10px;
  background-color: #eff2fb;
  color: #071e61;
}
.projects-views a.active:hover {
  text-decoration: none;
}
.projects-views a:focus, .projects-views a:active {
  text-decoration: none;
}

.orgchart-phase1-filter-buttons {
  display: block;
  text-align: center;
  margin-bottom: 1.5em;
}

.page-home-orgchart .content-title h1,
.page-project-index .content-title h1,
.page-home-organization .content-title h1 {
  display: inline-block;
}
.page-home-orgchart .projects-views,
.page-project-index .projects-views,
.page-home-organization .projects-views {
  margin: 0 15px;
}

.donation-totals {
  display: flex;
  flex-wrap: wrap;
  gap: 0 20px;
}

@media screen and (min-width: 767px) {
  .page-staticpage-detail .content-inner {
    max-width: 1600px;
    min-width: 600px;
    text-align: initial;
    width: 100%;
  }
  .page-staticpage-detail .video-fluid-container {
    max-width: 640px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 767px) {
  .page-staticpage-detail .content-inner {
    min-width: 80%;
  }
  .page-customer-donation .form-inline {
    text-align: center;
  }
  .page-customer-donation .form-inline .form-group {
    margin-bottom: 15px;
  }
  .page-customer-donation .form-inline .btn {
    margin-bottom: 15px;
  }
  .page-donation-index table,
  .page-donation-index label {
    font-size: 10px;
  }
  .page-donation-index .form-control {
    margin-bottom: 10px;
    width: 100%;
  }
  .page-donation-index .blockcontent div:first-of-type {
    text-align: center;
  }
  .page-donation-index p strong {
    display: block;
    margin: 0 !important;
  }
  .sidenav .form-control {
    height: 40px;
  }
}
.float-right {
  float: right !important;
}

@media screen and (min-width: 1200px) {
  .btn-primary {
    min-width: 125px;
  }
}
@media screen and (min-width: 776px) {
  .btn-container-right {
    margin-right: -2px;
  }
}
@media screen and (max-width: 1280px) {
  .btn-lg {
    font-size: 35px;
    padding: 20px 40px;
  }
  .btn-info.btn-sm {
    font-size: 14px;
    padding: 12px 16px;
  }
}
@media screen and (max-width: 1024px) {
  .btn-lg {
    padding: 10px 25px;
    font-size: 28px;
  }
  .btn-info.btn-sm {
    padding: 10px 10px;
  }
  .page-title h1 {
    font-size: 22px;
  }
  .btn {
    padding: 8px 15px;
    min-width: 0;
  }
  .btn-info,
  .btn-info[disabled] {
    line-height: 21px;
    font-size: 18px;
  }
  .btn-primary,
  .btn-success,
  .btn-danger,
  .btn-primary[disabled],
  .btn-success[disabled],
  .btn-danger[disabled],
  .btn-primary[disabled]:active,
  .btn-success[disabled]:active,
  .btn-danger[disabled]:active {
    padding: 8px 15px;
  }
  .user-voted {
    font-size: 22px;
    padding: 8px 15px;
  }
  .page-slogan {
    font-size: 18px;
  }
}
@media screen and (max-width: 992px) {
  .page-title h1 {
    font-size: 18px;
  }
  .address {
    font-size: 14px;
  }
  .page-title h1,
  .heading {
    font-size: 18px;
  }
  .sidenav a {
    min-height: 0;
    padding: 8px 12px;
  }
}
.admin-left-menu {
  z-index: 1039;
}

@media screen and (max-width: 767px) {
  body {
    background-attachment: scroll;
    background-size: auto;
  }
  .page-slogan {
    font-size: 14px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 15px;
  }
  .page-slogan a {
    font-size: 14px;
  }
  .content-title {
    font-size: 20px;
    line-height: 1.3;
    margin: 0 -15px 15px;
    padding: 0 15px 15px;
  }
  .content-title2 {
    font-size: 22px;
  }
  .page-message {
    padding-top: 15px;
    font-size: 14px;
  }
  .content-inner {
    padding: 15px;
    margin-left: 10px;
    margin-right: 10px;
  }
  .btn {
    min-width: 0;
  }
  .btn-info {
    font-size: 12px;
    padding: 10px 20px;
    line-height: 1;
  }
  .btn-primary {
    margin-left: auto;
    margin-right: auto;
  }
  #dvNews .btn-primary {
    max-width: unset;
  }
  .btn-lg {
    margin-left: auto;
    margin-right: auto;
    padding: 12px 15px;
    font-size: medium;
  }
  .text-center-xs {
    text-align: center !important;
  }
  .heading {
    display: block;
    font-size: 18px;
  }
  .heading-col {
    margin-bottom: 0.5em;
  }
  .btn-primary,
  .btn-success,
  .btn-danger {
    font-size: 16px;
  }
  .btn-sm {
    padding: 6px 14px;
    font-size: 12px;
  }
  .btn-md, .btn-propose-project {
    padding: 10px 20px;
    font-size: 16px;
  }
  .page-title {
    text-align: center;
  }
  .page-title h1 {
    font-size: 17px;
    margin-bottom: 10px;
    display: inline-block;
  }
  .page-title img {
    max-width: 30px;
  }
  .table {
    font-size: 14px;
  }
  .address {
    font-size: 12px;
    text-align: center;
  }
  .btn-container-right {
    text-align: center;
  }
  .btn-container-right .btn {
    padding: 6px 12px;
  }
  .heading-container {
    overflow: hidden;
  }
  .heading-parapgraph h1 {
    line-height: 1.5;
    font-size: 16px;
    margin-bottom: 15px;
  }
  .heading-parapgraph p {
    font-size: 12px;
  }
  .field-validation-error, .password-verdict, .error-list {
    font-size: 10px;
  }
  .winners-page .page-slogan {
    margin-top: 30px;
  }
  .content-inner {
    margin-top: 30px;
  }
  .page-staticpage-index .page-title h1,
  .page-staticpage-index .heading {
    margin-top: 30px;
  }
  .btn-primary,
  .btn-default,
  .landing-heading .landing-logged-cta-container .btn-primary,
  .btn-default.btn-disabled,
  .btn-success,
  .btn-danger,
  .btn-primary[disabled],
  .btn-success[disabled],
  .btn-danger[disabled],
  .btn-primary[disabled]:active,
  .btn-success[disabled]:active,
  .btn-danger[disabled]:active {
    font-size: 16px;
  }
  .projects-views {
    font-size: 12px;
  }
  .projects-views a.active {
    padding: 3px 6px;
  }
  .content-title h1 {
    font-size: 18px;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: normal;
  }
}
@media screen and (max-width: 414px) {
  .page-title h1 {
    font-size: 14px;
  }
}
@media screen and (max-width: 360px) {
  .projects-views {
    font-size: 10px;
  }
}
@media screen and (max-width: 320px) {
  .page-myaccount-votes .btn-primary {
    font-size: 13px;
    padding: 8px 10px;
  }
}
.character-counter {
  text-align: right;
  padding-right: 10px;
}

[dir=rtl] .character-counter {
  text-align: left;
  padding-left: 10px;
}

[dir=rtl] .radio label, [dir=rtl] .checkbox label {
  padding-left: unset;
  padding-right: 20px;
}

[dir=rtl] .radio input[type=radio], [dir=rtl] .radio-inline input[type=radio], [dir=rtl] .checkbox input[type=checkbox], [dir=rtl] .checkbox-inline input[type=checkbox] {
  margin-left: unset;
  margin-right: -20px;
}

[dir=rtl] .radio-inline, [dir=rtl] .checkbox-inline {
  padding-left: unset;
  padding-right: 20px;
}

[dir=rtl] .col-lg-1, [dir=rtl] .col-lg-2, [dir=rtl] .col-lg-3, [dir=rtl] .col-lg-4, [dir=rtl] .col-lg-5, [dir=rtl] .col-lg-6, [dir=rtl] .col-lg-7, [dir=rtl] .col-lg-8, [dir=rtl] .col-lg-9, [dir=rtl] .col-lg-10, [dir=rtl] .col-lg-11, [dir=rtl] .col-lg-12 {
  float: right;
}

.filter-controls .form-control {
  display: inline-block;
  width: auto;
}

#ListSection {
  margin-top: 30px;
}
#ListSection .row {
  margin: 0 -5px;
}
#ListSection .row > [class^=col-] {
  padding: 0 5px;
}
#ListSection .list-item .img-responsive {
  border: 1px solid #ddd;
}
#ListSection .list-item .caption {
  margin-bottom: 15px;
  height: 40px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* fix google chart tooltip flickering bug*/
svg:not(.svg-orgchart) > g > g:last-child {
  pointer-events: none;
}

.page-site-admin .navbar-header {
  display: none;
}

.page-admin:not(.page-training-index) #divLeftMenuShow {
  float: none;
}
.page-admin:not(.page-training-index) .heading {
  margin-bottom: 30px;
}
.page-admin:not(.page-training-index) .form-control {
  font-size: 16px;
}
.page-admin:not(.page-training-index) #btnApprove,
.page-admin:not(.page-training-index) #btnReject {
  display: inline-block;
}
.page-admin:not(.page-training-index) #btnApprove {
  background-color: #2da449;
  border-color: #2da449;
}

.page-admin .navbar {
  margin: 0px;
}

.page-admin #divMainContainer {
  width: calc(100% - 230px);
}

.page-admin .content-wrapper,
.page-site-admin .content-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
}

.admin-left-menu {
  height: auto;
}
.admin-left-menu #divLeftMenuShow {
  width: 230px;
}

.page-admin .open_left .content-inner {
  max-width: 100%;
}

.btnlarge {
  padding: 20px 40px;
  background: #d70000;
  color: #fff;
  border-radius: 40px;
  margin-top: 20px;
  border: 0px;
}

.btnlarge,
.page-contest-match .modal .btn.btnlarge {
  font-size: xx-large !important;
}

.position-relative {
  position: relative;
}

.position-absolute {
  position: absolute;
}

.position-fixed {
  position: fixed;
}

.circle {
  border: 2px solid #d91f26;
  border-radius: 50%;
  padding: 5px;
  right: 25px;
  width: 40px;
  height: 40px;
  color: #071e61;
  font-size: 16px;
  line-height: 26px;
  background-color: #fff;
}

@media screen and (max-width: 767px) {
  .page-admin .content-wrapper,
  .page-site-admin .content-wrapper {
    flex-wrap: wrap;
  }
  .admin-left-menu {
    width: 100%;
  }
  .admin-left-menu #divLeftMenuShow {
    width: 100%;
  }
  .page-admin #divMainContainer {
    width: 100%;
  }
  .circle {
    width: 25px;
    height: 25px;
    line-height: 15px;
    font-size: 14px;
  }
}
/* ----------- Header ----------- */
#dvHeader > .container,
#dvHeader > .container-fluid {
  width: 100% !important;
  padding: 0;
}

#overlay {
  display: none;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.5;
}

.languages,
.login-register,
.donations,
.translate {
  float: right;
  margin-left: 0;
}
.languages li a,
.login-register li a,
.donations li a,
.translate li a {
  line-height: 60px;
  padding: 0 5px;
  color: #193fad;
  display: inline-block;
}
.languages li a,
.login-register li a,
.donations li a,
.translate li a {
  font-size: 14px;
}
@media screen and (min-width: 768px) {
  .languages li a,
  .login-register li a,
  .donations li a,
  .translate li a {
    font-size: calc(14px + 6 * (100vw - 768px) / 1152);
  }
}
@media screen and (min-width: 1920px) {
  .languages li a,
  .login-register li a,
  .donations li a,
  .translate li a {
    font-size: 20px;
  }
}
.languages li a:hover,
.login-register li a:hover,
.donations li a:hover,
.translate li a:hover {
  color: #000;
  text-decoration: none;
}
.languages li img,
.login-register li img,
.donations li img,
.translate li img {
  max-width: 40px;
}
.languages li.active a,
.login-register li.active a,
.donations li.active a,
.translate li.active a {
  background-color: #fdfdfd;
  color: #193fad;
  border-bottom: 4px solid #193fad;
  margin-bottom: -2px;
}

.landing-welcome-overlay .languages li a {
  opacity: 0.3;
}
.landing-welcome-overlay .languages li a:hover {
  opacity: 1;
}
.landing-welcome-overlay .languages li.active a {
  border-bottom: 0;
  opacity: 1;
}

.languages li {
  padding: 0;
}

.donations li a {
  background-color: #19aa16;
  color: #fff;
  font-weight: 700;
  font-size: 18px;
  margin: 0;
}

.login-register li {
  border-right: 1px solid #2d3f58;
}

.translate {
  margin: 0;
  padding: 0 10px;
}

header {
  background-color: #fff;
}
header .navbar-inverse {
  background-color: #eff2fb;
  border-bottom: 2px solid #b7c2e3;
}
header .navbar-inverse ul {
  margin-bottom: 0;
}
header .logo-container {
  margin-top: -54px;
  margin-bottom: 17px;
  position: relative;
}
header .logo-container a {
  display: inline-block;
}
header .logo-container img {
  max-height: 135px;
}
header .logo-container:after {
  content: "";
  background-color: #d91f26;
  height: 4px;
  left: 0;
  right: 0;
  bottom: -21px;
  position: absolute;
}
header .navbar-container .container-fluid {
  padding: 0;
}
header .navbar-right {
  order: 4;
  margin-right: 0;
  margin-left: auto;
}
header img {
  display: inline-block !important;
}
header .flexbox {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  padding: 25px;
}
header .flexbox > div:nth-child(1) {
  width: 75%;
  padding-right: 25px;
}
header .flexbox > div:nth-child(2) {
  width: 25%;
}
header .flexbox .logo-right {
  text-align: right;
}

.cookie-notice {
  position: fixed;
  bottom: 20px;
  border-radius: 5px;
  left: 20px;
  background-color: rgba(1, 23, 55, 0.9);
  color: #fff;
  max-width: 400px;
  text-align: center;
  padding: 10px;
  z-index: 10001;
}
.cookie-notice p {
  font-size: 10px;
  display: inline-block;
  margin: 0;
}
.cookie-notice br {
  display: none;
}
.cookie-notice a {
  color: #fff;
  text-decoration: underline;
}
.cookie-notice .btn {
  border-radius: 4px;
  border: 1px solid #7e9cc5;
  background-color: #e6edf8;
  box-shadow: inset 0 3px 0 #f3f6fc;
  color: #1c5489;
  padding: 8px 25px;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  text-decoration: none;
}
.cookie-notice .btn:hover {
  background-color: #fff;
  color: #d91f26;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  border-bottom-color: #0d75c0;
}

#tni-video-bg {
  position: fixed;
  right: 0;
  top: 0;
  min-width: 100%;
  min-height: 100%;
}

.header {
  position: relative;
  background-color: #fff;
}

.header.etelaf .top-menu-right {
  margin-left: 0;
}
.header.etelaf .top-menu-left {
  margin-left: auto;
  margin-right: 0;
}

[dir=rtl] .header.etelaf .top-menu-right {
  margin-right: 0;
}
[dir=rtl] .header.etelaf .top-menu-left {
  margin-left: 0;
  margin-right: auto;
}

.logo-container.etelaf {
  margin-top: -30px;
}

@media screen and (min-width: 1921px) {
  .header > .container,
  .navbar-inverse > .container {
    max-width: 1600px;
  }
}
@media screen and (max-width: 1920px) {
  .header > .container,
  .navbar-inverse > .container {
    max-width: 1600px;
  }
}
@media screen and (max-width: 1300px) {
  .header > .container,
  .navbar-inverse > .container {
    max-width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .header > .container > div {
    display: flex;
    align-items: center;
  }
}
.header.simple #rightnav {
  display: none;
}
.header.simple nav > .container {
  padding-top: 15px;
  padding-bottom: 15px;
}

@media screen and (min-width: 1921px) {
  .header.simple nav > .container .btn-primary {
    padding: 18px 37px;
  }
}
@media screen and (max-width: 1920px) {
  .header.simple nav > .container .btn-primary {
    padding: 0.85vw 1.5vw;
  }
}
@media screen and (min-width: 768px) {
  .header.simple nav > .container {
    display: flex;
    align-items: center;
    max-width: 1600px !important;
    width: auto !important;
    position: relative;
    min-height: 90px;
  }
  .header.simple nav > .container .homarin-nav {
    top: 15px;
    left: 0;
    position: absolute;
    width: calc(100% - 275px);
  }
  .header.simple nav > .container .btn-primary {
    margin: 0 5px;
    background-color: #1abce3;
    color: #000;
    border: 0;
  }
  .header.simple nav > .container .btn-primary {
    font-size: 13px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .header.simple nav > .container .btn-primary {
    font-size: calc(13px + 5 * (100vw - 768px) / 1152);
  }
}
@media screen and (min-width: 768px) and (min-width: 1920px) {
  .header.simple nav > .container .btn-primary {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) {
  .header.simple nav > .container .btn-primary.active, .header.simple nav > .container .btn-primary:hover {
    background-color: #5a3400;
    color: #fff;
  }
  .header.simple nav > .container .languages {
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    position: absolute;
  }
  .header.simple nav > .container .translate {
    position: absolute;
    top: 10px;
    right: 0;
  }
  [dir=rtl] .header.simple nav > .container .languages {
    left: 15px;
    right: unset;
  }
  [dir=rtl] .header.simple nav > .container .translate {
    left: 0;
    right: unset;
  }
}
@media screen and (max-width: 767px) {
  .header.simple nav > .container {
    width: 100% !important;
  }
  .header.simple nav > .container .btn-primary {
    font-size: 12px;
    padding: 6px 10px;
    background-color: #5a3400;
    border: 0;
  }
  .header.simple nav > .container .btn-primary:hover {
    background-color: rgb(141, 81.4666666667, 0);
  }
  .goog-te-menu-frame {
    max-width: 100% !important;
  }
  .goog-te-menu2 {
    max-width: 100% !important;
    overflow: scroll !important;
    box-sizing: border-box !important;
    height: auto !important;
  }
  .social-links {
    width: auto !important;
  }
}
.navbar {
  margin: 0;
}

.navbar-default {
  background-color: transparent;
  border: 0;
}

.navbar-collapse {
  padding-left: 0;
  padding-right: 0;
  background-color: transparent;
}

.navbar-container .navbar-nav {
  text-align: right;
}

#divMainMenu {
  text-align: left;
}

.navbar-default .navbar-nav {
  float: none;
}
.navbar-default .navbar-nav > li {
  margin: 0;
}

.navbar-default .navbar-nav {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  /* > li > a.active:before
  *  content: " "
  *  width: 0
  *  height: 0
  *  position: absolute
  *  top: -3px
  *  left: 50%
  *  border-left: 8px solid transparent
  *  border-right: 8px solid transparent
  *  border-top: 8px solid #fff
  *  margin-left: -8px */
}
.navbar-default .navbar-nav > li {
  float: none;
}
.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > li > a:link,
.navbar-default .navbar-nav > li > a:active,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:visited {
  color: #193fad;
  padding: 10px 0;
  margin: 0 15px 10px;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  position: relative;
}
.navbar-default .navbar-nav > li > a.active {
  font-weight: 700;
}
.navbar-default .navbar-nav > li > a:not(.active):hover {
  color: #071e61;
}
.navbar-default .navbar-nav > li > a.active {
  color: #071e61;
}
.navbar-default .navbar-nav > li > a.active:after {
  content: "";
  position: absolute;
  background-color: #b7c2e3;
  height: 3px;
  left: 0;
  right: 0;
  bottom: 0;
}
.navbar-default .navbar-nav > li > a.lg {
  font-size: 200%;
  line-height: 1.2;
  padding-left: 30px;
  padding-right: 30px;
  transition: all 0.15s ease-in-out;
}
.navbar-default .navbar-nav > li > a.lg:hover {
  transform: scale(1.02);
}
.navbar-default .navbar-nav > li > a .small {
  font-size: 70%;
  font-weight: 400;
}
.navbar-default .navbar-nav > li > a > p {
  margin: 0;
  line-height: 0.8;
  font-weight: 600;
}
.navbar-default .navbar-nav > li > a > p {
  font-size: 16px;
}
@media screen and (min-width: 768px) {
  .navbar-default .navbar-nav > li > a > p {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media screen and (min-width: 1920px) {
  .navbar-default .navbar-nav > li > a > p {
    font-size: 20px;
  }
}

.navbar-default .navbar-nav > li.open > a {
  padding: 10px 10px;
  margin: 0 5px 10px;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  background-color: #eff2fb;
}

.header .dropdown-menu {
  left: 5px;
  transform: translateY(-10px) scaleY(1);
  box-shadow: none;
  transform-origin: 0 0;
}
.header .dropdown.open .dropdown-menu {
  animation: opacity-fadein 0.5s ease-out 0s 1, dropdown-scaleup 0.15s ease-in-out 0s;
}
.header .dropdown.open a p {
  white-space: nowrap;
}

@media screen and (min-width: 1600px) {
  .navbar-default .navbar-nav {
    justify-content: flex-end;
  }
}
@media screen and (min-width: 767px) {
  .navbar-default .navbar-nav > li > a.lg {
    margin-bottom: 20px;
  }
}
.btn-donate {
  border: 2px solid #1a92db !important;
  background-color: #fff !important;
  color: #08a000 !important;
  padding: 12px 25px !important;
  border-radius: 35px !important;
  font-weight: 700 !important;
  cursor: pointer;
}
.btn-donate {
  font-size: 18px;
}
@media screen and (min-width: 768px) {
  .btn-donate {
    font-size: calc(18px + 4 * (100vw - 768px) / 1152);
  }
}
@media screen and (min-width: 1920px) {
  .btn-donate {
    font-size: 22px;
  }
}

#campaign-name-header {
  color: #fff;
  text-transform: uppercase;
  font-size: 32px;
  text-align: right;
  font-family: "Inter", sans-serif;
  margin-bottom: 4px;
}

#header-slogan {
  color: #fe06ca;
  font-size: 26px;
  text-align: right;
}

#header-navigation {
  display: block !important;
}

#rightnav {
  margin: 0;
  padding: 0 0 0 15px;
  order: 5;
}
#rightnav > li > a {
  font-size: 15px;
  font-weight: 400;
  padding: 0 10px;
  color: #193fad;
  font-family: "Inter", sans-serif;
}
#rightnav > li > a:hover i {
  color: #071e61 !important;
}

.header-share {
  position: relative;
}
.header-share .dropdown-toggle {
  padding: 0 5px !important;
}
.header-share .contestant-share-container {
  margin-top: 0 !important;
  padding: 10px;
  min-width: 190px;
}
.header-share a {
  padding: 5px 10px !important;
  margin: 0;
  display: block;
}
.header-share a:hover, .header-share a:active, .header-share a:focus {
  text-decoration: none;
}
.header-share a i {
  font-size: 18px;
  color: red !important;
}
.header-share .tooltip.bottom {
  margin-top: 0;
}

.btn-login .icon-user {
  width: 36px;
  height: 36px;
  line-height: 36px;
  font-size: 20px;
  color: #193fad;
  border: 1px solid #193fad;
  border-radius: 18px;
}

.top-menu-left {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.content-inner .contestant-share-container a {
  padding: 0 5px;
  border: 0;
}
.content-inner .contestant-share-container a i {
  color: #071e61;
  font-size: 22px;
}

.shared-disabled,
.disabled-link {
  opacity: 0.5;
  cursor: initial;
}

.welcome {
  font-family: "Inter", sans-serif;
  font-size: 22px;
  display: flex;
  align-items: center;
  color: #193fad;
}
.welcome .infowindow__supporter-is-real {
  width: 55px;
  height: 55px;
}
.welcome .infowindow__supporter-is-real .center {
  width: 45px;
  height: 45px;
  transition: all 0.25s ease-out;
}
.welcome .infowindow__supporter-is-real .center .infowindow__supporter-id {
  transition: all 0.25s ease-out;
}
.welcome .infowindow__supporter-id {
  font-size: 14px;
  width: 45px;
  height: 45px;
}
.welcome .member__sos-number {
  margin-bottom: 0;
  line-height: 1.3;
}
.welcome .welcome-user {
  display: flex;
  align-items: center;
  margin: 0 5px;
}
.welcome .welcome-user:hover {
  text-decoration: none !important;
}
.welcome .welcome-user:hover .member__sos-number {
  background-color: #08a000;
  color: #fff !important;
}
.welcome .welcome-user:hover .infowindow__supporter-is-real .center {
  width: 55px;
  height: 55px;
}
.welcome .welcome-user:hover .infowindow__supporter-is-real .center .infowindow__supporter-id {
  width: 55px;
  height: 55px;
}
.welcome .points {
  font-size: medium;
  color: #071e61;
  font-weight: 700;
  padding: 5px 5px !important;
  border: 1px solid #071e61;
  display: inline-block;
  border-radius: 30px;
  text-align: center;
  min-width: 32px;
  line-height: normal;
  text-decoration: none !important;
  vertical-align: middle;
  margin-left: 5px;
}
.welcome .points:hover, .welcome .points:focus, .welcome .points:active {
  text-decoration: none !important;
}
.welcome .points .icon-star {
  display: none;
}

.envelope {
  position: sticky;
  display: inline-block;
  background: #d91f26;
  text-align: center;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
  border-radius: 50px;
  border-right: none;
  color: #fff;
  font-weight: 700;
  font-size: 18px;
  bottom: 130px;
  left: 20px;
  border: 0;
  z-index: 99;
  width: 30px;
  height: 30px;
  line-height: 30px;
  padding: 0 !important;
  margin: 0 5px;
}
.envelope .icon-envelope {
  transition: transform 0.25s ease;
}
.envelope:hover {
  color: #fff !important;
}
.envelope:hover .icon-envelope {
  transform: scale(1.2);
}
.envelope:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 40px;
  height: 40px;
  background: #d91f26;
  border-radius: 50%;
  -webkit-animation: pulse-border 1500ms ease-out infinite;
  animation: pulse-border 1500ms ease-out infinite;
}
.envelope.focus {
  border: none;
  outline: none;
}

.nav > li > a.button-logout {
  display: inline;
  font-size: 22px !important;
  font-weight: 600 !important;
  text-decoration: underline;
}

.social-links {
  color: #71adff;
  margin: 5px 15px;
}
.social-links span {
  vertical-align: middle;
  display: none;
}
.social-links a {
  display: inline-block !important;
  width: 42px;
  height: 42px;
  line-height: 25px !important;
  border: 1px solid #d91f26;
  color: #fff;
  border-radius: 24px;
  vertical-align: middle;
  padding: 0 !important;
  text-align: center;
  background-color: #d91f26 !important;
}
.social-links a:hover, .social-links a:active, .social-links a:focus {
  background-color: #071e61 !important;
  border-color: #071e61 !important;
}
.social-links a i {
  line-height: 42px;
  font-size: 23px;
  color: #fff;
}
.social-links a img {
  vertical-align: middle;
}

.button2c {
  background-color: transparent;
  border: 0;
}

@media screen and (min-width: 1401px) {
  .logo-container {
    width: 238px;
  }
  .navbar-container {
    width: 100%;
  }
}
@media screen and (max-width: 1600px) {
  header .navbar-container {
    width: calc(100% - 158px);
  }
}
@media screen and (max-width: 1400px) {
  .header.simple nav > .container .btn-primary {
    min-width: 80px;
    margin: 5px 3px;
  }
}
@media screen and (max-width: 1200px) {
  .navbar-default > li > a,
  .navbar-default > li > a:link,
  .navbar-default > li > a:active,
  .navbar-default > li > a:focus,
  .navbar-default > li > a:visited,
  .navbar-nav > li > a,
  .navbar-nav > li > a:link,
  .navbar-nav > li > a:active,
  .navbar-nav > li > a:focus,
  .navbar-nav > li > a:visited {
    font-size: 18px;
  }
  .social-links a {
    width: 32px;
    height: 32px;
  }
  .social-links a i {
    line-height: 32px;
    font-size: 20px;
  }
  .social-links a img {
    max-width: 32px !important;
  }
  .languages li a,
  .login-register li a,
  .donations li a,
  .translate li a {
    padding: 0 5px;
  }
  header .logo-container {
    margin-top: 0;
  }
  header .logo-container img {
    max-width: 125px;
  }
  .btn-donate {
    padding: 8px 18px !important;
  }
  .navbar-default .navbar-nav > li > a,
  .navbar-default .navbar-nav > li > a:link,
  .navbar-default .navbar-nav > li > a:active,
  .navbar-default .navbar-nav > li > a:focus,
  .navbar-default .navbar-nav > li > a:visited {
    margin: 0 10px;
  }
}
@media screen and (max-width: 1024px) {
  .logo-right img {
    max-height: 120px;
  }
  .header {
    font-size: 12px;
  }
  .navbar-default .navbar-nav > li > a,
  .navbar-default .navbar-nav > li > a:link,
  .navbar-default .navbar-nav > li > a:active,
  .navbar-default .navbar-nav > li > a:focus,
  .navbar-default .navbar-nav > li > a:visited {
    font-size: 16px;
  }
  .logined-user .welcome {
    font-size: 16px;
  }
  .logined-user > li a.envelope {
    font-size: 15px !important;
  }
  .envelope {
    width: 30px;
    height: 30px;
    font-size: 15px !important;
  }
  .envelope:before {
    width: 35px;
    height: 35px;
  }
  .nav > li > a.button-logout {
    font-size: 14px !important;
  }
  .button2c {
    font-size: 12px;
    margin: 0;
  }
  .navbar-right a {
    font-size: 12px;
  }
  .navbar-right .header-share a {
    line-height: 18px;
  }
  .navbar-right .header-share a i {
    font-size: 14px;
  }
  .navbar-right .header-share .dropdown-toggle {
    padding: 3px 9px !important;
    border-width: 1px;
  }
}
@media screen and (min-width: 768px) and (max-width: 992px) {
  .navbar-default > li > a p,
  .navbar-default > li > a:link p,
  .navbar-default > li > a:active p,
  .navbar-default > li > a:focus p,
  .navbar-default > li > a:visited p,
  .navbar-nav > li > a p,
  .navbar-nav > li > a:link p,
  .navbar-nav > li > a:active p,
  .navbar-nav > li > a:focus p,
  .navbar-nav > li > a:visited p {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .logo-right img {
    max-height: 50px;
  }
  .navbar-default .navbar-nav > li > a > p {
    font-size: 14px;
  }
  header {
    padding-bottom: 0;
    margin-top: 0;
  }
  header .flexbox {
    padding: 10px;
  }
  header .logo-container {
    float: none !important;
    width: auto;
    box-shadow: none;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 10px;
    margin-right: auto;
  }
  header .logo-container:after {
    display: none;
  }
  header .logo-container img {
    max-width: 100px;
  }
  header .logo-container.etelaf img {
    max-width: 80px;
  }
  header .navbar-inverse {
    margin-bottom: 0;
  }
  header .navbar-container {
    width: 100%;
  }
  .logo-container.etelaf {
    margin-top: -10px;
  }
  #dvHeader > .container {
    padding: 0;
  }
  #header-navigation {
    padding: 0;
    background-color: transparent;
  }
  .navbar-header {
    padding: 0;
  }
  .navbar {
    min-height: 0;
    margin-top: 0;
    margin-bottom: 5px;
  }
  .navbar-default .navbar-toggle {
    border: 0;
    border-radius: 0 !important;
    background-color: transparent;
    width: 42px;
    height: 42px;
    padding: 10px 0;
    position: absolute;
    top: -90px;
    right: 10px;
    margin-right: 0;
  }
  button.navbar-toggle,
  button.navbar-toggle:hover,
  button.navbar-toggle:focus {
    width: 42px;
    height: 42px;
    padding: 10px 0;
  }
  .navbar-default .navbar-toggle:hover,
  .navbar-default .navbar-toggle:focus {
    background-color: rgba(37, 42, 51, 0);
  }
  .navbar-default .navbar-toggle:not(.collapsed) .icon-bar {
    background-color: #252a33;
    transform: translate3d(10px, 0, 0);
  }
  .navbar-default .navbar-toggle.collapsed .icon-bar,
  .navbar-default .navbar-toggle:not(.collapsed) .icon-bar {
    transition: all 0.2s ease-in-out 0s;
    transform: translate3d(10px, 0, 0);
  }
  .navbar-default .navbar-toggle.collapsed .icon-bar {
    background-color: #252a33;
    height: 3px;
  }
  .navbar-default .navbar-toggle:not(.collapsed) .icon-bar:nth-of-type(2) {
    transform: translate3d(10px, 0, 0) rotate(-45deg);
    transform-origin: 17px 6px;
  }
  .navbar-default .navbar-toggle:not(.collapsed) .icon-bar:nth-of-type(3) {
    opacity: 0;
  }
  .navbar-default .navbar-toggle:not(.collapsed) .icon-bar:nth-of-type(4) {
    transform: translate3d(10px, 0, 0) rotate(45deg);
    transform-origin: 18px -3px;
  }
  .navbar-default .navbar-collapse,
  .navbar-default .navbar-form {
    border-color: transparent;
    border: 0;
    border-bottom: 1px solid #e7e8e9;
  }
  .navbar-default .navbar-nav > li {
    display: inline-block;
    margin: 0;
    width: 100%;
    text-align: center;
  }
  .navbar-default .navbar-nav > li > a {
    white-space: normal !important;
  }
  .navbar-default .navbar-nav > li > a > p {
    font-size: 13px;
    line-height: 1.2;
  }
  .dropdown-menu {
    min-width: 88px;
    left: auto;
    right: 0;
  }
  .dropdown-menu a {
    width: 100%;
    padding: 5px 10px !important;
  }
  .header .dropdown.open .dropdown-menu a {
    display: block;
    text-align: center;
  }
  .sosiran[dir=rtl] .dropdown-menu {
    left: 0;
    right: auto;
  }
  .open > .dropdown-menu {
    display: inline-block;
  }
  .navbar-default .navbar-nav > li > a,
  .navbar-default .navbar-nav > li > a:link,
  .navbar-default .navbar-nav > li > a:active,
  .navbar-default .navbar-nav > li > a:focus,
  .navbar-default .navbar-nav > li > a:visited {
    border-color: transparent;
    border: 0;
    background-color: #e6edf8;
    padding: 10px 0;
    font-size: 18px;
    margin: 0 2px 5px;
  }
  .navbar-default .navbar-nav > li > a.lg {
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
    display: inline-block;
    margin-top: 15px;
    margin-bottom: 15px;
    border-radius: 3px;
  }
  .navbar-default .navbar-nav > li > a.active {
    background-color: rgba(7, 30, 97, 0.1);
    box-shadow: none;
  }
  .navbar-default .navbar-nav > li > a.active:before {
    border: 0;
  }
  .logined-user > li > a {
    font-size: 12px;
  }
  .navbar-nav {
    margin: 0;
  }
  .navbar-collapse {
    background-color: transparent;
  }
  .logo-container {
    text-align: center;
  }
  .logo-container img {
    max-height: 75px;
  }
  .navbar-container {
    padding: 0;
    float: none !important;
  }
  .header {
    padding-bottom: 0;
  }
  .header .container {
    text-align: center;
    padding: 0;
  }
  .languages,
  .login-register,
  .donations {
    float: none;
    display: inline-block;
  }
  #rightnav {
    margin-left: -15px;
    margin-right: -15px;
    padding: 0 5px;
  }
  #rightnav li {
    display: inline-block;
    text-align: center;
  }
  #rightnav > li > a {
    font-size: 12px;
  }
  #rightnav .header-share {
    width: 33%;
    margin: 0;
    text-align: right;
  }
  #rightnav .header-share > a {
    padding: 2px 20px !important;
    display: inline-block;
    margin-top: 0;
  }
  #rightnav .header-share a, #rightnav .header-share i {
    font-size: 12px;
  }
  #rightnav .social-links span {
    display: inline-block;
    font-size: 12px;
  }
  #rightnav .welcome-li {
    display: block;
    text-align: center;
    margin: 0 -15px 0;
    line-height: 1;
  }
  .welcome .points {
    font-size: small !important;
    min-width: 30px;
  }
  .btn-login .icon-user {
    width: 28px;
    height: 28px;
    line-height: 28px;
    font-size: 14px;
  }
  .navbar-right .header-share .dropdown-toggle {
    border-width: 1px;
  }
  .header-share {
    float: right;
  }
  .navbar-collapse.collapse.in ~ #overlay {
    display: block;
  }
  .languages,
  .login-register,
  .donations,
  .translate {
    margin: 0px auto !important;
  }
  .languages li a,
  .login-register li a,
  .donations li a,
  .translate li a {
    font-size: 10px;
    padding: 5px;
    line-height: 28px;
  }
  .languages li.active a,
  .login-register li.active a,
  .donations li.active a,
  .translate li.active a {
    border-bottom-width: 2px;
  }
  .translate {
    float: none;
    text-align: center;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 5px 5px;
    border-right: 0;
  }
  .list-inline > li {
    padding: 0;
  }
  .social-links a {
    width: 25px;
    height: 25px;
  }
  .social-links a i {
    font-size: 16px;
    line-height: 25px;
  }
  .social-links a img {
    margin-top: 0;
    max-width: 23px !important;
  }
  .cookie-notice {
    left: 50px;
    right: 50px;
  }
  .welcome .infowindow__supporter-is-real {
    width: 40px;
    height: 40px;
  }
  .welcome .infowindow__supporter-is-real .center {
    width: 35px;
    height: 35px;
  }
  .welcome .welcome-user:hover .infowindow__supporter-is-real .center {
    width: 40px;
    height: 40px;
  }
  .welcome .welcome-user:hover .infowindow__supporter-is-real .center .infowindow__supporter-id {
    width: 40px;
    height: 40px;
  }
  .welcome .infowindow__supporter-id {
    font-size: 12px;
    width: 35px;
    height: 35px;
  }
  .welcome .points {
    font-size: 14px;
  }
}
.welcome-li {
  display: flex !important;
  align-items: center;
}
.welcome-li a:hover {
  text-decoration: underline !important;
}

.header.simple > .container,
.header.simple .donations,
.header.simple .login-register,
.header.simple .social-links {
  display: none;
}

.main-footer.simple {
  display: none;
}

/* ----------- Footer ----------- */
.footer-wrapper {
  padding: 0;
}

.copyright {
  padding: 25px 0;
  text-align: center;
}

#dvFooterBanner {
  display: block !important;
}

#dvFooter {
  text-align: center;
  background-color: #f9f9f9;
}
#dvFooter > img {
  margin-top: -150px;
  position: relative;
  z-index: 0;
  width: 100%;
}
#dvFooter .bottom {
  text-align: left;
  padding-left: 15px;
  padding-right: 15px;
  font-family: Arial, sans-serif;
  font-size: 20px;
}
#dvFooter .bottom h3, #dvFooter .bottom h4 {
  font-size: 20px;
  margin-top: 20px;
  margin-bottom: 10px;
}
#dvFooter .bottom p {
  font-size: 14px;
  line-height: 1.3;
}

.footer-client {
  font-size: 16px;
  font-family: Arial, sans-serif;
  margin-top: 30px;
  margin-bottom: 30px;
}
.footer-client p {
  font-size: 16px;
}
.footer-client a {
  color: #337ab7;
}

.main-footer {
  background-color: #f2f2f2;
}

.footer-logo img {
  max-width: 175px;
}

@media screen and (min-width: 1921px) {
  .footer-container .container,
  .footer-copyright .container {
    max-width: 1600px;
  }
}
@media screen and (max-width: 1920px) {
  .footer-container .container,
  .footer-copyright .container {
    max-width: 1600px;
  }
}
@media screen and (max-width: 1200px) {
  .footer-container .container,
  .footer-copyright .container {
    max-width: 90%;
  }
}
@media screen and (max-width: 992px) {
  .footer-container .container,
  .footer-copyright .container {
    max-width: 100%;
  }
}
.footer-container .row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.news-subscribe {
  padding: 2em 0px;
  background-color: #fff;
}
.news-subscribe .container {
  max-width: 1140px;
}
.news-subscribe h3 {
  font-weight: 700;
}
.news-subscribe .section-subtitle {
  margin-bottom: 50px;
}
.news-subscribe .form-inline .form-group,
.news-subscribe .form-inline .btn-primary {
  margin-bottom: 15px;
}
.news-subscribe .form-inline .form-group .form-control {
  width: 100%;
}
.news-subscribe .call-speak {
  padding: 9px 10px 9px 55px;
  display: inline-block;
  background: url(images/call.png) no-repeat left center;
  background-size: 40px;
}
.news-subscribe .call-speak p {
  margin: 0;
  font-size: 18px;
}

@media screen and (min-width: 768px) {
  .news-subscribe .form-inline .form-group,
  .news-subscribe .form-inline .form-group,
  .news-subscribe .form-inline .btn-primary {
    max-width: calc(25% - 10px);
    margin: 0 5px 15px;
  }
}
@media screen and (max-width: 767px) {
  .news-subscribe .section-subtitle {
    margin-bottom: 20px;
  }
  .news-subscribe .form-inline .form-group {
    margin-left: auto;
    margin-right: auto;
  }
  .news-subscribe h3 {
    font-size: medium;
  }
}
.form-col {
  display: inline-block;
  padding-right: 10px;
}

.footer-links-container a {
  color: #303640;
  font-size: 16px;
  font-family: "Inter", sans-serif;
  text-decoration: none;
}
.footer-links-container a:hover {
  color: #b72325;
  text-decoration: underline;
}

.footer-container {
  color: #303640;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
}
.footer-container .container {
  background-color: transparent;
  margin: 0 auto;
  padding: 20px 15px;
}
.footer-container .footer-logo {
  text-align: left;
}
.footer-container #footer-links {
  text-align: center;
}
.footer-container .list-inline {
  margin-bottom: 0;
}
.footer-container .list-inline li {
  margin-right: 0;
  margin-left: 0;
}
.footer-container .poweredby {
  text-align: right;
}
.footer-container .poweredby p {
  font-size: 16px;
  margin-bottom: 0;
}
.footer-container .poweredby img {
  display: inline-block;
  border-bottom: 4px solid #565b60;
  padding-bottom: 20px;
}
.footer-container .separator {
  display: none;
}

.footer-copyright {
  font-size: 16px;
  font-family: "Inter", sans-serif;
  text-align: left;
}
.footer-copyright span {
  border-bottom: 4px solid #d91f26;
  padding-bottom: 20px;
}
.footer-copyright .container {
  text-align: center;
  padding-top: 30px;
  padding-bottom: 30px;
}
.footer-copyright .container:empty {
  display: none;
}

@media screen and (max-width: 767px) {
  .main-footer {
    margin: 30px 0 0;
  }
  .footer-container .container {
    padding: 0 10px 15px;
  }
  .footer-container .footer-logo {
    text-align: center;
    margin-bottom: 20px;
  }
  .footer-copyright {
    font-size: 12px;
    padding: 15px 0;
  }
  .footer-copyright span {
    border-bottom: 0;
    padding-bottom: 0;
  }
  .footer-container .poweredby {
    text-align: center;
    margin-top: 15px;
    font-size: 10px;
  }
  .footer-container .list-inline {
    height: 15px;
    line-height: 15px;
  }
  .footer-container a {
    font-size: 13px;
    padding: 0 5px;
  }
  .footer-container .poweredby p {
    font-size: 13px;
  }
  .footer-container .poweredby img {
    display: inline-block;
    border-bottom: 0;
    padding-bottom: 0;
  }
  #dvFooter > img {
    margin-top: -70px;
  }
  #Shared_NewsletterSubscriptionForm {
    width: 50%;
    margin: auto;
  }
  #Shared_NewsletterSubscriptionForm .form-group {
    display: block;
  }
}
@media screen and (max-width: 480px) {
  .footer-container .list-inline {
    text-align: right;
  }
  #Shared_NewsletterSubscriptionForm {
    width: 100%;
  }
}
/* ----------- Share ----------- */
.share-buttons {
  text-align: center;
  width: 100%;
}
.share-buttons a {
  display: inline;
}
.share-buttons a:hover {
  color: #565b60;
}
.share-buttons i {
  font-size: 22px;
}

/* ----------- Landing ----------- */
.landing-welcome-overlay {
  background-color: #fff;
  width: 100%;
  height: 100%;
  text-align: center;
  overflow-x: hidden;
  display: flex;
  min-height: 100vh;
}
.landing-welcome-overlay #landing3D {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1;
}
.landing-welcome-overlay .landing-slogan {
  text-align: center;
  margin-bottom: 0.5em;
  color: #fff;
  background-color: rgba(25, 63, 173, 0.9);
  font-size: 35px;
  padding: 0.25em 0.5em;
  display: inline-block;
}
.landing-welcome-overlay .preloader-slogan {
  text-align: center;
  margin-top: 1em;
  font-size: 32px;
  margin-top: 0;
  color: #193fad;
}
.landing-welcome-overlay .landing-html-container {
  position: relative;
  z-index: 2;
  display: flex;
  flex-basis: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 100px 0 100px;
}
.landing-welcome-overlay .landing-html-container .loading-container {
  transition: transform 1s ease-in-out, opacity 1s ease-in-out;
  transform: scale(0);
  opacity: 0;
}
.landing-welcome-overlay .landing-html-container .loading-container.loading {
  visibility: hidden;
  max-height: 1px;
}
.landing-welcome-overlay .landing-html-container .loading-container.loaded {
  visibility: visible;
  transition: all 1s ease-in-out;
  transform: scale(1);
  opacity: 1;
}
.landing-welcome-overlay .landing-html-container .landing3D-preloader {
  transition: all 1s ease-in-out;
}
.landing-welcome-overlay .landing-html-container .landing3D-preloader.loaded {
  transform: scale(0.01);
  opacity: 0;
}
.landing-welcome-overlay .landing-html-container .landing3D-preloader .reza-img {
  max-width: 200px;
}
.landing-welcome-overlay .languages {
  z-index: 2;
  position: relative;
}
.landing-welcome-overlay .welcome-logo-container {
  position: relative;
  width: 500px;
}
.landing-welcome-overlay .welcome-logo-container .languages {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.landing-welcome-overlay .welcome-logo-container .languages li {
  width: 49%;
}
.landing-welcome-overlay .welcome-logo-container .languages li img {
  max-width: 80px;
}
.landing-welcome-overlay .welcome-logo {
  margin-bottom: 10px;
  z-index: 1;
  position: relative;
}
.landing-welcome-overlay .welcome-logo img {
  max-width: 120px;
}
.landing-welcome-overlay .welcome-logo-container.etelaf {
  width: 600px;
}
.landing-welcome-overlay .welcome-logo-container.etelaf .welcome-logo img {
  max-width: 180px;
  transform: translateX(-10px);
}
.landing-welcome-overlay #landingVideo {
  z-index: 3;
  position: relative;
  border: 6px solid #fff;
  border-radius: 4px;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25);
}
.landing-welcome-overlay #landingVideo:hover {
  transform: scale(1);
}
.landing-welcome-overlay .welcome-button {
  z-index: 4;
  position: relative;
  padding-top: 30px;
}
.landing-welcome-overlay a {
  width: auto;
}
.landing-welcome-overlay .languages li.active a,
.landing-welcome-overlay .login-register li.active a,
.landing-welcome-overlay .donations li.active a,
.landing-welcome-overlay .translate li.active a {
  padding: 0;
  color: #071e61;
  line-height: 1.75;
  background-color: transparent;
}
.landing-welcome-overlay .welcome-button a {
  margin: 0 10px;
}

[dir=rtl] .landing-welcome-overlay .preloader-slogan {
  font-size: 72px;
  margin-top: -1em;
}

@media screen and (min-width: 993px) {
  .landing-welcome-overlay #landingVideo {
    max-width: 450px;
  }
}
@media screen and (max-width: 992px) {
  .landing-welcome-overlay .welcome-logo-container,
  .landing-welcome-overlay .welcome-logo-container.etelaf {
    width: 100%;
  }
  .landing-welcome-overlay .welcome-logo-container .languages li img,
  .landing-welcome-overlay .welcome-logo-container.etelaf .languages li img {
    max-width: 60px;
  }
  .landing-welcome-overlay .landing-html-container {
    padding: 30px 0 30px;
  }
  .landing-welcome-overlay .landing3D-preloader {
    max-width: 120px;
  }
  .landing-welcome-overlay .landing3D-preloader.etelaf {
    max-width: 100%;
  }
  .landing-welcome-overlay .landing3D-preloader.etelaf img {
    max-width: 65%;
  }
  .landing-welcome-overlay .landing3D-preloader.etelaf .reza-img {
    max-width: 40%;
    margin-bottom: 15px;
  }
  .landing-welcome-overlay #landingVideo {
    max-width: 320px;
  }
  .landing-welcome-overlay .welcome-logo img {
    max-width: 80px;
  }
  .landing-welcome-overlay .welcome-button {
    padding-top: 10px;
  }
  .welcome-logo-container.etelaf .languages li:nth-of-type(1) a {
    transform: translateX(-20px);
  }
  .welcome-logo-container.etelaf .languages li:nth-of-type(2) a {
    transform: translateX(20px);
    font-size: 24px;
  }
  .welcome-logo-container.etelaf .languages li a {
    font-size: 18px;
  }
  [dir=rtl] .welcome-logo-container.etelaf .languages li:nth-of-type(1) a {
    transform: translateX(20px);
  }
  [dir=rtl] .welcome-logo-container.etelaf .languages li:nth-of-type(2) a {
    transform: translateX(-20px);
  }
  [dir=rtl] .landing-welcome-overlay .preloader-slogan {
    margin-top: -0.5em;
  }
}
@media screen and (max-width: 768px) {
  .landing-welcome-overlay #landingVideo {
    max-width: 90%;
  }
  .landing-welcome-overlay .welcome-logo img {
    max-width: 25%;
  }
}
.link-arrow {
  border: solid #ff0000;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 5px;
  transition: all 0.2s ease-in-out;
  vertical-align: middle;
  margin: -3px 5px 0;
}

.link-arrow-right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

[dir=rtl] .link-arrow-right {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.lightbox {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
.lightbox .lb-outerContainer {
  order: 2;
}
.lightbox .lb-dataContainer {
  order: 1;
  margin-bottom: 15px;
}

.lb-nav a.lb-next,
.lb-nav a.lb-prev {
  opacity: 1 !important;
}

.landing-section article {
  padding-top: 3vw;
  padding-bottom: 3vw;
}
.landing-section .landing-text p {
  color: #505b79;
}
.landing-section .landing-text p:last-of-type {
  margin-bottom: 2em;
}
.landing-section .video-fluid {
  width: 100%;
}

.landing-heading {
  position: relative;
  text-align: center;
  padding: 2em 0 calc(2em - 15px);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.landing-heading h1 {
  color: #193fad;
  font-weight: 700;
  flex-basis: 100%;
}
.landing-heading .btn {
  min-width: 280px;
  margin: 0 15px 15px;
}
.landing-heading .landing-logged-cta-container {
  max-width: 1360px;
  margin: 2em auto 5em;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.landing-heading .landing-logged-cta-container .btn-primary {
  max-width: unset;
  width: calc(33% - 30px);
  margin: 0 15px 1em;
  padding: 1em 1.5em !important;
  white-space: normal;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 48px !important;
}
.landing-heading .landing-logged-cta-container .btn-primary {
  font-size: 22px;
}
@media screen and (min-width: 767px) {
  .landing-heading .landing-logged-cta-container .btn-primary {
    font-size: calc(22px + 4 * (100vw - 767px) / 1153);
  }
}
@media screen and (min-width: 1920px) {
  .landing-heading .landing-logged-cta-container .btn-primary {
    font-size: 26px;
  }
}
.landing-heading .landing-logged-cta-container > .header-share {
  width: calc(33% - 30px);
  margin: 0 15px 1em;
}
.landing-heading .landing-logged-cta-container > .header-share {
  font-size: 22px;
}
@media screen and (min-width: 767px) {
  .landing-heading .landing-logged-cta-container > .header-share {
    font-size: calc(22px + 4 * (100vw - 767px) / 1153);
  }
}
@media screen and (min-width: 1920px) {
  .landing-heading .landing-logged-cta-container > .header-share {
    font-size: 26px;
  }
}
.landing-heading .landing-logged-cta-container > .header-share .btn-primary {
  width: 100%;
  height: 100%;
  padding: 1em 1.5em !important;
  white-space: normal;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}
.landing-heading .landing-logged-cta-container .btn-group {
  width: calc(33% - 30px);
  margin: 0 15px 1em;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.landing-heading .landing-logged-cta-container .btn-group .btn-primary {
  width: 100%;
  margin: 0;
}
.landing-heading .landing-logged-cta-container .dropdown-menu {
  box-shadow: none;
  transform: translateY(-10px);
  left: auto;
  right: auto;
  padding: 2em 3em;
  transform-origin: 0 0;
}
.landing-heading .landing-logged-cta-container .dropdown-menu a {
  display: block;
  text-align: center;
}
.landing-heading .landing-logged-cta-container .dropdown-menu a {
  font-size: 14px;
}
@media screen and (min-width: 767px) {
  .landing-heading .landing-logged-cta-container .dropdown-menu a {
    font-size: calc(14px + 8 * (100vw - 767px) / 1153);
  }
}
@media screen and (min-width: 1920px) {
  .landing-heading .landing-logged-cta-container .dropdown-menu a {
    font-size: 22px;
  }
}
.landing-heading .landing-logged-cta-container .dropdown-menu a:not(:last-of-type) {
  margin-bottom: 0.5em;
}
.landing-heading .landing-logged-cta-container .open .dropdown-menu {
  animation: opacity-fadein 0.5s ease-out 0s 1, dropdown-scaleup 0.1s ease-in-out 0s;
}
.landing-heading .landing-logged-cta-container.logged-out {
  max-width: 992px;
}
.landing-heading .landing-logged-cta-container.logged-out > .btn-primary {
  width: calc(50% - 30px);
}
.landing-heading .landing-logged-cta-container.logged-out .btn-group {
  width: calc(50% - 30px);
}
.landing-heading__loggedin {
  min-height: 65vh;
  flex-direction: column;
}

.landing-heading.etelaf img {
  max-width: 300px;
  margin-bottom: 30px;
}
.landing-heading.etelaf div {
  flex-basis: 100%;
}
.landing-heading.etelaf a {
  margin: 0 1em;
  display: inline-block;
  text-decoration: underline;
}
.landing-heading.etelaf a {
  font-size: 18px;
}
@media screen and (min-width: 767px) {
  .landing-heading.etelaf a {
    font-size: calc(18px + 6 * (100vw - 767px) / 1153);
  }
}
@media screen and (min-width: 1920px) {
  .landing-heading.etelaf a {
    font-size: 24px;
  }
}

.landing-share .contestant-share-container {
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  width: 190px;
}

.landing-img img {
  border: 2px solid #c6d2f2;
  box-shadow: inset 0 0 2px #fff, 0 50px 100px -20px rgba(7, 30, 97, 0.25);
}

.landing-hero-gradient {
  position: absolute;
  top: 0;
  width: 100%;
  height: 65vh;
  background-position: center;
  -webkit-clip-path: polygon(0 0, 0 100%, 100% 0);
  clip-path: polygon(0 0, 0 100%, 100% 0);
  background-color: #fff;
}

.coming-soon {
  background-color: #cdd9f6;
  border: 0px solid #f44f56;
  color: #071e61;
  border-radius: 25px;
  padding: 8px 30px;
  display: inline-block;
}

#homeCarousel {
  margin-left: -30px;
  margin-right: -30px;
  margin-top: 30px;
  margin-bottom: 30px;
  background-color: #0062ac;
  box-shadow: inset 0 10px 35px 3px rgba(0, 0, 0, 0.2);
}

.carousel-inner {
  max-width: 1130px;
  margin: auto;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
.carousel-inner .item {
  border-bottom: 0 solid #000;
}

.enter-btn-container {
  margin-top: 15px;
}
.enter-btn-container a {
  padding-left: 15px;
  padding-right: 15px;
}

.preorder {
  font-size: 26px;
  font-weight: 700;
  text-transform: uppercase;
  margin-top: 48px;
}

.landing-content-container {
  margin-bottom: 15px;
}
.landing-content-container .short-description {
  font-size: 16px;
  margin-right: 60px;
  margin-bottom: 30px;
}

.prizes-container {
  margin-left: -15px;
  margin-right: -15px;
}

.landing-boxes {
  color: #4060ae;
}
.landing-boxes > div {
  padding-left: 0;
  padding-right: 0;
}
.landing-boxes .landing-boxes-flex {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
}
.landing-boxes .landing-boxes-flex a {
  padding: 55px 15px;
  margin-top: -55px;
  margin-bottom: -55px;
  text-decoration: none;
  display: block;
  width: 100%;
}
.landing-boxes .landing-boxes-flex a:hover,
.landing-boxes .landing-boxes-flex a:active,
.landing-boxes .landing-boxes-flex a:focus {
  text-decoration: none;
}
.landing-boxes .landing-boxes-flex > div {
  background: #f9f9f9;
  float: none;
  vertical-align: middle;
  padding: 55px 15px;
  width: 32%;
  margin-left: 2%;
  position: relative;
  display: flex;
  align-items: center;
  transition: all 0.2s ease-in-out;
}
.landing-boxes .landing-boxes-flex > div:nth-of-type(3n+1) {
  margin-left: 0;
}
.landing-boxes .landing-boxes-flex > div:nth-of-type(3n+1):after {
  content: "";
  position: absolute;
  background-color: #09b6ff;
  height: 5px;
  bottom: 2px;
  left: 2px;
  right: 2px;
  z-index: 1;
}
.landing-boxes .landing-boxes-flex > div:nth-of-type(3n+2):after {
  content: "";
  position: absolute;
  background-color: #f760ee;
  height: 5px;
  bottom: 2px;
  left: 2px;
  right: 2px;
  z-index: 1;
}
.landing-boxes .landing-boxes-flex > div:nth-of-type(3n+3):after {
  content: "";
  position: absolute;
  background-color: #83ce55;
  height: 5px;
  bottom: 2px;
  left: 2px;
  right: 2px;
  z-index: 1;
}
.landing-boxes .landing-boxes-flex > div span {
  display: inline-block;
  vertical-align: middle;
}
.landing-boxes .landing-boxes-flex > div span span {
  color: #fff;
}
.landing-boxes .landing-boxes-flex > div:nth-of-type(3n+2):hover {
  background-color: #f760ee;
}
.landing-boxes .landing-boxes-flex > div:nth-of-type(3n+2):hover span {
  color: #fff;
}
.landing-boxes .icon-div {
  background-color: #fff;
  box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.05);
  border: 1px solid rgba(0, 0, 0, 0.08);
}
.landing-boxes .icon-blue i {
  color: #09b6ff;
}
.landing-boxes .icon-red i {
  color: #f760ee;
}
.landing-boxes .icon-green i {
  color: #83ce55;
}
.landing-boxes .text {
  width: calc(100% - 85px);
  font-size: 18px;
  margin-left: 10px;
  letter-spacing: -0.7px;
  line-height: 1.35;
}
.landing-boxes .text:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.preorder-container img {
  margin-top: 10px;
  margin-bottom: 20px;
  border: 1px solid #071e61;
}

.underline-heading {
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #d91f26;
  display: inline-block;
  margin: 0 0 -2px 0;
  padding: 10px 0;
}

.heading-parapgraph {
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: rgba(192, 192, 192, 0.75);
  margin-bottom: 0;
  display: flex;
  width: 100%;
  align-items: baseline;
}

.sponsors .flex-row, .sponsors .TeamProject__block {
  width: 100%;
  justify-content: space-evenly;
}
.sponsors__item {
  margin: 0 3%;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.sponsors__item .heading-parapgraph {
  justify-content: center;
  margin-bottom: 10px;
}
.sponsors__item a img {
  max-width: 150px;
}
.sponsors__item > img {
  max-width: 250px;
  width: 50%;
}
.sponsors__become {
  color: #071e61 !important;
  font-size: 16px;
}

@media screen and (max-width: 1024px) {
  .landing-boxes .landing-boxes-flex a {
    padding: 25px 5px;
  }
  .landing-boxes .text {
    font-size: 16px;
    width: calc(100% - 65px);
  }
  .landing-boxes .icon-div,
  .landing-boxes .icon-div-green,
  .landing-boxes .icon-div-blue {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
  .landing-boxes .icon-div i,
  .landing-boxes .icon-div-green i,
  .landing-boxes .icon-div-blue i {
    font-size: 26px;
  }
  .landing-heading .landing-logged-cta-container .btn-primary,
  .landing-heading .landing-logged-cta-container .btn-group {
    width: calc(50% - 30px);
  }
  .landing-heading .landing-logged-cta-container .dropdown-menu {
    padding: 1.5em;
  }
}
@media screen and (max-width: 992px) {
  .landing-boxes > div {
    display: block;
    width: 100%;
    margin: 0 0 15px;
  }
  .short-description {
    font-size: 13px;
  }
  .preorder {
    font-size: 18px;
    margin-top: 40px;
  }
}
@media screen and (max-width: 768px) {
  .landing-boxes .text {
    font-size: 13px;
  }
}
@media screen and (max-width: 767px) {
  .page-contest-details .page-slogan,
  .page-home-countdown .page-slogan {
    margin-top: 10px;
    padding-bottom: 10px;
  }
  .page-contest-details .page-slogan h1,
  .page-home-countdown .page-slogan h1 {
    font-size: 21px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .landing-content-container {
    padding: 15px 0;
  }
  .landing-content-container .short-description {
    font-size: 14px;
    margin-bottom: 10px;
  }
  .video-title {
    font-size: 18px;
    text-align: left;
  }
  .landing-boxes .landing-boxes-flex > div {
    display: block;
    width: 100%;
    margin: 0 10px 10px !important;
    padding: 25px 15px;
    font-size: 14px;
  }
  .landing-boxes .landing-boxes-flex > div > a {
    padding: 25px 15px;
    margin-top: -25px;
    margin-bottom: -25px;
  }
  .landing-boxes .text {
    font-size: 13px;
  }
  .short-description {
    font-size: 12px;
  }
  .enter-btn-container {
    margin: 12px 0;
  }
  .enter-btn-container .btn-primary,
  .enter-btn-container .btn-success,
  .enter-btn-container .btn-danger {
    font-size: 18px;
    padding: 10px 22px;
  }
  .page-slogan .logo {
    margin-bottom: 10px;
    text-align: center;
  }
  .page-slogan .logo img {
    display: inline-block;
  }
  .preorder {
    margin-top: 0;
  }
  .preorder-container {
    margin-bottom: 30px;
    border-bottom: 1px solid #e4e5e5;
    padding-bottom: 30px;
  }
  .preorder-container .btn-primary,
  .preorder-container .btn-success,
  .preorder-container .btn-danger {
    font-size: 18px;
    padding: 10px 22px;
  }
  #homeCarousel {
    margin-left: -30px;
    margin-right: -30px;
  }
  .landing-heading .landing-logged-cta-container .btn-primary,
  .landing-heading .landing-logged-cta-container > .header-share,
  .landing-heading .landing-logged-cta-container .btn-group {
    max-width: none;
    width: calc(100% - 30px);
    font-size: medium;
  }
  .landing-heading .landing-logged-cta-container.logged-out .btn-group {
    width: calc(100% - 30px);
  }
  .landing-heading h1 {
    font-size: x-large;
    padding: 0 15px;
  }
  .landing-heading .landing-logged-cta-container {
    display: block;
    margin: 1em auto;
  }
  .landing-heading .btn {
    width: calc(50% - 20px);
  }
  .landing-welcome-overlay .welcome-button a {
    margin-bottom: 15px;
  }
}
.page-home-index .short-description {
  color: #d91f26;
}

.home-message {
  padding: 15px;
  color: #fff;
  text-align: center;
  font-weight: 700;
  background: rgb(3, 27, 60);
  background: linear-gradient(180deg, rgb(3, 27, 60) 0%, rgb(13, 109, 222) 100%);
  box-shadow: inset 0 -4px 0 #031b3c;
  display: flex;
  align-items: center;
  justify-content: center;
}
.home-message {
  font-size: 26px;
}
@media screen and (min-width: 320px) {
  .home-message {
    font-size: calc(26px + 38 * (100vw - 320px) / 1600);
  }
}
@media screen and (min-width: 1920px) {
  .home-message {
    font-size: 64px;
  }
}
.home-message img {
  margin-bottom: -15px;
  margin-top: -45px;
}
.home-message__text {
  text-align: center;
  display: inline-block;
  padding: 0 15px;
}
.home-message__text span {
  display: block;
}
.home-message__text span:nth-of-type(1) {
  color: #f44f56;
  font-weight: 700;
  line-height: 1;
  text-shadow: 0 2px rgb(64, 4, 6.5454545455);
}
.home-message__text span:nth-of-type(2) {
  font-size: 60%;
  text-shadow: 0 2px #031b3c;
  white-space: nowrap;
}

@media screen and (min-width: 1921px) {
  .page-home-index .content-inner {
    margin-top: 0;
    margin-bottom: 0;
  }
}
.page-home-jointherevolution .content-inner,
.page-home-index .content-inner {
  margin: 0;
  border: 0;
  background-color: transparent;
  box-shadow: none;
  max-width: 100%;
  padding: 0;
}

.page-home-jointherevolution .page-wrapper > header,
.page-home-jointherevolution .footer-wrapper {
  display: none;
}
.page-home-jointherevolution .admin-left-menu {
  display: none !important;
}

.page-home-index .home-downfall .btn-primary {
  box-shadow: 0 3px 0 rgba(163, 23, 29, 0.75);
  border: 0;
  text-shadow: 0 -2px 0 rgba(0, 0, 0, 0.2);
}
.page-home-index .home-downfall .btn-primary:hover {
  background-color: rgb(228.625, 70.375, 76.3306451613);
}
.page-home-index .home-downfall .downfall-buttons {
  margin-top: 5em;
  margin-bottom: 2em;
}
.page-home-index .home-downfall .downfall-buttons a {
  margin-bottom: 20px;
}
.page-home-index .home-downfall .btn-lg {
  font-size: 20px;
  padding: 18px 35px;
  font-weight: 400;
}
.page-home-index .home-gallery .box-body {
  margin: 0 -30px;
}
.page-home-index .home-gallery .col-md-12 {
  margin-left: 42px;
  margin-right: 42px;
  width: calc(100% - 84px);
  position: relative;
  z-index: 1;
}
.page-home-index .home-gallery .toolbars {
  position: absolute;
  width: 100%;
  top: 0;
  height: 100%;
}
.page-home-index .home-gallery .page-control {
  color: #fff;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: #3587e7;
  padding: 8px 10px;
}
.page-home-index .home-gallery .page-control:nth-of-type(1) {
  left: 0;
}
.page-home-index .home-gallery .page-control:nth-of-type(2) {
  right: 0;
}
.page-home-index .home-gallery .page-control:hover {
  background-color: #d91f26;
}
.page-home-index .home-gallery .thumbnail-container {
  position: relative;
  width: 100%;
  padding-bottom: 75%;
  overflow: hidden;
  background: #333;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-home-index .home-gallery .thumbnail-container img {
  max-width: 100% !important;
  max-height: 100% !important;
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.page-home-index [class^=flex-col-] {
  margin-bottom: 20px;
  justify-content: flex-start;
}
.page-home-index .modal h3 {
  text-align: left;
  border-bottom: 2px solid #d91f26;
  width: 100%;
  padding-bottom: 10px;
}
.page-home-index .modal h3 .small {
  color: #071e61;
}
.page-home-index .modal ul {
  padding-left: 0;
}
.page-home-index .modal ul li {
  padding: 5px 0;
  border-bottom: 1px dotted rgba(7, 30, 97, 0.5);
}
.page-home-index .modal .downfall-buttons {
  margin-top: 2em;
  margin-bottom: 2em;
}
.page-home-index .modal .btn-default, .page-home-index .modal .landing-heading .landing-logged-cta-container .btn-primary, .landing-heading .landing-logged-cta-container .page-home-index .modal .btn-primary {
  background-color: #eaeaea;
}
.page-home-index .modal .btn-default:hover, .page-home-index .modal .landing-heading .landing-logged-cta-container .btn-primary:hover, .landing-heading .landing-logged-cta-container .page-home-index .modal .btn-primary:hover {
  background-color: #13bde4;
}
.page-home-index .box {
  padding: 16px;
  border: 1px solid #b1cee4;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1);
}
.page-home-index .box .btn {
  border-radius: 4px;
  border: 1px solid #7e9cc5;
  background-color: #e6edf8;
  box-shadow: inset 0 3px 0 #f3f6fc;
  color: #071e61;
  padding: 8px 25px;
  font-family: "Inter", sans-serif;
  font-size: 14px;
}
.page-home-index .box .btn:not(.active):hover {
  background-color: #fff;
  color: #d91f26;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  border-bottom-color: #0d75c0;
}
.page-home-index .box .btn.active {
  background-color: #d91f26;
  border-color: #d91f26;
  color: #fff;
  box-shadow: none;
}
.page-home-index .box .box-head {
  border-bottom: 1px solid #b1cee4;
  padding-bottom: 15px;
}
.page-home-index .box .box-head .title {
  color: #d91f26;
  font-size: 20px;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  margin-top: 5px;
}
.page-home-index .box .box-body {
  position: relative;
  padding-top: 20px;
  padding-bottom: 20px;
  display: block;
}
.page-home-index .box .box-body .thumbnail-container {
  border: 0;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}
.page-home-index .box .box-body .item-title {
  background-color: #0d75c0;
  color: #fff;
  padding: 10px;
  font-weight: 700;
  font-size: 18px;
  text-align: center;
}
.page-home-index .box .box-body .carousel-caption {
  background-color: #0d75c0;
  color: #fff;
  padding: 10px;
  font-weight: 700;
  font-size: 18px;
  text-align: center;
  left: 0;
  right: 0;
  bottom: 0;
}
.page-home-index .box .box-body .carousel .item {
  width: 100%;
  padding-bottom: 75%;
  overflow: hidden;
  background: #333;
}
.page-home-index .box .box-body .carousel .item a {
  text-align: center;
}
.page-home-index .box .box-body .carousel .item img {
  max-width: 100% !important;
  max-height: calc(100% - 47px) !important;
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  margin: auto;
  left: 50%;
  top: calc(50% - 23.5px);
  transform: translateX(-50%) translateY(-50%);
  object-fit: contain !important;
}
.page-home-index .member-relations {
  margin-bottom: 20px;
}
.page-home-index .member-relations .row {
  margin-left: -5px;
  margin-right: -5px;
}
.page-home-index .member-relations [class^=col-xs-] {
  padding-left: 5px;
  padding-right: 5px;
  margin-bottom: 10px;
}
.page-home-index .member-relations .box-body {
  padding-bottom: 0;
}
.page-home-index .member-relations .img-wrapper {
  padding-bottom: 80%;
}
.page-home-index .member-relations.box {
  border: 0;
  padding: 0;
  box-shadow: none;
}
.page-home-index .member-relations.box .member-wrapper i {
  font-size: 10px;
  margin: 0;
}
.page-home-index .member-relations.box .member-wrapper img {
  width: 100%;
}
.page-home-index .member-relations.box .member-wrapper a {
  line-height: 0.5;
}
.page-home-index .member-relations.box .member-wrapper .name-wrapper {
  padding: 3px 5px 8px;
}
.page-home-index .member-relations.box .member-wrapper .name-wrapper span {
  font-size: 10px;
}
.page-home-index .member-relations.box .member-wrapper .country {
  font-size: 10px;
}
.page-home-index .idc-home-news .box-body {
  margin-top: -5px;
}
.page-home-index .idc-home-news .box-body a {
  margin-left: -15px;
  margin-right: -15px;
}
.page-home-index .idc-home-news a {
  display: inline-block;
  transition: background-color 0.1s ease-in;
  padding: 10px 10px;
  margin-top: 0;
}
.page-home-index .idc-home-news a .media-heading {
  font-weight: 700;
}
.page-home-index .idc-home-news a .media-heading {
  font-size: 12px;
}
@media screen and (min-width: 1200px) {
  .page-home-index .idc-home-news a .media-heading {
    font-size: calc(12px + 4 * (100vw - 1200px) / 720);
  }
}
@media screen and (min-width: 1920px) {
  .page-home-index .idc-home-news a .media-heading {
    font-size: 16px;
  }
}
.page-home-index .idc-home-news a .updated-date {
  font-size: 12px;
}
@media screen and (min-width: 1200px) {
  .page-home-index .idc-home-news a .updated-date {
    font-size: calc(12px + 4 * (100vw - 1200px) / 720);
  }
}
@media screen and (min-width: 1920px) {
  .page-home-index .idc-home-news a .updated-date {
    font-size: 16px;
  }
}
.page-home-index .idc-home-news a:hover {
  text-decoration: none;
  background-color: #e0ebf4;
}
.page-home-index .idc-home-news a:hover .media-heading {
  color: #d91f26;
}
.page-home-index .idc-home-news a:hover .updated-date {
  color: #071e61;
  text-decoration: none;
}
.page-home-index .idc-home-news a img {
  border: 2px solid #b1b5be;
}

.landing-buttons {
  display: flex;
  flex-direction: column;
  background-color: rgba(214, 226, 242, 0.8) !important;
  justify-content: center;
}
.landing-buttons a {
  background-color: #d6e2f3;
  border: 1px solid #8ba1c3;
  border-radius: 4px;
  color: #254d89;
  box-shadow: 4px 7px 10px rgba(151, 171, 200, 0.6), -4px -7px 22px white;
  margin: 10px;
  padding: 20px;
  text-align: center;
  font-weight: 600;
  line-height: 1.3;
}
.landing-buttons a {
  font-size: 16px;
}
@media screen and (min-width: 768px) {
  .landing-buttons a {
    font-size: calc(16px + 26 * (100vw - 768px) / 1152);
  }
}
@media screen and (min-width: 1920px) {
  .landing-buttons a {
    font-size: 42px;
  }
}
.landing-buttons a:hover {
  text-decoration: none;
  background-color: #fff;
  color: #d91f26;
}

.home2021 {
  margin: 30px auto;
  position: relative;
  overflow: hidden;
  border-radius: 30px;
  box-shadow: 0 5px 0 black;
}

@media screen and (min-width: 1921px) {
  .home2021 {
    max-width: calc(67% - 30px);
  }
}
@media screen and (max-width: 1920px) {
  .home2021 {
    max-width: calc(90% - 30px);
  }
}
@media screen and (max-width: 1200px) {
  .home2021 {
    max-width: calc(90% - 30px);
  }
}
@media screen and (max-width: 992px) {
  .home2021 {
    max-width: calc(100% - 30px);
  }
}
@media screen and (max-width: 767px) {
  .home2021 {
    max-width: 96%;
  }
}
.video-control {
  position: absolute;
  left: 15px;
  top: 15px;
  z-index: 10000;
}
.video-control a {
  width: 15px;
  height: 15px;
  border-radius: 10px;
  display: inline-block;
  background-color: rgba(255, 255, 255, 0.005);
  border: 3px solid transparent;
  box-shadow: 0 5px 12px rgba(0, 0, 0, 0.25);
}
.video-control a:hover {
  background-color: rgba(255, 255, 255, 0.0085);
}
.video-control a.active {
  border-color: #fff;
  background-color: #fff;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}

#TNI_home_video {
  position: absolute;
  right: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  min-width: 100%;
  min-height: 100%;
}
#TNI_home_video:after {
  content: " ";
  position: absolute;
  background: rgba(0, 0, 0, 0.2);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.25) 100%);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}

.home-downfall {
  position: relative;
  z-index: 2;
  text-align: center;
}
.home-downfall img {
  margin: 1em auto;
}
.home-downfall .container {
  max-width: 1360px;
  width: auto !important;
  min-height: 730px;
  display: flex;
  align-items: center;
}
.home-downfall .container .flex-row, .home-downfall .container .TeamProject__block {
  align-items: center;
  width: 100%;
}
.home-downfall .flex-col-4,
.home-downfall .flex-col-6 {
  position: relative;
  justify-content: flex-start;
  z-index: 0;
}
.home-downfall .flex-col-4:hover,
.home-downfall .flex-col-6:hover {
  z-index: 1;
}
.home-downfall h1 {
  color: #d91f26;
  text-shadow: 0 3px #0e254a;
}
.home-downfall h1 {
  font-size: 60px;
}
@media screen and (min-width: 768px) {
  .home-downfall h1 {
    font-size: calc(60px + 80 * (100vw - 768px) / 1152);
  }
}
@media screen and (min-width: 1920px) {
  .home-downfall h1 {
    font-size: 140px;
  }
}
.home-downfall .btn-container {
  display: inline-block;
  width: 33%;
}
.home-downfall .invitation-code {
  width: auto;
}
.home-downfall .btn-downfall,
.home-downfall .flex-col-4,
.home-downfall .flex-col-6 {
  height: 110px;
}
.home-downfall .btn-downfall {
  margin: 10px 15px;
  position: relative;
  background-color: rgba(19, 189, 228, 0.3);
  border: 2px solid rgba(255, 255, 255, 0.8);
  border-radius: 50px;
  padding: 0 1.5em;
  color: #fff;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  text-shadow: 0 2px 0 rgba(14, 37, 74, 0.5), 0 0 45px #5dcdfb;
  box-shadow: 0 9px 60px rgba(6, 21, 35, 0.6), 0 7px 0 rgba(6, 21, 35, 0.3), inset 0 0 50px white, inset 0 25px 0 rgba(255, 255, 255, 0.2);
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  line-height: 1.3;
}
.home-downfall .btn-downfall {
  font-size: 18px;
}
@media screen and (min-width: 320px) {
  .home-downfall .btn-downfall {
    font-size: calc(18px + 12 * (100vw - 320px) / 1600);
  }
}
@media screen and (min-width: 1920px) {
  .home-downfall .btn-downfall {
    font-size: 30px;
  }
}
.home-downfall .btn-downfall > div {
  flex-basis: 100%;
}
.home-downfall .btn-downfall span {
  text-align: center;
  display: block;
  width: 100%;
  line-height: 1.1;
  transition: all 0.2s ease-out;
}
.home-downfall .btn-downfall span.small {
  font-size: 45%;
  display: inline-block;
  background-color: #d91f26;
  padding: 5px 10px;
  width: auto;
  border-radius: 5px;
}
.home-downfall .btn-downfall:hover {
  text-decoration: none;
}
.home-downfall .btn-downfall .circle-active,
.home-downfall .btn-downfall .circle-inactive {
  width: 30px;
  height: 30px;
  position: absolute;
  border: 2px solid #fff;
  left: 15px;
  top: 15px;
  background-color: #08a000;
  border-radius: 15px;
}
.home-downfall .btn-downfall .circle-inactive {
  background-color: #f44f56;
}
.home-downfall .flex-col-4:hover ul {
  visibility: visible;
  opacity: 1;
  margin-top: 0;
  clip-path: circle(100% at 50% 50%);
}
.home-downfall ul {
  clip-path: circle(0% at 50% 50%);
  visibility: hidden;
  padding: 15px 0;
  background-color: #13bde4;
  border-radius: 15px;
  box-shadow: 0 5px 0 rgba(6, 21, 35, 0.3);
  position: absolute;
  top: 125px;
  left: 10px;
  right: 10px;
  transition: margin 0.2s ease-out, clip-path 0.2s ease-out, opacity 0.45s ease-out;
  color: #fff;
  margin-top: 50px;
  opacity: 0;
}
.home-downfall ul li:not(:last-of-type) a {
  border-bottom: 1px dotted #3696df;
}
.home-downfall ul li {
  padding: 0 20px;
  list-style-type: none;
}
.home-downfall ul li a {
  color: #fff;
  padding: 10px 0;
  display: block;
  position: relative;
}
.home-downfall ul li a {
  font-size: 14px;
}
@media screen and (min-width: 768px) {
  .home-downfall ul li a {
    font-size: calc(14px + 4 * (100vw - 768px) / 1152);
  }
}
@media screen and (min-width: 1920px) {
  .home-downfall ul li a {
    font-size: 18px;
  }
}
.home-downfall ul li a:hover {
  color: #fff;
  text-decoration: none;
}
.home-downfall ul li a:hover:after {
  content: "";
  position: absolute;
  left: -20px;
  top: 0;
  bottom: 0;
  width: 3px;
  background-color: white;
}
.home-downfall ul li:hover {
  background-color: #1085a0;
}
.home-downfall ul li.see-more {
  display: flex;
  flex: 0 0 auto;
  justify-content: center;
}
.home-downfall ul li.see-more a {
  border-radius: 30px;
  border: 2px solid #fff;
  margin: 1em auto;
  padding: 10px 20px;
  line-height: 1;
}
.home-downfall ul li.see-more a:after {
  display: none;
}

@media screen and (min-width: 768px) {
  .sos-iran-logo-en {
    text-align: left;
  }
  .sos-iran-logo-fr {
    text-align: right;
  }
}
.video-play-container {
  margin-top: 1em;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 1180px) {
  .home-downfall .btn-downfall {
    height: 150px;
    border-radius: 40px;
  }
  .home-downfall .btn-downfall .circle-active,
  .home-downfall .btn-downfall .circle-inactive {
    width: 20px;
    height: 20px;
  }
}
@media screen and (max-width: 767px) {
  .home-message {
    padding-left: 0;
    padding-right: 0;
  }
  .home-message img {
    max-width: 80px;
  }
  .home-downfall {
    padding: 30px 10px;
  }
  .home-downfall .container {
    padding: 0;
  }
  .home-downfall .container .flex-row, .home-downfall .container .TeamProject__block {
    margin-left: 0;
    margin-right: 0;
  }
  .home-downfall .btn-container {
    width: 100%;
  }
  .home-downfall .btn-downfall {
    margin-left: 0;
    margin-right: 0;
    height: 60px;
    border-radius: 20px;
  }
  .home-downfall .btn-downfall .circle-active,
  .home-downfall .btn-downfall .circle-inactive {
    width: 15px;
    height: 15px;
  }
  .home-downfall .flex-col-4:hover ul {
    position: static;
    width: calc(100% - 20px);
  }
  .home-downfall .flex-col-4:hover .btn-downfall span {
    margin-top: 0;
  }
  .home-downfall .downfall-buttons a {
    max-width: none;
    white-space: normal;
    display: inline-block;
    line-height: 1.3;
    padding: 12px 15px;
  }
  .home-downfall ul li {
    padding: 0 5px;
  }
  .home-downfall ul li a:hover:after {
    left: -5px;
  }
  .page-home-index .home-downfall .btn-lg {
    font-size: large;
    padding: 12px 25px;
  }
  #TNI_home_video {
    min-height: 110%;
  }
  .home2021 {
    margin: 0 auto;
  }
  .sponsors__item {
    margin: 0 3% 10px;
  }
  .sponsors__item img {
    max-width: 150px;
  }
  .sponsors__item .heading-parapgraph {
    margin-bottom: 15px;
    margin-top: 0;
  }
  .home-downfall .container {
    min-height: 0;
  }
  .landing-text {
    order: 1;
  }
  .landing-img {
    order: 3;
  }
  .landing-img .video-fluid,
  .landing-img img {
    margin-bottom: 1em;
    box-shadow: none;
  }
  .landing-section h1 {
    font-size: 22px;
    margin-bottom: 10px;
  }
  .landing-section article:not(:last-of-type) {
    background: rgb(255, 255, 255);
    background: linear-gradient(11deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
  }
  .landing-section .landing-text p:last-of-type {
    margin-bottom: 0;
  }
  .link-arrow {
    padding: 3px;
    border-width: 0 2px 2px 0;
  }
}
@media screen and (min-width: 2400px) {
  .landing-buttons a {
    font-size: 48px;
  }
}
@media screen and (min-width: 1921px) {
  .page-home-index .idc-home-news a .media-heading,
  .page-home-index .idc-home-news a .updated-date {
    font-size: 14px;
  }
}
@media screen and (min-width: 1921px) and (min-width: 1921px) {
  .page-home-index .idc-home-news a .media-heading,
  .page-home-index .idc-home-news a .updated-date {
    font-size: calc(14px + 14 * (100vw - 1921px) / 1919);
  }
}
@media screen and (min-width: 1921px) and (min-width: 3840px) {
  .page-home-index .idc-home-news a .media-heading,
  .page-home-index .idc-home-news a .updated-date {
    font-size: 28px;
  }
}
@media screen and (max-width: 1200px) {
  .page-home-index .box {
    padding: 12px;
  }
  .page-home-index .row1 .box {
    padding: 8px;
  }
  .page-home-index .landing-buttons a {
    margin: 5px 0;
  }
  .page-home-index .row2 .flex-col-4:nth-of-type(1),
  .page-home-index .row2 .flex-col-4:nth-of-type(2) {
    width: 50%;
  }
  .page-home-index .row2 .flex-col-4:nth-of-type(3) {
    width: 100%;
  }
  .page-home-index .idc-home-news a .media-heading {
    font-size: 16px;
  }
  .page-home-index .idc-home-news a .updated-date {
    font-size: 16px;
  }
}
@media screen and (max-width: 1199px) {
  .landing-section .flex-col-lg-2 {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .page-home-index .content-inner {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    max-width: unset;
  }
  .page-home-index .content-title {
    margin: 0;
  }
  .page-home-index .row1 .flex-col-4 .member-relations,
  .page-home-index .row1 .flex-col-4 .organization {
    width: 100%;
    margin: 0;
  }
  .page-home-index .row1 .flex-col-4 .member-relations {
    margin-bottom: 20px;
  }
  .page-home-index .box {
    padding: 6px;
  }
  .page-home-index .box .box-body {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .page-home-index .box .btn {
    font-size: 14px;
  }
  .page-home-index .box .box-head {
    margin-top: 5px;
    padding-bottom: 10px;
  }
  .page-home-index .box .box-head .title {
    font-size: 18px;
    margin-top: 0;
    margin-bottom: 10px;
  }
  .page-home-index .row1 .box .box-head {
    text-align: center;
  }
  .page-home-index .row1 .box .box-head .pull-left {
    float: none !important;
  }
  .page-home-index .row1 .box .box-head .pull-right {
    float: none !important;
  }
  .page-home-index .home-gallery .box-body {
    margin: 0;
  }
  .page-home-index .idc-home-news .box-body a {
    margin: 0 -5px;
    padding: 6px;
  }
  .page-home-index .idc-home-news .box-body a .media-heading {
    font-size: 14px;
  }
  .page-home-index .idc-home-news .box-body a .updated-date {
    font-size: 12px;
  }
  .landing-section [class^=flex-col-] {
    width: 100%;
  }
  .landing-heading .landing-logged-cta-container .dropdown-menu {
    padding: 1em 1.5em;
    left: auto;
    right: auto;
    transform: translateY(-3px);
  }
  .landing-heading .dropdown-menu a {
    white-space: nowrap;
  }
}
@media screen and (max-width: 430px) {
  .landing-heading .btn {
    width: calc(100% - 30px);
  }
}
@media screen and (max-width: 375px) {
  .page-home-index .box .btn {
    padding: 5px 15px;
    font-size: 12px;
  }
  .home-message img {
    max-width: 60px;
  }
}
/* ----------- Judges ----------- */
.judges-container {
  margin-top: 30px;
  margin-bottom: 30px;
}
.judges-container p {
  color: #d91f26;
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 20px;
  text-align: center;
  margin-bottom: 20px;
}
.judges-container .info {
  text-align: center;
  padding: 10px 5px;
}
.judges-container .info .name {
  color: #d91f26;
  font-size: 18px;
  margin-bottom: 5px;
}
.judges-container .info .details {
  font-size: 15px;
  color: #071e61;
  margin-bottom: 5px;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  line-height: 1;
}
.judges-container .info .city {
  font-size: 13px;
  font-style: italic;
  color: #071e61;
  margin-bottom: 5px;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  line-height: 1;
}
.judges-container .image-container {
  background-color: #f4f4f4;
  border: 1px solid #d7d7d7;
  padding: 5px;
  text-align: center;
}

@media screen and (min-width: 1130px) {
  .judges-container {
    margin: 30px 50px;
  }
}
@media screen and (max-width: 767px) {
  .judges-container {
    padding-left: 10px;
    padding-right: 10px;
  }
  .judges-container p {
    font-size: 16px;
  }
  .judges-container .info .name {
    font-size: 10px;
  }
  .judges-container .info .details {
    font-size: 9px;
  }
  .judges-container .info .city {
    font-size: 9px;
  }
}
/* ----------- Video ----------- */
.video-container {
  text-align: center;
}
.video-container video {
  width: 100%;
  max-width: 525px;
  max-height: 320px;
  margin-left: auto;
  margin-right: auto;
}

#home-video {
  max-width: 960px;
  margin: 50px auto;
}

.video-title {
  color: #d91f26;
  font-size: 20px;
  font-family: "Inter", sans-serif;
  margin-top: 0;
  margin-bottom: 15px;
  text-align: center;
  font-weight: 700;
}

.video-fluid {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  box-shadow: 0 3px 15px rgba(0, 0, 0, 0.2);
  background-color: #fff;
}
.video-fluid iframe,
.video-fluid img,
.video-fluid video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-fluid .video-link:after {
  content: "\f04b";
  font-family: FontAwesome;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: rgba(45, 73, 148, 0.75);
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -25px;
  margin-top: -25px;
  color: #fff;
  font-size: 22px;
  text-align: center;
  line-height: 50px;
  display: block;
  border: 1px solid rgba(45, 73, 148, 0.7);
  transition: all 0.1s ease 0s;
  padding-left: 5px;
  padding-top: 0;
  pointer-events: none;
}
.video-fluid .video-link:hover:after {
  transform: scale(1.2);
  color: #ee2e24;
  background: rgba(255, 255, 255, 0.8);
  border-color: #ef3c2b;
}

.plyr.plyr--fullscreen-active {
  height: auto;
}

video:fullscreen {
  height: auto;
}

.plyr:-webkit-full-screen video {
  height: 100%;
}

.plyr .plyr__video-embed iframe,
.plyr .plyr__video-embed iframe {
  max-height: 100vh;
}

.plyr__video-embed {
  max-height: 100vh;
}

@media screen and (max-width: 767px) {
  .col-sm-5.video-container {
    margin-top: 25px;
  }
  #home-video {
    margin: 20px auto;
  }
}
/* ----------- Video player Plyr ----------- */
.plyr__video-wrapper video {
  max-height: 275px;
}

@media screen and (min-height: 700px) {
  .plyr__video-wrapper video {
    max-height: 375px;
  }
}
@media screen and (min-height: 800px) {
  .plyr__video-wrapper video {
    max-height: 475px;
  }
}
@media screen and (min-height: 900px) {
  .plyr__video-wrapper video {
    max-height: 575px;
  }
}
@media screen and (min-height: 1000px) {
  .plyr video {
    max-height: 700px;
  }
}
.plyr:-webkit-full-screen video {
  max-height: unset;
}

.plyr:fullscreen video {
  max-height: unset;
}

/* ----------- Form ----------- */
form {
  font-family: "Inter", sans-serif;
  font-size: 16px;
}

label,
.label-field {
  color: #071e61;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 5px;
  display: inline-block;
}

.form-control {
  border-radius: 0;
  background-color: #fff;
  border-color: #94a6b6;
  color: #303640;
  font-size: 20px;
  font-weight: 400;
  height: 40px;
  font-family: "Inter", sans-serif;
  box-shadow: none;
}
.form-control:focus {
  border-color: rgb(71.7833333333, 89.4833333333, 105.2166666667);
}
.form-control:focus, .form-control:active {
  box-shadow: none;
}

.form-control-search,
#dt-search-0 {
  border: 3px solid #1a92db;
  border-radius: 5px !important;
}
.form-control-search:focus,
#dt-search-0:focus {
  border-color: #193fad;
}

*::-webkit-input-placeholder {
  color: rgba(48, 54, 64, 0.5) !important;
}

*:-moz-placeholder {
  color: rgba(48, 54, 64, 0.5) !important;
}

*::-moz-placeholder {
  color: rgba(48, 54, 64, 0.5) !important;
}

*:-ms-input-placeholder {
  color: rgba(48, 54, 64, 0.5) !important;
}

.form-inline .form-group {
  margin-bottom: 0;
}

.asterisk {
  color: #d91f26;
  width: 13px;
  display: inline-block;
}

.form-control-required {
  margin-bottom: 10px;
}

.form-control,
.form-control-required,
.progress {
  display: inline-block;
}

.progress {
  margin-left: 14px;
}

.page-customer-register .page-wrapper:not([dir=rtl]) #Registration_Field_2,
.page-customer-register .page-wrapper:not([dir=rtl]) #Registration_Field_4 {
  margin-left: 16px;
}
.page-customer-register .page-wrapper[dir=rtl] #Registration_Field_2,
.page-customer-register .page-wrapper[dir=rtl] #Registration_Field_4 {
  margin-right: 17px;
}
.page-customer-register .page-wrapper[dir=rtl] #Registration_Field_3,
.page-customer-register .page-wrapper[dir=rtl] #Registration_Field_5,
.page-customer-register .page-wrapper[dir=rtl] #Registration_Field_6 {
  width: 100%;
}
.page-customer-register .page-wrapper[dir=rtl] .progress {
  margin-left: 0;
  margin-right: 17px;
}
.page-customer-register #frmRegister .col-sm-6.form-group [class^=col-] {
  padding: 0;
}

label.form-control-required {
  padding-left: 20px !important;
}

input[type=checkbox] {
  width: 16px;
  height: 16px;
  margin-top: 2px;
}

.asterik,
.asterik-checkbox {
  display: inline-block;
  color: #B81C21;
  width: 13px;
}

.checkbox-inline {
  margin-top: 15px;
}
.checkbox-inline .asterisk {
  vertical-align: top;
}
.checkbox-inline label {
  font-size: 16px;
  font-weight: 400;
}

.checkbox .asterik-checkbox {
  vertical-align: top;
}

.checkbox-inline {
  font-size: 16px;
  padding-left: 0;
}

span.error:empty,
label.error:empty {
  display: none;
}

textarea.error,
input.error,
select.error {
  border-color: red;
}

.field-validation-error,
.password-verdict,
.error-list {
  color: #FF0000;
  display: block;
  margin-top: 3px;
  font-family: "Inter", sans-serif;
}

#dvRegisterLogin .field-validation-error {
  margin-left: 0;
}

#landing-form .row > div:nth-child(1) {
  padding-right: 0;
}

#landing-form .row > div:nth-child(2) {
  padding-left: 10px;
}

.input-lg {
  height: 120%;
  font-size: 150%;
  font-weight: 600;
}

.checkbox label, .radio label {
  font-size: 16px;
  color: #071e61;
}

input[type=checkbox], input[type=radio] {
  display: inline;
}

.form-group {
  margin-bottom: 15px;
}

.form-horizontal .form-group {
  margin-bottom: 15px;
}

p.required-fields {
  color: #d91f26;
  font-size: 14px;
  font-weight: 600;
  margin-top: 1em;
}

#dvRegister {
  padding: 0 15px;
}

#reg-form a,
#dvRegister a,
#dvRegisterLogin a {
  color: #B81C21;
}

#reg-form a:hover,
#dvRegister a:hover,
#dvRegisterLogin a:hover {
  color: #B81C21;
  text-decoration: underline;
}

#dvRegister .form-group [class*=col-] {
  padding: 0 5px;
}

/* ----------- Form Error validation ----------- */
.reg-form-container span.Error, .form-container span.Error {
  font-size: 12px;
  padding: 3px 6px;
  background: #e14949;
  color: #fff;
  border-radius: 3px;
  position: relative;
  display: inline-block;
}
.reg-form-container span.Error:before, .form-container span.Error:before {
  content: "";
  position: absolute;
  top: -10px;
  left: 10px;
  width: 0px;
  height: 0px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #e14949;
}

.page-home-customerlogin h1 {
  margin-bottom: 0;
  padding: 0;
}

.page-registration-forgotpassword h1 {
  margin-bottom: 30px;
  padding: 0;
}
.page-registration-forgotpassword .row {
  margin: 0;
}
.page-registration-forgotpassword .form-inline {
  text-align: center;
}
.page-registration-forgotpassword .form-group:nth-of-type(2) .col-sm-4 {
  display: none;
}

.page-registration-resetpassword #div_change_password {
  max-width: 520px;
  margin: auto;
}
.page-registration-resetpassword #div_change_password .col-sm-3 {
  width: 41.66666667%;
}
.page-registration-resetpassword #div_change_password .col-sm-7 {
  width: 58.33333333%;
}
.page-registration-resetpassword #div_change_password .form-control {
  width: 100%;
}
.page-registration-resetpassword #div_change_password .col-sm-offset-3.col-sm-7 {
  width: 100%;
  margin-left: 0;
  text-align: center;
}
.page-registration-resetpassword .resetpassMessage {
  text-align: center;
  margin-bottom: 30px;
}
.page-registration-resetpassword .resetpassMessage i {
  color: #08a000;
  font-size: x-large;
}
.page-registration-resetpassword #continuelink {
  background: #d91f26;
  color: #fff !important;
  font-size: 22px;
  font-family: "Inter", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  border-radius: 48px;
  padding: 12px 24px;
  line-height: 1;
  transition: all 0.12s ease-in-out 0s;
  display: inline-block;
  margin-top: 20px;
}
.page-registration-resetpassword #continuelink:hover, .page-registration-resetpassword #continuelink:focus, .page-registration-resetpassword #continuelink:active {
  text-decoration: none;
  background-color: #ac191e;
  border-color: #ac191e;
}

.register-login-heading {
  text-align: center;
  margin-bottom: 3em;
}
.register-login-heading h2 {
  color: #ff0000;
  font-weight: 700;
}
.register-login-heading a {
  text-decoration: underline;
}

@media screen and (max-width: 1024px) {
  .page-registration-resetpassword #continuelink {
    font-size: 22px;
    padding: 8px 15px;
  }
}
@media screen and (max-width: 768px) {
  .page-registration-resetpassword #continuelink {
    font-size: 18px;
  }
}
.page-home-customerlogin .form-control {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .page-registration-forgotpassword .form-group {
    display: inline-block;
  }
  .page-registration-forgotpassword .form-group [class*=col-] {
    float: none;
    width: auto;
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
    vertical-align: middle;
  }
  .page-registration-forgotpassword #btnSubmit {
    font-size: 22px;
    padding: 10px 18px;
  }
}
@media screen and (max-width: 1200px) {
  .page-registration-forgotpassword .col-sm-6.col-sm-height.col-sm-offset-3 {
    width: 100% !important;
  }
}
@media screen and (max-width: 992px) {
  #dvRegisterLogin {
    margin-top: 30px;
  }
  .form-control {
    font-size: 18px;
  }
}
.input-group {
  z-index: 1;
}
.input-group .input-group-btn {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  width: auto;
}
.input-group .input-group-btn button {
  background: none !important;
  border: none;
  height: 40px;
  width: 40px;
  border-radius: 0;
  padding: 0;
  color: red;
  box-shadow: none;
}
.input-group .input-group-btn .icon-search {
  font-size: 22px;
}

/* Before Register */
#registerColumnsContainer {
  max-width: 1200px;
  margin: auto;
}

.auth-wrp {
  display: none !important;
}

.register-type-title {
  text-align: center;
}

.register-type-list {
  margin: 0 auto 50px;
  max-width: 840px;
}
.register-type-list .item-title,
.register-type-list .item-message {
  padding: 0 15px;
}
.register-type-list .item:hover .item-message {
  color: #1c5489;
}
.register-type-list .item-title {
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  margin: 0 0 30px;
}
.register-type-list .item-message {
  padding: 25px 0;
  color: #54769e;
}
.register-type-list .item-action {
  text-align: center;
  position: relative;
  margin-bottom: 30px;
}
.register-type-list .item-action .btn-primary {
  border: 1px solid #b1cee4;
  color: #1874ba;
  text-transform: none;
  display: block;
  white-space: pre-wrap;
  font-family: "Inter", sans-serif;
  min-height: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 15px;
  box-shadow: 0 2px 16px rgba(6, 21, 35, 0.16);
}
.register-type-list .item-action .btn-primary {
  font-size: 16px;
}
@media screen and (min-width: 768px) {
  .register-type-list .item-action .btn-primary {
    font-size: calc(16px + 4 * (100vw - 768px) / 1152);
  }
}
@media screen and (min-width: 1920px) {
  .register-type-list .item-action .btn-primary {
    font-size: 20px;
  }
}
.register-type-list .item-action .btn-primary:hover {
  border-color: transparent;
  color: #fff;
}
.register-type-list .item-action .btn-primary:focus, .register-type-list .item-action .btn-primary:active {
  transform: scale(1);
}
.register-type-list .item-action .btn-primary:not(:hover):not(.selected-action) {
  background-color: #fff !important;
}
.register-type-list .item-action .icon {
  width: 28px;
  height: 28px;
  border-radius: 14px;
  background-color: #ccc;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -14px;
  border: 2px solid transparent;
  transition: all 0.15s ease-out;
}
.register-type-list .item-action .icon i {
  color: #fff;
  display: none;
  font-size: 26px;
  line-height: 46px;
}
.register-type-list .item-action .selected-action {
  color: #fff;
}
.register-type-list .item-action:hover .btn-primary:not(.selected-action), .register-type-list .item-action:hover + .icon {
  width: 38px;
  height: 38px;
  border-radius: 19px;
  bottom: -19px;
  border-color: #fff;
}
.register-type-list .item-action .btn-primary.selected-action + .icon {
  width: 46px;
  height: 46px;
  border-radius: 23px;
  bottom: -23px;
  border-color: #fff;
}
.register-type-list .item-action .btn-primary.selected-action + .icon i {
  display: inline-block;
}
.register-type-list .button-next-container {
  padding: 30px 15px;
  text-align: center;
}

.steps-container {
  background-color: #f4f6f9;
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
}
.steps-container .step {
  position: relative;
  margin: -1px 10px 0;
}
.steps-container .step span {
  font-size: 18px;
  padding: 25px 0;
  display: inline-block;
  vertical-align: middle;
}
.steps-container .step .icon {
  display: inline-block;
  background-color: #08a000;
  width: 24px;
  height: 24px;
  border-radius: 12px;
  text-align: center;
  vertical-align: middle;
}
.steps-container .step .icon i {
  color: #fff;
  font-size: 18px;
}
.steps-container .step.active span {
  color: #d91f26;
  border-top: 4px solid #d91f26;
  padding-top: 21px;
}
.steps-container .step:not(.done):not(.active) {
  opacity: 0.6;
}
.steps-container .step:not(.done) .icon {
  display: none;
}
.steps-container .step:not(:last-of-type) {
  margin-right: 60px;
}
.steps-container .step:not(:last-of-type):after {
  content: "";
  position: absolute;
  width: 50px;
  height: 1px;
  border-top: 1px dashed #071e61;
  top: 50%;
  right: -60px;
}

.page-registration-payforidenfyverify .heading {
  display: none;
}

@media screen and (max-width: 992px) {
  .steps-container {
    flex-wrap: wrap;
  }
  .steps-container .step span {
    font-size: 14px;
  }
  .steps-container .step .icon {
    width: 18px;
    height: 18px;
    border-radius: 9px;
  }
  .steps-container .step .icon i {
    font-size: 14px;
    line-height: 14px;
    vertical-align: text-top;
    margin-top: 2px;
  }
  .steps-container .step:not(:last-of-type) {
    margin-right: 40px;
  }
  .steps-container .step:not(:last-of-type):after {
    width: 30px;
    right: -40px;
  }
}
@media screen and (max-width: 767px) {
  .steps-container {
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 15px;
    padding-top: 10px;
  }
  .steps-container .step {
    margin: -1px 10px 5px;
  }
  .steps-container .step span {
    font-size: 12px;
    padding: 6px 0;
  }
  .steps-container .step.active span {
    padding-top: 6px;
    border-top-width: 2px;
  }
  .steps-container .step:not(:last-of-type) {
    margin-right: 20px;
  }
  .steps-container .step:not(:last-of-type):after {
    width: 10px;
    right: -20px;
  }
  .steps-container .step .icon {
    width: 14px;
    height: 14px;
    border-radius: 7px;
  }
  .steps-container .step .icon i {
    font-size: 10px;
    line-height: 10px;
  }
  .register-login-heading {
    margin-bottom: 1em;
  }
}
.page-customer-registerskill .content-title,
.page-customer-beforeregister .content-title,
.page-home-orgchart .content-title,
.page-customer-register .content-title {
  margin-bottom: 0;
}

.page-customer-registerskill .item-title {
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  margin: 0 0 30px;
}
.page-customer-registerskill .dvbuttonRegister {
  text-align: center;
  margin-top: 30px;
}
.page-customer-registerskill #your_skills span {
  color: #d91f26;
  font-size: 18px;
}
.page-customer-registerskill #your_skills #your_skills_arr {
  display: inline-block;
}
.page-customer-registerskill #your_skills #your_skills_arr a {
  border: 1px solid #b7c7dc;
  border-radius: 4px;
  color: #254d89;
  font-size: 18px;
  padding: 5px 20px;
  margin: 0 5px;
}
.page-customer-registerskill #your_skills #your_skills_arr a:hover {
  text-decoration: none;
}
.page-customer-registerskill .register-type-list {
  max-width: 100%;
}

.listskill-container {
  min-height: 200px;
  padding-left: 15px;
  padding-right: 15px;
}
.listskill-container .jstree-container-ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.listskill-container .jstree-default > .jstree-striped {
  background: none;
}
.listskill-container .jstree-default > .jstree-no-dots .jstree-open > .jstree-ocl:after {
  content: "\f078";
}
.listskill-container .jstree-default > .jstree-no-dots .jstree-closed > .jstree-ocl:after {
  content: "\f054";
}
.listskill-container .jstree-container-ul > .jstree-node {
  width: calc((100% - 60px) / 6);
  margin-right: 5px !important;
  margin-left: 5px !important;
  position: relative;
}
.listskill-container .jstree-container-ul > .jstree-node > .jstree-anchor {
  text-align: center;
  text-overflow: initial;
  white-space: initial;
  overflow: visible;
  line-height: 1.3 !important;
  display: flex;
  align-items: center;
  font-size: medium;
  text-align: left;
}
.listskill-container .jstree-container-ul > .jstree-leaf .jstree-ocl {
  display: none;
}
.listskill-container .jstree-container-ul > .jstree-node:not(.jstree-leaf) > .jstree-icon {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  margin-bottom: 0;
  width: 100%;
  height: 50px;
  background: none;
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
}
.listskill-container .jstree-container-ul > .jstree-node:not(.jstree-leaf) > .jstree-icon:after {
  top: 13px;
  left: 13px;
  position: absolute;
}
.listskill-container .jstree-container-ul > .jstree-node:not(.jstree-leaf) > .jstree-anchor > .jstree-checkbox {
  display: none;
}
.listskill-container .jstree-container-ul .jstree-children {
  position: absolute;
  width: 100%;
  z-index: 1;
  padding: 5px;
  border: 1px solid #7e9cc5;
  background-color: #fff;
  box-shadow: 0 5px 25px rgba(126, 156, 197, 0.15);
  border-radius: 5px;
}
.listskill-container .jstree-container-ul .jstree-children .jstree-node {
  margin-left: 0;
  text-align: center;
  position: relative;
}
.listskill-container .jstree-container-ul .jstree-children .jstree-node .jstree-ocl {
  display: none;
}
.listskill-container .jstree-container-ul .jstree-children .jstree-node .jstree-checkbox {
  position: absolute;
  top: 13px;
  left: 3px;
}
.listskill-container .jstree-container-ul .jstree-children .jstree-node:last-of-type .jstree-anchor {
  margin-bottom: 0;
}
.listskill-container .jstree-container-ul .jstree-leaf .jstree-anchor .jstree-checkbox {
  position: absolute;
  top: 13px;
  left: 3px;
}
.listskill-container .jstree-container-ul .jstree-anchor {
  border-radius: 4px;
  border: 1px solid #7e9cc5;
  background-color: #e6edf8 !important;
  box-shadow: inset 0 3px 0 #f3f6fc !important;
  color: #1c5489;
  padding: 0 25px 0 30px;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  height: 50px;
  line-height: 50px;
  vertical-align: middle;
  margin-bottom: 10px;
  width: 100%;
}
.listskill-container .jstree-container-ul .jstree-anchor {
  font-size: 14px;
}
@media screen and (min-width: 768px) {
  .listskill-container .jstree-container-ul .jstree-anchor {
    font-size: calc(14px + 6 * (100vw - 768px) / 1152);
  }
}
@media screen and (min-width: 1920px) {
  .listskill-container .jstree-container-ul .jstree-anchor {
    font-size: 20px;
  }
}
.listskill-container .jstree-container-ul .jstree-anchor.jstree-clicked {
  font-weight: 700;
}
.listskill-container .jstree-container-ul .jstree-anchor .jstree-icon {
  vertical-align: middle;
}

@media screen and (max-width: 1800px) {
  .listskill-container .jstree-container-ul > .jstree-node {
    width: calc((100% - 50px) / 5);
  }
}
@media screen and (max-width: 1400px) {
  .listskill-container .jstree-container-ul > .jstree-node {
    width: calc((100% - 40px) / 4);
  }
}
@media screen and (max-width: 992px) {
  .listskill-container .jstree-container-ul > .jstree-node {
    width: calc((100% - 30px) / 3);
  }
}
@media screen and (max-width: 768px) {
  .listskill-container .jstree-container-ul > .jstree-node {
    width: calc((100% - 20px) / 2);
  }
  .listskill-container .jstree-container-ul .jstree-leaf .jstree-anchor .jstree-checkbox {
    top: 5px;
    left: -5px;
  }
  .listskill-container .jstree-container-ul .jstree-anchor {
    padding: 0 5px 0 30px;
  }
  .page-customer-registerskill .register-type-list {
    margin-top: 0;
    margin-bottom: 30px;
  }
  .page-customer-registerskill .item-title {
    font-size: medium;
  }
}
@media screen and (min-width: 768px) {
  .before-photo {
    height: 65px;
  }
}
@media screen and (max-width: 1048px) {
  .register-type-list .item {
    border-bottom: 1px solid #b1cee4;
    margin-bottom: 15px;
  }
  .register-type-list .item-title {
    font-size: x-large;
  }
}
.listskill-container .jstree-container-ul .jstree-node.other {
  min-width: 300px;
}
.listskill-container .jstree-container-ul .jstree-node.other .input-text-node {
  max-width: 200px;
  margin-left: 10px;
}

/* Register styles */
#Registration_Field_10,
#Registration_Field_11,
#Registration_Field_1 {
  margin-left: 0 !important;
}

.group-label .label-line {
  border-top: 1px solid #ddd;
  margin-top: -20px;
  margin-bottom: 20px;
}
.group-label .label-field {
  background-color: #fff;
  padding-right: 15px;
}

.cat-links-container {
  margin-top: 2em;
}

.back-arrow-title {
  margin-bottom: 15px;
  font-size: large;
  display: inline-block;
  border-radius: 24px;
  border: 1px solid #94a6b6;
  padding: 5px 10px;
  text-decoration: none !important;
}
.back-arrow-title a {
  vertical-align: top;
}
.back-arrow-title .text {
  padding: 0 5px;
  font-weight: 700;
  color: #d70000;
  line-height: 35px;
  display: inline-block;
}
.back-arrow-title .arrow {
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding-left: 10px;
  font-size: x-large;
  width: 45px;
  height: 35px;
  line-height: 35px;
}
.back-arrow-title .arrow:before {
  position: absolute;
  width: 100%;
  height: 100%;
}
.back-arrow-title:hover .arrow:before {
  animation: arrowAnim 0.3s ease-in-out;
  transform: translateX(-10%);
  transition: transform 0.3s ease-in-out 0.2s;
}

.captcha-control {
  margin-top: 30px;
}

.g-recaptcha > div {
  margin-left: auto;
  margin-right: auto;
}

.reg-message {
  margin-top: 30px;
}

@media screen and (max-width: 767px) {
  form,
  .checkbox label,
  .radio label {
    font-size: 12px;
  }
  label,
  .label-field {
    font-size: 15px;
    display: inline;
  }
  .form-inline .form-group {
    display: inline-block;
  }
  .checkbox-inline label {
    font-size: 14px;
  }
  .form-control {
    height: 36px;
    font-size: 16px;
    padding: 6px;
  }
  .form-group .col-sm-6,
  .form-group .col-sm-12 {
    margin-bottom: 15px;
  }
  .register-type-list .item-message .col-sm-4 {
    margin-bottom: 15px;
  }
  .register-type-list .button-next-container {
    margin-top: 0;
    padding: 10px 15px;
  }
  .register-type-list .item-message {
    padding: 30px 15px;
  }
  .field-validation-error,
  .password-verdict,
  .error-list {
    margin-left: 6px;
  }
  #registerColumnsContainer {
    padding-top: 0 !important;
  }
  .back-arrow-title {
    font-size: large;
  }
}
@media screen and (max-width: 375px) {
  .form-control {
    font-size: 16px;
    padding: 5px;
  }
}
@keyframes arrowAnim {
  50% {
    transform: translateX(-100%);
  }
  51% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0%);
  }
}
/* ----------- Submit ----------- */
.formSubmit-container {
  /* border: 1px dashed #acacac */
  position: relative;
  /* outline: 5px solid #e4e6e9 */
  padding: 30px;
}
.formSubmit-container ul, .formSubmit-container ol {
  list-style: none;
}
.formSubmit-container .submit-contact {
  display: none;
}
.formSubmit-container #Agreement-container {
  line-height: 1.4;
  vertical-align: top;
}
.formSubmit-container #Agreement-container #chkbox-agreement {
  margin-top: 0;
}
.formSubmit-container #Agreement-container .edit-label {
  font-size: 15px;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  vertical-align: top;
  display: inline-block;
}
.formSubmit-container .field-validation-error {
  margin-left: 0;
}

.submit-options-container {
  text-align: center;
}
.submit-options-container > span {
  display: inline-block;
}
.submit-options-container .btn {
  min-width: 140px;
}

.help-text {
  margin-top: 10px;
  display: inline-block;
  font-size: 12px;
  font-family: "Inter", sans-serif;
}

.upload-media-option {
  float: left;
  margin-right: 5px;
}

#dvLibrary {
  height: auto;
  margin-bottom: 0;
}

.formSubmit-container {
  padding: 30px;
}
.formSubmit-container .title-color {
  color: #565b60;
}
.formSubmit-container .title-1 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 25px;
}

.filter-buttons-container {
  margin-left: -5px;
  margin-right: -5px;
}
.filter-buttons-container .btn-filter {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  color: #d91f26;
  padding: 5px 0;
  display: block;
  font-weight: 400;
  border: 1px solid #acacac;
  box-shadow: inset 0 2px 0 #fff;
  background-color: #f6f6f6;
  width: 100%;
}
.filter-buttons-container .btn-filter.checked,
.filter-buttons-container .btn-filter:hover {
  color: #fff;
  border: 1px solid rgb(172.375, 24.625, 30.185483871);
  box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2);
  background-color: #d91f26;
}
.filter-buttons-container [class*=col-xs] {
  padding-left: 5px;
  padding-right: 5px;
}

.aarp-title-detail, .aarp-title-match {
  font-weight: bold;
  text-align: center;
}

.aarp-title-detail {
  margin-top: 20px;
}

.aarp-title-match {
  margin-top: -15px;
}
.aarp-title-match .aarp-title p {
  font-weight: bold;
}

hr.aarp {
  width: 100%;
  height: 5px;
  background-color: #EE2D24;
}

.icon-div,
.icon-div-green,
.icon-div-blue {
  border-radius: 50%;
  background: #fff;
  width: 65px;
  height: 65px;
  line-height: 65px;
  text-align: center;
}

.icon-div i,
.icon-div-green i,
.icon-div-blue i {
  vertical-align: middle;
  color: #fff;
  font-size: 42px;
}

.icon-div-green {
  background: #59d059;
}

.icon-div-green i {
  color: #fff;
}

.icon-div-blue {
  background: #09b6ff;
}

.icon-div-blue i {
  color: #fff;
}

.text-approved {
  margin-top: 10px;
}

.text-approved,
.text-enter {
  float: right;
  width: calc(100% - 75px);
  color: #515358;
  font-size: 18px;
}

#txtMessage {
  width: 100%;
}

.edit-label,
.upload-control-label {
  color: #515358;
  font-size: 16px;
  font-weight: 600;
  display: inline;
}

.submit-help-text {
  color: #9b9fa8;
  font-size: 14px;
  font-weight: 400;
}

.editor-field {
  margin-bottom: 10px;
}

.form-row {
  margin-top: 0;
}

.text-or {
  color: #d91f26;
  font-size: 20px;
  padding: 0 8px;
  vertical-align: top;
  margin: 12px;
  font-family: "Inter", sans-serif;
  text-align: center;
}

.btnSubmit-container {
  margin-top: 25px;
}

#dvBrowser {
  margin-top: 10px;
  display: block;
}

.submit-header {
  margin-bottom: 20px;
}

.thanks-container {
  padding: 0;
}

.required-container {
  font-size: 14px;
  margin-top: 10px;
}

.asterisk-required {
  color: #ee2e24;
}

#Agreement-container {
  text-align: center;
  margin-top: 15px;
}

.submit_contest_enter:first-child {
  margin: 0;
}

#dvPhoto img {
  margin-right: 10px;
}

.submit-thanks-gallery-btn {
  margin-top: 30px;
  display: none;
}

.customefield.submit-section {
  border-bottom: 1px solid #d8d8d8;
  margin-bottom: 15px;
}

.page-publishedcontest-contestantentrydetail .contest-name.campaign-name {
  text-align: center;
}

@media screen and (max-width: 992px) {
  .filter-buttons-container {
    margin-bottom: 15px;
  }
  .formSubmit-container {
    padding: 15px;
  }
}
@media screen and (max-width: 767px) {
  .filter-buttons-container .btn-filter {
    font-size: 12px;
  }
  .formSubmit-container {
    padding: 10px;
  }
  .formSubmit-container #Agreement-container {
    padding-left: 0;
    padding-right: 0;
  }
  .formSubmit-container #Agreement-container .edit-label {
    font-size: 10px;
  }
  .formSubmit-container .title-1 {
    font-size: 14px;
  }
  .formSubmit-container .help-text {
    font-size: 9px;
  }
  .edit-label,
  .upload-control-label {
    font-size: 12px;
  }
  .text-or {
    margin: 8px;
    padding: 0;
    font-size: 12px;
  }
  .required-container {
    font-size: 11px;
  }
  .text-approved,
  .text-enter {
    font-size: 12px;
    margin-top: 0;
  }
  .thanks-container .col-sm-6 {
    margin-bottom: 15px;
  }
  .thanks-container .content-wrapper {
    margin-top: 20px;
  }
  .btnSubmit-container {
    margin-top: 15px;
  }
  .submit-options-container .btn {
    min-width: 110px;
  }
  .page-contest-submit textarea.form-control {
    height: 80px;
  }
  .upload-thumbnail-container {
    margin-top: 10px;
  }
  .page-publishedcontest-contestantentrydetail .content-inner {
    padding: 15px 15px;
  }
  .page-publishedcontest-contestantentrydetail .content-inner .page-title h1 {
    font-size: 15px;
  }
  .submit-thanks-gallery-btn {
    text-align: center;
  }
}
#UploadForm ul {
  list-style: none;
}

@media screen and (max-width: 375px) {
  /* .submit-options-container
  *  > span
  *      display: block */
}
/* ----------- Submit ----------- */
.formSubmit-container {
  border: 1px dashed #acacac;
  position: relative;
  outline: 5px solid #e4e6e9;
  padding: 30px;
}

.submit-options-container {
  text-align: center;
}
.submit-options-container > span {
  display: inline-block;
}

.help-text {
  margin-top: 10px;
  display: inline-block;
}

.upload-media-option {
  float: left;
  margin-right: 5px;
}

#dvLibrary {
  height: auto;
  margin-bottom: 0;
}

.formSubmit-container {
  padding: 30px;
}
.formSubmit-container .title-color {
  color: #ee2e24;
}
.formSubmit-container .title-1 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 15px;
}

.filter-buttons-container {
  margin-left: -5px;
  margin-right: -5px;
}
.filter-buttons-container .btn-filter {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  color: #eb2d23;
  padding: 5px 0;
  display: block;
  font-weight: 400;
  border: 1px solid #acacac;
  box-shadow: inset 0 2px 0 #ffffff;
  text-shadow: 0 1px #ffffff;
  background-color: #f6f6f6;
  width: 100%;
}
.filter-buttons-container .btn-filter.checked,
.filter-buttons-container .btn-filter:hover {
  color: #ffffff;
  border: 1px solid #bd231b;
  box-shadow: inset 0 2px 0 #f36d66;
  background-color: #ee2e24;
  text-shadow: 0 1px #bd231b;
}
.filter-buttons-container [class*=col-xs] {
  padding-left: 5px;
  padding-right: 5px;
}

.aarp-title-detail, .aarp-title-match {
  font-weight: bold;
  text-align: center;
}

.aarp-title-detail {
  margin-top: 20px;
}

.aarp-title-match {
  margin-top: -15px;
}
.aarp-title-match .aarp-title p {
  font-weight: bold;
}

hr.aarp {
  width: 100%;
  height: 5px;
  background-color: #ee2d24;
}

.page-contest-submit .checkbox {
  display: inline-block;
  margin-right: 15px;
  margin-top: 0;
}
.page-contest-submit .checkbox label {
  color: #565b60;
}
.page-contest-submit .radio-inline {
  color: #d91f26 !important;
}

.icon-div,
.icon-div-green,
.icon-div-blue {
  border-radius: 50%;
  background: #ffffff;
  width: 65px;
  height: 65px;
  line-height: 65px;
  text-align: center;
}

.icon-div i,
.icon-div-green i,
.icon-div-blue i {
  vertical-align: middle;
  color: #ffffff;
  font-size: 42px;
}

.icon-div-green {
  background: #59d059;
}

.icon-div-green i {
  color: #ffffff;
}

.icon-div-blue {
  background: #09b6ff;
}

.icon-div-blue i {
  color: #ffffff;
}

.text-approved,
.text-enter {
  float: right;
  width: calc(100% - 75px);
  color: #515358;
  font-size: 18px;
}

#txtMessage {
  width: 100%;
}

.edit-label,
.upload-control-label {
  color: #515358;
  font-size: 16px;
  font-weight: 400;
  display: inline;
}

.submit-help-text {
  color: #9b9fa8;
  font-size: 14px;
  font-weight: 400;
}

.editor-field {
  margin-bottom: 10px;
}

.form-row {
  margin-top: 0;
}

.text-or {
  color: #ee2e24;
  font-size: 20px;
  padding: 0 12px;
  vertical-align: top;
  margin: 20px;
}

.btnSubmit-container {
  margin-top: 25px;
}

#dvBrowser {
  display: block;
}

.submit-header {
  margin-bottom: 20px;
}

.submit-header-right {
  font-family: "Inter", sans-serif;
  font-size: 22px;
  font-weight: bold;
}

.thanks-container {
  padding: 0;
}

.required-container {
  font-size: 14px;
  margin-top: 10px;
}

.asterisk-required {
  color: #ee2e24;
}

#Agreement-container {
  text-align: center;
  margin-top: 15px;
}

@media screen and (max-width: 992px) {
  .filter-buttons-container {
    margin-bottom: 15px;
  }
  .formSubmit-container {
    padding: 15px;
  }
}
@media screen and (max-width: 767px) {
  .filter-buttons-container .btn-filter {
    font-size: 12px;
  }
  .formSubmit-container {
    padding: 10px;
  }
  .formSubmit-container .title-1 {
    font-size: 18px;
  }
  .formSubmit-container .help-text {
    font-size: 12px;
  }
  .edit-label,
  .upload-control-label {
    font-size: 12px;
  }
  .text-or {
    margin: 10px;
    padding: 0;
  }
  .required-container {
    font-size: 11px;
  }
  .text-approved,
  .text-enter {
    font-size: 12px;
  }
  .thanks-container .col-sm-6 {
    margin-bottom: 15px;
  }
  .thanks-container .content-wrapper {
    margin-top: 20px;
  }
  .btnSubmit-container {
    margin-top: 15px;
  }
}
@media screen and (max-width: 375px) {
  .submit-options-container > span {
    display: block;
  }
}
.page-memberrelations-index .paging,
.page-training-index .paging {
  margin-top: 30px;
}

.img-wrapper {
  position: relative;
  display: block;
  width: 100%;
  padding-bottom: 100%;
  border: 1px solid #193fad;
}
.img-wrapper > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.text-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.memberrelations-role {
  margin-top: 25px !important;
}

.memberrelations-active-founder {
  margin-bottom: 15px;
  background: #f2f6f9;
  padding: 0px 20px;
}

.supporters-section {
  margin-top: 15px;
}
.supporters-section #ListSection {
  margin-top: 30px;
}
.supporters-section #ListSection .row {
  margin: -15px;
}
.supporters-section #ListSection .row > [class^=col-] {
  padding: 15px;
}
.supporters-section #ListSection .list-item {
  padding: 5px;
  background-color: #fafafa;
  margin: 1px;
  position: relative;
}
.supporters-section #ListSection .list-item .caption {
  margin-top: 0;
  margin-bottom: 0;
  padding: 0 5px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #fff;
  height: auto;
  font-size: 17px;
  line-height: 1;
}
.supporters-section #ListSection .list-item .caption a {
  color: #fff;
  line-height: 30px;
}
.supporters-section #ListSection .list-item .caption a.icon-play-video {
  margin: 0 5px;
  line-height: 30px;
}
.supporters-section #ListSection .list-item .leader-badge {
  background-color: #d91f26;
  background-image: url(images/leader-logo.png);
  background-position: 50%;
  background-repeat: no-repeat;
  position: absolute;
  top: -10px;
  left: -10px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 40px;
  font-size: 20px;
  color: #fff;
  z-index: 1;
  box-shadow: 0 1.5px 0 rgb(150.0625, 21.4375, 26.2782258065);
}
.supporters-section #ListSection .list-item a:hover, .supporters-section #ListSection .list-item a:focus {
  text-decoration: none;
  color: #193fad;
}
.supporters-section #ListSection .title {
  text-align: center;
  font-size: small;
  padding: 5px 0;
}
.supporters-section .row-narrow {
  margin: -5px;
}
.supporters-section .row-narrow > [class^=col-] {
  padding: 5px;
}
.supporters-section .paging {
  margin-top: 35px;
  margin-bottom: 20px;
}

.press-section .training-media-container {
  margin: 0 15px !important;
  width: 100%;
  height: 100%;
}

#dgDetailsSection .modal-header {
  display: none;
}
#dgDetailsSection table {
  margin-top: 30px;
  width: 100%;
}
#dgDetailsSection table td:nth-child(2) {
  word-break: break-all;
}

.supporter-details-section {
  padding: 15px;
  font-size: 16px;
}
.supporter-details-section .main-title {
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 0;
  line-height: 43px;
  color: #193fad;
}
.supporter-details-section .main-content {
  position: relative;
  margin-top: 15px;
  padding: 10px 0;
  border-top: 1px solid #cee4e4;
}
.supporter-details-section .close {
  position: absolute;
  top: 10px;
  right: 0;
  width: 40px;
  height: 40px;
  background-color: #193fad;
  color: #fff;
  z-index: 2;
}
.supporter-details-section .account-info .name {
  color: red;
  font-size: 24px;
  font-weight: 500;
}
.supporter-details-section .account-info .photo {
  margin-top: 10px;
  position: relative;
  width: 100%;
  padding-bottom: 100%;
  border: 1px solid #193fad;
}
.supporter-details-section .account-info .photo > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.supporter-details-section .account-info .more-info {
  font-size: 16px;
}
.supporter-details-section .account-info .more-info th {
  font-weight: 500;
  white-space: nowrap;
}
.supporter-details-section .account-info .more-info td {
  text-align: right;
}
.supporter-details-section ul.nav-tabs {
  margin-top: 45px;
}
.supporter-details-section ul.nav-tabs > li > a {
  font-size: 16px;
}
.supporter-details-section ul.nav-tabs > li > a:hover {
  color: #193fad;
}
.supporter-details-section .tab-content {
  padding: 15px 0;
}
.supporter-details-section .tab-content .content-heading {
  font-size: 18px;
  font-weight: 500;
}
.supporter-details-section .tab-content .bio {
  margin-top: 10px;
}
.supporter-details-section .tab-content .referred img {
  margin: 0 5px;
  border: 1px solid #193fad;
}
.supporter-details-section .tab-content .referred .name {
  font-size: 18px;
  font-weight: 500;
  color: red;
}
.supporter-details-section .tab-content .referrals {
  margin-top: 15px;
}
.supporter-details-section .tab-content .referrals .content-heading .sub {
  font-weight: 400;
  color: red;
}
.supporter-details-section .tab-content .referrals .content {
  position: relative;
  margin-top: 10px;
  margin-left: 30px;
  border: 1px solid #cee4e4;
  border-radius: 8px;
  padding: 15px;
}
.supporter-details-section .tab-content .referrals .content .link-symbol {
  position: absolute;
  left: -25px;
  top: -15px;
  width: 20px;
  height: 30px;
  border-left: 1px solid red;
  border-bottom: 1px solid red;
}
.supporter-details-section .tab-content .referrals .content .row {
  margin: -7.5px;
}
.supporter-details-section .tab-content .referrals .content .row > [class^=col-] {
  padding: 7.5px;
}
.supporter-details-section .tab-content .referrals .content .item .name {
  font-size: 14px;
  text-align: center;
}

.summary-title {
  font-size: 24px;
  color: #d91f26;
  padding-bottom: 15px;
  border-bottom: 2px solid #d91f26;
  font-family: "Inter", sans-serif;
}

.summary-item {
  font-size: 11px;
}
.summary-item .item-name {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.summary-item .item-name,
.summary-item .item-percent {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 16px;
}

.supporters-section #ListSection .row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  align-content: stretch;
}
.supporters-section #ListSection .row > div {
  width: 18%;
  float: none;
  margin: 1%;
  background-color: #eeeeee;
  border: 1px solid #ddd;
}
.supporters-section #ListSection .row > div a:hover,
.supporters-section #ListSection .row > div a:focus {
  text-decoration: none;
}
.supporters-section #ListSection .list-org {
  padding: 2px;
}
.supporters-section #ListSection .list-org img {
  background-color: #fff;
  border: 1px solid #8997aa;
  width: 100%;
  height: 100%;
  padding: 1px;
  margin: 0;
}
.supporters-section #ListSection .list-item .user-name {
  max-width: calc(100% - 10px);
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #071e61;
}
.supporters-section #ListSection .list-item .icon-play-video {
  color: #d70000 !important;
}
.supporters-section #ListSection #shareAction {
  margin-bottom: 0;
}
.supporters-section #ListSection .share-button {
  margin: 0 5px;
  color: #193fad !important;
}
.supporters-section #ListSection .share-button:hover {
  color: #d91f26 !important;
}
.supporters-section #ListSection .shared-disabled {
  color: #193fad;
  opacity: 0.4;
}

@media screen and (min-width: 768px) {
  .supporters-section > .row:first-of-type {
    border-bottom: 1px solid #b1cee4;
    margin: 0;
  }
}
@media screen and (max-width: 2560px) {
  .supporters-section #ListSection .row > div {
    width: 18%;
  }
}
@media screen and (max-width: 1920px) {
  .supporters-section #ListSection .row > div {
    width: 23%;
  }
}
@media screen and (max-width: 1600px) {
  .supporters-section #ListSection .row > div {
    width: 31%;
  }
}
@media screen and (max-width: 1200px) {
  .supporters-section #ListSection .row > div {
    width: 48%;
  }
}
@media screen and (max-width: 767px) {
  .supporters-section #ListSection {
    margin-bottom: 30px;
  }
  .supporters-section #ListSection .row > div {
    width: calc(100% - 30px);
    margin: 2% 15px 1%;
  }
  .page-memberrelations-index .form-control,
  .page-training-index .form-control {
    height: 34px;
  }
  .page-memberrelations-index select.form-control,
  .page-training-index select.form-control {
    padding: 5px;
  }
  .page-memberrelations-index .content-title,
  .page-training-index .content-title {
    border-bottom: 1px solid #b1cee4;
    margin-bottom: 15px;
  }
  #OrderBy {
    float: none !important;
    width: 100%;
  }
  .summary-item .item-name {
    width: 66.66666667%;
    float: left;
  }
  .summary-item .item-percent {
    width: 33.33333333%;
    float: left;
  }
}
.page-category-details .cat-links-container .list-item {
  margin-bottom: 10px;
}
.page-category-details .cat-links-container .btn {
  border-radius: 5px;
  padding: 10px 15px;
  margin-right: -5px;
  font-size: 18px;
  color: #434d57;
}
.page-category-details .nav-tabs > li.active > a,
.page-category-details .nav-tabs > li.active > a:hover,
.page-category-details .nav-tabs > li.active > a:focus {
  background-color: #071e61;
  color: #fff;
}
.page-category-details .leader-cell {
  width: 182px;
  margin-right: 15px;
}
.page-category-details .subdepartments-cell {
  width: calc(100% - 197px);
}
.page-category-details .ApplyMembership {
  text-align: right;
  margin-top: 5px;
}
.page-category-details .ApplyMembership .btn-primary {
  font-size: 18px;
}
.page-category-details .nav.nav-tabs {
  padding: 0;
}
.page-category-details .title-category {
  font-size: 24px;
  margin-bottom: 15px;
  margin-top: 15px;
}

.cate-path {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 1.5em 0;
}
.cate-path a {
  font-size: 14px;
}
@media screen and (min-width: 768px) {
  .cate-path a {
    font-size: calc(14px + 8 * (100vw - 768px) / 1152);
  }
}
@media screen and (min-width: 1920px) {
  .cate-path a {
    font-size: 22px;
  }
}
.cate-path a:last-of-type {
  font-weight: 700;
  pointer-events: none;
}
.cate-path i {
  margin: 0 0.5em;
}

body[dir=rtl] .cate-path i .icon-chevron-right:before {
  content: "\f053";
}

@media screen and (min-width: 768px) {
  .department-container {
    display: flex;
  }
  #CategoryProjects_SearchForm {
    margin-right: 15px;
  }
  body[dir=rtl] #CategoryProjects_SearchForm {
    margin-right: 0;
    margin-left: 15px;
  }
}
@media screen and (max-width: 767px) {
  .page-category-details .leader-cell,
  .page-category-details .subdepartments-cell {
    width: 100%;
    margin-bottom: 25px;
    flex: none;
  }
  .page-category-details .ApplyMembership {
    text-align: center;
    margin-bottom: -15px;
  }
}
.leader-photo {
  padding: 15px;
  border: 1px solid #ddd;
  background-color: #fafafa;
}
.leader-photo .image-wrapper {
  position: relative;
  display: block;
  width: 100%;
  padding-bottom: 100%;
  border-width: 1px;
  border-style: solid;
  border-color: rgb(24, 116, 186);
  border-image: initial;
}
.leader-photo .image-wrapper img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.leader-photo .caption {
  margin-top: 15px;
  margin-bottom: 0;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #1c5489;
  height: auto;
  font-size: 18px;
}

.category-header-image {
  width: 100%;
}

.comment-container {
  display: flex;
  margin-bottom: 20px;
}

.user-photo {
  padding-left: 0;
  margin-right: 5px;
  margin-left: 5px;
  max-width: 50px;
}
.user-photo img {
  border-radius: 25px;
}

.comment-text {
  font-size: 14px !important;
}

.comment-post-date {
  font-size: 11px;
  color: #4a4a4a;
}

/* ----------- Rules ----------- */
.rules-container {
  background-color: #fff;
  color: #071e61;
  padding: 25px;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 15px;
  margin-top: 15px;
  text-align: left;
  line-height: 1.5;
  font-family: "Inter", sans-serif;
  font-size: 16px;
}

.rules-container h1,
.rules-container h2 {
  color: #d91f26;
  text-align: center;
  font-size: 1em;
  font-weight: 700;
  font-size: 25px;
  font-family: "Inter", sans-serif;
}

.rules-container h1 {
  font-size: 1.5em;
  margin-bottom: 10px;
  margin-top: 20px;
}

.rules-container h2 {
  font-size: 1.3em;
  margin-top: 0;
  margin-bottom: 25px;
}

.rules-container > p {
  font-weight: 400;
  font-size: 16px;
  font-family: "Inter", sans-serif;
}

.rules-container .no-purchase {
  font-weight: 700;
  font-size: 13px;
}

.rules-container ul {
  padding-left: 20px;
  margin-top: 20px;
}

.rules-container ul li {
  margin-bottom: 0;
  font-weight: 400;
  font-family: "Inter", sans-serif;
}

.rules-container ul li p {
  margin-top: 0;
  margin-bottom: 20px;
  font-weight: 400;
  font-size: 14px;
  font-family: "Inter", sans-serif;
}

.rules-container ul ul {
  list-style-type: disc;
  padding-left: 25px;
  margin-left: 25px;
  margin-top: 0;
  margin-bottom: 15px;
}

.rules-container ul ul li {
  margin-bottom: 10px;
  font-weight: 400;
  font-family: "Inter", sans-serif;
}

.rules-container ul ul li p {
  margin-bottom: 5px;
}

.rules-container a {
  color: #d91f26;
}

.rules-container ol li {
  font-weight: 400;
  font-family: "Inter", sans-serif;
}

.rules-container table {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 25px;
}

.rules-container table th,
.rules-container table td {
  font-weight: normal;
  border: 1px solid #ccc;
  padding: 5px;
}

.rules-container table th {
  font-weight: 700;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .rules-container {
    line-height: 1.3;
  }
  .rules-container h1,
  .rules-container h2 {
    font-size: 18px;
  }
  .rules-container > p {
    font-size: 12px;
  }
  .rules-container ul li {
    font-size: 12px;
  }
  .rules-container ul li p {
    text-align: left;
    font-size: 11px;
  }
  .rules-container table {
    width: 767px;
    font-size: 10px;
  }
}
@media screen and (max-width: 480px) {
  .rules-container table {
    width: 480px;
  }
}
/* ----------- Modal ----------- */
.modal-body {
  min-height: 150px;
  font-size: 16px;
}
.modal-body .btn {
  min-width: initial;
}
.modal-body p {
  font-size: 24px;
}
.modal-body p.small {
  font-size: 16px;
  font-weight: 400;
  font-family: "Inter", sans-serif;
}
.modal-body table.table {
  text-align: left;
  border: 1px solid #dfdfdf;
}
.modal-body .tab-content {
  margin-top: 15px;
}
.modal-body ul li {
  list-style-type: none;
}

#divTimeoutParent #timout-container {
  padding: 1.5em 0;
  text-align: center;
}
#divTimeoutParent .modal-body {
  min-height: unset;
}
#divTimeoutParent #spanCountDown {
  display: inline-block;
  width: 100%;
}
#divTimeoutParent #spanCountDown,
#divTimeoutParent .modal-footer {
  text-align: center;
}

.modal-fullscreen .modal-dialog {
  width: 98%;
  max-width: 1200px;
  margin-top: 50px;
}

.modal-header {
  border-bottom: 1px solid #dfdfdf;
}

#dialogUploadMedia {
  font-size: 14px;
}

#dvVoteSuccessPopup,
#dgdlgContainer {
  text-align: center;
}

#textSystemMessage {
  background-color: #fff;
  text-align: center;
  line-height: 1.1;
}

.questionnaireanswer {
  width: 100%;
}
.questionnaireanswer td {
  padding-top: 10px;
  padding-bottom: 10px;
  color: #565b60;
}
.questionnaireanswer td .questionnaire_question {
  font-weight: 700;
  margin-bottom: 5px;
}
.questionnaireanswer td .questionnaire_question .color-red {
  color: #d91f26;
}
.questionnaireanswer td .questionnaire_question .color-green {
  color: #08a000;
}
.questionnaireanswer td .questionnaire_question .color-blue {
  color: #193fad;
}
.questionnaireanswer td .questionnaire_answer {
  color: #000000;
}

#dgProjectEditDialog .modal-content {
  background-color: rgb(254.8725, 254.8725, 254.8725);
}

#divTimeoutParent {
  z-index: 10051;
}

.modal.in {
  padding-right: 22px !important;
}

body[dir=rtl] .modal-dialog {
  margin-top: 50px;
}

@media screen and (min-width: 768px) {
  .modal-dialog {
    width: 700px;
  }
}
@media screen and (max-width: 1024px) {
  .modal-body {
    font-size: 18px;
  }
  .modal-body .well {
    padding: 15px;
  }
  .modal-body .form-group {
    margin-bottom: 10px;
  }
  .modal-body label {
    font-size: 18px;
  }
  .modal-body textarea.form-control {
    height: 100px;
  }
}
@media (min-width: 768px) {
  .modal-sm {
    width: 568px;
  }
}
@media screen and (max-width: 767px) {
  .modal-body {
    font-size: 12px;
  }
  .modal-body p {
    font-size: 16px;
  }
  .modal-body .well {
    padding: 10px;
  }
  .modal-body label {
    font-size: 14px;
  }
  .modal-body .radio-control {
    display: block;
  }
  .modal-body textarea.form-control {
    height: 80px;
  }
  .modal-body .page-description p {
    font-size: 14px;
  }
  .modal.in {
    padding-right: 0 !important;
  }
}
@media screen and (max-width: 360px) {
  .modal-body label {
    font-size: 12px;
  }
}
.popover {
  max-width: 100%;
  padding: 20px;
  z-index: 10001;
}

a .popover-content {
  color: #071e61;
  font-size: large;
}

.popover-content {
  cursor: default;
}

@media (min-width: 768px) {
  .modal-lg {
    width: 80%;
    max-width: 1920px;
  }
}
/* ----------- Spinzone ----------- */
.spinzone-container {
  margin: 0 auto;
}

.spinzone {
  overflow-x: hidden;
  overflow-y: hidden;
  position: relative;
  width: 613px;
  /* height: $spinzone-height */
  margin: auto;
  transform-origin: 0 0;
}

#spinner {
  margin: 0;
  width: 613px;
  height: 403px;
  border: 10px solid #2a71b9;
  background-color: #000;
}

.spinstrip {
  width: 217px;
  height: 383px;
  overflow: visible;
  margin-left: -10px;
  margin-right: -10px;
}

.container-l {
  float: left;
  position: relative;
  overflow: hidden;
  margin-right: 1px;
}

.container-l img {
  position: absolute;
  left: 0;
  top: 0;
}

.container-c {
  float: left;
  position: relative;
  overflow: hidden;
  margin-right: 1px;
}

.container-c img {
  position: absolute;
  left: 0;
  top: 0;
}

.container-r {
  float: left;
  position: relative;
  overflow: hidden;
}

.container-r img {
  position: absolute;
  left: 0;
  top: 0;
}

.l {
  float: left;
}

.r {
  float: right;
}

.c {
  float: right;
}

.spin-btn-container {
  transform-origin: 50% 0;
  text-align: center;
}
.spin-btn-container button {
  margin-top: 20px;
  margin-bottom: 20px;
}

/* ----------- Mixins ----------- */
.countdown-page h1 {
  margin-bottom: 0.2em;
}

.countdown-container {
  float: none;
}

.days {
  display: block;
  color: #5b595d;
  font-size: 10px;
  text-transform: uppercase;
  text-align: center;
  padding-bottom: 3px;
}

.countdown-wrapper {
  margin: 0 auto;
  text-align: center;
  display: table;
  border-radius: 0;
  padding: 1em;
  background: #fff;
}

.cnt-separator {
  width: 14px;
  color: #8f8f8f;
  height: 40px;
  line-height: 40px;
  font-size: 24px;
  font-weight: 400;
  margin-top: 10px;
  text-align: center;
}

.cnt-digit-container {
  float: left;
  text-align: center;
}

.cnt-digit {
  background: #565b60;
  color: #333333;
  margin: 0 1px;
  border-radius: 4px;
  font-size: 20px;
  text-shadow: 0 2px #e1e1e1;
  width: 22px;
  height: 28px;
  line-height: 30px;
  font-weight: 700;
  box-shadow: 0 3px 0 rgb(138.75, 138.75, 138.75), inset 0 2px 0 #fff;
  background-color: #e1e1e1;
  background: #e1e1e1;
  background: -moz-linear-gradient(top, #e1e1e1 0%, #c8c8c8 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e1e1e1), color-stop(100%, #c8c8c8));
  background: -webkit-linear-gradient(top, #e1e1e1 0%, #c8c8c8 100%);
  background: -o-linear-gradient(top, #e1e1e1 0%, #c8c8c8 100%);
  background: -ms-linear-gradient(top, #e1e1e1 0%, #c8c8c8 100%);
  background: linear-gradient(to bottom, #e1e1e1 0%, #c8c8c8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#000000",GradientType=0 );
}

.countdown-title {
  font-size: 20px;
  text-align: center;
  font-weight: 600;
}

.campaign-ended-title {
  font-size: 40px;
  text-align: center;
  margin-top: 110px;
  font-weight: 700;
  margin-bottom: 10px;
}

.campaign-ended-title2 {
  font-size: 25px;
  text-align: center;
  font-weight: 700;
}

#countdown {
  margin: 0 auto;
  display: table;
  padding: 15px;
  border-radius: 5px;
}

.ended-page {
  padding: 5em 3em;
}

.countdown {
  float: right;
}

.page-contest-submit .countdown {
  float: none;
}

.countdown-days {
  display: table;
  margin-left: auto;
  margin-right: auto;
}
.countdown-days .message-description {
  display: table-cell;
  vertical-align: middle;
  padding: 26px 9px 0;
}
.countdown-days .cnt-days {
  display: table-cell;
  vertical-align: middle;
  border-radius: 7px;
  background: #e1e1e1;
  background: -moz-linear-gradient(top, #e1e1e1 1%, #c7c7c7 100%);
  background: -webkit-linear-gradient(top, #e1e1e1 1%, #c7c7c7 100%);
  background: linear-gradient(to bottom, #e1e1e1 1%, #c7c7c7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#e1e1e1", endColorstr="#c7c7c7",GradientType=0 );
  text-align: center;
  border-bottom: 3px solid #696969;
}
.countdown-days .cnt-days .days-value {
  font-size: 28px;
  font-weight: 700;
  color: #333;
  text-shadow: 0 1px rgba(255, 255, 255, 0.5);
  padding: 4px 15px;
  margin: 0;
  line-height: 1;
}
.countdown-days .cnt-days .days-text {
  background-color: #a8a8a8;
  border-top: 1px solid #d9d9d9;
  color: #333;
  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
  font-weight: 700;
  font-size: 12px;
  line-height: 12px;
  padding: 4px 6px 2px;
  margin: 0;
}

.home-countdown {
  text-align: center;
}
.home-countdown .countdown-header {
  text-align: center;
  font-size: 36px;
  font-weight: 700;
  font-family: "Roboto Condensed", sans-serif;
}
.home-countdown .message-description {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 30px;
  font-family: "Roboto Condensed", sans-serif;
}
.home-countdown #countdown {
  border: 1px solid #ccc;
  margin-top: 30px;
}

@media (max-width: 1024px) {
  .ended-page h1 {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  #countdown {
    padding: 5px;
  }
  .home-countdown #countdown {
    padding: 10px;
  }
  .cnt-digit {
    font-size: 30px;
    width: 25px;
    height: 40px;
    line-height: 40px;
  }
  .cnt-separator {
    height: 40px;
    line-height: 40px;
  }
  .days {
    font-size: 10px;
  }
  .ended-page h1 {
    font-size: 20px;
  }
  .home-countdown .countdown-header {
    font-size: 28px;
  }
  .home-countdown .message-description {
    font-size: 3.7vw;
  }
  .countdown-days {
    display: block;
    text-align: center;
    float: none;
    margin-bottom: 10px;
  }
  .countdown-days .message-description {
    display: block;
  }
  .countdown-days .cnt-days {
    display: inline-block;
  }
}
[dir=rtl] .cnt-regular {
  display: flex !important;
  direction: ltr;
}

/* ----------- Gallery ----------- */
.gallery-container .entry-nominated-vote {
  text-align: center;
  padding: 5px;
  display: block;
  width: 100%;
  position: absolute;
  height: 30px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  bottom: 0;
}

.flex-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-left: -1.1666666666%;
  margin-right: -1.1666666666%;
}

.entry-container {
  width: 31%;
  margin-left: 1.1666666666%;
  margin-right: 1.1666666666%;
  margin-bottom: 30px;
  padding-top: 0;
  padding-bottom: 93px;
  background: #fff;
  box-shadow: 0 1px 4px rgba(148, 148, 148, 0.6);
  border: 0;
  position: relative;
}
.entry-container .entry-content {
  margin-bottom: 0;
  width: 100%;
}
.entry-container .entry-photo > a {
  transition: all 0.15s ease-in-out;
  border: 0;
  font-size: 16px;
  color: #d91f26;
  display: block;
}
.entry-container .entry-photo > a:hover, .entry-container .entry-photo > a:focus {
  text-decoration: none;
  outline: none;
}
.entry-container .entry-photo > a:hover .icon-play, .entry-container .entry-photo > a:focus .icon-play {
  background-color: rgba(217, 31, 38, 0.4);
  font-size: 43px;
  box-shadow: 0 0 25px 5px rgba(0, 0, 0, 0.2);
}
.entry-container .entry-photo > a.winner {
  border-color: #ffc80c;
}
.entry-container .entry-name {
  display: inline-block;
  background-color: #f4f4f4;
  width: 100%;
  text-align: center;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 16px;
  color: #d91f26;
  font-weight: 600;
}
.entry-container .dvEssay img {
  width: 50%;
  float: left;
  margin: 0 10px 0 0;
}
.entry-container .dvEssay .essay-gallery-container {
  background-color: #fff;
  padding: 5px;
  margin-bottom: 5px;
}
.entry-container .dvEssay .essay-gallery-container p {
  color: #292929;
  font-size: 14px;
  font-family: "Inter", sans-serif;
  margin: 0;
}
.entry-container .gallery-vote-container {
  text-align: center;
  margin-bottom: 10px;
}
.entry-container .bottom-container,
.entry-container .entry-bottom {
  position: absolute;
  background-color: #f4f4f4;
  bottom: 0;
  padding: 8px;
  width: 100%;
}
.entry-container .share-buttons a {
  display: inline-block;
  margin: 0 3px;
  line-height: 1;
  vertical-align: middle;
}
.entry-container .share-buttons a.btn:hover {
  color: #fff;
}

.col-4.entry-container {
  width: 24%;
  margin-left: 1.3333% !important;
}

.entry-winner {
  border: 3px solid #0db7f5;
}

.winner-icon {
  position: absolute;
  left: 3px;
  top: -7px;
}

.share-values {
  padding-right: 10px;
}

.box-img-center:hover img {
  transform: scale(1.1);
  transition: all 0.2s ease-in-out 0s;
}

.box-img-center {
  overflow: hidden;
  text-align: center;
  padding: 0;
  position: relative;
}
.box-img-center img {
  max-width: 100%;
  display: inline-block;
  transition: all 0.2s ease-in-out 0s;
}
.box-img-center .icon-play {
  border: 2px solid #fff;
  background-color: transparent;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  font-size: 33px;
  width: 90px;
  height: 90px;
  left: 50%;
  line-height: 90px;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.2s ease-in-out;
}
.box-img-center .icon-play .icon-play:hover {
  border-color: #d91f26;
  font-size: 43px;
  box-shadow: 0 0 25px 5px rgba(0, 0, 0, 0.2);
}

.input-group-addon {
  background-color: #d91f26;
  border-color: #d91f26;
  border-radius: 0;
  padding: 0;
}
.input-group-addon a {
  padding: 6px 12px;
}
.input-group-addon i {
  color: #fff;
}

.sort-container {
  text-align: right;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  display: flex;
}
.sort-container #tabContestStatus {
  margin-right: auto;
}

.filter-sort-container {
  width: 100%;
}

.filter-container {
  align-self: flex-end;
  align-items: flex-end;
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.filter-container .well {
  padding: 5px 5px 15px;
}
.filter-container hr {
  margin-top: 10px;
  margin-bottom: 10px;
}
.filter-container label {
  width: 100%;
}

.filter-link {
  color: #193fad;
  font-weight: 400;
  font-size: large;
  flex-basis: 100%;
  align-items: baseline;
  justify-content: flex-end;
  display: flex;
}
.filter-link i {
  color: #d91f26;
  margin: 0 5px;
}
.filter-link:hover, .filter-link:focus, .filter-link:active {
  color: #d91f26;
  text-decoration: none;
}

.well {
  background-color: #eff2fb;
  border-color: #b7c2e3;
}

hr {
  border-top-color: #b7c2e3;
}

.collapse-filters {
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  right: 0;
  z-index: 1;
}

.org-col-filter {
  width: 100px;
  display: flex;
  z-index: 3;
}

.org-search-container {
  width: 325px;
  padding-left: 15px;
  padding-right: 15px;
  text-align: center;
}

.org-btn-submit {
  padding-left: 15px;
  padding-right: 15px;
  text-align: center;
}

@media screen and (min-width: 1120px) {
  .collapse-filters {
    left: 50%;
    transform: translateX(-50%);
  }
  [dir=rtl] .collapse-filters {
    right: 50%;
    transform: translateX(50%);
  }
}
@media screen and (min-width: 768px) {
  .collapse-filters {
    min-width: 636px;
  }
}
@media screen and (max-width: 768px) {
  .org-col-filter {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .collapse-filters {
    width: 90vw;
    left: 50%;
    transform: translateX(-50%);
  }
  [dir=rtl] .collapse-filters {
    right: 50%;
    transform: translateX(50%);
  }
}
@media screen and (max-width: 1200px) {
  .filter-sort-container #tabContestStatus {
    margin: 0 auto !important;
    width: 100%;
  }
  .filter-sort-container .sort-container {
    margin: 10px auto 0 !important;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .filter-sort-container .sort-container {
    margin: 10px auto 20px !important;
  }
  .filter-sort-container .sort-container > ul {
    margin: auto;
  }
  .filter-container {
    align-self: center;
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
  }
  .filter-container .filter-link {
    text-align: center;
  }
}
.flex-right {
  margin-left: auto;
}

.flex-left {
  margin-right: auto;
}

#txtContestantSearchKey {
  border-right: 0;
}

.selectedVoteButton {
  border: 1px solid red;
}

.sectionVote {
  padding: 10px 0px;
}

.contest-end, .contest-end.gallery-slogan-container, .contest-end.campaign-name {
  text-align: center !important;
}

.contest-end.campaign-name {
  font-size: 4em;
}

.contest-end.gallery-slogan-container a {
  color: #ed1c24;
  text-decoration: underline;
}

#dvRequireLoginPopup,
#dvRequireLogin {
  padding: 20px 15px !important;
  background-color: #fff;
  border: 1px solid #e4e5e5;
  font-size: 14px;
  font-family: "Inter", sans-serif;
}
#dvRequireLoginPopup a,
#dvRequireLogin a {
  font-weight: 700;
}

#slidercontainervoter {
  width: 270px;
  margin: 0 auto;
  background-color: #fff;
  min-height: 100px;
  border: 1px solid #ccc;
  position: relative;
}

#dvContestantname {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}

.tblListOfTempVote > tbody > tr > td {
  padding: 5px;
  border: 1px solid #ccc;
  vertical-align: top;
}

.ContentFlow .scrollbar {
  font-size: 2em;
  margin-top: 55px;
}

.next-prev-container {
  margin-top: 15px;
}
.next-prev-container i {
  font-size: 1em;
}

.col-sm-12.margin-bottom-2 {
  margin-bottom: 0;
}

.container.margin-top-2 {
  margin-top: 0;
}

.page-contest-match .page-title {
  margin-top: 5px;
}
.page-contest-match .gallery-filter,
.page-contest-match .text-instruction {
  display: none;
}
/* ----------- Chart CSS ----------- */
.demographic-header,
[chart-title] {
  background-color: #eeeeee;
  border: 1px solid #eeeeee;
  font-size: 16px;
  margin: 0;
  padding: 15px 10px 10px;
  font-weight: bold;
  cursor: pointer;
  border-radius: 5px;
  box-shadow: 0 2px 0 #c2c2c2;
  margin-bottom: 3px;
}

[chart-title]:not(.chart-expand):hover {
  background-color: #f2f2f2;
}

.chart-expand .chart-title a {
  color: #d91f26;
}

.demographic-container {
  background-color: #e9eff4;
  padding: 8px;
}

#dvDemoGraphics {
  padding-bottom: 40px;
}

#dvDemoGraphics.chart-vertical {
  display: unset;
  padding-bottom: unset;
}

.bar-chart-item {
  font-size: 11px;
  cursor: pointer;
}

.bar-chart-item.active,
.summary-item.active {
  background: #f3f3f3;
}

.bar-value-wrapper {
  height: 7px;
  background-color: #dddbdb;
  width: calc(100% - 50px);
  display: inline-block;
}

.bar-value {
  height: 100%;
}

.bar-title {
  font-weight: bold;
}

.bar-text {
  width: 50px;
  display: inline-block;
  text-align: right;
}

.chart-title {
  text-align: left;
}

[dir=rtl] .chart-title {
  text-align: right;
}

[dir=rtl] .bar-text {
  text-align: left;
}

.bar-chart-item.hover {
  background-color: #D2E8EB;
}

[chart-wrapper] {
  position: relative;
  padding-bottom: 100%;
  height: 0;
}
[chart-instance] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

[chart-detail] {
  background-color: #FFFFFF;
}

.demographics-container,
[chart-detail] {
  padding: 5px 8px;
  border: none;
  height: 100%;
}

.chart-expand .icon-chevron-up,
.chart-expand .icon-chevron-down {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
}

/* ----------- End of Chart CSS ----------- */
.ContestantWithMedia {
  border: 1px solid #ddd;
  background-color: #fafafa;
  margin-bottom: 20px;
  height: 100%;
}
.ContestantWithMedia .listTitle {
  font-size: 14px;
}
.ContestantWithMedia .contestantimage {
  padding: 0px 0px;
}
.ContestantWithMedia .contestantimage img {
  max-width: 100%;
}
.ContestantWithMedia .contestantcountry {
  font-size: 11px;
  margin-top: 20px;
}
.ContestantWithMedia .linkDetails {
  text-decoration: underline;
  font-size: 11px;
  color: #d91f26;
  padding: 10px 0px;
}
.ContestantWithMedia .sectionVote input[type=button] {
  padding: 9px 30px 9px;
  background: #239f49;
  color: #fff;
  border-radius: 4px;
  margin-top: 11px;
  border: 0px;
}
.ContestantWithMedia .bottom-container {
  position: relative;
  bottom: 0;
  width: 100%;
}

.text-contest-view .ContestantWithMedia {
  border-radius: 48px;
  padding: 17px 18px;
  line-height: 1;
  border: 2px solid #c7cfec;
  background: #f6f8ff;
  margin-bottom: 15px;
}
.text-contest-view .ContestantWithMedia .contestantimage {
  padding-bottom: 0 !important;
  height: auto !important;
}
.text-contest-view .listTitle,
.text-contest-view .linkDetails {
  display: none;
}

.confirm-header {
  font-size: x-large;
  font-weight: 700;
  text-align: center;
}

.confirm-content {
  margin-bottom: 15px;
  text-align: center;
}

.confirm-controls {
  border-radius: 30px;
  background-color: rgb(243.3956043956, 244, 244.6043956044);
  border: solid thin #CCC;
  padding: 30px;
  margin: 0px auto 30px;
  max-width: 550px;
}

.confirm-contestants {
  max-width: 600px;
  margin: auto;
}
.confirm-contestants th:nth-child(1) {
  width: 10%;
}
.confirm-contestants th:nth-child(2) {
  width: 20%;
}
.confirm-contestants th:nth-child(3) {
  width: 70%;
}
.confirm-contestants .dvEssay {
  height: auto !important;
}

.togglevote {
  padding: 9px 30px 9px;
  background: #239f49;
  color: #fff;
  border-radius: 4px;
  margin-top: 11px;
  border: 0px;
  font-size: 14px;
  text-transform: unset;
  min-width: unset;
  border-radius: 40px;
}

.section-top {
  padding: 15px 0;
}
.section-top .page-title {
  color: #d91f26;
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 22px;
}

.buttons-container {
  background: #efefef;
  padding: 10px 10px;
  width: 100%;
}

.castyourvotes {
  padding: 10px 30px;
  background: #d91f26;
  color: #fff;
  border-radius: 40px;
  margin-top: 11px;
  border: 0px;
}

.cast-vote-container,
.text-instruction {
  padding: 15px;
}

.text-instruction {
  font-size: 12px;
  color: #071e61;
}

.gallery-filter {
  width: 100%;
}

.section-countdown {
  padding-top: 10px;
}
.section-countdown .castyourvotes {
  margin-top: 15px;
}

.text-red {
  color: red;
}

.text-white {
  color: white;
}

.flag-leader {
  background-color: #d91f26;
  background-image: url(images/leader-logo.png);
  background-position: 50%;
  background-repeat: no-repeat;
  position: absolute;
  top: -20px;
  left: -20px;
  width: 40px;
  height: 40px;
  border-radius: 40px;
  box-shadow: 0 1.5px 0 #96151a;
  z-index: 1;
}

.flag-founder {
  background-image: url(images/founder-flag.png);
  background-position: 50%;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: 45px;
  height: 46px;
  z-index: 1;
}

.collapsed .icon-angle-up {
  transform: rotate(180deg);
  transition: all 0.5s ease-in;
}

.member-wrapper {
  border-style: solid;
  border-width: 3px;
  height: 100%;
}
.member-wrapper a {
  display: block;
  font-weight: 700;
}
.member-wrapper a:hover,
.member-wrapper a:focus {
  text-decoration: none;
}
.member-wrapper .name-wrapper,
.member-wrapper .position-wrapper {
  color: #fff;
  padding: 5px 5px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.member-wrapper .position-wrapper {
  color: #4a4a4a;
}
.member-wrapper .gallery-wrapper {
  display: flex;
}
.member-wrapper .gallery-wrapper > div:nth-of-type(1) {
  width: 100%;
}
.member-wrapper .gallery-wrapper > div:nth-of-type(2) {
  display: none !important;
  width: 0%;
  background: #dcdcdc;
  border-top: 1px solid #009933;
}
.member-wrapper .gallery-wrapper > div:nth-of-type(2) i {
  font-size: 17px;
  text-shadow: 0 1px #5d0000;
  margin: 3px 0;
}
.member-wrapper .gallery-wrapper .item-org,
.member-wrapper .gallery-wrapper .item-ext,
.member-wrapper .gallery-wrapper .is-active,
.member-wrapper .gallery-wrapper .is-founder,
.member-wrapper .gallery-wrapper .is-passed-away {
  margin: 3px;
}
.member-wrapper .gallery-wrapper .item-org img,
.member-wrapper .gallery-wrapper .item-ext img,
.member-wrapper .gallery-wrapper .is-active img,
.member-wrapper .gallery-wrapper .is-founder img,
.member-wrapper .gallery-wrapper .is-passed-away img {
  max-width: 100%;
}
.member-wrapper .country {
  padding: 5px;
  text-align: center;
  font-size: small;
}

@media screen and (min-width: 768px) {
  .flex-col-3 .ContestantWithMedia .contestantimage {
    padding: 10px 0px;
    position: relative;
    padding-bottom: 100%;
    height: 0;
  }
  .flex-col-3 .ContestantWithMedia .contestantimage img {
    object-fit: contain;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
.ContestantWithMedia.VoteSelected {
  border-color: #D70000;
}

.no-decoration {
  text-decoration: none;
  cursor: default;
}

.no-decoration:hover,
.no-decoration:focus {
  text-decoration: none;
  color: unset;
}

@media screen and (min-width: 768px) {
  .column2 .sectionContestantVote > div {
    text-align: left !important;
  }
}
@media screen and (max-width: 992px) {
  .entry-container {
    width: 47%;
  }
  .sort-container > span {
    font-size: 12px;
    margin-left: 0;
  }
  #lstContestants .flex-col-2 {
    width: 33.33333333%;
  }
}
@media screen and (max-width: 767px) {
  .flex-container .entry-container {
    margin: 0 0 15px 0;
    width: 100%;
    display: block;
    padding-bottom: 50px;
  }
  .flex-container .entry-container .gallery-vote-container {
    float: right;
    margin: 0;
  }
  .flex-container .entry-container .share-buttons {
    width: auto;
    float: left;
    display: inline-block;
    margin-top: 5px;
  }
  .section-top {
    padding: 5px 0;
  }
  .section-top .page-title {
    font-size: 20px;
    line-height: 1.3;
    width: 100%;
    margin-top: 0;
    margin-bottom: 15px;
  }
  .section-countdown.row .col-sm-4 {
    text-align: center;
  }
  .box-img-center {
    padding: 0;
  }
  .box-img-center img {
    width: 100%;
  }
  .page-contest-match .content-inner,
  .page-contest-submit .content-inner {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
  }
  .page-contest-match .form-control,
  .page-contest-submit .form-control,
  .page-training-index .form-control {
    height: 34px;
    font-size: 10px;
    padding: 0 5px;
  }
  .sort-container > span {
    font-size: 10px;
  }
  .search-sort-container [class*=col-] {
    padding-left: 5px;
    padding-right: 5px;
  }
  .search-sort-container > .row {
    margin-left: -5px;
    margin-right: -5px;
  }
  .search-sort-container h1 {
    margin-top: 5px;
  }
  .flex-container .entry-container:nth-of-type(2n+2) {
    margin-left: 0;
  }
  .entry-container .dvEssay .essay-gallery-container p {
    font-size: 11px;
  }
  .box-img-center .icon-play {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
  }
  .entry-container .entry-content .entry-photo > a:hover .icon-play, .entry-container .entry-content .entry-photo > a:focus .icon-play {
    font-size: 24px;
  }
  #lstContestants .flex-col-2 {
    width: 100%;
  }
  .filter-container .well {
    padding: 0;
  }
  .filter-container hr {
    margin-top: 5px;
    margin-bottom: 5px;
  }
}
/* ----------- Contestant ----------- */
.page-contestant-details .contest-name {
  font-family: "Inter", sans-serif;
  color: #565b60;
  font-weight: 700;
  font-size: 22px;
}
.page-contestant-details .submission-title {
  font-family: "Inter", sans-serif;
  color: #d91f26;
  font-weight: 700;
  font-size: 32px;
}
.page-contestant-details .essay-vote-container {
  font-family: "Inter", sans-serif;
  color: #071e61;
  font-weight: 400;
  font-size: 24px !important;
  white-space: pre-line;
}
.page-contestant-details .detailed-description {
  margin-top: 1em;
}
.page-contestant-details .contestant-share-container {
  margin-top: 15px;
}
.page-contestant-details .contestant-page-container {
  padding: 0 10px;
}
.page-contestant-details #dvDocs {
  display: none !important;
}
.page-contestant-details .dvSubmitVoteBtn,
.page-contestant-details .judge-btns-container {
  max-width: 350px;
  margin: auto;
}

#dvVoteSection {
  margin-top: 15px;
}

.contestant-name {
  color: #d91f26;
  font-size: 35px;
  text-align: left;
  font-weight: 700;
  margin: 30px 0 20px;
  font-family: "Inter", sans-serif;
  line-height: 1;
}

.prev-next-container {
  margin-top: 25px;
  text-align: center;
}
.prev-next-container #btnPrevious,
.prev-next-container #btnSkipContestant,
.prev-next-container #btnPrev,
.prev-next-container #btnNext {
  display: inline-block;
  width: 49%;
}
.prev-next-container i {
  color: #ef513b;
}
.prev-next-container #btnPrevious:hover i,
.prev-next-container #btnSkipContestant:hover i,
.prev-next-container #btnPrev:hover i,
.prev-next-container #btnNext:hover i {
  color: #fff;
}

.entry-nominated-vote {
  font-size: 14px;
  color: #9b9fa8;
  margin-top: 10px;
}

.essay-text {
  font-size: 18px;
}

.my-submissions-container {
  width: 100%;
}

.others-container .OverHeight {
  max-height: 610px;
  overflow-y: auto;
  padding: 5px;
  background-color: rgba(255, 255, 255, 0.5);
  border: 1px solid #e4e5e5;
}
.others-container .OverHeight .small-contestant-name {
  -moz-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  font-size: 12px;
}
.others-container .OverHeight .submissions-title {
  font-size: 14px;
}

.other-entries > a:hover,
.other-entries > a:active,
.other-entries > a:focus {
  text-decoration: none !important;
}

.other-entries > a {
  background-color: #fff;
  box-shadow: 0 1px 5px rgba(148, 148, 148, 0.6);
  padding: 5px;
  display: block;
  margin-bottom: 15px;
  max-width: 145px;
  margin-left: auto;
  margin-right: auto;
}
.other-entries > a .box-img-center {
  position: relative;
}
.other-entries > a .box-img-center.essay:before {
  content: "\f03e";
  color: #fff;
  font-size: 15px;
  font-family: FontAwesome;
  position: absolute;
  left: 5px;
  top: 5px;
  z-index: 1;
}
.other-entries > a .box-img-center.video:before {
  content: "\f03d";
  color: #fff;
  font-size: 15px;
  font-family: FontAwesome;
  position: absolute;
  left: 5px;
  top: 5px;
  z-index: 1;
}
.other-entries > a .small-contestant-name {
  color: #d91f26;
  text-decoration: none !important;
}

.other-entries > a.active {
  border: 2px solid #565b60;
}

@media screen and (max-width: 1280px) {
  .prev-next-container #btnPrevious,
  .prev-next-container #btnSkipContestant,
  .prev-next-container #btnPrev,
  .prev-next-container #btnNext {
    width: 48%;
  }
}
@media screen and (max-width: 1024px) {
  .contestant-name {
    font-size: 24px;
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 992px) {
  .prev-next-container #btnPrevious,
  .prev-next-container #btnSkipContestant,
  .prev-next-container #btnPrev,
  .prev-next-container #btnNext {
    width: 100%;
    display: block;
    margin-bottom: 5px;
  }
}
@media screen and (max-width: 767px) {
  .entry-name-container {
    margin-top: 15px;
  }
  .essay-text {
    font-size: 12px !important;
  }
  .contestant-name {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .prev-next-container #btnPrevious,
  .prev-next-container #btnSkipContestant,
  .prev-next-container #btnPrev,
  .prev-next-container #btnNext {
    width: 48%;
    display: inline-block;
  }
  .OverHeight {
    max-height: none;
  }
  .submissions-title {
    font-size: 14px;
  }
  .page-contestant-details .essay-vote-container {
    font-size: 12px !important;
  }
  .page-contestant-details .submission-title {
    margin-top: 15px;
    text-align: center;
  }
  .page-contestant-details .thumbnail {
    margin-bottom: 15px;
  }
  #dvVoteSection {
    text-align: center;
  }
  #dvVoteSection .contestant-share-container {
    text-align: center;
  }
  .others-container .OverHeight {
    max-height: none;
  }
}
.ContestantWithMediaPoll .listTitle {
  border-radius: 48px;
  padding: 17px 18px;
  line-height: 1;
  border: 3px solid #c7cfec;
  background: #f6f8ff;
  position: relative;
  width: 100%;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}
.ContestantWithMediaPoll .listTitle .percentage {
  opacity: 1;
  background-color: #343c4e;
  border-radius: 6px;
  padding: 2px 5px;
  position: absolute;
  top: -7px;
  left: 0;
  color: #fff;
  font-size: 12px;
  top: -8px;
  display: block;
  margin-left: -25px;
}
.ContestantWithMediaPoll .listTitle span {
  font-weight: bold;
  font-size: 20px;
}
.ContestantWithMediaPoll .listTitle.active {
  border-color: #1c5489;
  background-color: #fff;
}

/* ----------- Moderation ----------- */
#dvModerator {
  margin-top: 35px;
  text-align: center;
}

#btnApprove,
#btnReject,
#btnFlag,
#btnSkipContestant {
  margin-bottom: 10px;
}

#btnFlag {
  margin-left: auto;
  margin-right: auto;
  border-radius: 48px;
}
#btnFlag i {
  color: #eb2d23;
}

.moderator-message {
  color: #071e61;
  margin-bottom: 30px;
  width: 100%;
}

#btnFlag:hover i {
  color: #fff;
}

@media screen and (max-width: 1200px) {
  #btnApprove,
  #btnReject {
    font-size: 30px;
  }
}
@media screen and (max-width: 992px) {
  #btnApprove,
  #btnReject {
    font-size: 22px;
  }
}
/* ----------- Judge ----------- */
.page-judge .thumbnail {
  margin-bottom: 0;
}
.page-judge .submission-title,
.page-judge .entry-submittedby {
  color: #071e61;
}
.page-judge .criterialist {
  background-color: transparent;
  border: 0;
  box-shadow: none;
}
.page-judge .criterialist.well {
  padding: 0;
}
.page-judge .criteria-name,
.page-judge .voting_criteria span {
  color: #071e61;
  font-size: 18px;
  font-weight: 600;
  display: block;
  line-height: 1.1;
  width: calc(100% - 90px);
  float: left;
  display: inline-flex;
  align-items: center;
  padding-right: 15px;
}
.page-judge .voting_criteria {
  display: flex;
  border-radius: 5px;
  padding: 15px 0;
  flex-wrap: wrap;
}
.page-judge .voting_criteria .error {
  margin-top: 10px;
}
.page-judge .criteriaComment .comment_box {
  width: 100%;
  height: 100px;
  border-color: #cdd9f6;
}
.page-judge .first-name {
  font-weight: 700;
}
.page-judge .voteresult {
  text-align: right;
}
.page-judge .voteresult input {
  width: 85px;
}
.page-judge .ui-slider {
  background-color: #cdd9f6 !important;
  border: 0;
}
.page-judge .ui-slider .ui-slider-handle {
  background-color: #fff;
  border-color: #9b9fa8;
  box-shadow: inset 0 1px 0 #fff;
  color: #eb2d23;
  text-shadow: 0 1px #fff;
  width: 28px;
  height: 25px;
  line-height: 25px;
  text-align: center;
}
.page-judge .ui-slider-horizontal {
  height: 9px;
  width: 100% !important;
}
.page-judge .ui-slider-horizontal .ui-slider-handle {
  top: -8px;
  left: -8px;
}
.page-judge #btnJudgeVote {
  font-size: 22px;
  display: inline-block;
  width: auto;
  margin-bottom: 30px;
}
.page-judge #btnJudgeVote i {
  margin-right: 10px;
}
.page-judge .votecriteria.float-right {
  float: none !important;
}
.page-judge .detailed-description__title {
  color: #071e61;
}
.page-judge .well {
  background-color: #fff;
  color: #071e61;
  border-color: #cdd9f6;
}
.page-judge .nav-tabs {
  border-bottom: 0;
}

.btn-secondary {
  background-color: #f0f0f0;
  min-width: 140px;
}

.avgscore {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.avgscore .scoreValue {
  background-color: #e4e9f4;
  border-radius: 4px;
  box-shadow: 0 1px 0 #fff, 0 2px 2px #949494 inset;
  padding: 8px 15px;
}
.avgscore span:first-of-type {
  margin: 0 15px;
}

.collapse-container .btn {
  margin-bottom: 10px;
}
.collapse-container .caret {
  border-top: 5px dashed;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  margin: 0 5px;
}
.collapse-container [aria-expanded=false] .caret {
  transform: rotate(-90deg);
}

[dir=rtl] .collapse-container .caret {
  transform: rotate(90deg);
}
[dir=rtl] .collapse-container [aria-expanded=true] .caret {
  transform: none;
}

@media screen and (max-width: 767px) {
  .page-judge .column1,
  .page-judge .column2 {
    padding: 0;
  }
  .page-judge .criteria-name,
  .page-judge .voting_criteria span {
    width: calc(100% - 60px);
  }
  .page-judge .judge-wrapper {
    margin-top: 1em;
    padding-top: 1em;
    border-top: 1px solid #cdd9f6;
  }
  .page-judge .entry-name-container {
    margin-left: -15px;
    margin-right: -15px;
  }
}
/* ----------- Winners ----------- */
.page-contest-winners #lstContestants {
  margin-left: 0;
  margin-right: 0;
}
.page-contest-winners > .container {
  padding: 0;
}
.page-contest-winners .entry-container {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-bottom: 56px;
  justify-content: normal !important;
}
.page-contest-winners .page-title {
  text-align: center;
}
.page-contest-winners .page-title h1 {
  display: inline-block;
}
.page-contest-winners .entry-bottom {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.page-contest-winners .margin-top-md {
  width: 100%;
}
.page-contest-winners .name,
.page-contest-winners .address {
  text-align: center;
}
.page-contest-winners .name {
  color: #d91f26;
  font-size: 14px;
  font-weight: 700;
}
.page-contest-winners .address {
  color: #071e61;
  font-size: 13px;
}
.page-contest-winners .prize-name {
  color: #d91f26;
  font-size: 16px;
}
.page-contest-winners .prize-name i {
  color: #565b60;
}
.page-contest-winners .col-sm-8.col-sm-offset-2 .flex-container-fluid {
  padding-left: 0;
  padding-right: 0;
}
.page-contest-winners .winner-name {
  text-align: center;
  font-size: 24px;
  color: #565b60;
  margin-top: 20px;
}

.winner-title {
  text-align: center;
  background-color: #efeeec;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #09b6ff;
  font-family: "Inter", sans-serif;
  font-size: 45px;
  font-weight: 700;
}
.winner-title span {
  color: #ef3829;
  font-weight: 900;
}

.prizes-box {
  border: 1px solid #d7d7d7;
  padding: 30px;
  margin-top: 30px;
  margin-bottom: 30px;
  text-align: center;
}
.prizes-box .title {
  color: #565b60;
  font-size: 16px;
  margin: -42px auto 0;
  background-color: #fff;
  text-align: center;
  background-color: #fff;
  display: table;
  padding: 0 10px;
}
.prizes-box .prize-name-container {
  display: table;
  margin: 30px auto 0;
  text-align: left;
}
.prizes-box .prize-name-container i {
  border: 1px solid #b2d1ea;
  border-radius: 100%;
  width: 2em;
  height: 2em;
  line-height: 2em;
  text-align: center;
}

.page-contest-winners .week-title {
  color: #565b60;
  font-size: 16px;
  margin: 30px auto;
  text-align: center;
  padding: 0 10px;
}

#lstContestants.container {
  padding-left: 0;
  padding-right: 0;
}

.entry-winner-border {
  border: 5px solid #ffcc00;
  outline: 2px solid #fff;
}

.entry-winner-prize {
  background-color: #ef382a;
  color: #fff;
  border: 1px solid #fff;
  padding-top: 7px;
  padding-bottom: 7px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
  margin-bottom: 10px;
}

@media screen and (max-width: 1024px) {
  .winner-title {
    font-size: 38px;
  }
}
@media screen and (max-width: 767px) {
  .page-contest-winners .page-title h1,
  .page-contest-winners .heading {
    line-height: 1.2;
    font-size: 15px;
  }
  .page-contest-winners .prize-name {
    font-size: 12px;
    padding-left: 24px;
  }
  .prizes-box {
    padding: 15px 5px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .prizes-box .title {
    font-size: 13px;
    margin-top: 0;
  }
  .prizes-box .prize-name-container {
    margin-top: 15px;
  }
  .prizes-box .prize-name-container i {
    font-size: 12px;
    margin-left: -24px;
  }
}
@media screen and (max-width: 480px) {
  .winner-title {
    font-size: 22px;
  }
  .page-contest-winners .winner-name {
    font-size: 16px;
  }
}
/* ----------- Viral DNA ----------- */
.pagination-container a,
.pagination-container > span,
.pagination a,
.pagination > span,
.paging a,
.paging > span {
  background-color: #FFF;
  padding: 5px;
  border-radius: 2px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  min-width: 40px;
  display: inline-block;
  text-align: center;
}
.pagination-container > span,
.pagination > span,
.paging > span {
  margin-left: 5px;
  margin-right: 5px;
}
.pagination-container a:hover,
.pagination a:hover,
.paging a:hover {
  color: #ef3c2b;
  border-color: #ef3c2b;
  text-decoration: none;
}
.pagination-container a.active,
.pagination-container .current,
.pagination a.active,
.pagination .current,
.paging a.active,
.paging .current {
  background-color: #284895;
  border-color: rgb(29.2063492063, 52.5714285714, 108.7936507937);
  color: #fff;
}

.paging > a {
  margin-left: 5px;
  margin-right: 5px;
}

@media screen and (max-width: 767px) {
  .pagination-container,
  .pagination,
  .paging {
    text-align: center;
    margin-bottom: 10px;
  }
  .pagination-container a,
  .pagination-container > span,
  .pagination a,
  .pagination > span,
  .paging a,
  .paging > span {
    min-width: 20px;
    margin-left: 4px;
    margin-right: 4px;
    line-height: 1;
    margin-bottom: 10px;
  }
}
/* ----------- Carousel Owl ----------- */
.owl-nav,
.owl-prev,
.owl-next {
  display: inline;
}

.owl-carousel {
  padding: 0;
}

.owl-stage-outer {
  margin-left: -15px;
  margin-right: -15px;
  padding-left: 15px;
  padding-right: 15px;
}

.owl-nav .disabled i {
  opacity: 0.5;
}

.owl-prev,
.owl-next {
  background-color: #d91f26;
  border: 0px solid black;
  width: 50px;
  height: 50px;
  position: absolute;
  text-align: center;
  top: 40%;
  display: table;
}

.owl-prev:not(.disabled):hover,
.owl-next:not(.disabled):hover {
  background-color: #565b60;
}

.owl-prev i,
.owl-next i {
  color: #fff;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-size: 25px;
  line-height: 25px;
}

@media screen and (min-width: 1200px) {
  .owl-prev {
    left: -50px;
  }
  .owl-next {
    right: -50px;
  }
}
@media screen and (max-width: 1200px) {
  .owl-prev {
    left: -15px;
  }
  .owl-next {
    right: -15px;
  }
}
@media screen and (max-width: 767px) {
  .owl-prev,
  .owl-next {
    width: 30px;
    height: 30px;
  }
  .owl-prev i,
  .owl-next i {
    font-size: 13px;
    line-height: 13px;
  }
}
/* ----------- Carousel Bootstrap ----------- */
.carousel-indicators {
  background-color: #858585;
  position: static;
  bottom: 0;
  left: 0;
  z-index: 15;
  width: 100%;
  margin: 0;
  padding: 7px 0;
  list-style: none;
  text-align: center;
}
.carousel-indicators li {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 0;
  text-indent: -999px;
  border: 1px solid #626262;
  border-radius: 10px;
  cursor: pointer;
  background-color: #a3a3a3;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.carousel-indicators li:not(.active):hover {
  background-color: #fff;
}
.carousel-indicators .active {
  margin: 0;
  width: 16px;
  height: 16px;
  background-color: #373737;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1), inset 0 0 0 2px #a4a4a4;
}

/* ----------- Cropit ----------- */
.cropit-preview-image-container {
  cursor: move;
}

.cropit-preview-background {
  opacity: 0.2;
}

.cropit-preview {
  display: inline-block;
  background-color: #f8f8f8;
  background-size: cover;
  border: 1px solid #ccc;
  border-radius: 3px;
  width: 250px;
  height: 250px;
}

#image-cropper {
  transform-origin: center;
  overflow: hidden;
  max-width: 265px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
  margin-bottom: 50px;
  overflow: visible;
  transform-origin: left;
  border: 3px solid red;
}

.tab-pane {
  padding-top: 15px;
}

.cropit-image-zoom-input {
  position: relative;
}

.image-size-label {
  margin-top: 10px;
}

#changephoto_dialog .modal-body {
  overflow: hidden;
}
#changephoto_dialog .modal-body p {
  font-size: 14px;
}
#changephoto_dialog ul {
  padding-left: 0;
}

.no-scale {
  transform: scale(1) !important;
}

@media screen and (min-width: 320px) {
  #image-cropper {
    transform: scale(0.4975);
  }
}
@media screen and (min-width: 360px) {
  #image-cropper {
    transform: scale(0.5727);
  }
}
@media screen and (min-width: 375px) {
  #image-cropper {
    transform: scale(0.6009);
  }
}
@media screen and (min-width: 414px) {
  #image-cropper {
    transform: scale(0.67421);
  }
}
@media screen and (min-width: 480px) {
  #image-cropper {
    transform: scale(0.79827);
  }
}
@media screen and (min-width: 582px) {
  #image-cropper {
    transform: scale(1);
  }
}
@media screen and (max-width: 767px) {
  #image-cropper {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  #changephoto_dialog .btn {
    min-width: 100px;
  }
}
.contest-list .directory-item {
  position: relative;
  border: 1px solid #e8e7e7;
  margin-bottom: 10px;
}
.contest-list .directory-image {
  position: relative;
}
.contest-list .directory-image img {
  width: 100%;
  height: 100%;
  position: absolute;
}
.contest-list .directory-image .content {
  display: block;
  position: relative;
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
}
.contest-list .directory-image .directory-description,
.contest-list .directory-image .directory-time {
  opacity: 0;
}
.contest-list .directory-image .directory-description {
  position: absolute;
  top: 0;
  background-color: transparent !important;
  padding: 0;
  width: 100%;
  height: 100%;
}
.contest-list .directory-image .directory-description .description {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding: 0 2vw;
  color: #fff !important;
  z-index: 1;
}
.contest-list .directory-image .directory-description .description {
  font-size: 12px;
}
@media screen and (min-width: 768px) {
  .contest-list .directory-image .directory-description .description {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152);
  }
}
@media screen and (min-width: 1920px) {
  .contest-list .directory-image .directory-description .description {
    font-size: 16px;
  }
}
.contest-list .directory-image .directory-description .description span, .contest-list .directory-image .directory-description .description p, .contest-list .directory-image .directory-description .description li, .contest-list .directory-image .directory-description .description i {
  color: #fff !important;
}
.contest-list .directory-image .directory-description .description span, .contest-list .directory-image .directory-description .description p, .contest-list .directory-image .directory-description .description li, .contest-list .directory-image .directory-description .description i {
  font-size: 12px !important;
}
@media screen and (min-width: 768px) {
  .contest-list .directory-image .directory-description .description span, .contest-list .directory-image .directory-description .description p, .contest-list .directory-image .directory-description .description li, .contest-list .directory-image .directory-description .description i {
    font-size: calc(12px + 4 * (100vw - 768px) / 1152) !important;
  }
}
@media screen and (min-width: 1920px) {
  .contest-list .directory-image .directory-description .description span, .contest-list .directory-image .directory-description .description p, .contest-list .directory-image .directory-description .description li, .contest-list .directory-image .directory-description .description i {
    font-size: 16px !important;
  }
}
.contest-list .directory-image .directory-description .description a {
  color: #fde219 !important;
  text-decoration: underline;
}
.contest-list .directory-image .directory-description .description a span {
  color: #fde219 !important;
}
.contest-list .directory-image .directory-description:after {
  content: "";
  position: absolute;
  opacity: 0;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgb(50, 117, 180);
  background: linear-gradient(90deg, rgb(50, 117, 180) 0%, rgb(69, 176, 247) 100%);
}
.contest-list .directory-image .directory-time {
  position: absolute;
  top: 10px;
  right: 10px;
}
.contest-list .directory-image .directory-time .directory {
  color: #fff;
}
.contest-list .directory-image .directory-time .countdown-days .message-description {
  padding: 0 10px;
}
.contest-list .directory-image .directory-time .countdown-days .cnt-days .days-value {
  font-size: 16px;
}
@media screen and (min-width: 768px) {
  .contest-list .directory-image .directory-time .countdown-days .cnt-days .days-value {
    font-size: calc(16px + 12 * (100vw - 768px) / 1152);
  }
}
@media screen and (min-width: 1920px) {
  .contest-list .directory-image .directory-time .countdown-days .cnt-days .days-value {
    font-size: 28px;
  }
}
.contest-list .directory-image .btn {
  position: absolute;
  bottom: 3%;
  right: 3%;
  display: none;
  z-index: 2;
}
.contest-list .directory-image .btn {
  font-size: 16px;
}
@media screen and (min-width: 768px) {
  .contest-list .directory-image .btn {
    font-size: calc(16px + 12 * (100vw - 768px) / 1152);
  }
}
@media screen and (min-width: 1920px) {
  .contest-list .directory-image .btn {
    font-size: 28px;
  }
}
.contest-list .directory-image:hover .directory-description,
.contest-list .directory-image:hover .directory-time {
  opacity: 1;
}
.contest-list .directory-image:hover .directory-description:after {
  transition: opacity 0.25s ease-in;
  opacity: 0.9;
}
.contest-list .directory-image:hover .btn {
  display: block;
}
.contest-list .directory-name .col-sm-12 {
  padding: 0 2vw;
}
.contest-list .directory-name .name {
  font-family: "Inter", sans-serif;
  font-weight: 700;
}
.contest-list .directory-name .name {
  font-size: 16px;
}
@media screen and (min-width: 768px) {
  .contest-list .directory-name .name {
    font-size: calc(16px + 6 * (100vw - 768px) / 1152);
  }
}
@media screen and (min-width: 1920px) {
  .contest-list .directory-name .name {
    font-size: 22px;
  }
}
.contest-list .directory-name .name a {
  padding: 15px 0;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.contest-list .directory-name .name a:hover {
  text-decoration: none;
}
.contest-list .item {
  margin-bottom: 20px;
  padding-top: 0;
  padding-bottom: 20px;
  border-bottom: 1px solid #cee4e4;
}
.contest-list .item .image {
  width: 100%;
  border: 1px solid #193fad;
}
.contest-list .item .name {
  font-family: "Inter", sans-serif;
  font-size: 22px;
  font-weight: 400;
  margin-bottom: 10px;
}
.contest-list .item .name a {
  color: #071e61;
  font-family: "Inter", sans-serif;
  font-weight: 500;
}
.contest-list .item .name a:hover {
  color: #d91f26;
  text-decoration: none;
}
.contest-list .item .name a.text-red {
  color: #d91f26;
}
.contest-list .item .col-md-4 a {
  color: #d91f26;
}
.contest-list .item .col-md-4 a img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  max-height: 170px;
}
.contest-list .item .description {
  font-size: 17px;
  color: #565b60;
  margin-bottom: 30px;
}
.contest-list .item .schedule-separator {
  border-left: 1px solid #cee4e4;
  min-height: 100px;
}

.contest-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.contest-list .col-sm-6 {
  float: none !important;
}

.show-more-container {
  margin: 30px 0;
  width: 100%;
  text-align: center;
}

@media only screen and (min-width: 2500px) {
  .contest-list .col-sm-6 {
    width: 33.33333333%;
  }
}
.directory .status,
.directory .small,
.countdown-box .status,
.countdown-box .small {
  color: #071e61;
  float: left;
  line-height: 85px;
  margin-right: 15px;
}
.directory .countdownclock,
.countdown-box .countdownclock {
  float: left;
}

#tabContestStatus {
  margin-bottom: 30px;
}

.filters.nav > li {
  margin-top: 0;
  margin-right: 5px;
  padding: 5px 12px;
  border-radius: 5px;
  line-height: 21px;
}
.filters.nav > li {
  font-size: 12px;
}
@media screen and (min-width: 768px) {
  .filters.nav > li {
    font-size: calc(12px + 2 * (100vw - 768px) / 1152);
  }
}
@media screen and (min-width: 1920px) {
  .filters.nav > li {
    font-size: 14px;
  }
}
.filters.nav > li:not(.active) i {
  display: none !important;
}
.filters.nav > li:not(.active) > a {
  border: 0px solid #ddd;
  background-color: #eeeeee;
  box-shadow: 0 1px 0 #cecece;
}
.filters.nav > li:not(.active):hover > a {
  background-color: #fff;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1), 0 1px 0 #cecece;
}
.filters.nav > li.active span {
  color: #fff;
}
.filters.nav > li.active.filter-new {
  background-color: #d91f26;
  box-shadow: 0 1px 0 rgb(150.0625, 21.4375, 26.2782258065);
}
.filters.nav > li.active.filter-progress {
  background-color: #f47504;
  box-shadow: 0 1px 0 rgb(168.7338709677, 80.9092741935, 2.7661290323);
}
.filters.nav > li.active.filter-completed {
  background-color: #00cc33;
  box-shadow: 0 1px 0 rgb(0, 127.5, 31.875);
}
.filters.nav > li.active.filter-ongoing {
  background-color: #3680bf;
  box-shadow: 0 1px 0 rgb(37.1387755102, 88.0326530612, 131.3612244898);
}
.filters.nav > li.active.filter-infoonly {
  background-color: #9b78d3;
  box-shadow: 0 1px 0 rgb(112.3212290503, 62.5586592179, 191.9413407821);
}

.page-contest-directory .countdown {
  transform: scale(0.75);
  transform-origin: 100% 0;
}
.page-contest-directory .btn-primary {
  background-color: #1c5489;
  color: #fff;
  border: 0;
}
.page-contest-directory .btn-primary:hover {
  background-color: #fff;
  color: #565b60;
}
.page-contest-directory .btn-primary.red-background {
  background-color: #d91f26;
  border: 2px solid #d91f26;
}
.page-contest-directory .directory {
  color: #565b60;
  font-size: 14px;
}

.page-contest-directory [dir=rtl] .countdown {
  transform-origin: 0 0;
}
.page-contest-directory [dir=rtl] #tabContestStatus {
  text-align: right;
}

.main_container.marg-left-override-login {
  margin: 0 !important;
  width: 100% !important;
}
.main_container.open-left-login {
  padding: 0 !important;
}

@media only screen and (max-width: 767px) {
  .page-contest-directory [dir=rtl] #tabContestStatus {
    text-align: center;
  }
  .filters.nav-pills {
    margin-bottom: 2em;
  }
  .filters.nav-pills > li {
    float: none;
    display: inline-block;
    margin: 0 0 5px;
  }
  .filters {
    text-align: center;
    padding: 0;
    margin: 0 0 15px;
  }
  .filters.nav > li > a {
    padding: 3px 5px 3px 0;
    border-radius: 5px;
    margin-right: 0;
    font-size: 11px;
    min-width: 40px;
  }
  .filters.nav-pills > li:nth-last-of-type(1) table {
    width: 100%;
  }
  .filters.nav-pills > li:nth-last-of-type(1) .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .filters.nav-pills > li:nth-last-of-type(1) .form-group:nth-of-type(1) {
    display: none;
  }
  .message-directory-contest {
    text-align: center;
  }
  .contest-list .col-sm-6 {
    width: 100%;
  }
  .contest-list .item .description:empty {
    padding: 0;
    margin: 0;
  }
  .contest-list .item .name {
    font-size: 18px;
    border-top: 1px solid #ccc;
    background: rgb(245, 245, 245);
    background: linear-gradient(180deg, rgb(245, 245, 245) 0%, rgb(255, 255, 255) 100%);
    padding: 10px 5px;
    text-align: center;
    margin-bottom: 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  .contest-list .item .description {
    font-size: 14px;
    text-align: center;
  }
  .contest-list .countdown-days {
    margin-bottom: 25px;
    display: table;
  }
  .contest-list .countdown-days .message-description {
    display: table-cell;
  }
  .contest-list .directory-image .directory-description .description {
    font-size: medium;
  }
  .page-contest-directory .directory {
    font-size: 10px;
  }
  .directory.float-left div:nth-of-type(2) {
    text-align: center;
  }
  .directory.float-left div:nth-of-type(2) .pull-right {
    float: none !important;
    text-align: center;
  }
  .directory.float-left div:nth-of-type(2) .pull-left {
    float: none !important;
    text-align: center;
  }
  .directory.float-right {
    float: none !important;
    text-align: center;
    margin-bottom: -10px;
  }
  .page-contest-directory .countdown {
    text-align: center;
    width: 285px;
    margin: auto;
    transform: scale(0.75) translateX(0);
    transform-origin: 50% 50% !important;
  }
  .page-contest-directory .countdown .countdownclock {
    float: none;
  }
  .page-contest-directory .countdown-days .cnt-days .days-text {
    font-size: 10px;
    padding: 0 6px;
  }
  .main_container.open-left-login {
    padding: 0 !important;
  }
  .main_container.marg-left-override-login {
    width: 100% !important;
  }
}
@media only screen and (max-width: 767px) {
  .contest-list .directory-image .directory-description .description {
    font-size: 10px;
  }
}
@media only screen and (max-width: 767px) and (min-width: 320px) {
  .contest-list .directory-image .directory-description .description {
    font-size: calc(10px + 6 * (100vw - 320px) / 447);
  }
}
@media only screen and (max-width: 767px) and (min-width: 767px) {
  .contest-list .directory-image .directory-description .description {
    font-size: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .contest-list .directory-image .directory-time {
    top: 5px;
  }
  .contest-list .directory-image .directory-time .countdown-days .cnt-days .days-value,
  .contest-list .directory-image .directory-time .countdown-days .cnt-days .days-text {
    display: inline-block;
  }
  .contest-list .directory-image .directory-time .countdown-days .cnt-days .days-value {
    padding: 4px 8px;
  }
  .contest-list .directory-image .directory-time .countdown-days .cnt-days .days-text {
    line-height: 24px;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
    vertical-align: top;
  }
}
.directoryTbl {
  width: 100%;
}
.directoryTbl thead th {
  background: #7a797a;
  padding: 10px 20px;
  font-weight: normal;
  font-size: 16px;
  color: #fff;
  border-right: 1px solid #999899;
}
.directoryTbl tbody tr td {
  padding-top: 5px;
  padding-bottom: 5px;
}
.directoryTbl tbody tr td .contest-name {
  color: #239f49;
  font-size: x-large;
}
.directoryTbl tbody tr.odd td {
  background: #fff;
}
.directoryTbl tbody tr.even td {
  background: #f1f1f1;
}

.page-contest-submit {
  max-width: 1140px;
  margin: auto;
}
.page-contest-submit .contests-container img {
  border: 1px solid #193fad;
  margin-bottom: 16px;
}
.page-contest-submit .description p {
  font-size: 16px;
}
.page-contest-submit .radio-inline {
  font-size: 16px;
  color: #333;
}
.page-contest-submit textarea.useranswer {
  height: 50px;
}
.page-contest-submit textarea.usernote {
  height: 150px;
}
.page-contest-submit .contest-box .col-sm-5.padding-right-0 {
  display: none;
}
.page-contest-submit .contest-box .col-sm-7 {
  width: 100%;
}
.page-contest-submit .page-title h1,
.page-contest-submit .heading {
  padding-left: 0;
}
.page-contest-submit .form-control {
  width: 100%;
}

.bottom-line {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 30px !important;
  color: #d91f26;
  padding-bottom: 16px;
  padding-left: 0;
  margin-bottom: 16px;
  border-bottom: 1px solid #cee4e4;
  font-family: "Inter", sans-serif;
}

/* ----------- page-contest-match ----------- */
.page-detail-description.collapse.in,
.page-detail-description.collapsing {
  max-height: 400px;
  overflow-y: auto;
}

.page-contest-match .entry-media-container {
  text-align: center;
}
.page-contest-match .modal #media_player {
  background-color: #eee;
  vertical-align: middle;
  display: flex;
  align-items: center;
  text-align: center;
}
.page-contest-match .modal .thumbnail {
  display: inline-block;
  margin: auto;
}
.page-contest-match .modal .share-buttons {
  margin-top: 15px;
}
.page-contest-match .modal .share-buttons,
.page-contest-match .modal #shareAction {
  text-align: left;
}
.page-contest-match .modal .nav-tabs {
  border-bottom: 0;
}
.page-contest-match .modal .btn {
  font-size: 12px !important;
}

.filter-election-results {
  width: 100%;
}
.filter-election-results .results {
  border: 2px dashed #bcc0c3;
  padding: 20px;
  margin-top: 20px;
}
.filter-election-results .results > p {
  color: #1c5489;
  font-size: 18px;
  float: left;
  margin-top: -43px;
  background: #efefef;
  padding: 7px;
  font-weight: 700;
  margin-left: 0;
  margin-bottom: 0px;
}

@media only screen and (max-width: 767px) {
  .col-sm-6.contestant-wrapper {
    width: 100%;
    margin-bottom: 15px;
  }
  .page-contest-match .gallery-filter > .form-group {
    width: 50%;
    padding-left: 5px;
    padding-right: 5px;
  }
  .page-contest-match .gallery-filter > .form-group .form-control {
    width: 100%;
  }
  .page-contest-match .page-description,
  .page-contest-match .text-instruction,
  .page-contest-match .buttons-container {
    text-align: center;
  }
}
/* ----------- Socialchannel ----------- */
.page-item-socialchannel #SearchForm.form-inline .form-group .form-control,
.page-item-socialchannel #SearchForm.form-inline .form-group .input-group {
  width: 100%;
}
.page-item-socialchannel .paging {
  margin-top: 20px;
}
.page-item-socialchannel .form-group {
  margin-bottom: 10px;
}
.page-item-socialchannel .followers {
  text-align: center;
  margin-bottom: 15px;
  font-weight: 900;
}
.page-item-socialchannel .followers-title {
  font-size: large;
  font-weight: 700;
}
.page-item-socialchannel .followers-value {
  color: #d91f26;
  font-size: 42px;
  direction: ltr;
  font-weight: 900;
}
.page-item-socialchannel .followers-value > div {
  width: 30px !important;
  text-align: center;
}
.page-item-socialchannel .modal-body #dvDialog p {
  font-size: 16px;
}

@media screen and (max-width: 767px) {
  .page-item-socialchannel #SearchForm.form-inline .form-group {
    display: inline-block;
    vertical-align: top;
    max-width: 31%;
  }
  .page-item-socialchannel #SearchForm.form-inline .form-group .form-control,
  .page-item-socialchannel #SearchForm.form-inline .form-group .input-group {
    width: 100%;
  }
  .page-item-socialchannel .table th {
    font-size: 12px;
  }
  .page-item-socialchannel #PagedListSection .table td:nth-child(2) {
    width: 45%;
  }
  .page-item-socialchannel #PagedListSection .table td:nth-child(2) a {
    word-break: break-all;
  }
  .page-item-socialchannel #PagedListSection .table td:nth-child(3) {
    font-size: 10px;
  }
  .page-item-socialchannel .modal-body #dvDialog p {
    font-size: 14px;
  }
  .followers {
    text-align: center;
  }
}
@media screen and (max-width: 480px) {
  .page-item-socialchannel #SearchForm.form-inline .form-group {
    width: 100%;
    max-width: 100%;
    display: block;
  }
  .page-item-socialchannel #SearchForm.form-inline .form-group:not(:last-child) {
    margin-bottom: 1em;
  }
}
/* ----------- WarriorNetwork ----------- */
.text-link {
  font-size: 16px;
  text-decoration: underline;
  font-weight: 400;
  line-height: 1.3;
  display: inline-block;
  background-color: transparent;
  border: 0;
}
.text-link.active {
  color: #fff;
  background-color: #1a92db;
  text-decoration: none;
  padding: 5px;
}
.text-link__accent {
  color: #d91f26;
  vertical-align: middle;
}

#dvMap {
  position: relative !important;
  width: 100%;
}

#sidebar {
  flex-basis: 5rem;
  flex-grow: 1;
  min-width: 150px;
  height: 500px;
  box-sizing: border-box;
  overflow: auto;
}

#sidebar li {
  cursor: pointer;
}
#sidebar li:hover {
  background-color: gainsboro;
}

.infowindow,
.infowindow-popup {
  display: flex;
  align-items: center;
  color: #000;
  padding-right: 20px;
}
.infowindow__supporter-id,
.infowindow-popup__supporter-id {
  font-weight: 700;
  font-size: 24px;
  width: 85px;
  height: 85px;
  border-radius: 50px;
  background-color: #000;
  color: #fff;
  align-self: baseline;
  line-height: 1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.infowindow__supporter-id span,
.infowindow-popup__supporter-id span {
  flex-basis: 100%;
  text-align: center;
}
.infowindow__supporter-id span:first-of-type,
.infowindow-popup__supporter-id span:first-of-type {
  color: #f00;
  margin-top: auto;
  direction: ltr;
}
.infowindow__supporter-id span:nth-of-type(2),
.infowindow-popup__supporter-id span:nth-of-type(2) {
  margin-bottom: auto;
}
.infowindow__location,
.infowindow-popup__location {
  margin: 0 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.infowindow__location .member__sos-number,
.infowindow__location .member__name,
.infowindow__location .infowindow__country,
.infowindow-popup__location .member__sos-number,
.infowindow-popup__location .member__name,
.infowindow-popup__location .infowindow__country {
  align-self: flex-start;
  align-self-width: auto;
}
.infowindow__country,
.infowindow-popup__country {
  font-size: large;
  font-weight: 400;
  margin-bottom: 5px;
}
.infowindow__city,
.infowindow-popup__city {
  font-size: medium;
}
.infowindow__supporter-is-real,
.infowindow-popup__supporter-is-real {
  width: 110px;
  height: 110px;
  align-self: baseline;
  line-height: 1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  flex-shrink: 0;
}
.infowindow__supporter-is-real .top, .infowindow__supporter-is-real .bottom,
.infowindow-popup__supporter-is-real .top,
.infowindow-popup__supporter-is-real .bottom {
  width: 100%;
  text-align: center;
  color: #FFF;
  font-weight: bold;
  font-size: 16px;
}
.infowindow__supporter-is-real .center,
.infowindow-popup__supporter-is-real .center {
  width: 85px;
  height: 85px;
  border-radius: 50%;
  background-color: #000;
}
.infowindow__supporter-is-real .center img,
.infowindow-popup__supporter-is-real .center img {
  border: 2px solid #000;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}

body[dir=rtl] .infowindow {
  padding-right: 0;
  padding-left: 20px;
}

.isSuggestedBy {
  order: -1;
  position: relative;
}

.brain-lamp {
  position: absolute;
  max-width: 40px;
  left: 10px;
  top: -10px;
  z-index: 1;
}

.project-suggestedby .brain-lamp {
  left: 5px;
  top: -20px;
}

body[dir=rtl] .brain-lamp {
  left: auto;
  right: 10px;
}

@media screen and (max-width: 767px) {
  .brain-lamp {
    left: 0px;
  }
  .project-suggestedby .brain-lamp {
    left: -5px;
  }
}
.member {
  color: #000;
}
.member__name {
  font-weight: 700;
  color: #000;
  vertical-align: middle;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: calc(100% - 35px);
  display: inline-block;
}
.member__name {
  font-size: 16px;
}
@media screen and (min-width: 1200px) {
  .member__name {
    font-size: calc(16px + 6 * (100vw - 1200px) / 720);
  }
}
@media screen and (min-width: 1920px) {
  .member__name {
    font-size: 22px;
  }
}
.member__sos-number__container {
  flex-basis: 100%;
}
.member__sos-number {
  font-size: large;
  font-weight: 700;
  border: 1px solid #000;
  padding: 5px 10px;
  border-radius: 20px;
  display: inline-block;
  margin-bottom: 5px;
  white-space: nowrap;
  background-color: #fff;
}
.member__sos-number:hover {
  text-decoration: none;
}
.member__title {
  margin-bottom: 5px;
  color: #000;
  display: block;
}
.member__title {
  font-size: 12px;
}
@media screen and (min-width: 1200px) {
  .member__title {
    font-size: calc(12px + 6 * (100vw - 1200px) / 720);
  }
}
@media screen and (min-width: 1920px) {
  .member__title {
    font-size: 18px;
  }
}

.page-home-orgchart .member__name,
.page-category-details .member__name {
  max-width: 100%;
  flex-basis: 100%;
}

.TeamProject__member .infowindow__supporter-is-real {
  width: 110px;
  height: 110px;
  margin-top: auto;
  margin-bottom: auto;
}

.page-item-soswarriornetwork #PagedListSection {
  display: flex;
  min-height: 30vw;
  flex-wrap: nowrap;
  margin-top: 15px;
}
.page-item-soswarriornetwork #btShowEditForm.btn-primary {
  box-shadow: none;
  background-color: #d91f26;
  color: #fff;
}
.page-item-soswarriornetwork #btShowEditForm.btn-primary:hover {
  background-color: rgb(15.1755102041, 85.2163265306, 127.8244897959);
  color: #fff;
  box-shadow: 0 0 40px 25px rgba(198, 210, 242, 0.34);
}
.page-item-soswarriornetwork .navbar-nav > li {
  float: none;
  display: inline-block;
}
.page-item-soswarriornetwork .member__name_container {
  display: flex;
  align-items: center;
}
.page-item-soswarriornetwork .member__name {
  text-overflow: clip;
  max-width: 100%;
}
.page-item-soswarriornetwork .infowindow__country {
  font-size: 14px;
}
@media screen and (min-width: 1200px) {
  .page-item-soswarriornetwork .infowindow__country {
    font-size: calc(14px + 4 * (100vw - 1200px) / 720);
  }
}
@media screen and (min-width: 1920px) {
  .page-item-soswarriornetwork .infowindow__country {
    font-size: 18px;
  }
}
.page-item-soswarriornetwork .infowindow__city {
  font-size: 12px;
}
@media screen and (min-width: 1200px) {
  .page-item-soswarriornetwork .infowindow__city {
    font-size: calc(12px + 4 * (100vw - 1200px) / 720);
  }
}
@media screen and (min-width: 1920px) {
  .page-item-soswarriornetwork .infowindow__city {
    font-size: 16px;
  }
}
.page-item-soswarriornetwork .fade-in-processing {
  display: none !important;
}
.page-item-soswarriornetwork #SearchForm .form-group {
  flex-wrap: wrap;
}
.page-item-soswarriornetwork #SearchForm #PagedListSection {
  flex-basis: 100%;
}
.page-item-soswarriornetwork input.form-control:focus, .page-item-soswarriornetwork input.form-control:focus-visible,
.page-item-soswarriornetwork .dt-input:focus,
.page-item-soswarriornetwork .dt-input:focus-visible {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
  border-color: rgb(71.7833333333, 89.4833333333, 105.2166666667);
  outline: none;
}

.page-item-soswarriornetwork #SearchValue {
  padding-right: 43px;
}
.page-item-soswarriornetwork #SearchForm .form-group {
  display: flex;
}
.page-item-soswarriornetwork #SearchForm .form-group .input-group {
  flex-shrink: 0;
}
.page-item-soswarriornetwork div.dt-container div.dt-layout-cell.dt-end {
  text-align: left !important;
}

body.page-item-soswarriornetwork[dir=rtl] div.dt-container div.dt-layout-cell.dt-end {
  text-align: right !important;
}

.warrior-legend {
  display: flex;
  flex-wrap: wrap;
  margin-left: 30px;
  flex-grow: 1;
  flex-basis: calc(100% - 365px);
  justify-content: flex-end;
}
.warrior-legend__role {
  width: 25%;
  display: flex;
}
.warrior-legend__circle {
  min-width: 12px;
  width: 12px;
  height: 12px;
  border-radius: 12px;
  margin: 3px 10px 0;
}
.warrior-legend__circle-small {
  width: 16px;
  min-width: 16px;
  height: 16px;
  border-radius: 8px;
  border-width: 4px;
}
.warrior-legend__circle-alias {
  background-color: #ff0000;
}
.warrior-legend__circle-shadow {
  background-color: #1a92db;
}
.warrior-legend__circle-real {
  background-color: #08a000;
}
.warrior-legend__role_title {
  font-family: "Inter", sans-serif;
  color: #505b79;
  line-height: 1.3;
}
.warrior-legend__role_title {
  font-size: 12px;
}
@media screen and (min-width: 768px) {
  .warrior-legend__role_title {
    font-size: calc(12px + 3 * (100vw - 768px) / 1152);
  }
}
@media screen and (min-width: 1920px) {
  .warrior-legend__role_title {
    font-size: 15px;
  }
}

body[dir=rtl] .warrior-legend {
  margin-left: 0;
  margin-right: 30px;
}

.page-item-soswarriornetwork[dir=rtl] #SearchValue {
  direction: ltr;
  text-align: left;
}
.page-item-soswarriornetwork[dir=rtl] .input-group .input-group-btn {
  left: auto;
  right: 0;
}

.nav-item.active a {
  color: #d91f26;
}

.gm-style-iw-d {
  overflow: auto !important;
}

.gm-style-iw {
  padding: 12px !important;
}

.gm-style-iw > div {
  overflow: visible !important;
}

.infoWindow {
  overflow: hidden !important;
}

.gm-style-iw-chr .gm-style-iw-ch,
.gm-style-iw-chr button {
  position: absolute !important;
}

.gm-style-iw-chr button {
  right: 0;
  top: -5px;
}

[dir=rtl] .gm-style-iw-chr button {
  right: auto;
  left: -8px;
}

@media screen and (max-width: 768px) {
  .gm-style-iw-chr button {
    width: 38px !important;
    height: 38px !important;
    right: -8px;
  }
  .gm-style-iw-chr button span {
    margin: 10px !important;
    width: 16px !important;
    height: 16px !important;
  }
}
@media screen and (max-width: 1400px) {
  .page-item-soswarriornetwork .warrior-legend {
    margin-left: 3%;
  }
  body[dir=rtl] .warrior-legend {
    margin-left: 0;
    margin-right: 3%;
  }
}
@media screen and (max-width: 1200px) {
  .page-item-soswarriornetwork .warrior-legend {
    margin-left: 0;
    margin-right: 0;
  }
}
@media screen and (max-width: 992px) {
  .page-item-soswarriornetwork #SearchForm .form-group {
    flex-wrap: wrap;
  }
  .page-item-soswarriornetwork .warrior-legend__role {
    width: 50%;
  }
}
@media screen and (max-width: 767px) {
  .page-item-soswarriornetwork #PagedListSection {
    flex-wrap: wrap;
    margin-top: 0;
  }
  .page-item-soswarriornetwork #PagedListSection > div {
    flex-basis: 100%;
  }
  .page-item-soswarriornetwork .nav > li > a {
    padding: 10px 5px;
  }
  .page-item-soswarriornetwork .content-title {
    font-size: 16px;
    display: block;
  }
  .page-item-soswarriornetwork .content-title > div {
    text-align: center;
  }
  .page-item-soswarriornetwork .input-group {
    margin-bottom: 15px;
    flex-basis: 100%;
  }
  .page-item-soswarriornetwork .warrior-legend {
    flex-wrap: wrap;
    order: 3;
    flex-basis: 100%;
    margin-top: 2em;
  }
  .page-item-soswarriornetwork .warrior-legend__role {
    max-width: 100%;
    flex-basis: 100%;
    margin-bottom: 1em;
  }
  .page-item-soswarriornetwork .warrior-legend__circle {
    margin: 0 5px 0 0;
    min-width: 14px;
    width: 14px;
    height: 14px;
    border-width: 3px;
  }
  .page-item-soswarriornetwork .warrior-legend__role_title {
    text-align: left;
    width: calc(100% - 30px);
    margin-bottom: 0;
  }
  .page-item-soswarriornetwork[dir=rtl] .form-inline {
    text-align: center;
  }
  .page-item-soswarriornetwork[dir=rtl] .warrior-legend__circle {
    margin: 0 0 0 5px;
  }
  .page-item-soswarriornetwork[dir=rtl] .warrior-legend__role_title {
    text-align: right;
  }
  #sidebar {
    flex-basis: 100%;
    height: 88px;
    border: 1px solid rgba(86, 91, 96, 0.5);
    margin-bottom: 10px;
    box-shadow: 0 5px 15px rgba(86, 91, 96, 0.12);
    display: none;
  }
  #sidebar li {
    text-align: center;
  }
  #dvMap {
    width: 100%;
    height: 500px;
  }
  .infowindow__supporter-is-real {
    width: 80px;
    height: 80px;
    flex-shrink: 0;
  }
  .infowindow__supporter-is-real .center {
    width: 65px;
    height: 65px;
  }
  .infowindow__supporter-id {
    font-size: 18px;
    width: 65px;
    height: 65px;
    border-radius: 38px;
  }
  .infowindow__country {
    font-size: 12px;
  }
  .infowindow__city {
    font-size: 12px;
  }
  .infowindow__location {
    margin: 0 5px;
  }
  .member__sos-number {
    font-size: small;
  }
  .member__name {
    font-size: 14px;
  }
  .TeamProject__member .infowindow__supporter-is-real {
    width: 80px;
    height: 80px;
  }
  .infowindow__supporter-is-real .top,
  .infowindow__supporter-is-real .bottom {
    font-size: 12px;
  }
  .gm-style .gm-style-iw-c {
    padding: 5px !important;
    max-width: none !important;
  }
}
.news-list .media {
  margin: 8px 0;
  padding: 5px 0;
}
.news-list .media.active {
  background-color: rgb(241.5, 241.5, 241.5);
}
.news-list .media-body {
  font-size: 12px;
  text-align: left;
}
.news-list .media-heading {
  font-size: 18px;
  font-weight: 400;
  color: #071e61;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.5;
  cursor: pointer;
}
.news-list .media-heading p {
  font-weight: 600;
  font-family: "Inter", sans-serif;
}
.news-list .media-heading p {
  font-size: 14px;
}
@media screen and (min-width: 768px) {
  .news-list .media-heading p {
    font-size: calc(14px + 2 * (100vw - 768px) / 1152);
  }
}
@media screen and (min-width: 1920px) {
  .news-list .media-heading p {
    font-size: 16px;
  }
}
.news-list .media-heading:hover {
  text-decoration: none;
}
.news-list .media-heading:hover p {
  text-decoration: underline;
}
.news-list .media-object {
  border: 1px solid #ddd;
}
.news-list .btn-page {
  padding: 4px 24px;
}
.news-list .aspect-ratio {
  position: relative;
  display: block;
  padding-bottom: 56.25%;
  width: 100%;
}
.news-list .aspect-ratio-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.news-list .carousel-caption {
  background-color: rgba(0, 0, 0, 0.7);
  left: 0;
  bottom: 0;
  right: 0;
  text-align: left;
  padding: 16px;
  padding-right: 96px;
}
.news-list .carousel-caption .name,
.news-list .carousel-caption .summary {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.news-list .carousel-caption .name {
  font-size: 14px;
  color: #fff;
}
.news-list .carousel-caption .name:hover {
  text-decoration: none;
}
.news-list .carousel-caption .summary {
  margin-top: 8px;
  font-size: 12px;
  color: #ddd;
}
.news-list .carousel-caption .calendar {
  position: absolute;
  right: 8px;
  bottom: 0;
  background-color: red;
  text-align: center;
  padding: 8px;
  min-width: 85px;
}
.news-list .carousel-caption .calendar .day {
  font-weight: bold;
  font-size: 20px;
}
.news-list .carousel-caption .calendar .month {
  font-size: 14px;
}
.news-list .news-group .heading {
  padding-left: 0;
}
.news-list .news-group .media {
  border-top: 1px solid #ddd;
  padding-top: 8px;
}
.news-list .news-group .short-desc {
  margin-top: 8px;
  font-size: 14px;
  color: #071e61;
}
.news-list .news-group .content {
  margin-top: 15px;
}

.page-news-detail h2 {
  color: #d91f26;
}
.page-news-detail img {
  max-width: 100%;
  width: auto !important;
  height: auto !important;
}

.page-news-index .training-media-container {
  padding: 0;
}

.news-list .media-heading {
  padding: 1em;
}

@media only screen and (max-width: 767px) {
  .page-news-index .carousel {
    margin-bottom: 25px;
  }
  .news-list .media-body span {
    font-size: 11px;
  }
  .news-list .media-heading {
    font-size: 14px;
    padding-right: 2px;
  }
}
/* ----------- My Profile ----------- */
.profile-photo label {
  font-size: 14px;
}

#dgpopupSecuredInvitation .modal-lg {
  width: 90% !important;
}

.fieldNameLabel {
  color: #071e61 !important;
}

.list-container div:first-of-type {
  margin: 0 8px;
}

iframe[name=MemberPhotoUploadControl] {
  width: 100% important;
}

.MasBorderContent {
  border: 1px solid rgb(216.4945054945, 218.5, 220.5054945055) !important;
}

.date-column-points {
  width: 150px;
}

@media screen and (max-width: 767px) {
  .page-myaccount-invitees .form-inline select,
  .page-myaccount-invitees .form-inline .input-group {
    margin-bottom: 15px;
  }
  #inviteesContainer .table-responsive {
    font-size: 14px;
    overflow-y: visible;
  }
  #inviteesContainer .table-responsive th,
  #inviteesContainer .table-responsive thead {
    display: none;
  }
  #inviteesContainer .table-responsive tr,
  #inviteesContainer .table-responsive td {
    display: block;
  }
  #inviteesContainer .table-responsive tr {
    border-bottom: 1px solid #071e61;
    margin-bottom: 15px;
  }
  #inviteesContainer .table-responsive .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #fff;
  }
  #inviteesContainer .table-responsive td:first-of-type br {
    display: none;
  }
  #inviteesContainer .table-responsive td:first-of-type .hours {
    padding-left: 10px;
  }
  #inviteesContainer .table-responsive td a {
    padding: 5px;
    background-color: #071e61;
    color: #fff;
  }
  #inviteesContainer .table-responsive td:last-of-type span {
    display: none;
  }
  .date-column-points {
    width: 120px;
  }
  .td-date-column-points {
    font-size: 12px;
  }
}
/* ----------- My Votes ----------- */
.result-icon-container {
  background-color: rgba(0, 0, 0, 0.075);
  min-width: 50px;
  height: 50px;
  line-height: 50px;
  padding: 0;
  text-align: center;
}

/* ----------- Schedule ----------- */
.phases-container > div .timeline:before,
.phases-container > div .timeline:after {
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  border: 2px solid #fff;
  border-radius: 50%;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15);
  margin-top: -7px;
}

.phases-container > div.final .timeline:after {
  content: "";
  position: absolute;
  width: 22px;
  height: 22px;
  border: 2px solid #fff;
  border-radius: 50%;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15);
  margin-top: -11px;
  margin-left: -11px;
  left: 50%;
}

.phases-container.vertical .phase {
  margin-bottom: 35px;
  min-height: 100px;
}
.phases-container.vertical .phase .percentage {
  display: none;
  background-color: rgb(241.5, 241.5, 241.5);
}
.phases-container.vertical .phase .percentage .bar,
.phases-container.vertical .phase .percentage .number {
  display: inline-block;
  float: left;
}
.phases-container.vertical .phase .percentage .number {
  width: 50px;
}
.phases-container.vertical .phase .percentage .bar {
  height: 18px;
  background-color: rgb(190.5, 190.5, 190.5);
  width: 50%;
}
.phases-container.vertical .phase .percentage .number {
  height: 18px;
  line-height: 1;
  color: #d91f26;
  font-size: 20px;
  font-weight: 700;
  font-family: "Inter", sans-serif;
  margin-left: 5px;
  margin-right: 5px;
}
.phases-container.vertical .phase.active .phase-number {
  background-color: #d91f26;
  color: #fff;
}
.phases-container.vertical .phase.active .phase-title p {
  color: #d91f26;
}
.phases-container.vertical .phase.active .timeline .date {
  color: #d91f26;
}
.phases-container.vertical .phase.ended .phase-number {
  background-color: #08a000;
  color: #fff;
  border-color: #08a000;
}
.phases-container.vertical .phase.ended .phase-title p {
  color: #08a000;
}
.phases-container.vertical .phase.ended .timeline .date {
  color: #08a000;
}
.phases-container.vertical .phase .phase-title {
  min-height: 0;
  margin-bottom: 0;
}
.phases-container.vertical .phase .phase-title p {
  margin-bottom: 0;
}
.phases-container.vertical .phase .phase-title .current-date {
  background-color: #d91f26;
  border: 0;
  height: 30px;
}
.phases-container.vertical .phase .timeline {
  background-color: transparent;
  height: 0;
  margin-top: 0;
}
.phases-container.vertical .phase .timeline:before, .phases-container.vertical .phase .timeline:after {
  display: none;
}
.phases-container.vertical .phase .timeline .date {
  margin: 0;
  position: static;
  display: inline;
  font-size: 13px;
}
.phases-container.vertical .phase .timeline .end {
  margin-left: 10px;
}

.phases-container {
  position: relative;
  padding-top: 35px;
}
.phases-container:before {
  content: "";
  position: absolute;
  border-left: 1px dashed #ccc;
  /* background-color: #000 */
  bottom: 0;
  top: 35px;
  left: 50%;
  width: 1px;
  height: 100%;
}
.phases-container .phase-title {
  margin-bottom: 10px;
  min-height: 120px;
  position: relative;
}
.phases-container .phase-title i {
  font-size: 38px;
}
.phases-container .phase-title p {
  font-weight: 700;
  font-size: 15px;
  text-transform: uppercase;
}
.phases-container .timeline {
  margin-top: 10px;
  margin-bottom: 50px;
  height: 2px;
  position: relative;
}
.phases-container .phase {
  position: relative;
}
.phases-container .phase .phase-number {
  width: 50px;
  height: 50px;
  color: #1874ba;
  border-radius: 50%;
  border: 2px solid #d70000;
  background-color: #fff;
  font-size: 28px;
  font-weight: 700;
  font-family: "Inter", sans-serif;
  text-align: center;
  line-height: 50px;
  position: absolute;
  top: 0;
}
.phases-container .timeline .date {
  text-align: center;
  color: #284895;
  font-size: 15px;
  position: absolute;
  width: 100px;
  top: 15px;
}
.phases-container .timeline .date.start {
  left: -50px;
}
.phases-container .timeline .date.end {
  right: 0;
  margin-right: -50px;
}
.phases-container .timeline .date.ended {
  right: 50%;
  margin-right: -50px;
}
.phases-container .timeline .date span {
  display: inline-block;
}
.phases-container .timeline:before {
  left: -7px;
}
.phases-container .timeline:after {
  right: -7px;
}
.phases-container .phase {
  color: #1874ba;
  width: 50%;
}
.phases-container .phase .timeline {
  background-color: #09b6ff;
}
.phases-container .phase .timeline:before,
.phases-container .phase .timeline:after {
  background-color: #09b6ff;
}
.phases-container .current-date {
  padding: 5px 8px;
  border-radius: 4px;
  background-color: #798297;
  color: #fff;
  font-size: 14px;
  position: absolute;
  bottom: 0;
  width: 120px;
  margin-left: -60px;
  z-index: 1;
  border: 1px solid #fff;
  text-align: center;
}
.phases-container .current-date.p1,
.phases-container .current-date.p2 {
  display: block;
}
.phases-container .current-date:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 8px solid #798297;
  bottom: -8px;
  left: 50%;
  margin-left: -6px;
}
.phases-container .current-date.p1 {
  background-color: #09b6ff;
}
.phases-container .current-date.p1:after {
  border-top-color: #09b6ff;
}
.phases-container .current-date.p2 {
  background-color: #f760ee;
}
.phases-container .current-date.p2:after {
  border-top-color: #f760ee;
}

@media screen and (min-width: 1024px) {
  .phases-container .phase:nth-of-type(odd) {
    margin-left: 50%;
    padding-left: 50px;
  }
  .phases-container .phase:nth-of-type(odd) .percentage {
    position: absolute;
    left: -100%;
    right: 110%;
    top: 15px;
  }
  .phases-container .phase:nth-of-type(odd) .percentage .bar,
  .phases-container .phase:nth-of-type(odd) .percentage .number {
    float: right;
  }
  .phases-container .phase:nth-of-type(odd) .phase-number {
    left: -26px;
  }
  .phases-container .phase:nth-of-type(odd) .phase-title,
  .phases-container .phase:nth-of-type(odd) .timeline {
    text-align: left;
  }
  .phases-container .phase:nth-of-type(odd) .current-date {
    left: -116px;
  }
  .phases-container .phase:nth-of-type(odd) .current-date:after {
    border-left: 8px solid #d91f26;
    border-right: 6px solid transparent;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    top: 9px;
    left: 126px;
  }
  .phases-container .phase:nth-of-type(even) {
    padding-right: 50px;
    margin-right: 50%;
  }
  .phases-container .phase:nth-of-type(even) .percentage {
    position: absolute;
    right: -100%;
    left: 110%;
    top: 15px;
  }
  .phases-container .phase:nth-of-type(even) .percentage .bar,
  .phases-container .phase:nth-of-type(even) .percentage .number {
    float: left;
  }
  .phases-container .phase:nth-of-type(even) .phase-number {
    right: -26px;
  }
  .phases-container .phase:nth-of-type(even) .phase-title,
  .phases-container .phase:nth-of-type(even) .timeline {
    text-align: right;
  }
  .phases-container .phase:nth-of-type(even) .current-date {
    right: -180px;
  }
  .phases-container .phase:nth-of-type(even) .current-date:after {
    border-left: 6px solid transparent;
    border-right: 8px solid #d91f26;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    top: 9px;
    left: -8px;
  }
}
@media screen and (max-width: 1024px) {
  .phases-container .phase {
    width: 100%;
  }
  .phases-container .phase .phase-title,
  .phases-container .phase .timeline {
    margin-left: 50px;
    margin-right: 50px;
  }
  .phases-container .phase .phase-number {
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 20px;
  }
  .phases-container:before {
    left: 16px;
  }
  .phases-container .current-date {
    left: -32px;
    width: 90px;
    font-size: 12px;
    height: 27px;
  }
  .phases-container .current-date:after {
    display: none;
  }
  .phases-container.vertical .phase.active .percentage {
    margin-left: 50px;
    right: 0;
  }
}
@media screen and (max-width: 768px) {
  .phases-container .current-date {
    padding: 5px;
    width: 90px;
    margin-left: -45px;
    font-size: 11px;
  }
  .phases-container .timeline .date {
    font-size: 12px;
  }
}
@media screen and (max-width: 767px) {
  .schedule h1 {
    font-size: 22px;
    margin-bottom: 20px;
  }
  .phase1 .phase-title,
  .phase2 .phase-title {
    min-height: 80px;
  }
  .phases-container.vertical .phase {
    margin-left: 5px;
    margin-right: 5px;
    width: auto;
  }
  .phases-container.vertical .phase .phase-title .current-date {
    height: 22px;
    width: 85px;
    margin-left: -20px;
    top: 100px !important;
    padding: 3px;
  }
  .phases-container.vertical .timeline {
    margin-bottom: 30px;
  }
}
/* ----------- Create Poll ----------- */
.page-create-poll #frmCreatePoll {
  max-width: 100%;
  margin: 0 auto;
}
.page-create-poll #frmCreatePoll .content-trivia {
  min-height: 400px;
}
.page-create-poll #frmCreatePoll #dvSelectOption {
  max-width: 800px;
  margin: auto;
}
.page-create-poll #frmCreatePoll .header-trivia {
  position: relative;
  margin-top: 0px;
  margin-bottom: 20px;
  padding: 0;
  padding-bottom: 13px;
  border-bottom: 1px solid #cee4e4;
}
.page-create-poll #frmCreatePoll .header-trivia .main-title {
  font-size: 22px;
  font-family: "Inter", sans-serif;
  margin-top: 10px;
}
.page-create-poll #frmCreatePoll .header-trivia .countdown-days {
  display: table;
  margin-left: auto;
  margin-right: auto;
}
.page-create-poll #frmCreatePoll .header-trivia .countdown-days .message-description {
  display: table-cell;
  vertical-align: middle;
  padding: 0 9px;
}
.page-create-poll #frmCreatePoll .header-trivia .countdown-days .cnt-days {
  display: table-cell;
  vertical-align: middle;
  border-radius: 7px;
  background: #e1e1e1;
  background: -moz-linear-gradient(top, #e1e1e1 1%, #c7c7c7 100%);
  background: -webkit-linear-gradient(top, #e1e1e1 1%, #c7c7c7 100%);
  background: linear-gradient(to bottom, #e1e1e1 1%, #c7c7c7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#e1e1e1", endColorstr="#c7c7c7",GradientType=0 );
  text-align: center;
  border-bottom: 3px solid #696969;
}
.page-create-poll #frmCreatePoll .header-trivia .countdown-days .cnt-days .days-value {
  font-size: 16px;
  font-weight: 700;
  color: #333;
  text-shadow: 0 1px rgba(255, 255, 255, 0.5);
  padding: 4px 15px;
  margin: 0;
  line-height: 1;
}
.page-create-poll #frmCreatePoll .header-trivia .countdown-days .cnt-days .days-text {
  background-color: #a8a8a8;
  border-top: 1px solid #d9d9d9;
  color: #333;
  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
  font-weight: 700;
  font-size: 12px;
  line-height: 12px;
  padding: 4px 6px 2px;
  margin: 0;
}
.page-create-poll #frmCreatePoll .pQuestion {
  font-size: 22px;
  font-weight: bold;
  font-family: "Inter", sans-serif;
  margin-top: 45px;
  margin-bottom: 45px;
}
.page-create-poll #frmCreatePoll .divAnswer {
  margin: 15px;
}
.page-create-poll #frmCreatePoll .drawAnswer {
  border-radius: 48px;
  padding: 17px 18px;
  line-height: 1;
  border: 2px solid #c7cfec;
  background: #f6f8ff;
  cursor: pointer;
  margin-bottom: 15px;
}
.page-create-poll #frmCreatePoll .drawAnswer span {
  font-weight: bold;
  font-size: 20px;
}
.page-create-poll #frmCreatePoll .drawAnswer img {
  max-width: 100%;
}
.page-create-poll #frmCreatePoll .colQuestion.active .drawAnswer {
  border: 2px solid #2fa44a;
  background-color: #fff;
}
.page-create-poll #frmCreatePoll #btnSubmit {
  border-radius: 48px;
  padding: 12px 24px;
  line-height: 1;
  background-color: #2fa44a;
  border: 1px;
  color: #fff;
  min-width: 125px;
  font-size: 24px;
  font-family: "Inter", sans-serif;
}
.page-create-poll #frmCreatePoll .bottom-container {
  margin-top: 45px;
}

.answered-percentage {
  opacity: 0.25;
  background-color: #343c4e;
  border-radius: 6px;
  padding: 2px 5px;
  position: absolute;
  top: -7px;
  left: 0;
  color: #fff;
  font-size: 12px;
}

.colQuestion.wrong .drawAnswer {
  border: 2px solid #F83215;
  color: #F83215;
  animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}

.colQuestion.correct .drawAnswer {
  border: 2px solid #50a32b;
  color: #50a32b;
  animation: bgCorrect 0.25s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}

.ThankVoteQuiz {
  font-size: 32px;
  padding-top: 10px;
  color: #2ea44a;
}

.ReadDetail {
  padding: 10px;
  display: inline-block;
  font-size: 15px;
  font-weight: normal;
  text-decoration: underline;
  color: #565b60;
}

@media only screen and (max-width: 767px) {
  .page-create-poll #frmCreatePoll .header-trivia .main-title {
    font-size: 20px;
  }
  .page-create-poll #frmCreatePoll .pQuestion {
    font-size: 18px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .page-create-poll #frmCreatePoll .drawAnswer {
    padding: 12px 14px;
  }
  .page-create-poll #frmCreatePoll .drawAnswer span {
    font-size: 15px;
  }
}
.poll-form .form-group {
  text-align: center;
}
.poll-form .form-control {
  display: block;
  width: 100%;
}
.poll-form .control-label {
  font-size: 20px;
  font-weight: bold;
}
.poll-form .text-block {
  display: block;
}
.poll-form .mt-2 {
  margin-top: 32px;
}
.poll-form .answer-item .control-label {
  width: 30px;
  text-align: right;
}
.poll-form .answer-item .form-control {
  display: inline;
  width: 460px;
}
.poll-form .answer-item .ml-3 {
  margin-left: 30px;
}
.poll-form .answer-item .error {
  margin-left: 30px;
  margin-top: 4px;
  display: block;
  text-align: left;
}

#PollForm {
  width: 500px;
  margin-left: auto;
  margin-right: auto;
}
#PollForm .control-date {
  display: inline-block;
  width: 380px;
}
#PollForm #AnswerForm .answer-item:first-child .delete-answer {
  display: none;
}

/* ----------- Training ----------- */
.training-media-container {
  margin-bottom: 30px;
  padding: 1em;
  border-radius: 6px;
  background-color: #fff;
  box-shadow: 0 3px 9px #d7e0e6;
  height: 100%;
  border: 1px solid transparent;
}
.training-media-container:hover {
  border-color: rgba(7, 30, 97, 0.4);
}
.training-media-container .media-title {
  font-weight: 700;
  text-align: left;
}

@media only screen and (min-width: 1200px) {
  .page-training-index .modal-dialog {
    width: 992px;
  }
}
.thumbnail-container {
  border: 2px solid #1c5489;
  overflow: hidden;
}
.thumbnail-container img {
  width: 100%;
}

.thumbnail-container {
  position: relative;
  cursor: pointer;
}
.thumbnail-container:hover img {
  transform: scale(1.03);
  transition: all 0.2s ease-in-out 0s;
}
.thumbnail-container:hover .icon-play {
  background-color: rgba(7, 30, 97, 0.2);
  font-size: 40px;
}

.icon-play {
  background-size: 40px 40px;
  color: #fff;
  cursor: pointer;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 22px !important;
  text-shadow: 0 0 30px #071e61;
  border: 1px solid #fff;
  border-radius: 45px;
  left: 50%;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.2s ease-in-out;
}

.media-info {
  margin-top: 10px;
}

.media-published-date {
  color: #8c9399;
  font-size: small;
}

.press-container .thumbnail-container {
  max-width: 150px;
}
.press-container .media-title {
  font-weight: normal;
  text-align: left;
}
.press-container .text-warning {
  color: #d91f26;
}

.press-list-container {
  margin-top: 30px;
}
.press-list-container #listContainer > div {
  margin-bottom: 30px;
}

.tags-filter {
  margin-top: 20px;
  text-align: center;
}
.tags-filter a {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 4px;
  margin-bottom: 5px;
  border: 1px solid #ced1d8;
  font-size: 14px;
}
.tags-filter a span:nth-of-type(2) {
  float: right;
}
.tags-filter a:hover, .tags-filter a:active, .tags-filter a:focus {
  background-color: #eee;
  text-decoration: none;
}
.tags-filter a.active {
  background-color: #193fad;
  border-color: #193fad;
  color: #fff;
}
.tags-filter i {
  width: 30px;
  vertical-align: middle;
}
.tags-filter select {
  width: calc(100% - 40px) !important;
  vertical-align: top !important;
}

.page-training-index .content-title {
  margin-bottom: 10px;
}
.page-training-index #tabContestStatus {
  margin-bottom: 0;
  display: inline-block;
  padding: 0;
}
.page-training-index .img-wrapper {
  position: relative;
  width: 100%;
  padding-bottom: 75% !important;
  overflow: hidden;
  background-color: #333;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-training-index .img-wrapper i {
  color: #fff;
  font-size: 90px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.page-training-index .img-wrapper a {
  display: block;
  width: 100%;
  height: 100%;
  background-color: red;
}
.page-training-index .img-wrapper .media-thumbnail {
  max-width: 95% !important;
  max-height: 95% !important;
  height: auto !important;
  width: auto !important;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.page-training-index .media-title {
  font-weight: 400;
  margin: 10px 0;
  line-height: 1.3;
  height: 2.5em;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.page-training-index .media-title {
  font-size: 14px;
}
@media screen and (min-width: 768px) {
  .page-training-index .media-title {
    font-size: calc(14px + 4 * (100vw - 768px) / 1152);
  }
}
@media screen and (min-width: 1920px) {
  .page-training-index .media-title {
    font-size: 18px;
  }
}
.page-training-index .media-info {
  display: flex;
  flex-wrap: wrap;
}
.page-training-index .media-info .media-submitedby {
  margin-right: auto;
  flex: 1 1 auto;
  font-size: small;
}
.page-training-index .media-info .media-published-date {
  margin-left: auto;
  flex: 1 1 auto;
  white-space: nowrap;
  text-align: right;
  font-size: small;
}
.page-training-index .media-info .media-tag {
  text-align: center;
  font-size: 12px;
  width: 100%;
  order: 1;
  padding: 5px 0;
}
.page-training-index .modal .modal-body {
  padding-left: 50px;
  padding-right: 50px;
  padding-top: 0;
}
.page-training-index .modal .modal-header {
  border: 0;
  padding: 20px;
  margin-bottom: -10px;
}
.page-training-index .modal .modal-header h4 {
  display: none;
}
.page-training-index .modal .media-title {
  margin-top: 15px;
  font-size: 26px;
  font-weight: 500;
  margin-bottom: 20px;
}
.page-training-index .modal .media-tag {
  margin-top: 30px;
  font-size: 14px;
  text-align: right;
}

.modal-image {
  position: relative;
  z-index: 1;
}
.modal-image > div:nth-of-type(1) {
  position: relative;
  width: 100%;
}
.modal-image > div:nth-of-type(1) img {
  max-width: 100% !important;
  margin-bottom: 0;
}

.media-description {
  color: #565b60;
  margin-top: 20px;
}

.media-title-name .city-date-row {
  display: none;
}
.media-title-name .event-title {
  margin-bottom: 0.5em;
  font-size: x-large;
}

.page-project-index [id^=dgcontainer-list-media] .modal-body {
  padding: 15px 50px;
}
.page-project-index [id^=dgcontainer-list-media] .modal-body i {
  font-size: xx-large;
  vertical-align: middle;
}

.page-project-index [id^=dgcontainer-list-media] .modal-body {
  min-height: 400px;
}

.modal-image {
  min-height: 400px;
  margin-top: 15px;
}

.media-controls a {
  color: #d70000;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 50px;
}
.media-controls a:nth-of-type(1) {
  left: -40px;
}
.media-controls a:nth-of-type(2) {
  right: -40px;
}

[dir=rtl] .media-controls {
  display: flex;
}
[dir=rtl] .media-controls a:nth-of-type(1) {
  order: 2;
  right: -40px;
  left: auto;
  transform: scaleX(-1) translateY(-50%);
}
[dir=rtl] .media-controls a:nth-of-type(2) {
  order: 1;
  left: -40px;
  right: auto;
  transform: scaleX(-1) translateY(-50%);
}

.page-training-index[dir=rtl] #tabContestStatus {
  text-align: right;
}

@media only screen and (max-width: 767px) {
  .press-list-container {
    margin-top: 0;
  }
  .training-media-container td {
    word-wrap: break-word;
    white-space: normal !important;
  }
  .training-media-container td:nth-of-type(3) {
    width: 30px;
  }
  .training-media-container td .media-published-date {
    font-size: 10px;
  }
  .training-media-container .media-title {
    font-size: 15px;
    text-align: left;
    font-weight: 600;
  }
  .training-media-container .media-info {
    margin-top: 0;
    display: inline-block;
    vertical-align: top;
  }
  .training-media-container td > .media-info {
    display: block;
    width: 100%;
  }
  .training-media-container td > .media-info .media-title {
    word-break: normal;
  }
  [dir=rtl] .training-media-container .media-title {
    text-align: right;
  }
  .press-container th a {
    font-size: 10px;
  }
  .press-container th th:nth-of-type(1) {
    width: 70px !important;
  }
  .press-container th th:nth-of-type(3) {
    width: 50px !important;
  }
  .icon-play {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
  }
  .thumbnail-container:hover .icon-play {
    font-size: 19px;
  }
  .page-training-index .modal .modal-body {
    padding-left: 30px;
    padding-right: 30px;
  }
  .page-training-index .modal .media-title {
    font-size: large;
    margin-bottom: 10px;
    text-align: center;
  }
  .page-training-index .modal .media-tag {
    font-size: small;
    text-align: center;
    margin-top: 0;
    margin-bottom: 15px;
  }
  .page-training-index .modal .media-controls a {
    font-size: 30px;
  }
  .page-training-index .modal .media-controls a:nth-of-type(1) {
    left: -27px;
  }
  .page-training-index .modal .media-controls a:nth-of-type(2) {
    right: -27px;
  }
  .page-training-index .media-title {
    height: auto;
  }
  .tags-filter a {
    font-size: 12px;
    padding: 3px 5px;
  }
  .training-media-container td:nth-of-type(1) {
    width: 20%;
  }
  .training-media-container td:nth-of-type(3) {
    width: 20%;
  }
  .media-title-name {
    text-align: center;
  }
  .media-title-name .event-title {
    font-size: large;
  }
  .page-project-index [id^=dgcontainer-list-media] .modal-body {
    padding: 15px 30px;
  }
  .media-controls a:nth-of-type(1) {
    left: -30px;
  }
  .media-controls a:nth-of-type(2) {
    right: -30px;
  }
  [dir=rtl] .media-controls a:nth-of-type(1) {
    right: -30px;
  }
  [dir=rtl] .media-controls a:nth-of-type(2) {
    left: -30px;
  }
}
@keyframes offsetAnimation {
  0% {
    stroke-dashoffset: 100%;
  }
  50% {
    stroke-dashoffset: 50%;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
.page-home-orgchart .flex-col-20p,
.page-home-organization .flex-col-20p {
  width: 20%;
  position: relative;
  border: 1px solid red;
}
.page-home-orgchart .content-inner,
.page-home-organization .content-inner {
  max-width: 1487px;
}
.page-home-orgchart .content-inner .org-container,
.page-home-organization .content-inner .org-container {
  width: 1450px;
  padding: 25px 0;
  border-radius: 15px;
  position: relative;
}
.page-home-orgchart .content-inner .org-container .flex-col-3,
.page-home-organization .content-inner .org-container .flex-col-3 {
  width: 25% !important;
}
.page-home-orgchart .content-inner .org-container img,
.page-home-organization .content-inner .org-container img {
  pointer-events: none;
}
.page-home-orgchart .content-inner .org-container:not(.council-all) .council-container [class^=flex-col-]:not(.main-category),
.page-home-orgchart .content-inner .org-container:not(.council-all) #Executive_Management_FIP,
.page-home-organization .content-inner .org-container:not(.council-all) .council-container [class^=flex-col-]:not(.main-category),
.page-home-organization .content-inner .org-container:not(.council-all) #Executive_Management_FIP {
  display: none;
}
.page-home-orgchart .content-inner .org-container.council-all #Executive_Management,
.page-home-organization .content-inner .org-container.council-all #Executive_Management {
  display: none;
}
.page-home-orgchart .content-inner .downfall,
.page-home-organization .content-inner .downfall {
  text-align: right;
  font-size: x-large;
  color: red;
}
.page-home-orgchart .register-orgchart-title,
.page-home-organization .register-orgchart-title {
  font-weight: 700;
}
.page-home-orgchart .matching-skills,
.page-home-organization .matching-skills {
  background-color: #00cc33;
  border-radius: 5px;
  color: #fff;
  padding: 5px;
  line-height: 1;
}
.page-home-orgchart .department-matched-skills,
.page-home-organization .department-matched-skills {
  border-color: #00cc33 !important;
}
.page-home-orgchart .department-matched-skills:after,
.page-home-organization .department-matched-skills:after {
  position: absolute;
  content: "";
  background-color: #00cc33;
  width: 14px;
  height: 14px;
  border-radius: 7px;
  top: 50%;
  left: 8px;
  transform: translateY(-7px);
}
.page-home-orgchart .department-matched-skills:hover,
.page-home-organization .department-matched-skills:hover {
  background-color: #ccf5d6 !important;
}
.page-home-orgchart .department-matched-skills.active,
.page-home-organization .department-matched-skills.active {
  background-color: #00cc33 !important;
  color: #fff !important;
}
.page-home-orgchart .department-matched-skills.active:after,
.page-home-organization .department-matched-skills.active:after {
  content: "\f00c";
  font-family: FontAwesome;
  line-height: 1;
  top: calc(50% - 5px);
}
.page-home-orgchart .sub-departments,
.page-home-organization .sub-departments {
  padding-left: 30px;
  position: relative;
  width: 100%;
}
.page-home-orgchart .sub-departments:after,
.page-home-organization .sub-departments:after {
  position: absolute;
  content: "";
  background-color: #d6e5f0;
  width: 1px;
  top: -17px;
  left: 10px;
  bottom: 45px;
}
.page-home-orgchart .sub-departments .department-link,
.page-home-organization .sub-departments .department-link {
  height: 49px !important;
  margin-top: 0 !important;
}
.page-home-orgchart .sub-departments .department-link:before,
.page-home-organization .sub-departments .department-link:before {
  position: absolute;
  content: "";
  background-color: #d6e5f0;
  height: 1px;
  width: 20px;
  top: calc(50% - 3px);
  left: -22px;
}
.page-home-orgchart .svg-container,
.page-home-organization .svg-container {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  pointer-events: none;
  z-index: 1;
  margin-left: -10px;
  margin-right: -10px;
  left: 0;
}
.page-home-orgchart svg,
.page-home-organization svg {
  height: 100%;
  width: 100%;
}
.page-home-orgchart svg path,
.page-home-organization svg path {
  stroke-width: 1;
  stroke: #717c8f;
  stroke-linecap: round;
  fill: none;
  stroke-dasharray: 5 6;
}
.page-home-orgchart svg .pathHover,
.page-home-organization svg .pathHover {
  stroke-width: 3;
  animation-name: offsetAnimation;
  animation-duration: 10s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
.page-home-orgchart a.department-link.orange,
.page-home-organization a.department-link.orange {
  background-color: #ec6e22;
  color: #fff;
  width: 75%;
  border-radius: 20px;
  padding: 30px;
  display: inline-block;
  text-align: center;
  margin-top: 30px;
  font-size: 20px;
  font-weight: 700;
}
.page-home-orgchart .org-container .flex-row, .page-home-orgchart .org-container .TeamProject__block,
.page-home-organization .org-container .flex-row,
.page-home-organization .org-container .TeamProject__block {
  z-index: 2;
  position: relative;
}
.page-home-orgchart .org-container .flex-col-4,
.page-home-organization .org-container .flex-col-4 {
  padding-left: 30px;
  padding-right: 30px;
}
.page-home-orgchart .org-container a:hover,
.page-home-orgchart .org-container a:active,
.page-home-orgchart .org-container a:focus,
.page-home-organization .org-container a:hover,
.page-home-organization .org-container a:active,
.page-home-organization .org-container a:focus {
  text-decoration: none;
  color: #1c5489;
}
.page-home-orgchart .org-container a.allowmembership,
.page-home-organization .org-container a.allowmembership {
  border: 2px solid #08a000 !important;
}
.page-home-orgchart .org-container a.department-link-subc.atallowmembership,
.page-home-organization .org-container a.department-link-subc.atallowmembership {
  border: 2px solid !important;
}
.page-home-orgchart .org-container a.notallowmembership,
.page-home-organization .org-container a.notallowmembership {
  border-color: #d91f26;
}
.page-home-orgchart .org-container .people a.department-link,
.page-home-orgchart .org-container .trustees a.department-link,
.page-home-orgchart .org-container .council a.department-link,
.page-home-organization .org-container .people a.department-link,
.page-home-organization .org-container .trustees a.department-link,
.page-home-organization .org-container .council a.department-link {
  width: 319px;
  height: 65px;
  font-size: 24px;
  font-weight: 700;
  line-height: 65px;
  position: absolute;
  border: 2px solid #7e9cc5;
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  text-align: center;
  align-items: center;
}
.page-home-orgchart .org-container .people .line-text,
.page-home-orgchart .org-container .trustees .line-text,
.page-home-orgchart .org-container .council .line-text,
.page-home-organization .org-container .people .line-text,
.page-home-organization .org-container .trustees .line-text,
.page-home-organization .org-container .council .line-text {
  position: absolute;
  color: #ec6e22;
  font-size: 15px;
  text-align: center;
  width: 230px;
  margin-top: 5px;
}
.page-home-orgchart .org-container .council a.department-link,
.page-home-organization .org-container .council a.department-link {
  position: static;
  margin-top: 16px;
  margin-bottom: 17px;
  width: 100%;
  height: 55px;
  line-height: initial;
  color: #434d57;
  font-size: 20px;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.2;
  padding: 5px 0 5px 10px;
  position: relative;
}
.page-home-orgchart .org-container .council a.department-link i,
.page-home-organization .org-container .council a.department-link i {
  color: #d91f26;
  position: absolute;
  right: 10px;
}
.page-home-orgchart .org-container .council a.department-link.dd,
.page-home-organization .org-container .council a.department-link.dd {
  padding-left: 0;
  padding-right: 25px;
}
.page-home-orgchart .org-container .council a.department-link.department-matched-skills,
.page-home-organization .org-container .council a.department-link.department-matched-skills {
  padding-left: 25px;
}
.page-home-orgchart .org-container .council .dropdown,
.page-home-organization .org-container .council .dropdown {
  width: 100%;
  margin-left: -2px;
}
.page-home-orgchart .org-container .council .dropdown .dropdown-menu,
.page-home-organization .org-container .council .dropdown .dropdown-menu {
  margin-top: -15px;
  width: 100%;
  border: 1px solid #d91f26;
  padding: 10px 5px;
  border-radius: 8px;
}
.page-home-orgchart .org-container .council .dropdown .dropdown-menu a,
.page-home-organization .org-container .council .dropdown .dropdown-menu a {
  font-size: 16px;
  text-align: center;
  padding: 5px 10px;
  color: #071e61;
  border-radius: 5px;
  margin-bottom: 4px;
  white-space: normal;
}
.page-home-orgchart .org-container .council .dropdown .dropdown-menu a:hover,
.page-home-organization .org-container .council .dropdown .dropdown-menu a:hover {
  background-color: #e6eff7;
}
.page-home-orgchart .org-container .council .dropdown .dropdown-menu .dropdown-menu,
.page-home-organization .org-container .council .dropdown .dropdown-menu .dropdown-menu {
  margin-top: 0;
}
.page-home-orgchart .org-container .council #Social_Cultural_Affairs_dd .dropdown-menu,
.page-home-organization .org-container .council #Social_Cultural_Affairs_dd .dropdown-menu {
  width: 600px;
  padding: 10px 15px;
  margin-left: -170.5px;
}
.page-home-orgchart .org-container .council #Social_Cultural_Affairs_dd .dropdown-menu [class^=col-sm],
.page-home-organization .org-container .council #Social_Cultural_Affairs_dd .dropdown-menu [class^=col-sm] {
  padding: 0 3px;
}
.page-home-orgchart .org-container .council #Social_Cultural_Affairs_dd .dropdown-menu a,
.page-home-organization .org-container .council #Social_Cultural_Affairs_dd .dropdown-menu a {
  display: block;
  font-size: 14px;
}
.page-home-orgchart .org-container .people,
.page-home-organization .org-container .people {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  z-index: 3;
}
.page-home-orgchart .org-container .people a.department-link:not(.cursor-default):hover, .page-home-orgchart .org-container .people a.department-link:not(.cursor-default):active, .page-home-orgchart .org-container .people a.department-link:not(.cursor-default):focus,
.page-home-organization .org-container .people a.department-link:not(.cursor-default):hover,
.page-home-organization .org-container .people a.department-link:not(.cursor-default):active,
.page-home-organization .org-container .people a.department-link:not(.cursor-default):focus {
  background-color: #e6edf8;
}
.page-home-orgchart .org-container .trustees,
.page-home-organization .org-container .trustees {
  position: absolute;
  top: 261px;
  left: 50px;
  width: calc(100% - 100px);
}
.page-home-orgchart .org-container .trustees .trustees-container,
.page-home-organization .org-container .trustees .trustees-container {
  margin-top: 183px;
  border-radius: 10px;
  padding: 0 25px;
}
.page-home-orgchart .org-container .trustees a.department-link:not(.cursor-default),
.page-home-organization .org-container .trustees a.department-link:not(.cursor-default) {
  position: static;
  margin-top: 16px;
  margin-bottom: 17px;
}
.page-home-orgchart .org-container .trustees a.department-link:not(.cursor-default):hover, .page-home-orgchart .org-container .trustees a.department-link:not(.cursor-default):active, .page-home-orgchart .org-container .trustees a.department-link:not(.cursor-default):focus,
.page-home-organization .org-container .trustees a.department-link:not(.cursor-default):hover,
.page-home-organization .org-container .trustees a.department-link:not(.cursor-default):active,
.page-home-organization .org-container .trustees a.department-link:not(.cursor-default):focus {
  background-color: #e6edf8;
}
.page-home-orgchart .org-container .council,
.page-home-organization .org-container .council {
  position: absolute;
  top: 274px;
  left: 10px;
  width: calc(100% - 20px);
  background-color: #fff;
}
.page-home-orgchart .org-container .council a.department-link:not(.cursor-default),
.page-home-organization .org-container .council a.department-link:not(.cursor-default) {
  border-color: #7e9cc5;
}
.page-home-orgchart .org-container .council a.department-link:not(.cursor-default):hover, .page-home-orgchart .org-container .council a.department-link:not(.cursor-default):active, .page-home-orgchart .org-container .council a.department-link:not(.cursor-default):focus,
.page-home-organization .org-container .council a.department-link:not(.cursor-default):hover,
.page-home-organization .org-container .council a.department-link:not(.cursor-default):active,
.page-home-organization .org-container .council a.department-link:not(.cursor-default):focus {
  background-color: #e6edf8;
}
.page-home-orgchart .org-container .council .dropdown-menu a.department-link:not(.cursor-default),
.page-home-organization .org-container .council .dropdown-menu a.department-link:not(.cursor-default) {
  border: 0;
}
.page-home-orgchart .org-container .council .council-container,
.page-home-organization .org-container .council .council-container {
  margin-top: 0;
  border: 4px solid #1a92db;
  border-radius: 10px;
  padding: 15px 25px 15px;
  width: 100%;
  height: 100%;
}
.page-home-orgchart .org-container .council .council-container [class^=flex-col-],
.page-home-organization .org-container .council .council-container [class^=flex-col-] {
  justify-content: flex-start;
}
.page-home-orgchart .org-container .council .council-container .flex-container-fluid,
.page-home-organization .org-container .council .council-container .flex-container-fluid {
  display: inline-block;
  width: 100%;
}
.page-home-orgchart .org-container .council .council-container .department-link,
.page-home-organization .org-container .council .council-container .department-link {
  width: 100%;
}
.page-home-orgchart .org-container a.department-link-root,
.page-home-organization .org-container a.department-link-root {
  position: absolute;
  width: 319px;
  height: 65px;
  border-radius: 10px;
  border: 2px solid #7e9cc5;
  line-height: 1;
  color: #1c5489;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  align-items: center;
  justify-content: center;
  font-size: 22px;
  font-weight: 400;
  padding: 5px 10px;
  margin: 0 auto 10px;
  text-align: center;
  display: flex;
  left: 50%;
  margin-left: -160.5px;
  background-color: #fff;
}
.page-home-orgchart .org-container a.department-link-root:hover:not(.cursor-default):not(.btn-disabled),
.page-home-organization .org-container a.department-link-root:hover:not(.cursor-default):not(.btn-disabled) {
  background-color: #e6edf8;
}
.page-home-orgchart .org-container a.department-link-root.btn-disabled,
.page-home-organization .org-container a.department-link-root.btn-disabled {
  cursor: default;
}
.page-home-orgchart .org-container-mobile a.department-link,
.page-home-organization .org-container-mobile a.department-link {
  border: 2px solid #b1cee4;
  display: block;
  border-radius: 5px;
  padding: 5px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  margin-bottom: 10px;
  text-align: center;
}
.page-home-orgchart .org-container-mobile a.allowmembership,
.page-home-organization .org-container-mobile a.allowmembership {
  border-color: #08a000;
}
.page-home-orgchart .org-container-mobile a.notallowmembership,
.page-home-organization .org-container-mobile a.notallowmembership {
  border-color: #d91f26;
}
.page-home-orgchart .org-container-mobile img,
.page-home-organization .org-container-mobile img {
  display: inline-block;
}
.page-home-orgchart .management-council,
.page-home-organization .management-council {
  background-color: #b1cee4;
  border: 5px solid #fff;
  width: 236px;
  height: 236px;
  line-height: 236px;
  border-radius: 118px;
  margin-bottom: 50px;
  text-align: center;
  box-shadow: 0 0 35px rgba(18, 60, 78, 0.2);
  top: 0;
  z-index: 1;
  opacity: 0.9;
}
.page-home-orgchart .management-council:hover,
.page-home-organization .management-council:hover {
  text-decoration: none;
}
.page-home-orgchart .management-council p,
.page-home-organization .management-council p {
  line-height: 1;
  margin-top: 90px;
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 26px;
  text-shadow: 0 1px #e0ebf4;
}

#SelectedDeptConfirmDialog {
  margin-top: 100px;
  margin-bottom: 100px;
}
#SelectedDeptConfirmDialog .org-container {
  margin-bottom: 50px;
}
#SelectedDeptConfirmDialog .department-matched-skills {
  font-weight: 700;
  width: 280px;
}

/*@media screen and (min-width: 768px)
 *  .page-home-orgchart
 *      .org-container
 *          position: relative
 *          // height: 790px*/
/* D3 Orgchart */
.svg-orgchart {
  touch-action: none;
}

.node text.icon {
  font-weight: 700;
  font-size: 24px;
  fill: red;
  cursor: pointer;
  text-anchor: middle;
}

.node .rect {
  fill: #fff;
  stroke-width: 1px;
  stroke: #7e9cc5;
  -webkit-filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.1));
  -webkit-filter-filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.1));
}

.node .rect.AllowMembership {
  stroke: #08a000;
  stroke-width: 2px;
}

.node .node-nonclickable {
  fill: #ff0000;
}

.node circle {
  cursor: pointer;
  stroke: #3182bd;
  stroke-width: 1.5px;
}

.node:hover circle {
  transform: scale(1.5);
  transition: transform 0.25s ease-out 0s;
}

.node text {
  cursor: default;
}

.node .circleG text {
  pointer-events: none;
}

.node a {
  padding: 5px;
  border: 1px solid #ccc;
}

.node text.title-en, .node text.title-fr {
  font: 14px sans-serif;
  font-weight: 400;
  /*pointer-events: none*/
  text-anchor: middle;
  /*cursor: default;*/
  /*max-width: 140px*/
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.node text.title-fr {
  font-size: 18px;
  transform: translateY(-8px);
}
.node .projects-group {
  cursor: pointer;
}
.node .projects-count-red {
  fill: #d91f26;
}
.node .projects-count-blue {
  fill: #1874ba;
}
.node .projects-text {
  fill: #fff;
  font-weight: 700;
}

.node .organization-thumbnail {
  box-shadow: 0 10px 20px rgba(7, 30, 97, 0.25);
}

.node-organizations circle,
.node-organizations image,
.node-organizations a {
  transition: transform 0.25s ease-out;
}
.node-organizations:hover circle,
.node-organizations:hover image {
  transform: scale(1);
}
.node-organizations:hover a {
  transform: scale(1.5);
}

line.link {
  fill: none;
  stroke: #9ecae1;
  stroke-width: 1.5px;
}

.orgchart-phases-buttons {
  padding: 0 0 1.5em;
  text-align: center;
}
.orgchart-phases-buttons .active {
  background-color: #1a92db;
  border-color: #1a92db;
  box-shadow: none;
  color: #fff;
}

.org-container-outer {
  text-align: center;
  border-radius: 6px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1), 0 0 0 0.3125vw #1a92db;
  background-color: #fcfcfc;
  margin-top: 30px;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 1921px) {
  .org-container-outer {
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1), 0 0 0 6px #1a92db;
  }
}
.page-home-orgchart .content-inner .org-container {
  transform-origin: 50% 0;
  -webkit-transform-origin: 50% 0;
}

@media screen and (max-width: 767px) {
  .node text.title-en {
    font-size: 12px;
  }
  .node text.title-fr {
    font-size: 16px;
  }
  .orgchart-phases-buttons {
    padding: 10px 0;
  }
  .orgchart-phases-buttons .btn {
    font-size: 10px;
    margin-bottom: 10px;
  }
  .page-home-orgchart [class^=flex-col-] {
    margin-bottom: 0;
  }
  .page-home-orgchart .register-orgchart-title {
    font-size: 12px;
  }
  .page-home-orgchart .matching-skills {
    white-space: nowrap;
    margin-top: 5px;
    display: inline-block;
  }
  .page-home-orgchart .org-container {
    margin-top: 0;
  }
  .org-container-outer {
    margin-top: 15px;
    margin-bottom: 15px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1), 0 0 0 2px #1a92db;
  }
  .svg-orgchart {
    margin: 0 -15px;
    width: calc(100% + 30px) !important;
  }
}
/*@media screen and (max-width: 767px)
 *  .org-container-mobile
 *      [class^='col-']
 *          padding-left: 5px
 *          padding-right: 5px
 *
 *  .page-home-orgchart 
 *      .org-container-mobile 
 *          a.department-link
 *              font-size: 15px
 *              width: 48%
 *              display: inline-block
 *              white-space: nowrap
 *              text-overflow: ellipsis
 *              overflow: hidden
 *              &:nth-child(even)
 *                  margin-right: 2%
 *              &:nth-child(odd)
 *                  margin-left: 2%
 *
 *      .management-council
 *          width: 100%
 *          height: auto
 *          line-height: 1
 *          display: inline-block
 *          margin-top: 30px
 *          p
 *              margin-top: 10px*/
/*@media screen and (max-width: 360px)
 *  .page-home-orgchart 
 *      .org-container-mobile 
 *          a.chart-item
 *              font-size: 13px*/
/* ----------- Event ----------- */
div[event-info-container] {
  min-width: 300px;
}

.page-event-index .heading.no-bottom-border {
  display: none;
}
.page-event-index .content-inner {
  margin-top: 30px;
}

@media screen and (max-width: 767px) {
  .fc-toolbar {
    display: block !important;
  }
  .fc-left,
  .fc-center,
  .fc-right {
    width: 100%;
    margin-bottom: 15px;
    text-align: center;
  }
}
/* ----------- Television ----------- */
.category-navbar .btn {
  border-radius: 4px;
  font-size: 17px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  color: #565b60;
  background-color: #eeeeee;
  border: 0;
  border-bottom: 1px solid #cecece;
  padding: 12px 24px !important;
  float: left;
  margin-right: 10px;
}
.category-navbar .btn:hover {
  background-color: #dadada;
  border-bottom-color: #bfbfbf;
  color: #323538;
}
.category-navbar .btn.active, .category-navbar .btn.active:hover {
  box-shadow: none;
  background-color: #1874ba;
  color: #fff;
  border: 0;
  border-bottom: 1px solid #344655;
}

.page-television-index .sub-nav li:not(:last-child) {
  border-left: 0;
  border-right: 1px solid #83c1f0;
}
.page-television-index .sub-nav li {
  padding: 0;
}
.page-television-index .sub-nav li a {
  font-size: small;
}

.page-television-index[dir=rtl] .sub-nav li:not(:last-child) {
  border-left: 1px solid #83c1f0;
  border-right: 0;
}

.page-television-index .list-unstyled {
  padding: 0;
  margin: 0;
}
.page-television-index .breadcrumb-text {
  color: #1874ba;
  font-size: 20px;
  font-weight: 500;
}
.page-television-index .television-list {
  margin-top: 15px;
  padding: 15px;
  background-color: #eeeeee;
  min-height: 100px;
}
.page-television-index .d-inline-block {
  display: inline-block;
}
.page-television-index .television-item {
  padding: 5px;
  background-color: #fff;
  margin-top: 15px;
  margin-bottom: 15px;
}
.page-television-index .television-item .caption {
  padding: 10px;
  font-size: 16px;
}
.page-television-index .dropdown {
  width: 32%;
}
.page-television-index .dropdown-toggle {
  background-color: #eeeeee;
  box-shadow: 0 1px 0 #cecece;
  border: 0;
  width: 100%;
}
.page-television-index .dropdown-toggle .title {
  font-size: 17px;
  color: #565b60;
  font-family: "Inter", sans-serif;
  font-weight: 500;
}
.page-television-index .dropdown-toggle .caret {
  display: none;
}
.page-television-index .dropdown-toggle[aria-expanded=true] {
  background-color: #1874ba;
  text-align: left;
}
.page-television-index .dropdown-toggle[aria-expanded=true] .title,
.page-television-index .dropdown-toggle[aria-expanded=true] .caret {
  color: #fff;
  display: inline-block;
}
.page-television-index .dropdown-toggle[aria-expanded=true] .caret {
  position: absolute;
  top: 10px;
  right: 10px;
}
.page-television-index .sub-nav {
  margin-top: 10px;
}
.page-television-index .sub-nav a {
  padding: 6px 9px;
}
.page-television-index .category-navbar .active {
  background-color: #1874ba;
  color: #fff;
}
.page-television-index .sub-nav a:hover,
.page-television-index .sub-nav a.active {
  text-decoration: none;
  background-color: #1874ba;
  color: #fff;
}
.page-television-index .img-wrapper {
  padding-bottom: 75%;
}
.page-television-index .supporters-section #ListSection {
  margin-top: 0;
}
.page-television-index .media-description {
  color: #1c5489;
  font-size: 18px;
  min-height: 100px;
}

@media screen and (min-width: 1170px) {
  .page-television-index .modal-dialog {
    width: 1140px;
  }
}
@media screen and (min-width: 1920px) {
  .category-navbar .btn {
    width: 170px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .category-navbar {
    margin-bottom: 30px;
    margin-left: -1.5%;
    margin-right: -1.5%;
  }
  .category-navbar .btn {
    width: 30%;
    margin-left: 1.3%;
    margin-right: 1.3%;
  }
  .breadcrumb-text {
    display: none;
  }
  .sub-nav ul {
    text-align: center;
  }
}
@media screen and (max-width: 992px) {
  .page-television-index .media-description {
    min-height: 70px;
  }
}
@media screen and (min-width: 992px) {
  .page-television-index[dir=rtl] .col-md-6.col-md-push-6 {
    float: left;
  }
}
@media screen and (max-width: 767px) {
  .category-navbar {
    margin-bottom: 20px;
    margin-left: -1.5%;
    margin-right: -1.5%;
  }
  .category-navbar .btn {
    width: 30%;
    margin-left: 1%;
    margin-right: 1%;
    font-size: 14px;
    padding: 8px 16px !important;
  }
  .breadcrumb-text {
    display: none;
  }
  .sub-nav ul {
    text-align: center;
  }
  .page-television-index .sub-nav li {
    line-height: 18px;
  }
  .page-television-index .sub-nav li a,
  .page-television-index .sub-nav li a:hover,
  .page-television-index .sub-nav li a.active {
    font-size: 10px;
    padding: 4px 5px;
  }
}
/* ----------- RegisterConfirmation ----------- */
.register-thanks-message {
  padding-top: 50px;
  font-size: 24px;
  text-align: center;
  font-weight: bold;
}

.register-confirmation-message {
  font-size: 20px;
}

/* ----------- Select  ----------- */
.select2-container .select2-selection--single {
  height: 40px;
}

.select2-container--default .select2-selection--single {
  border-radius: 0;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 40px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 40px;
}

.select2-container--open.select2-container--default .select2-selection--single {
  border-color: rgb(71.7833333333, 89.4833333333, 105.2166666667);
  box-shadow: none;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #66afe9;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: rgb(247.35, 247.35, 247.35);
  border: 1px solid #aaa;
  font-size: 14px;
  line-height: 26px;
  vertical-align: middle;
  padding-left: 0;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice:hover {
  background-color: #fff;
  border: 1px solid #66afe9;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  padding: 0 6px;
  font-size: 20px;
  line-height: 26px;
  vertical-align: middle;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-right: 1px solid transparent;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  background-color: #fff;
  border-right-color: #c7c7c7;
  color: #f44f56;
}

/* ----------- Projects  ----------- */
#SuggestedUserIdArray + .select2-selection__rendered {
  line-height: 96px;
}
#SuggestedUserIdArray .select2-container .select2-selection--single,
#SuggestedUserIdArray .select2-container .select2-selection--multiple {
  height: 100px;
  border: 10px solid red;
}
#SuggestedUserIdArray .select2-selection__arrow {
  height: 100px;
}

.projects-table {
  background-color: #fff;
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1);
  border: 1px solid #b1cee4;
}
.projects-table > thead > tr > th {
  background-color: #eff2fb;
  padding: 12px 6px;
}
.projects-table .title {
  margin: 0;
}
.projects-table .title a {
  padding: 12px 0;
  text-decoration: underline;
}
.projects-table .title a:hover {
  text-decoration: none;
}
.projects-table .icons a {
  vertical-align: middle;
  padding: 10px;
  display: inline-block;
}
.projects-table .icons a:hover {
  text-decoration: none;
}

#ProjectEditDialog .form-control,
#ProjectEditDialog .form-control-required,
#ProjectEditDialog .progress {
  width: 100%;
}

.projects-container {
  align-items: flex-start;
  margin-bottom: 30px;
}
.projects-container .summary-title {
  width: 100%;
  margin: 0 0 30px;
}
.projects-container .summary-title h2 {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  margin-top: 0;
  margin-right: 25px;
  font-size: 24px;
}
.projects-container .project {
  border: 1px solid #b1cee4;
  border-radius: 10px;
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.2);
  padding: 18px 25px;
  margin-bottom: 20px;
  width: 100%;
}
.projects-container .project:hover {
  cursor: pointer;
  background-color: #eff2fb;
}
.projects-container .project:hover .project__score,
.projects-container .project:hover .project__expertise {
  background-color: rgba(255, 255, 255, 0.5);
}
.projects-container .project__title_col, .projects-container .project__budget_col {
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.projects-container .project__title_col {
  margin-left: 0;
  margin-right: auto;
  flex-wrap: wrap;
}
.projects-container .project__budget_col {
  margin-left: auto;
  margin-right: 0;
}
.projects-container .project__title {
  cursor: pointer;
  display: block;
  margin-bottom: 3px;
  font-size: 22px;
  font-weight: 700;
  text-decoration: none;
  margin-bottom: 10px;
  width: 100%;
}
.projects-container .project__details {
  width: 100%;
  margin-bottom: 15px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.projects-container .project__ID, .projects-container .project__phase, .projects-container .project__judgescore, .projects-container .project__department {
  background-color: #193fad;
  color: #fff;
  border-radius: 4px;
  padding: 4.5px 8px;
  font-size: 15px;
  display: flex;
  align-items: center;
}
.projects-container .project__judgescore {
  background-color: #199CF4;
}
.projects-container .project__department {
  background-color: #fff;
  color: #1a92db;
  border: 1px solid #b1cee4;
}
.projects-container .project__expertise, .projects-container .project__score {
  font-size: 14px;
  border-radius: 4px;
  border: 1px solid #b1cee4;
  padding: 2px 8px;
  font-size: 14px;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.projects-container .project__judgescore {
  padding: 0 8px;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.projects-container .project__judgescore:hover, .projects-container .project__judgescore:active, .projects-container .project__judgescore:focus {
  text-decoration: none;
}
.projects-container .project__judgescore:hover b, .projects-container .project__judgescore:active b, .projects-container .project__judgescore:focus b {
  text-decoration: underline;
}
.projects-container .project__score a {
  font-weight: 700;
}
.projects-container .project__description {
  font-size: 14px;
}
.projects-container .project__media-container {
  padding-bottom: 15px;
  position: relative;
  display: flex;
  justify-content: flex-end;
}
.projects-container .project__media-container i {
  font-size: 2.5em;
}
.projects-container .project__media-container a:hover, .projects-container .project__media-container a:active, .projects-container .project__media-container a:focus {
  text-decoration: none;
}
.projects-container .project__media-container > div {
  padding: 10px 10px 0 0;
}
.projects-container .project__media-container .media-thumbnail {
  max-width: 120px;
  max-height: 90px;
}
.projects-container .project__media img {
  border: 2px solid #c6d2f2;
  padding: 3px;
  max-width: 100px;
}
.projects-container .project__media img:hover {
  border-color: #193fad;
}
.projects-container .project__media-count {
  background-color: #193fad;
  color: #fff;
  border-radius: 4px;
  padding: 3px 6px;
  font-size: 12px;
  font-weight: 400;
  position: absolute;
  right: 0;
  top: 0;
}
.projects-container .project .flex-row, .projects-container .project .TeamProject__block {
  align-items: end;
}
.projects-container .project h3 {
  margin-top: 0;
  font-weight: 700;
  font-size: 20px;
}
.projects-container .project .number {
  color: #d91f26;
  font-weight: 700;
  font-size: 20px;
}
.projects-container .project .phase {
  color: #1874ba;
  font-size: small;
}
.projects-container .project.project-new {
  border-left: 4px solid #d91f26;
}
.projects-container .project.project-progress {
  border-left: 4px solid #f47504;
}
.projects-container .project.project-completed {
  border-left: 4px solid #00cc33;
}
.projects-container .project.project-ongoing {
  border-left: 4px solid #3680bf;
}
.projects-container .project .btn-success {
  text-transform: none;
  font-weight: 400;
  padding-left: 15px;
  background-color: red;
}
.projects-container .project .btn-success i {
  margin-right: 5px;
}
.projects-container .project .popover {
  padding: 5px;
}
.projects-container .project .share-button {
  font-size: x-large;
}
.projects-container .project.active {
  background-color: #eff2fb;
  box-shadow: 0 1px 0 #7389cb, 0 10px 25px rgba(115, 137, 203, 0.25);
}
.projects-container .detailed-description {
  margin-bottom: 30px;
}
.projects-container .list-project {
  width: 100%;
}
.projects-container .my-projects {
  color: #071e61;
  font-size: 15px;
}
.projects-container .btn.my-project {
  background-color: #08a000;
  color: #fff;
}

.projects-container .project .btn-sponsor,
#ProjectDetailsDialog .btn-sponsor {
  background-color: #428bc3;
  color: #fff;
  border: 0;
}
.projects-container .project .btn-sponsor:hover,
#ProjectDetailsDialog .btn-sponsor:hover {
  background-color: #d91f26;
}
.projects-container .project .btn-default.btn-sm, .projects-container .project .landing-heading .landing-logged-cta-container .btn-sm.btn-primary, .landing-heading .landing-logged-cta-container .projects-container .project .btn-sm.btn-primary,
#ProjectDetailsDialog .btn-default.btn-sm,
#ProjectDetailsDialog .landing-heading .landing-logged-cta-container .btn-sm.btn-primary,
.landing-heading .landing-logged-cta-container #ProjectDetailsDialog .btn-sm.btn-primary {
  font-size: 14px;
  font-weight: 400;
  padding: 7px 18px;
  box-shadow: 0 1px 0 #c6d2f2, 0 0 30px 15px rgba(198, 210, 242, 0.34);
}
.projects-container .project .btn-default.btn-sm:not(.disabled):hover i, .projects-container .project .landing-heading .landing-logged-cta-container .btn-sm.btn-primary:not(.disabled):hover i, .landing-heading .landing-logged-cta-container .projects-container .project .btn-sm.btn-primary:not(.disabled):hover i,
#ProjectDetailsDialog .btn-default.btn-sm:not(.disabled):hover i,
#ProjectDetailsDialog .landing-heading .landing-logged-cta-container .btn-sm.btn-primary:not(.disabled):hover i,
.landing-heading .landing-logged-cta-container #ProjectDetailsDialog .btn-sm.btn-primary:not(.disabled):hover i {
  color: #fff;
}

body[dir=rtl] .projects-container .project__media-count {
  left: 0;
  right: auto;
}
body[dir=rtl] .projects-container .project__media-container > div {
  padding: 10px 0 0 10px;
}

.my-projects-table {
  margin-bottom: 15px !important;
}
.my-projects-table .project__ID,
.my-projects-table .project__phase {
  vertical-align: top;
}
.my-projects-table .project__title {
  width: 100%;
  cursor: default;
}
.my-projects-table a.project__title {
  cursor: pointer;
}

.volunteers-projects-table .skill-name {
  font-size: 16px;
  font-weight: 700;
}

.volunteers-projects-table .project__title,
.funding-projects-table .project__title {
  font-size: 16px;
  font-weight: 400;
  display: inline-block;
  width: auto;
}

.funding-projects-table td:nth-of-type(1) span:not(.visible-xs),
.funding-projects-table td:nth-of-type(2) span:not(.visible-xs) {
  font-weight: 700;
}
.page-project-projectfundingneeded .heading {
  display: none;
}

@media (max-width: 767px) {
  .funding-projects-table td:nth-of-type(1),
  .funding-projects-table td:nth-of-type(2) {
    width: 50%;
  }
}
.original-language {
  display: flex;
  align-items: center;
  margin-left: 5px;
  margin-right: 5px;
}
.original-language p {
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 0;
}

.original-language {
  display: flex;
  align-items: center;
  margin-left: 5px;
  margin-right: 5px;
}
.original-language p {
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 0;
}

.project-status {
  margin-top: -30px;
  margin-bottom: 5px;
}
.project-status .status-new {
  background-color: #d91f26;
}
.project-status .status-progress {
  background-color: #f47504;
}
.project-status .status-completed {
  background-color: #00cc33;
}
.project-status .status-ongoing {
  background-color: #3680bf;
}
.project-status .status-all,
.project-status .status-new,
.project-status .status-progress,
.project-status .status-completed,
.project-status .status-ongoing,
.project-status .status-infoonly {
  padding-left: 20px;
  display: inline-block;
  position: relative;
  margin-left: 0;
  margin-right: 0;
  font-size: 15px;
  font-weight: 400;
  color: #fff;
  padding: 4.5px 8px;
  border-radius: 4px;
}
.project-status .status-all:before,
.project-status .status-new:before,
.project-status .status-progress:before,
.project-status .status-completed:before,
.project-status .status-ongoing:before,
.project-status .status-infoonly:before {
  display: none;
}

.project-status-modal {
  margin: 0;
  display: inline-block;
}

.status-new {
  color: #d91f26;
}

.status-progress {
  color: #f47504;
}

.status-completed {
  color: #00cc33;
}

.status-ongoing {
  color: #3680bf;
}

.status-infoonly {
  color: #9b78d3;
}

.status-all,
.status-new,
.status-progress,
.status-completed,
.status-ongoing,
.status-infoonly {
  display: inline-block;
  position: relative;
  margin-left: 5px;
  margin-right: 5px;
  font-size: 16px;
  font-weight: 700;
}

.status-new:before {
  background-color: #d91f26;
}

.status-progress:before {
  background-color: #f47504;
}

.status-completed:before {
  background-color: #00cc33;
}

.status-ongoing:before {
  background-color: #3680bf;
}

.filters.nav > li input[type=checkbox] {
  margin-top: 5px;
}
.filters.nav > li input[type=checkbox]:checked {
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.75);
}
.filters.nav > li label {
  font-size: 18px;
  padding-left: 0;
}
.filters.nav > li label span {
  margin: 0;
}
.filters.nav > li.active a span {
  color: #fff;
}
.filters.nav > li:not(.active) {
  border: 0px solid #ddd;
  background-color: #eeeeee;
  box-shadow: 0 1px 0 #cecece;
}
.filters.nav > li:hover {
  background-color: #fff;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1), 0 1px 0 #cecece;
}

body[dir=ltr] .filters.nav > li.checkbox {
  padding-left: 25px;
}

.project-page-moderate .project__title,
.project-page-judge .project__title {
  font-size: 28px;
  margin-bottom: 0;
  vertical-align: middle;
}
.project-page-moderate .modal-header,
.project-page-judge .modal-header {
  padding-left: 0;
  padding-right: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}

.project-details-flex {
  margin: 20px 0;
  padding: 0;
}
.project-details-flex .flex-col-4 {
  align-self: stretch;
}

.projects-container-modal {
  margin-top: -20px;
  margin-bottom: 0;
}
.projects-container-modal .project__details {
  margin-bottom: 0;
  display: flex;
  flex-wrap: wrap;
  width: calc(100% - 20px);
  align-items: center;
  gap: 10px;
}
.projects-container-modal .project__info {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.projects-container-modal .project__title {
  display: inline-block;
  width: auto;
  cursor: default;
  margin: 0;
  flex-grow: 1;
}
.projects-container-modal .btn-sponsor-list,
.projects-container-modal .btn-team {
  border: 1px solid #1a92db;
}

.project__details .project__expertise,
.project__info .project__expertise {
  margin-bottom: 0;
}

.project-suggestedby {
  display: flex;
  align-items: center;
  font-size: small;
  gap: 10px;
  position: relative;
  z-index: 2;
}
.project-suggestedby label {
  font-size: small;
  font-weight: 400;
  margin: 0;
}
.project-suggestedby .TeamProject__member {
  width: auto;
}

.organization-img {
  max-width: 50px;
  max-height: 50px;
  border-radius: 5px;
  border: 1px solid #071e61;
}

.dvSubmitVoteBtn {
  position: sticky;
  top: 0;
  align-self: flex-start;
}

.color-orange {
  color: #f65914;
}

.color-success {
  color: #08a000;
}

.skills-text {
  font-size: medium !important;
}

#TeamProject .thumbnail_s {
  width: 100px;
  height: 100px;
  border-radius: 50px;
  object-fit: cover;
}
#TeamProject .name-wrapper {
  color: #1874ba;
}

.sponsors-budget, .funding-projects-table td:nth-of-type(2), .sponsors-needed, .funding-projects-table td:nth-of-type(1) {
  margin-top: 0;
  color: #193fad;
  line-height: 1.3;
  font-size: 16px;
}
.sponsors-needed, .funding-projects-table td:nth-of-type(1) {
  color: #d91f26;
}
.sponsors-row-total, .sponsors-row-needed {
  background-color: #f9f9f9;
  font-size: 125%;
  font-weight: 700;
  color: #d91f26;
}
.sponsors-row-total {
  color: #193fad;
}
.sponsors-table {
  box-shadow: 0 0 15px rgba(177, 206, 228, 0.2);
  border-color: #428bc3;
}
.sponsors-table > thead {
  background-color: rgba(177, 206, 228, 0.2);
}
.sponsors-table > thead > tr > th {
  border-color: #95bfdf;
  border-width: 1px;
}
.sponsors h4 {
  text-align: center;
  font-weight: 700;
}
.sponsors-h3 {
  margin-bottom: 1em;
}
.sponsors .flex-row, .sponsors .TeamProject__block {
  width: auto;
}
.sponsors .budget-value {
  font-weight: 700;
  padding: 0 12px;
}
.sponsors > thead > tr > th,
.sponsors > thead > tr > td,
.sponsors > tbody > tr > th,
.sponsors > tbody > tr > td {
  padding: 8px 0;
  line-height: 1.42857143;
  vertical-align: top;
}

.btn-sponsors-donate {
  font-size: 100%;
  padding: 10px 28px;
}

.project-media-table {
  display: block;
}

@media screen and (max-width: 1024px) {
  .btn-sponsors-donate {
    padding: 8px 20px;
  }
}
@media screen and (max-width: 767px) {
  .btn-sponsors-donate {
    padding: 8px 20px;
  }
}
.budget-frequency {
  font-size: 16px;
  font-weight: 400;
}

@media screen and (min-width: 768px) {
  .sponsors-budget span, .funding-projects-table td:nth-of-type(2) span, .sponsors-needed span, .funding-projects-table td:nth-of-type(1) span {
    white-space: nowrap;
  }
}
#LevelSkillModal h3 {
  color: #071e61;
  font-weight: 700;
  font-size: x-large;
}
#LevelSkillModal h4 {
  color: #d91f26;
  font-weight: 700;
  font-size: x-large;
}

[dir=rtl] .sponsors-needed, [dir=rtl] .funding-projects-table td:nth-of-type(1), .funding-projects-table [dir=rtl] td:nth-of-type(1) {
  text-align: left;
}

.search-container .input-group {
  width: 100%;
}

#dgProjectEditDialog .modal-body {
  background-color: rgba(0, 0, 0, 0.035);
}
#dgProjectEditDialog #SkillList {
  background-color: #fff;
}
#dgProjectEditDialog .icon-trash {
  font-size: 32px;
}

#dgProjectJudgeScoreDialog {
  z-index: 10001 !important;
}

#proposeProjectsDialog_thanks h3 {
  line-height: 1.5;
}

#ProjectsDetails .form-group,
#modalOrganizationDetail .form-group,
#ProjectReportDialog .form-group {
  width: 100%;
  padding-bottom: 15px;
  height: 100%;
  border-bottom: 1px solid #b1cee4;
}
#ProjectsDetails .form-group label,
#ProjectsDetails .form-group p,
#modalOrganizationDetail .form-group label,
#modalOrganizationDetail .form-group p,
#ProjectReportDialog .form-group label,
#ProjectReportDialog .form-group p {
  font-size: 16px;
}
#ProjectsDetails .form-group label,
#modalOrganizationDetail .form-group label,
#ProjectReportDialog .form-group label {
  font-size: 16px;
}
#ProjectsDetails .flex-col-6,
#modalOrganizationDetail .flex-col-6,
#ProjectReportDialog .flex-col-6 {
  justify-content: flex-start;
}
#ProjectsDetails .project-details-title,
#modalOrganizationDetail .project-details-title,
#ProjectReportDialog .project-details-title {
  color: #d91f26;
  font-size: 20px;
  font-weight: 700;
}
#ProjectsDetails .icon-file-text,
#ProjectsDetails .icon-volume-up,
#ProjectsDetails .icon-file-pdf-o,
#ProjectsDetails .icon-external-link,
#modalOrganizationDetail .icon-file-text,
#modalOrganizationDetail .icon-volume-up,
#modalOrganizationDetail .icon-file-pdf-o,
#modalOrganizationDetail .icon-external-link,
#ProjectReportDialog .icon-file-text,
#ProjectReportDialog .icon-volume-up,
#ProjectReportDialog .icon-file-pdf-o,
#ProjectReportDialog .icon-external-link {
  font-size: 2.5em;
}
#ProjectsDetails .icon-file-text,
#modalOrganizationDetail .icon-file-text,
#ProjectReportDialog .icon-file-text {
  color: #193fad;
}
#ProjectsDetails .icon-volume-up,
#modalOrganizationDetail .icon-volume-up,
#ProjectReportDialog .icon-volume-up {
  color: #1a92db;
}

#ProjectReportDialog .form-group {
  border: 0;
}

.list-media-fe-container {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 15px;
  margin-bottom: 15px;
}

.list-media-fe {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 15px;
  margin-bottom: 15px;
}

.item-media-fe, .popup-medialist-link {
  display: flex;
  margin-bottom: 10px;
  padding-right: 20px;
  width: calc(16.6666% - 10px);
  background-color: #fff;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.16);
  padding: 10px;
  border-radius: 6px;
  justify-content: flex-start;
  align-items: center;
  border: 1px solid transparent;
  flex-direction: column;
}
.item-media-fe:hover, .popup-medialist-link:hover, .item-media-fe:active, .popup-medialist-link:active, .item-media-fe:focus, .popup-medialist-link:focus {
  text-decoration: none;
  border-color: #b1cee4;
  background-color: #eff2fb;
}
.item-media-fe.active, .active.popup-medialist-link {
  border-color: #659bc4;
}
.item-media-fe .list-media-fe-title, .popup-medialist-link .list-media-fe-title {
  width: 100%;
  text-align: center;
  margin-bottom: 10px;
}
.item-media-fe img, .popup-medialist-link img, .item-media-fe a, .popup-medialist-link a, .item-media-fe i, .popup-medialist-link i {
  order: 2;
  max-height: 75px;
}

.item-media-filename {
  font-size: 70%;
  margin-bottom: 10px;
  display: block;
  width: 100%;
  text-align: center;
}

.projects-pdf-iframe {
  width: 100%;
  min-height: 70vh;
}

.popup-medialist-link {
  display: inline-block;
  text-decoration: none;
  width: auto !important;
  padding: 10px !important;
}
.popup-medialist-link:hover {
  text-decoration: none;
}
.popup-medialist-link i {
  display: block;
  margin: 0 auto 10px;
  max-width: none;
  text-align: center;
}

.popup-medialist {
  text-align: left;
  padding: 15px 0px;
  display: flex;
}

body.page-project-index:not(.page-admin) #ProjectEditForm #Project_btn {
  margin: 3em 0;
}

.page-project-index [id^=dgcontainer-media-] .modal-header {
  padding: 15px 35px;
}

.page-project-index [id^=container-list-media-],
.page-project-index .mediaplayer {
  text-align: center;
}

.submit-project-footer {
  flex-direction: row;
  padding-top: 15px;
  margin-top: 15px;
  border-top: 1px solid #b7c2e3;
}

#ProjectEditForm > .container-fluid {
  min-height: 200px;
}
#ProjectEditForm .btn-default:hover, #ProjectEditForm .btn-default:active, #ProjectEditForm .btn-default:focus,
#ProjectEditForm .btn-primary:hover,
#ProjectEditForm .btn-primary:active,
#ProjectEditForm .btn-primary:focus {
  transform: scale(1);
}
#ProjectEditForm .btn-default, #ProjectEditForm .landing-heading .landing-logged-cta-container .btn-primary, .landing-heading .landing-logged-cta-container #ProjectEditForm .btn-primary {
  margin: 0 10px;
  font-weight: 400;
}
#ProjectEditForm .btn-primary:active, #ProjectEditForm .btn-primary:focus {
  background-color: #1a92db;
}
#ProjectEditForm .form-row {
  padding-bottom: 0;
  margin-left: -15px;
  margin-right: -15px;
}
#ProjectEditForm textarea {
  min-height: 150px;
}
#ProjectEditForm .media-title {
  padding: 0 10px;
}
#ProjectEditForm .media-title:empty {
  display: none;
}
#ProjectEditForm .icon-remove {
  font-size: 1.5em;
  margin: 0 5px;
  cursor: pointer;
}
#ProjectEditForm .desc-photos,
#ProjectEditForm .desc-videos,
#ProjectEditForm .desc-docs,
#ProjectEditForm .desc-audios {
  display: inline-block;
}
#ProjectEditForm .desc-photos td,
#ProjectEditForm .desc-videos td,
#ProjectEditForm .desc-docs td,
#ProjectEditForm .desc-audios td {
  border-right: 1px solid #b7c2e3;
  display: inline-flex;
  align-items: center;
  padding: 10px 5px;
}
#ProjectEditForm hr {
  display: none;
}
#ProjectEditForm i {
  cursor: pointer;
}
#ProjectEditForm input[type=radio] + label {
  margin-right: 20px;
}
#ProjectEditForm label.error {
  display: block;
}
#ProjectEditForm .checkbox label p {
  font-size: 16px;
}
#ProjectEditForm .checkbox label.error {
  color: red;
  padding: 0;
}

.page-home-organization #UploadForm li.field-page {
  min-height: 200px;
}

[dir=rtl] #ProjectEditForm input[type=radio] + label {
  margin-right: 0;
  margin-left: 20px;
}

.project-create-agreement {
  max-width: 550px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 3em;
  text-align: left;
}

[dir=rtl] .project-create-agreement {
  text-align: right;
}
[dir=rtl] #ProjectEditForm .checkbox label.error {
  text-align: right;
}

#dvYoutubeLink .form-group,
#dvYoutubeLink label,
#menu1 .form-group,
#menu1 label,
#dvUploadOther .form-group,
#dvUploadOther label {
  font-weight: 700;
  font-size: 18px;
  color: #071e61;
}

#CreateDraftDialog h3,
#proposeProjectsDialog_thanks h3 {
  font-weight: 700;
  font-size: 18px;
  color: #071e61;
}

.form-control[name=PhaseID],
.form-control[name=NeedFundingID] {
  width: auto !important;
  min-width: 300px;
}

#UploadForm .btn-default, #UploadForm .landing-heading .landing-logged-cta-container .btn-primary, .landing-heading .landing-logged-cta-container #UploadForm .btn-primary {
  margin: 0 10px;
  font-weight: 400;
}

.project-col-buttons .icon-thumbs-up-alt,
.project-col-buttons .icon-thumbs-up {
  font-size: 22px;
  line-height: 14px;
  transform: translateY(2px);
}

.btn-normal {
  background-color: #fff;
  border-color: #1a92db;
}
.btn-normal:hover, .btn-normal:focus, .btn-normal:active {
  background-color: #1a92db;
  color: #fff;
}
.btn-normal:focus, .btn-normal:active {
  border-color: #193fad;
}
.btn-normal.active {
  background-color: #1a92db;
  border-color: #1a92db;
  box-shadow: none;
  color: #fff;
}

.search-submit-container {
  flex-basis: 100%;
}

.btn-thumbsup .icon-thumbs-up {
  color: #193fad !important;
}

@media screen and (max-width: 1200px) {
  .projects-nav .btn-normal {
    margin-bottom: 1rem;
  }
}
.btn-submit-project {
  box-shadow: inset 0 0 0 1px #1a92db;
  color: #08a000;
  font-weight: 700;
}

@media screen and (max-width: 1600px) {
  .projects-container .flex-col-2 {
    width: 25%;
  }
  .projects-container .flex-col-10 {
    width: 75%;
  }
}
@media screen and (max-width: 1200px) {
  .projects-container [class^=flex-col-] {
    width: 100%;
  }
  .projects-container .list-project {
    padding-top: 1.5em;
  }
  .projects-container .mb-1em {
    margin-bottom: 0.5em;
  }
  .mobile-icons-container {
    display: flex !important;
  }
  .page-project-index .content-inner {
    margin: 30px 0 15px;
    max-width: none;
  }
  .page-project-index .btn-normal {
    padding: 6px 12px;
    font-size: 12px;
  }
  .page-project-index .collapse {
    display: none;
  }
  .page-project-index .collapse.in {
    display: flex;
    border-bottom: 1px solid #b1cee4;
  }
  .projects-container .flex-col-10 {
    padding-left: 0;
    padding-right: 0;
  }
  .mobile-icon-link {
    min-width: 140px;
    padding: 8px 10px;
    border-radius: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #b7c2e3;
  }
  .mobile-icon-link span {
    font-size: 18px;
    margin: 0 10px;
  }
  .mobile-icon-link .span-close-filter {
    display: none;
  }
  .mobile-icon-link:active, .mobile-icon-link:focus, .mobile-icon-link:hover {
    text-decoration: none;
  }
  .mobile-icon-link:hover {
    border-color: #1a92db;
    background-color: #eff2fb;
  }
  .mobile-icon-link[aria-expanded=false] {
    color: #071e61;
  }
  .mobile-icon-link[aria-expanded=false] svg path {
    fill: #071e61;
  }
  .mobile-icon-link .icon-close-filter {
    display: none;
    font-size: xx-large;
  }
  .mobile-icon-link .icon-filter-sos {
    display: flex;
  }
  .mobile-icon-link .icon-filter-sos svg {
    width: 32px;
    height: 25px;
  }
  .mobile-icon-link .icon-close-filter {
    width: 22px;
    height: 25px;
    line-height: 22px;
  }
  .mobile-icon-link[aria-expanded=true] {
    border-color: #1a92db;
    background-color: #1a92db;
    color: #fff;
  }
  .mobile-icon-link[aria-expanded=true] svg path {
    fill: #fff;
  }
  .mobile-icon-link[aria-expanded=true] .icon-close-filter,
  .mobile-icon-link[aria-expanded=true] .span-close-filter {
    display: block;
  }
  .mobile-icon-link[aria-expanded=true] .icon-search,
  .mobile-icon-link[aria-expanded=true] .icon-svg {
    transform: scale(0.75);
    opacity: 0.5;
  }
  .mobile-icon-link[aria-expanded=true] .icon-filter-sos,
  .mobile-icon-link[aria-expanded=true] .span-filter {
    display: none;
  }
  .mobile-icon-link .icon-search {
    font-size: 26px;
  }
  #projectMenu {
    width: 100%;
    margin-top: 10px;
  }
  #projectMenuMobile {
    width: 100%;
  }
  .project-menu {
    width: 100%;
    padding: 20px 10px;
    border-radius: 5px;
    background-color: #e0e5f3;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: center;
  }
  .page-project-index .summary-title {
    display: none;
  }
  .page-project-index .content-title {
    margin-bottom: 0;
  }
  .page-project-index .content-title .flex-row, .page-project-index .content-title .TeamProject__block {
    margin-left: 0;
    margin-right: 0;
  }
  .projects-nav-sticky {
    position: sticky;
    top: 0;
    background-color: #fff;
    z-index: 2;
    padding-top: 10px;
  }
  #projectFilters {
    position: sticky;
    top: 68px;
    background-color: #fff;
    z-index: 1;
    overflow-y: auto;
    max-height: calc(100vh - 80px);
  }
  #projectStatusFiltersMobile {
    margin-top: 15px;
  }
  .search-submit-container {
    margin-top: 15px;
  }
}
#Sort_Projects_label,
#Expertise_label {
  width: 100%;
}

@media screen and (max-width: 1200px) and (min-width: 768px) {
  .projects-nav-sticky .content-title.flex-container-fluid {
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 992px) {
  .project-col-buttons {
    text-align: center;
  }
  .project-col-buttons .btn {
    margin-bottom: 10px;
    font-size: 12px;
  }
  .projects-container ongoing .filters.nav > li a {
    font-size: 11px;
    line-height: 16px;
  }
  .projects-container ongoing .summary-title h2 {
    font-size: 18px;
    display: none;
  }
  .projects-container .project .btn-sm {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media screen and (min-width: 1200px) {
  .page-project-index .content-title .collapse,
  .page-project-index .projects-container .collapse {
    display: flex;
  }
}
@media screen and (max-width: 767px) {
  .projects-container .project__ID,
  .projects-container .project__phase,
  .projects-container .project__judgescore,
  .projects-container .project__department,
  .projects-container .project__expertise {
    font-size: small;
    padding: 2px 6px;
  }
  .projects-container .project__judgescore {
    padding: 0px 6px;
  }
  .projects-container .project {
    padding: 15px 5px;
  }
  .projects-container .project h3 {
    font-size: 16px;
  }
  .projects-container .project p {
    font-size: 12px;
  }
  .projects-container .status-all,
  .projects-container .status-new,
  .projects-container .status-progress,
  .projects-container .status-completed,
  .projects-container .status-ongoing,
  .projects-container .status-infoonly {
    padding: 3px 5px 1px 5px;
    font-size: 11px;
  }
  .projects-container .status-all:before,
  .projects-container .status-new:before,
  .projects-container .status-progress:before,
  .projects-container .status-completed:before,
  .projects-container .status-ongoing:before,
  .projects-container .status-infoonly:before {
    width: 8px;
    height: 8px;
  }
  .filters.nav > li {
    padding: 3px 10px;
  }
  .filters.nav > li label {
    font-size: 12px;
  }
  .organization-img {
    width: 30px;
    height: 30px;
  }
  .project-suggestedby label {
    font-size: x-small;
  }
  .project-suggestedby span {
    white-space: nowrap;
  }
  .submit-project-footer {
    flex-wrap: wrap;
  }
  .sponsors-budget, .funding-projects-table td:nth-of-type(2), .sponsors-needed, .funding-projects-table td:nth-of-type(1) {
    font-size: 16px;
  }
  .budget-frequency {
    font-size: 14px;
  }
  .item-media-fe, .popup-medialist-link {
    width: calc(50% - 5px);
    padding: 5px;
  }
  .projects-container .project .btn-default.btn-sm, .projects-container .project .landing-heading .landing-logged-cta-container .btn-sm.btn-primary, .landing-heading .landing-logged-cta-container .projects-container .project .btn-sm.btn-primary,
  #ProjectDetailsDialog .btn-default.btn-sm,
  #ProjectDetailsDialog .landing-heading .landing-logged-cta-container .btn-sm.btn-primary,
  .landing-heading .landing-logged-cta-container #ProjectDetailsDialog .btn-sm.btn-primary {
    padding: 5px 10px;
    font-size: 12px;
  }
}
.progress {
  margin: 0;
  height: 4px;
}

.tr-middle > td {
  vertical-align: middle !important;
}

.tr-top > td {
  vertical-align: top !important;
}

.tr-bottom > td {
  vertical-align: bottom !important;
}

tr .project-percentage {
  vertical-align: top !important;
}

.project-percentage {
  display: inline-block;
  margin: 0 10px;
}
.project-percentage .progress {
  width: 100%;
}
.project-percentage h4 {
  color: #4c9be6;
  text-align: center;
  margin-bottom: 0;
  font-size: 13px;
}
.project-percentage .progress {
  height: 6px;
  width: 158px;
  border-radius: 0;
  background-color: #b1cee4;
}
.project-percentage .progress-bar {
  background-color: #1874ba;
  height: 6px;
  box-shadow: none;
}
.project-percentage .success,
.project-percentage .danger {
  font-weight: 600;
}
.project-percentage .danger {
  color: #d9534f;
  text-align: left;
}
.project-percentage .success {
  color: #08a000;
  text-align: right;
}
.project-percentage .total {
  font-size: 16px;
  margin-bottom: 0;
}
.project-percentage .perc {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 0;
}

.amount-needed {
  font-size: 12px;
  display: inline-block;
  margin-bottom: 5px;
}

.selection-multiple {
  background-color: #eee;
  border: 1px solid #cee4e4;
  color: #303640;
  font-size: 15px;
  line-height: 30px;
  vertical-align: middle;
  padding: 2px 5px 2px 5px;
  min-height: 43px;
}
.selection-multiple .selection-multiple {
  border: 1px solid #aaa;
  border-radius: 5px;
  margin-left: 3px;
}

@media screen and (max-width: 767px) {
  #NewProjectButton {
    margin-bottom: 30px;
  }
  #CategoryProjects_SearchForm {
    text-align: center;
  }
  .projects-table {
    font-size: 14px;
  }
  .projects-table th:nth-of-type(2) {
    width: 300px !important;
    white-space: initial;
  }
  .projects-table th:nth-of-type(3) {
    width: 150px !important;
    white-space: initial;
  }
  .projects-table th:nth-of-type(4) {
    width: 250px !important;
    white-space: initial;
  }
  .my-projects-table .project__title {
    font-size: 14px;
    text-wrap: initial;
  }
  .my-projects-table thead,
  .my-projects-table th {
    display: none;
  }
  .my-projects-table tr, .my-projects-table td {
    display: block;
    white-space: normal !important;
    border: 0;
  }
  .my-projects-table td:nth-of-type(1) {
    width: 100%;
  }
  .my-projects-table td:nth-of-type(2),
  .my-projects-table td:nth-of-type(3),
  .my-projects-table td:nth-of-type(4) {
    width: 100%;
  }
  .project-percentage h3 {
    font-size: 16px;
  }
  .project-percentage .total {
    font-size: 13px;
  }
  .project-percentage .perc {
    font-size: 12px;
  }
  .page-category-details i {
    font-size: large;
  }
  .projects-table .title a {
    font-size: medium;
  }
  .projects-table .icons a {
    display: block;
    padding: 5px;
  }
  .projects-container .project .number {
    font-size: 15px;
  }
  .projects-container .project .btn-success {
    padding-left: 14px;
  }
  .projects-container .project .btn-success i {
    font-size: 10px;
    margin-right: 2px;
  }
  .project-percentage .progress {
    width: 140px;
  }
  #ProjectsDetails .form-group label,
  #modalOrganizationDetail .form-group label {
    font-size: 16px;
  }
  #ProjectsDetails .form-group p,
  #modalOrganizationDetail .form-group p {
    font-size: 14px;
  }
  .popup-medialist {
    justify-content: center;
  }
  .modal-image {
    display: flex;
    align-items: center;
  }
  .projects-container .project .btn-default.btn-sm, .projects-container .project .landing-heading .landing-logged-cta-container .btn-sm.btn-primary, .landing-heading .landing-logged-cta-container .projects-container .project .btn-sm.btn-primary,
  #ProjectDetailsDialog .btn-default.btn-sm,
  #ProjectDetailsDialog .landing-heading .landing-logged-cta-container .btn-sm.btn-primary,
  .landing-heading .landing-logged-cta-container #ProjectDetailsDialog .btn-sm.btn-primary {
    box-shadow: 0 1px 0 #c6d2f2, 0 0 10px 3px rgba(198, 210, 242, 0.34);
  }
}
.project_volunteer_skills_list {
  max-width: 1024px;
  padding-left: 15px;
  padding-right: 15px;
  margin: auto;
}

.skills-legend {
  margin-top: 1.5em;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.skills-legend__status {
  flex-basis: calc(50% - 10px);
}
.skills-legend__circle {
  display: inline-block;
  width: 15px;
  height: 15px;
}
.skills-legend__circle-approved {
  background-color: #57ef57;
}
.skills-legend__circle-rejected {
  background-color: #f44f56;
}
.skills-legend__circle-pending {
  background-color: #ffec00;
}
.skills-legend__circle-adminclosed {
  background-color: #ededed;
}
.skills-legend__title {
  display: inline;
  font-size: medium !important;
}

@media screen and (max-width: 767px) {
  .skills-legend__status {
    flex-basis: 100%;
  }
}
#VolunteerSelectSkills {
  margin-left: 10px;
  margin-right: 10px;
}
#VolunteerSelectSkills .col-sm-12 {
  padding: 0 5px;
}
#VolunteerSelectSkills .col-sm-6 {
  padding-left: 5px;
  padding-right: 5px;
  margin-bottom: 10px;
}
#VolunteerSelectSkills .item {
  display: flex;
  align-items: center;
  border: 1px solid #7e9cc5;
  border-radius: 4px;
  background-color: #e6edf8;
  color: #1c5489;
  min-height: 48px;
  box-shadow: inset 0 2px rgba(255, 255, 255, 0.5);
}
#VolunteerSelectSkills .item.item-lock {
  background-color: #ededed;
}
#VolunteerSelectSkills .item.item-lock .icon-lock {
  width: 40px;
  color: #d91f26;
  text-align: center;
}
#VolunteerSelectSkills .item .control {
  padding: 0 10px;
  line-height: 0;
}
#VolunteerSelectSkills .item .control .icon {
  width: 16px;
  text-align: center;
  color: red;
}
#VolunteerSelectSkills .item .name {
  width: 100%;
  padding: 5px 5px 5px 0;
}
#VolunteerSelectSkills .item .name label {
  font-weight: normal;
  margin-bottom: 0;
  font-size: 16px;
}
#VolunteerSelectSkills .item .name.active label {
  font-weight: 700;
}
#VolunteerSelectSkills .item .est {
  min-width: 48px;
  text-align: center;
  border-left: 1px solid #7e9cc5;
  padding: 5px 0;
}
#VolunteerSelectSkills .item .est .val {
  font-weight: 700;
}
#VolunteerSelectSkills .item .est .unit {
  font-size: 12px;
  line-height: 1;
}

#UnVolunteerSelectSkills {
  margin-left: 10px;
  margin-right: 10px;
}
#UnVolunteerSelectSkills .col-sm-12 {
  padding: 0 5px;
}
#UnVolunteerSelectSkills .col-sm-6 {
  padding-left: 5px;
  padding-right: 5px;
  margin-bottom: 10px;
}
#UnVolunteerSelectSkills .item {
  display: flex;
  align-items: center;
  border: 1px solid #7e9cc5;
  border-radius: 4px;
  background-color: #e6edf8;
  color: #1c5489;
  min-height: 48px;
}
#UnVolunteerSelectSkills .item.item-lock {
  background-color: #ededed;
}
#UnVolunteerSelectSkills .item.item-lock .icon-lock {
  width: 40px;
  color: #d91f26;
  text-align: center;
}
#UnVolunteerSelectSkills .item .control {
  padding: 0 10px;
  line-height: 0;
}
#UnVolunteerSelectSkills .item .control .icon {
  width: 16px;
  text-align: center;
  color: red;
}
#UnVolunteerSelectSkills .item .name {
  width: 100%;
  padding: 5px 5px 5px 0;
}
#UnVolunteerSelectSkills .item .name label {
  font-weight: normal;
  margin-bottom: 0;
  font-size: 16px;
}
#UnVolunteerSelectSkills .item .name.active label {
  font-weight: 700;
}
#UnVolunteerSelectSkills .item .est {
  min-width: 48px;
  text-align: center;
  border-left: 1px solid #7e9cc5;
  padding: 5px 0;
}
#UnVolunteerSelectSkills .item .est .val {
  font-weight: 700;
}
#UnVolunteerSelectSkills .item .est .unit {
  font-size: 12px;
  line-height: 1;
}

.page-home-organization .organization-box {
  width: 100%;
  height: 100%;
  box-shadow: inset 0 0 2px #fff, 0 10px 100px -20px rgba(7, 30, 97, 0.15);
  background-color: #fff;
  border-radius: 4px;
  border: 2px solid #cdd9f6;
  margin-bottom: 15px;
  padding: 15px;
  transition: all 0.12s ease-in-out 0s;
  color: #071e61;
  display: flex;
  flex-direction: column;
  cursor: pointer;
}
.page-home-organization .organization-box:hover {
  text-decoration: none;
  box-shadow: inset 0 0 2px #fff, 0 50px 100px -20px rgba(7, 30, 97, 0.25);
  transform: translateY(-15px);
  color: #071e61;
}
.page-home-organization .organization-box:hover .organization-image {
  background-color: rgb(235.6666666667, 230.8333333333, 230.8333333333);
}
.page-home-organization .organization-index {
  background-color: #cdd9f6;
  color: #071e61;
  border-radius: 4px;
  padding: 5px 10px;
  display: inline-block;
  margin-bottom: 0.5em;
  display: none !important;
}
.page-home-organization .organization-name {
  font-size: large;
  margin-bottom: 0.5em;
  font-weight: 600;
  text-align: center;
}
.page-home-organization .organization-verified {
  max-width: 30px;
}
.page-home-organization .organization-image {
  background-color: #f7f5f5;
  text-align: center;
  margin-bottom: 1em;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
}
.page-home-organization .organization-image img {
  max-height: 200px;
}
.page-home-organization .organization-phone {
  direction: ltr;
}
.page-home-organization .noclick {
  pointer-events: none;
}
.page-home-organization .org-photos-td {
  width: 120px;
}
.page-home-organization .org-title-td {
  font-weight: 700;
  font-size: large;
}

#modalOrganizationDetail #LogoPhoto {
  max-width: 120px;
}
#modalOrganizationDetail .modal-organization-name {
  flex-grow: 1;
  font-size: xx-large;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 0;
}
#modalOrganizationDetail .form-group p {
  margin-bottom: 0;
}
#modalOrganizationDetail .flex-row, #modalOrganizationDetail .TeamProject__block {
  justify-content: flex-start;
}

.org-list {
  display: flex;
  flex-direction: row-reverse;
  z-index: 10;
  gap: 5px;
  flex-basis: 100%;
  max-height: 30px;
}
.org-list .organization-img {
  max-width: none;
  max-height: 30px;
}

.page-item-soswarriornetwork .org-list,
.page-project-index .org-list,
.info-SOSNumber .org-list {
  flex-direction: row;
  margin-bottom: 5px;
}

@media screen and (max-width: 767px) {
  .page-home-organization .table tbody,
  .page-home-organization .table tr,
  .page-home-organization .table th,
  .page-home-organization .table td {
    display: block;
    border: 0 !important;
    width: auto;
    white-space: normal !important;
    word-break: break-all;
    background-color: #fff !important;
  }
  .page-home-organization .table tr {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-bottom: 1px solid #cdd9f6 !important;
    margin-bottom: 10px;
  }
  .page-home-organization .table .org-photos-td {
    width: 96px;
    background-color: rgb(235.6666666667, 230.8333333333, 230.8333333333) !important;
    font-size: medium;
  }
  .page-home-organization .table .org-photos-td img {
    max-width: 80px;
  }
  .page-home-organization .table .org-title-td {
    width: calc(100% - 96px);
  }
  .page-home-organization .table .org-link-td {
    width: 100%;
  }
  .page-home-organization .organization-name {
    font-size: 16px;
  }
  #modalOrganizationDetail [class^=flex-col-sm] {
    width: 100%;
  }
  #modalOrganizationDetail .modal-organization-name {
    font-size: 16px;
    display: flex;
    align-items: center;
  }
  #modalOrganizationDetail .modal-organization-name span {
    line-height: 1.3;
  }
  #modalOrganizationDetail #LogoPhoto {
    max-width: 60px;
  }
  #modalOrganizationDetail .form-group {
    padding-bottom: 10px;
  }
  #modalOrganizationDetail .form-group p {
    margin-bottom: 0;
    font-size: 12px;
  }
  #modalOrganizationDetail .form-group label {
    font-size: 14px;
  }
}
/* ----------- Team  ----------- */
.TeamProject {
  margin: 0;
}
.TeamProject__block {
  margin-left: -5px;
  margin-right: -5px;
}
.TeamProject__title {
  position: relative;
  text-align: center;
  margin: 0 0 2em;
}
.TeamProject__title:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 2px;
  background-color: #1874ba;
  top: 10px;
}
.TeamProject__title__text {
  display: inline-block;
  padding: 0 20px;
  background-color: #fff;
  position: relative;
}
.TeamProject__member {
  margin-bottom: 30px;
  border-radius: 5px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 5px;
  padding-right: 5px;
  cursor: default;
  display: block;
}
.TeamProject__member__border {
  border: 1px solid #b1cee4;
  border-radius: 10px;
  flex-grow: 1;
  padding: 15px 10px;
  display: flex;
  position: relative;
  flex-wrap: wrap;
}
.TeamProject__member__photo {
  margin-right: 5px;
  padding: 0;
  display: flex;
  align-items: center;
}
.TeamProject__member__img {
  width: 100px;
  height: 100px;
  border-radius: 50px;
  object-fit: cover;
}
.TeamProject__member__info {
  flex-grow: 1;
  white-space: nowrap;
  position: relative;
  min-width: 0;
  max-width: calc(100% - 120px);
}
.TeamProject__member__info__name {
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
  position: relative;
}
.TeamProject__member__info__skills {
  margin-top: 10px;
}
.TeamProject__member__info__skills:empty {
  display: none;
}
.TeamProject__member__info__skills span {
  padding: 3px 5px;
  background-color: rgb(239.75, 239.75, 239.75);
  display: inline-block;
  margin-bottom: 5px;
}
.TeamProject__member__info__skills span:empty {
  display: none;
}
.TeamProject__member__info__skills, .TeamProject__member__info__country {
  color: #4a4a4a;
  font-size: 14px;
  display: inline-block;
}
.TeamProject__member__info__country {
  font-size: 14px;
  font-weight: 400;
  display: block;
  flex-basis: 100%;
}
.TeamProject__member__info__organizations {
  display: inline-block;
}
.TeamProject__member__info__organizations img {
  width: 32px;
  height: 32px;
  border-radius: 16px;
  object-fit: cover;
}
.TeamProject__details {
  background-color: #eff5fa;
  padding: 25px 40px;
  margin: -15px -40px 20px;
}
.TeamProject__suggestedby {
  display: flex;
  align-items: center;
  padding: 0 10px;
}
.TeamProject__suggestedby__title {
  text-align: left;
  margin: 0 25px;
}
.TeamProject__suggestedby__member {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}
.TeamProject__legend {
  border-top: 1px solid #cee4e4;
  padding: 30px;
}
.TeamProject__legend__item {
  position: relative;
  margin: 0 40px;
}
.TeamProject__legend__item:before {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  border-radius: 15px;
  border: 2px solid;
  left: -35px;
  top: -5px;
}
.TeamProject__legend__item:nth-of-type(1):before {
  border-color: #08a000;
}
.TeamProject__legend__item:nth-of-type(2):before {
  border-color: #f44f56;
}

.organization-verified {
  max-width: 30px;
}

.popSharing {
  background-color: #f65914;
  color: #fff;
  min-width: 20px;
  height: 20px;
  padding: 3px 5px;
  line-height: 1;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  display: inline-block;
  margin-right: 5px;
  cursor: default;
}

body[dir=rtl] .TeamProject__member__info__name .popSharing {
  margin-right: 0;
  margin-left: 5px;
}

.welcome .TeamProject__member__info {
  max-width: unset;
}

.Team_NoVolunteersNeeded {
  flex-basis: 100%;
  text-align: center;
  margin-bottom: 30px;
}

.page-project-index .popover {
  padding: 20px 15px;
  min-width: 100px;
}
.page-project-index .popover .popover-title {
  padding: 8px 0;
  color: #071e61;
  background-color: transparent;
  border: 0;
  font-weight: 700;
  font-size: 18px;
}
.page-project-index .popover .popover-content {
  padding: 8px 0;
  max-height: 50vh;
  overflow-y: auto;
  text-align: center;
}
.page-project-index .popover .tooltip-inner {
  min-width: 150px;
}
.page-project-index .popover__project {
  margin-bottom: 15px;
}
.page-project-index .popover__project__title {
  padding-left: 5px;
  border-left: 3px solid;
  font-size: 18px;
  line-height: 1.3;
  margin-bottom: 5px;
  color: #071e61;
}
.page-project-index .popover__project__title.project-new {
  border-color: #3680bf;
}
.page-project-index .popover__project__title.project-progress {
  border-color: #f47504;
}
.page-project-index .popover__project__title.project-completed {
  border-color: #00cc33;
}
.page-project-index .popover__project__title .project__ID {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}
.page-project-index .popover__project__skills {
  font-size: 14px;
  color: #4a4a4a;
}
.page-project-index .popover__project__skills:empty {
  display: none;
}
.page-project-index .popover__project__skills span {
  display: inline-block;
  padding: 3px 5px;
  margin-bottom: 5px;
  background-color: rgb(239.75, 239.75, 239.75);
}
.page-project-index .popover__project__skills span:empty {
  display: none;
}

.leader-flag,
.mentor-icon,
.project-manager-flag {
  position: absolute;
  top: -34px;
}

.mentor-icon {
  left: 0;
  top: -25px;
}
.mentor-icon img {
  max-height: 40px;
}

body[dir=rtl] .leader-flag {
  right: -37px;
}
body[dir=rtl] .mentor-icon {
  left: auto;
  right: 0;
  transform: scaleX(-1);
}

.page-home-orgchart .TeamProject__member__info,
.page-category-details .TeamProject__member__info {
  overflow: visible;
}

@media (min-width: 1600px) and (max-width: 1920px) {
  .TeamProject__member {
    width: 25%;
  }
}
@media (min-width: 1921px) {
  .TeamProject__member {
    width: 20%;
  }
}
.team-col-1,
.team-col-2,
.team-col-3 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}

body[dir=rtl] .TeamProject__member__photo {
  margin-left: 10px;
  margin-right: 0;
  padding: 0;
}

@media screen and (min-width: 768px) {
  .team-col-1 .popover__project {
    flex-basis: 100%;
  }
  .team-col-2 .popover__project {
    flex-basis: 49%;
    margin-right: 1%;
  }
  .team-col-2 .popover__project:nth-child(2n) {
    margin-right: 0%;
  }
  .team-col-3 .popover__project {
    flex-basis: 32.3333%;
    margin-right: 1%;
  }
  .team-col-3 .popover__project:nth-child(3n) {
    margin-right: 0%;
  }
  .team-col-1 {
    width: 300px;
  }
  .team-col-2 {
    width: 500px;
  }
  .team-col-3 {
    width: 767px;
  }
}
#dgProjectTeamDialog .modal-header {
  border: 0;
  padding-bottom: 0;
}
#dgProjectTeamDialog .modal-body {
  padding-top: 0;
}

@media screen and (max-width: 1279px) {
  #dgProjectTeamDialog .modal-lg {
    width: 90%;
  }
}
@media screen and (max-width: 1024px) {
  .TeamProject {
    margin: 0;
  }
  .TeamProject__details {
    margin: -15px -25px 20px;
  }
  .TeamProject__suggestedby:nth-of-type(1) {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 992px) {
  #dgProjectTeamDialog .modal-lg {
    width: 95%;
  }
  .TeamProject__member__img {
    width: 80px;
    height: 80px;
  }
  .TeamProject__details {
    padding: 15px 10px;
    text-align: center;
  }
  .TeamProject__suggestedby {
    flex-wrap: wrap;
    display: inline-block;
    vertical-align: top;
  }
  .TeamProject__suggestedby:nth-of-type(1) {
    margin-bottom: 0;
  }
  .TeamProject__suggestedby__title {
    font-size: 14px;
    margin: 0 5px 10px;
  }
  .TeamProject__legend {
    padding: 20px 0;
  }
  .TeamProject__member__info__name {
    font-size: 20px;
  }
  .TeamProject__member__info__skills,
  .TeamProject__member__info__country {
    font-size: 12px;
  }
  .TeamProject__suggestedby__member {
    margin-bottom: 1rem;
  }
  .TeamProject__member {
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .team-col-1 .popover__project,
  .team-col-2 .popover__project,
  .team-col-3 .popover__project {
    flex-grow: 3;
    flex-basis: 100%;
  }
  .TeamProject .popover__project {
    margin-bottom: 8px;
  }
  .TeamProject .popover__project__title {
    font-size: 14px;
  }
  .TeamProject .popover__project__skills {
    font-size: 12px;
  }
  .TeamProject__member__border {
    height: auto !important;
  }
  .TeamProject__member__info {
    max-width: calc(100% - 90px);
  }
  .TeamProject__member__border {
    height: auto !important;
  }
  .TeamProject__member__info {
    max-width: calc(100% - 90px);
  }
}
@media screen and (max-width: 512px) {
  .TeamProject__legend__item {
    margin: 0 20px;
  }
  .TeamProject__legend__item:before {
    width: 20px;
    height: 20px;
    border-radius: 10px;
    left: -25px;
    top: -2px;
  }
  .TeamProject__title__text {
    padding: 0 10px;
  }
  .TeamProject__member__info__name {
    font-size: 18px;
  }
  .TeamProject__member__info__skills,
  .TeamProject__member__info__country {
    font-size: 10px;
  }
}
/* ----------- Sosiran ----------- */
header .logo-container {
  width: auto;
  box-shadow: none;
  padding: 0;
  background-color: transparent;
  margin-bottom: 0;
  margin-bottom: 3em;
}
header .logo-container:after {
  display: none;
}

#rightnav {
  float: none !important;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0;
}

.languages,
.login-register,
.donations,
.translate {
  float: none;
  display: inline-block;
  vertical-align: top;
}

.navbar-inverse > .container {
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding-left: 145px;
}

body[dir=rtl] .navbar-inverse > .container {
  padding-left: 0;
  padding-right: 145px;
}

@media screen and (max-width: 1200px) {
  .navbar-inverse > .container {
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .page-home-index .content-inner .home_sosiran {
    border-radius: 10px;
    margin: 2em 0.5em;
    border-width: 5px;
  }
  .header > .container > div {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  header .logo-container {
    margin-bottom: 1em;
  }
  header .logo-container:nth-of-type(1) {
    order: 0;
  }
  header .logo-container:nth-of-type(4) {
    order: 1;
  }
  header .navbar-container {
    order: 3;
    width: 100%;
  }
  #rightnav .welcome-li {
    margin: 0;
  }
  body[dir=rtl] .navbar-inverse > .container {
    padding: 0;
  }
}
/* ----------- Admin ----------- */
.DarkTooltip {
  display: none;
  position: absolute;
  top: 20px;
  right: 10px;
  width: 330px;
  padding: 10px 0;
  background-color: #283942;
  z-index: 10;
  border-radius: 3px 4px;
  color: #fff;
  font-size: 16px;
  text-align: center;
}

.DarkTooltip[data-placement=top] {
  top: auto;
  bottom: 20px;
}

.DarkTooltip a {
  color: rgba(255, 255, 255, 0.8);
  display: block;
  padding: 5px 0;
}

.DarkTooltip a:hover {
  color: #ed8c26;
  text-decoration: none;
}

.DarkTooltip > table tr > td {
  padding: 0 7px;
}

.DarkTooltip > table tr:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

.DarkTooltip > table tr:hover a {
  color: #ed8c26;
}

.DarkTooltip .text-muted {
  color: #fff;
  opacity: 0.6;
}

.DarkTooltip span {
  color: #fff;
  opacity: 0.6;
}

.DarkTooltipTitle {
  color: #ed8c26;
  font-size: 1.3em;
  margin-top: 5px;
  margin-bottom: 5px;
}

.DarkTooltipSaperator {
  background-color: rgba(255, 255, 255, 0.25);
  margin: 5px 0px;
  height: 1px;
}

.DarkTooltip strong {
  font-size: 1.3em;
}

.DarkTooltip .tooltipicon {
  font-size: 1em;
  text-align: center;
}

.DarkTooltip th,
.DarkTooltip td {
  text-align: left;
}

.page-admin .blockcontent {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background-color: rgba(0, 0, 0, 0);
  border-color: #94ACB9;
  border-image: none;
  border-style: solid;
  border-width: 1px;
  margin-bottom: 10px;
  padding: 10px;
}

.container-admin .blockcontent .form-control {
  margin-bottom: 15px;
}
.container-admin .blockcontent .btn {
  vertical-align: top;
}
.container-admin .row-search {
  margin: 15px -15px 0 -15px;
}
.container-admin .sub-title {
  border-bottom: 1px solid #E1E1E1;
  font-size: 17px;
  font-weight: bold;
  padding: 4px 0;
}

/* ----------- Admin Action Gear icons ----------- */
.admin-table-container {
  box-shadow: 0 3px 25px rgba(0, 0, 0, 0.13);
  margin-top: 30px;
  margin-bottom: 30px;
  transition: all 0.25s ease 0s;
  padding-bottom: 15px;
}
.admin-table-container th,
.admin-table-container td {
  font-size: 14px;
}
.admin-table-container .icon-eye {
  color: #239f49;
}
.admin-table-container .icon-eye-slash {
  color: red;
}
.admin-table-container .icon-show-hide {
  font-size: 2em;
}
.admin-table-container a {
  color: #1874ba;
}
.admin-table-container a[onclick*=EditProject] {
  min-width: 250px;
  display: inline-block;
}

.tbl-container {
  min-height: fit-content;
}

.fix-overflow {
  min-height: 100vh;
}

.tbl-fixed {
  overflow-x: scroll;
  overflow-y: scroll;
  height: fit-content;
  /*max-height: 90vh*/
  border: 1px solid #ddd;
}

.tbl-fixed .table thead th {
  position: sticky;
  top: 0;
  background-color: #fff;
  box-shadow: inset 0 -2px 0 0 rgb(221, 221, 221);
  padding: 8px 8px 10px;
  z-index: 1;
}

.tbl-fixed .table thead th label {
  font-weight: normal;
  font-size: 14px;
}

.tbl-fixed .table thead th .radio,
.tbl-fixed .table thead th .checkbox {
  margin: 0;
}

.table-drag-scroll {
  cursor: grab;
}

.table-drag-scroll *::selection {
  background: #e7e7e7;
  color: #000;
}

.td-sticky-right,
.td-sticky-left {
  position: sticky;
  right: 0;
  z-index: 2 !important;
  box-shadow: inset 1px 0 0 #ddd;
}

.td-sticky-left {
  left: 0;
  right: auto;
  box-shadow: inset -1px 0 0 #ddd;
}

.tr-middle > td.td-sticky-left {
  vertical-align: top !important;
}

.td-gear {
  padding: 0 !important;
  width: 61px;
}

.td-gear:hover .action-tooltip {
  background-color: #44555c !important;
}

.td-gear .DarkTooltip {
  opacity: 0;
  transform-origin: 0 0;
  transform: scale(0);
  transition: all 0.25s ease 0s;
  display: block;
}
.td-gear .DarkTooltip a {
  color: #fff;
}

.td-gear:hover .DarkTooltip {
  opacity: 1;
  transform: scale(1);
}

.td-gear .icon-cog {
  display: block;
  font-size: 1.5em;
  padding: 20px;
}

.td-gear:hover .icon-cog {
  color: #ed8c26;
}

.td-sticky-left .DarkTooltip {
  left: 60px;
  top: 0;
}

.td-sticky-right .DarkTooltip {
  right: 60px;
  top: 0;
}

.td-sticky-left:hover,
.td-sticky-right:hover {
  z-index: 3 !important;
}

th.td-sticky-left,
th.td-sticky-right {
  z-index: 4 !important;
}

.tbl-fixed .table-striped > tbody > tr:nth-of-type(odd) .td-sticky-left,
.tbl-fixed .table-striped > tbody > tr:nth-of-type(odd) .td-sticky-right {
  background-color: #f9f9f9;
}

.tbl-fixed .table-striped > tbody > tr:nth-of-type(even) .td-sticky-left,
.tbl-fixed .table-striped > tbody > tr:nth-of-type(even) .td-sticky-right {
  background-color: #fff;
}

.tbl-fixed:not(.fix-overflow) .table-striped > tbody > tr:nth-last-child(-n+4) .td-sticky-right .DarkTooltip {
  bottom: 0;
  top: auto;
  transform-origin: 100% 100%;
}

.tbl-fixed:not(.fix-overflow) .table-striped > tbody > tr:nth-last-child(-n+4) .td-sticky-left .DarkTooltip {
  bottom: 0;
  top: auto;
  transform-origin: 0 100%;
}

[dir=rtl] .tbl-fixed:not(.fix-overflow) .table-striped > tbody > tr:nth-last-child(-n+4) .td-sticky-left .DarkTooltip {
  transform-origin: 100% 100%;
}

[dir=rtl] .tbl-fixed:not(.fix-overflow) .table-striped > tbody > tr:nth-last-child(-n+4) .td-sticky-right .DarkTooltip {
  transform-origin: 100% 0;
}

[dir=rtl] .td-gear .DarkTooltip {
  transform-origin: 100% 0;
}
[dir=rtl] .td-sticky-left .DarkTooltip {
  left: 0;
  right: 60px;
}

.action-tooltip {
  font-size: 14px;
}

/* ----------- End - Admin Action Gear icons ----------- */
@media screen and (min-width: 1921px) {
  .page-admin .content-inner {
    max-width: 1720px;
  }
}
@media screen and (max-width: 1920px) {
  .page-admin .content-inner {
    max-width: calc(94% - 30px);
  }
}
.page-home-jointherevolution.page-admin .content-inner {
  max-width: none;
}

@media screen and (max-width: 767px) {
  .page-admin .content-inner {
    max-width: 100%;
  }
}
.sidebar-nav {
  overflow-y: clip;
  overflow-x: clip;
}

.sidebar-nav.open_left {
  overflow-x: visible;
}

.collapse-left-menu {
  background-color: #efefef;
  width: 20px;
  height: 100%;
  z-index: 10000 !important;
  box-shadow: inset -5px 0 12px rgba(41, 42, 47, 0.16);
  overflow-x: visible;
  overflow-y: clip;
}

.collapse-left-menu a {
  display: block;
  height: 100%;
  transition: all 0.3s ease 0s;
}

.collapse-left-menu a:hover {
  background-color: #B8D6E6;
  border-right: 1px solid #1f529d;
  text-decoration: none;
}

.collapse-left-menu a .icon-chevron-right,
.open_left a .icon-chevron-left {
  border: 1px solid #1f529d;
  border-radius: 13px;
  background-color: #fff;
  color: #1f529d;
  width: 26px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  position: sticky;
  top: 60px;
  margin-left: 0px;
  margin-top: 10px;
  transition: all 0.3s ease 0s;
  z-index: 1;
  cursor: pointer;
}

.open_left a .icon-chevron-left {
  margin-left: 5px;
}

.collapse-left-menu a:hover .icon-chevron-right,
.open_left a:hover .icon-chevron-left {
  background-color: #1f529d;
  color: #fff;
  margin-left: 5px;
}

.open_left a:hover .icon-chevron-left {
  margin-left: -3px;
  background-color: #ed8c26;
  border-color: #73330d;
}

.pin-button a {
  display: block;
  height: 100%;
  background-color: rgba(239, 239, 239, 0);
  transition: all 0.3s ease 0s;
}

.pin-button a:hover {
  background-color: rgba(184, 214, 230, 0.25);
  border-right: 1px solid #072738;
}

.accordion-heading .icon-pencil {
  height: 50px;
  padding-right: 0 !important;
  width: 50px !important;
  transform: translateY(-12px) translateX(15px);
  line-height: 50px;
  text-align: center;
}
.accordion-heading .icon-pencil:hover {
  background-color: rgba(255, 255, 255, 0.25);
}

body[dir=rtl] .admin-left-menu .pin-button a {
  left: 0;
  right: auto;
}
body[dir=rtl] .collapse-left-menu a .icon-chevron-right,
body[dir=rtl] .open_left a .icon-chevron-left {
  transform: scaleX(-1);
}
body[dir=rtl] .open_left a:hover .icon-chevron-left {
  margin-left: 0;
  margin-right: -3px;
}
body[dir=rtl] .collapse-left-menu a:hover .icon-chevron-right {
  margin-left: 0;
  margin-right: 5px;
}
body[dir=rtl] .collapse-left-menu a:hover {
  border-right: 0;
  border-left: 1px solid rgba(31, 82, 157, 0.5);
}

@media screen and (max-width: 767px) {
  #pin-button,
  #pushpout {
    display: block;
  }
  .admin-left-menu #divLeftMenuShow {
    padding-right: 0;
  }
  body[dir=rtl] .admin-left-menu #divLeftMenuShow {
    padding-left: 0;
  }
  .admin-left-menu .pin-button a {
    position: static;
    width: auto;
    background-color: rgba(184, 214, 230, 0.25);
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .collapse-left-menu a .icon-chevron-right,
  .open_left a .icon-chevron-left {
    margin-top: 0;
  }
  .open_left a .icon-chevron-left {
    margin-left: 0;
  }
  body[dir=rtl] .open_left a .icon-chevron-left {
    margin-right: 0;
  }
  .collapse-left-menu a:hover .icon-chevron-right,
  .open_left a:hover .icon-chevron-left {
    margin-left: 0;
  }
  .collapse-left-menu a .icon-chevron-right,
  .open_left a .icon-chevron-left {
    transform: rotate(90deg) !important;
  }
  .admin-left-menu #divLeftMenuHide {
    width: 100%;
  }
  .collapse-left-menu a {
    display: flex;
    justify-content: center;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #B8D6E6;
  }
  .collapse-left-menu a .icon-chevron-right {
    position: static;
    background-color: #1f529d;
    color: #fff;
  }
  body[dir=rtl] .admin-left-menu .user_side {
    margin-left: 0;
  }
  .collapse-left-menu a:hover {
    border: 0;
  }
}
@media (max-width: 767px) {
  .table-mobile-column thead, .volunteers-projects-table thead,
  .funding-projects-table thead,
  .table-mobile-column th,
  .volunteers-projects-table th,
  .funding-projects-table th {
    display: none;
  }
  .table-mobile-column tr, .volunteers-projects-table tr,
  .funding-projects-table tr, .table-mobile-column td, .volunteers-projects-table td,
  .funding-projects-table td {
    display: block;
    white-space: normal !important;
  }
  .table-mobile-column tr, .volunteers-projects-table tr,
  .funding-projects-table tr {
    border-bottom: 2px solid #ddd;
    display: flex;
    flex-wrap: wrap;
  }
  .table-mobile-column td, .volunteers-projects-table td,
  .funding-projects-table td {
    width: 100%;
    border-top: 0 !important;
    padding: 8px !important;
  }
}