@charset "UTF-8";
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Sep 28, 2021
    Author     : Adnan lopa
*/
.text-center,
.box-form .separator {
  text-align: center;
}

.text-left,
.input-rating,
.box-form .control-label,
.outer .form-modal .form-modal-dialog .form-modal-header {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-justify {
  text-align: justify;
}

.text-bold {
  font-weight: bold;
}

.text-normal {
  font-family: "gothambook", Fallback, Courier !important;
  font-weight: normal !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-italic {
  font-style: italic !important;
}

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

.c-black {
  color: black !important;
}

.c-blue {
  color: blue !important;
}

.c-ocean {
  color: #64f0f4 !important;
}

.c-red {
  color: #f12502 !important;
}

.c-yellow {
  color: #fee50b !important;
}

.c-orange {
  color: #f04d0e !important;
}

.c-purple {
  color: #660bff !important;
}

.c-pink {
  color: #f90a5e !important;
}

.c-green {
  color: #2dc603 !important;
}

.c-grey {
  color: #818385 !important;
}

.c-dark {
  color: #313132 !important;
}

.no-mb {
  margin: 0;
}

.no-mb-l {
  margin-left: 0 !important;
}

.no-mb-r {
  margin-right: 0 !important;
}

.no-mb-t {
  margin-top: 0 !important;
}

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

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

.mb-4 {
  margin-bottom: 1.5rem !important;
}
@media screen and (min-width: 1400px) {
  .mb-4 {
    margin-bottom: 3rem !important;
  }
}

.mb-5 {
  margin-bottom: 3rem !important;
}
@media screen and (min-width: 1400px) {
  .mb-5 {
    margin-bottom: 5rem !important;
  }
}

.mb-6 {
  margin-bottom: 4rem !important;
}
@media screen and (min-width: 1400px) {
  .mb-6 {
    margin-bottom: 6rem !important;
  }
}

.mb-7 {
  margin-bottom: 5rem !important;
}
@media screen and (min-width: 1400px) {
  .mb-7 {
    margin-bottom: 7rem !important;
  }
}

.mb-8 {
  margin-bottom: 6rem !important;
}
@media screen and (min-width: 1400px) {
  .mb-8 {
    margin-bottom: 8rem !important;
  }
}

.mb-9 {
  margin-bottom: 7rem !important;
}
@media screen and (min-width: 1400px) {
  .mb-9 {
    margin-bottom: 9rem !important;
  }
}

.mb-10 {
  margin-bottom: 8rem !important;
}
@media screen and (min-width: 1400px) {
  .mb-10 {
    margin-bottom: 10rem !important;
  }
}

.no-bg {
  background: none !important;
}

.no-bd {
  border: none !important;
}

.no-xs {
  box-shadow: none !important;
}

.no-pd {
  padding: 0 !important;
}

.no-pd-l {
  padding-left: 0 !important;
}

.no-pd-r {
  padding-right: 0 !important;
}

.no-pd-t {
  padding-top: 0 !important;
}

.no-pd-b {
  padding-bottom: 0 !important;
}

@-webkit-viewport {
  width: device-width;
}
@-moz-viewport {
  width: device-width;
}
@-ms-viewport {
  width: device-width;
}
@-o-viewport {
  width: device-width;
}
@viewport {
  width: device-width;
}
/*FLEXBOX*/
.hv-o {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: 0.7s ease opacity;
  -moz-transition: 0.7s ease opacity;
  -ms-transition: 0.7s ease opacity;
  -o-transition: 0.7s ease opacity;
  transition: 0.7s ease opacity;
}
.hv-o:active,
.hv-o:focus,
.hv-o:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.hv-u:active,
.hv-u:focus,
.hv-u:hover {
  text-decoration: underline !important;
}

.hv-blue {
  -webkit-transition: 0.7s ease color;
  -moz-transition: 0.7s ease color;
  -ms-transition: 0.7s ease color;
  -o-transition: 0.7s ease color;
  transition: 0.7s ease color;
}
.hv-blue:active,
.hv-blue:focus,
.hv-blue:hover {
  color: blue !important;
}

.reset {
  margin: 0;
  padding: 0;
}

.fullImage,
body {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.scrollbar,
.table-responsive {
  scrollbar-width: none;
}
.scrollbar::-webkit-scrollbar,
.table-responsive::-webkit-scrollbar {
  height: 7px;
  width: 10px;
}
.scrollbar::-webkit-scrollbar-track,
.table-responsive::-webkit-scrollbar-track {
  background: #f1f1f1;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  border-radius: 7px;
}
.scrollbar::-webkit-scrollbar-thumb,
.table-responsive::-webkit-scrollbar-thumb {
  background: #888;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  border-radius: 7px;
  -webkit-transition: 0.7s ease background;
  -moz-transition: 0.7s ease background;
  -ms-transition: 0.7s ease background;
  -o-transition: 0.7s ease background;
  transition: 0.7s ease background;
}
.scrollbar::-webkit-scrollbar-thumb:hover,
.table-responsive::-webkit-scrollbar-thumb:hover {
  background: #555;
  -webkit-transition: 0.7s ease background;
  -moz-transition: 0.7s ease background;
  -ms-transition: 0.7s ease background;
  -o-transition: 0.7s ease background;
  transition: 0.7s ease background;
}

.no-scrollbar,
.outer .form-modal .form-modal-dialog.full-height {
  scrollbar-width: none;
}
.no-scrollbar::-webkit-scrollbar,
.outer .form-modal .form-modal-dialog.full-height::-webkit-scrollbar {
  height: 0;
  width: 0;
}
.no-scrollbar::-webkit-scrollbar-track,
.outer .form-modal .form-modal-dialog.full-height::-webkit-scrollbar-track {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
.no-scrollbar::-webkit-scrollbar-thumb,
.outer .form-modal .form-modal-dialog.full-height::-webkit-scrollbar-thumb {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}

.shadow {
  -webkit-box-shadow: inset 0px 0px 60px 30px rgba(0, 0, 0, 0.19);
  -moz-box-shadow: inset 0px 0px 60px 30px rgba(0, 0, 0, 0.19);
  -ms-box-shadow: inset 0px 0px 60px 30px rgba(0, 0, 0, 0.19);
  -o-box-shadow: inset 0px 0px 60px 30px rgba(0, 0, 0, 0.19);
  box-shadow: inset 0px 0px 60px 30px rgba(0, 0, 0, 0.19);
}

.middleCenter,
section.page-under-construction,
.full-height,
.outer .form-modal {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-box-pack: center;
  -o-box-pack: center;
  box-pack: center;
  -webkit-flex-pack: center;
  -moz-flex-pack: center;
  -ms-flex-pack: center;
  -o-flex-pack: center;
  flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-box-align: center;
  -o-box-align: center;
  box-align: center;
  -webkit-flex-align: center;
  -moz-flex-align: center;
  -ms-flex-align: center;
  -o-flex-align: center;
  flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}

.middleLeft {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-box-pack: center;
  -o-box-pack: center;
  box-pack: center;
  -webkit-flex-pack: center;
  -moz-flex-pack: center;
  -ms-flex-pack: center;
  -o-flex-pack: center;
  flex-pack: center;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: flex-start;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-box-align: center;
  -o-box-align: center;
  box-align: center;
  -webkit-flex-align: center;
  -moz-flex-align: center;
  -ms-flex-align: center;
  -o-flex-align: center;
  flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}

.animatedDuration {
  -webkit-animation-duration: 3s;
  -moz-animation-duration: 3s;
  -ms-animation-duration: 3s;
  -o-animation-duration: 3s;
  animation-duration: 3s;
}

.animateDelay {
  -webkit-animation-delay: 1.5s;
  -moz-animation-delay: 1.5s;
  -ms-animation-delay: 1.5s;
  -o-animation-delay: 1.5s;
  animation-delay: 1.5s;
}

.loading {
  -webkit-animation-name: loading;
  -moz-animation-name: loading;
  -ms-animation-name: loading;
  -o-animation-name: loading;
  animation-name: loading;
  -webkit-animation-duration: 3.1s;
  -moz-animation-duration: 3.1s;
  -ms-animation-duration: 3.1s;
  -o-animation-duration: 3.1s;
  animation-duration: 3.1s;
}
@-webkit-keyframes loading {
  0% {
    top: 50%;
    height: 2px;
    width: 0;
  }
  50% {
    top: 50%;
    height: 2px;
    width: 100%;
  }
  100% {
    top: 0;
    height: 100vh;
    width: 100%;
  }
}
@-moz-keyframes loading {
  0% {
    top: 50%;
    height: 2px;
    width: 0;
  }
  50% {
    top: 50%;
    height: 2px;
    width: 100%;
  }
  100% {
    top: 0;
    height: 100vh;
    width: 100%;
  }
}
@-ms-keyframes loading {
  0% {
    top: 50%;
    height: 2px;
    width: 0;
  }
  50% {
    top: 50%;
    height: 2px;
    width: 100%;
  }
  100% {
    top: 0;
    height: 100vh;
    width: 100%;
  }
}
@keyframes loading {
  0% {
    top: 50%;
    height: 2px;
    width: 0;
  }
  50% {
    top: 50%;
    height: 2px;
    width: 100%;
  }
  100% {
    top: 0;
    height: 100vh;
    width: 100%;
  }
}
.transformSection {
  -webkit-animation-name: transformSection;
  -moz-animation-name: transformSection;
  -ms-animation-name: transformSection;
  -o-animation-name: transformSection;
  animation-name: transformSection;
  -webkit-animation-direction: initial;
  -moz-animation-direction: initial;
  -ms-animation-direction: initial;
  -o-animation-direction: initial;
  animation-direction: initial;
  -webkit-animation-duration: 5s;
  -moz-animation-duration: 5s;
  -ms-animation-duration: 5s;
  -o-animation-duration: 5s;
  animation-duration: 5s;
}
@-webkit-keyframes transformSection {
  from {
    -webkit-transform: scale(0.5, 0.5);
    -moz-transform: scale(0.5, 0.5);
    -ms-transform: scale(0.5, 0.5);
    -o-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
  }
  to {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@-moz-keyframes transformSection {
  from {
    -webkit-transform: scale(0.5, 0.5);
    -moz-transform: scale(0.5, 0.5);
    -ms-transform: scale(0.5, 0.5);
    -o-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
  }
  to {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@-ms-keyframes transformSection {
  from {
    -webkit-transform: scale(0.5, 0.5);
    -moz-transform: scale(0.5, 0.5);
    -ms-transform: scale(0.5, 0.5);
    -o-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
  }
  to {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@keyframes transformSection {
  from {
    -webkit-transform: scale(0.5, 0.5);
    -moz-transform: scale(0.5, 0.5);
    -ms-transform: scale(0.5, 0.5);
    -o-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
  }
  to {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
.moveTop {
  margin-bottom: 36px;
  -webkit-animation: moveTop 0.7s;
  -moz-animation: moveTop 0.7s;
  -ms-animation: moveTop 0.7s;
  -o-animation: moveTop 0.7s;
  animation: moveTop 0.7s;
}
@-webkit-keyframes moveTop {
  from {
    margin-bottom: 0;
  }
  to {
    margin-bottom: 36px;
  }
}
@-moz-keyframes moveTop {
  from {
    margin-bottom: 0;
  }
  to {
    margin-bottom: 36px;
  }
}
@-ms-keyframes moveTop {
  from {
    margin-bottom: 0;
  }
  to {
    margin-bottom: 36px;
  }
}
@keyframes moveTop {
  from {
    margin-bottom: 0;
  }
  to {
    margin-bottom: 36px;
  }
}
.linkUnderline {
  display: inline-block;
  color: white;
  text-decoration: none;
}
.linkUnderline::after {
  content: "";
  display: block;
  width: 0;
  height: 1px;
  background: white;
  -webkit-transition: width 0.3s;
  -moz-transition: width 0.3s;
  -ms-transition: width 0.3s;
  -o-transition: width 0.3s;
  transition: width 0.3s;
}
.linkUnderline:hover::after {
  background: white;
  width: 100%;
}

.mouseTransform {
  -webkit-transform: perspective(600px) rotateY(0deg) rotateX(0deg);
  -moz-transform: perspective(600px) rotateY(0deg) rotateX(0deg);
  -ms-transform: perspective(600px) rotateY(0deg) rotateX(0deg);
  -o-transform: perspective(600px) rotateY(0deg) rotateX(0deg);
  transform: perspective(600px) rotateY(0deg) rotateX(0deg);
}

.hideShow {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-animation-name: hideShow;
  -moz-animation-name: hideShow;
  -ms-animation-name: hideShow;
  -o-animation-name: hideShow;
  animation-name: hideShow;
  -webkit-animation-direction: initial;
  -moz-animation-direction: initial;
  -ms-animation-direction: initial;
  -o-animation-direction: initial;
  animation-direction: initial;
  -webkit-animation-duration: 0.9s;
  -moz-animation-duration: 0.9s;
  -ms-animation-duration: 0.9s;
  -o-animation-duration: 0.9s;
  animation-duration: 0.9s;
  -webkit-animation-iteration-count: alternate;
  -moz-animation-iteration-count: alternate;
  -ms-animation-iteration-count: alternate;
  -o-animation-iteration-count: alternate;
  animation-iteration-count: alternate;
}
@-webkit-keyframes hideShow {
  from {
    opacity: 0;
    filter: alpha(opacity=0);
  }
  to {
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
@-moz-keyframes hideShow {
  from {
    opacity: 0;
    filter: alpha(opacity=0);
  }
  to {
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
@-ms-keyframes hideShow {
  from {
    opacity: 0;
    filter: alpha(opacity=0);
  }
  to {
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
@keyframes hideShow {
  from {
    opacity: 0;
    filter: alpha(opacity=0);
  }
  to {
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
.showHide {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-animation-name: showHide;
  -moz-animation-name: showHide;
  -ms-animation-name: showHide;
  -o-animation-name: showHide;
  animation-name: showHide;
  -webkit-animation-direction: initial;
  -moz-animation-direction: initial;
  -ms-animation-direction: initial;
  -o-animation-direction: initial;
  animation-direction: initial;
  -webkit-animation-duration: 0.9s;
  -moz-animation-duration: 0.9s;
  -ms-animation-duration: 0.9s;
  -o-animation-duration: 0.9s;
  animation-duration: 0.9s;
  -webkit-animation-iteration-count: alternate;
  -moz-animation-iteration-count: alternate;
  -ms-animation-iteration-count: alternate;
  -o-animation-iteration-count: alternate;
  animation-iteration-count: alternate;
}
@-webkit-keyframes showHide {
  from {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  to {
    opacity: 0;
    filter: alpha(opacity=0);
  }
}
@-moz-keyframes showHide {
  from {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  to {
    opacity: 0;
    filter: alpha(opacity=0);
  }
}
@-ms-keyframes showHide {
  from {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  to {
    opacity: 0;
    filter: alpha(opacity=0);
  }
}
@keyframes showHide {
  from {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  to {
    opacity: 0;
    filter: alpha(opacity=0);
  }
}
.hoverHide {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: opacity 1.4s linear;
  -moz-transition: opacity 1.4s linear;
  -ms-transition: opacity 1.4s linear;
  -o-transition: opacity 1.4s linear;
  transition: opacity 1.4s linear;
}
.hoverHide:active,
.hoverHide:focus,
.hoverHide:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -webkit-transition: opacity 1.4s linear;
  -moz-transition: opacity 1.4s linear;
  -ms-transition: opacity 1.4s linear;
  -o-transition: opacity 1.4s linear;
  transition: opacity 1.4s linear;
}

.hoverShow {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -webkit-transition: opacity 1.4s linear;
  -moz-transition: opacity 1.4s linear;
  -ms-transition: opacity 1.4s linear;
  -o-transition: opacity 1.4s linear;
  transition: opacity 1.4s linear;
}
.hoverShow:active,
.hoverShow:focus,
.hoverShow:hover {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: opacity 1.4s linear;
  -moz-transition: opacity 1.4s linear;
  -ms-transition: opacity 1.4s linear;
  -o-transition: opacity 1.4s linear;
  transition: opacity 1.4s linear;
}

.rotate90degLeft {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: left top 0;
  -moz-transform-origin: left top 0;
  -ms-transform-origin: left top 0;
  -o-transform-origin: left top 0;
  transform-origin: left top 0;
}

.rotate90degRight {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: right top 0;
  -moz-transform-origin: right top 0;
  -ms-transform-origin: right top 0;
  -o-transform-origin: right top 0;
  transform-origin: right top 0;
}

.bounce {
  -webkit-animation: bounce 2s infinite;
  -moz-animation: bounce 2s infinite;
  -ms-animation: bounce 2s infinite;
  -o-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}

@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
.effect1 {
  -webkit-box-shadow: 0 10px 6px -6px #313132;
  -moz-box-shadow: 0 10px 6px -6px #313132;
  -ms-box-shadow: 0 10px 6px -6px #313132;
  -o-box-shadow: 0 10px 6px -6px #313132;
  box-shadow: 0 10px 6px -6px #313132;
}

.effect2 {
  position: relative;
}
.effect2:before,
.effect2:after {
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width: 300px;
  background: #313132;
  -webkit-box-shadow: 0 15px 10px #313132;
  -moz-box-shadow: 0 15px 10px #313132;
  -ms-box-shadow: 0 15px 10px #313132;
  -o-box-shadow: 0 15px 10px #313132;
  box-shadow: 0 15px 10px #313132;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.effect2:after {
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

.effect3 {
  position: relative;
}
.effect3:before {
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width: 300px;
  background: #313132;
  -webkit-box-shadow: 0 15px 10px #313132;
  -moz-box-shadow: 0 15px 10px #313132;
  -ms-box-shadow: 0 15px 10px #313132;
  -o-box-shadow: 0 15px 10px #313132;
  box-shadow: 0 15px 10px #313132;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  transform: rotate(-3deg);
}

.effect4 {
  position: relative;
}
.effect4:after {
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  right: 10px;
  left: auto;
  width: 50%;
  top: 80%;
  max-width: 300px;
  background: #313132;
  -webkit-box-shadow: 0 15px 10px #313132;
  -moz-box-shadow: 0 15px 10px #313132;
  -ms-box-shadow: 0 15px 10px #313132;
  -o-box-shadow: 0 15px 10px #313132;
  box-shadow: 0 15px 10px #313132;
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  transform: rotate(3deg);
}

.effect5 {
  position: relative;
}
.effect5:before,
.effect5:after {
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 25px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width: 300px;
  background: #313132;
  -webkit-box-shadow: 0 35px 20px #313132;
  -moz-box-shadow: 0 35px 20px #313132;
  -ms-box-shadow: 0 35px 20px #313132;
  -o-box-shadow: 0 35px 20px #313132;
  box-shadow: 0 35px 20px #313132;
  -webkit-transform: rotate(-8deg);
  -moz-transform: rotate(-8deg);
  -ms-transform: rotate(-8deg);
  -o-transform: rotate(-8deg);
  transform: rotate(-8deg);
}
.effect5:after {
  -webkit-transform: rotate(8deg);
  -moz-transform: rotate(8deg);
  -ms-transform: rotate(8deg);
  -o-transform: rotate(8deg);
  transform: rotate(8deg);
  right: 10px;
  left: auto;
}

.effect6 {
  position: relative;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3),
    0 0 40px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3),
    0 0 40px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect6:before,
.effect6:after {
  content: "";
  position: absolute;
  z-index: -1;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
  -ms-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
  -o-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
  top: 50%;
  bottom: 0;
  left: 10px;
  right: 10px;
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  -ms-border-radius: 10;
  -o-border-radius: 10;
  border-radius: 10;
}
.effect6:after {
  right: 10px;
  left: auto;
  -webkit-transform: skew(8deg) rotate(3deg);
  -moz-transform: skew(8deg) rotate(3deg);
  -ms-transform: skew(8deg) rotate(3deg);
  -o-transform: skew(8deg) rotate(3deg);
  transform: skew(8deg) rotate(3deg);
}

.effect7 {
  position: relative;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3),
    0 0 40px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3),
    0 0 40px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect7:before,
.effect7:after {
  content: "";
  position: absolute;
  z-index: -1;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
  -ms-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
  -o-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
  top: 0;
  bottom: 0;
  left: 10px;
  right: 10px;
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  -ms-border-radius: 10;
  -o-border-radius: 10;
  border-radius: 10;
}
.effect7:after {
  right: 10px;
  left: auto;
  -webkit-transform: skew(8deg) rotate(3deg);
  -moz-transform: skew(8deg) rotate(3deg);
  -ms-transform: skew(8deg) rotate(3deg);
  -o-transform: skew(8deg) rotate(3deg);
  transform: skew(8deg) rotate(3deg);
}

.effect8 {
  position: relative;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3),
    0 0 40px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3),
    0 0 40px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect8:before,
.effect8:after {
  content: "";
  position: absolute;
  z-index: -1;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
  -ms-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
  -o-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
  top: 10px;
  bottom: 10px;
  left: 0;
  right: 0;
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  -ms-border-radius: 10;
  -o-border-radius: 10;
  border-radius: 10;
}
.effect8:after {
  right: 10px;
  left: auto;
  -webkit-transform: skew(8deg) rotate(3deg);
  -moz-transform: skew(8deg) rotate(3deg);
  -ms-transform: skew(8deg) rotate(3deg);
  -o-transform: skew(8deg) rotate(3deg);
  transform: skew(8deg) rotate(3deg);
}

.radius {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  position: absolute;
  top: 14px;
  right: 3px;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  z-index: 1;
}
.radius .border-animation,
.radius .place {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
}
.radius .place {
  background-color: #f12502;
  z-index: 2;
}
.radius .border-animation {
  z-index: 1;
}
.radius .ba1 {
  animation: rounder1 1.3s linear 1.3s infinite alternate;
  background-color: rgba(239, 8, 20, 0.6);
}
@keyframes rounder1 {
  from {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  to {
    -webkit-transform: scale(1.39);
    -moz-transform: scale(1.39);
    -ms-transform: scale(1.39);
    -o-transform: scale(1.39);
    transform: scale(1.39);
  }
}
.radius .ba2 {
  animation: rounder2 1.3s linear 1.3s infinite alternate;
  background-color: rgba(239, 8, 20, 0.5);
}
@keyframes rounder2 {
  from {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  to {
    -webkit-transform: scale(1.69);
    -moz-transform: scale(1.69);
    -ms-transform: scale(1.69);
    -o-transform: scale(1.69);
    transform: scale(1.69);
  }
}
.radius .ba3 {
  animation: rounder3 1.3s linear 1.3s infinite alternate;
  background-color: rgba(239, 8, 20, 0.4);
}
@keyframes rounder3 {
  from {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  to {
    -webkit-transform: scale(1.99);
    -moz-transform: scale(1.99);
    -ms-transform: scale(1.99);
    -o-transform: scale(1.99);
    transform: scale(1.99);
  }
}
.text-center,
.box-form .separator {
  text-align: center;
}

.text-left,
.input-rating,
.box-form .control-label,
.outer .form-modal .form-modal-dialog .form-modal-header {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-justify {
  text-align: justify;
}

.text-bold {
  font-weight: bold;
}

.text-normal {
  font-family: "gothambook", Fallback, Courier !important;
  font-weight: normal !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-italic {
  font-style: italic !important;
}

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

.c-black {
  color: black !important;
}

.c-blue {
  color: blue !important;
}

.c-ocean {
  color: #64f0f4 !important;
}

.c-red {
  color: #f12502 !important;
}

.c-yellow {
  color: #fee50b !important;
}

.c-orange {
  color: #f04d0e !important;
}

.c-purple {
  color: #660bff !important;
}

.c-pink {
  color: #f90a5e !important;
}

.c-green {
  color: #2dc603 !important;
}

.c-grey {
  color: #818385 !important;
}

.c-dark {
  color: #313132 !important;
}

.no-mb {
  margin: 0;
}

.no-mb-l {
  margin-left: 0 !important;
}

.no-mb-r {
  margin-right: 0 !important;
}

.no-mb-t {
  margin-top: 0 !important;
}

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

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

.mb-4 {
  margin-bottom: 1.5rem !important;
}
@media screen and (min-width: 1400px) {
  .mb-4 {
    margin-bottom: 3rem !important;
  }
}

.mb-5 {
  margin-bottom: 3rem !important;
}
@media screen and (min-width: 1400px) {
  .mb-5 {
    margin-bottom: 5rem !important;
  }
}

.mb-6 {
  margin-bottom: 4rem !important;
}
@media screen and (min-width: 1400px) {
  .mb-6 {
    margin-bottom: 6rem !important;
  }
}

.mb-7 {
  margin-bottom: 5rem !important;
}
@media screen and (min-width: 1400px) {
  .mb-7 {
    margin-bottom: 7rem !important;
  }
}

.mb-8 {
  margin-bottom: 6rem !important;
}
@media screen and (min-width: 1400px) {
  .mb-8 {
    margin-bottom: 8rem !important;
  }
}

.mb-9 {
  margin-bottom: 7rem !important;
}
@media screen and (min-width: 1400px) {
  .mb-9 {
    margin-bottom: 9rem !important;
  }
}

.mb-10 {
  margin-bottom: 8rem !important;
}
@media screen and (min-width: 1400px) {
  .mb-10 {
    margin-bottom: 10rem !important;
  }
}

.no-bg {
  background: none !important;
}

.no-bd {
  border: none !important;
}

.no-xs {
  box-shadow: none !important;
}

.no-pd {
  padding: 0 !important;
}

.no-pd-l {
  padding-left: 0 !important;
}

.no-pd-r {
  padding-right: 0 !important;
}

.no-pd-t {
  padding-top: 0 !important;
}

.no-pd-b {
  padding-bottom: 0 !important;
}

@font-face {
  font-family: "gothamblack";
  src: url("../fonts/gotham-black-webfont-8bc535b4.woff2") format("woff2"),
    url("../fonts/gotham-black-webfont-5ee289cc.woff") format("woff"),
    url("../fonts/gotham-black-webfont-d3c22797.ttf") format("truetype"),
    url("../img/gotham-black-webfont-c2d6ffbd.svg")
      format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "gothambold";
  src: url("../fonts/gotham-bold-webfont-2dd6a68d.woff2") format("woff2"),
    url("../fonts/gotham-bold-webfont-0ac7daf9.woff") format("woff"),
    url("../fonts/gotham-bold-webfont-155f080a.ttf") format("truetype"),
    url("../img/gotham-bold-webfont-267d7979.svg")
      format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "gothambold_italic";
  src: url("../fonts/gotham-bolditalic-webfont-8068041b.woff2")
      format("woff2"),
    url("../fonts/gotham-bolditalic-webfont-b6d90243.woff") format("woff"),
    url("../fonts/gotham-bolditalic-webfont-391f9b70.ttf")
      format("truetype"),
    url("../img/gotham-bolditalic-webfont-3cf36b56.svg")
      format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "gothambook";
  src: url("../fonts/gotham-book-webfont-bcd41ddd.woff2") format("woff2"),
    url("../fonts/gotham-book-webfont-78544e75.woff") format("woff"),
    url("../fonts/gotham-book-webfont-b00e4a6f.ttf") format("truetype"),
    url("../img/gotham-book-webfont-d338476f.svg")
      format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "gothambook_italic";
  src: url("../fonts/gotham-bookitalic-webfont-d8934277.woff2")
      format("woff2"),
    url("../fonts/gotham-bookitalic-webfont-04801ecd.woff") format("woff"),
    url("../fonts/gotham-bookitalic-webfont-12fe1764.ttf")
      format("truetype"),
    url("../img/gotham-bookitalic-webfont-8ed1ffcb.svg")
      format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "gothamlight";
  src: url("../fonts/gotham-light-webfont-d21ec5e0.woff2") format("woff2"),
    url("../fonts/gotham-light-webfont-462129c2.woff") format("woff"),
    url("../fonts/gotham-light-webfont-ae6ec9f0.ttf") format("truetype"),
    url("../img/gotham-light-webfont-7cfecfa8.svg")
      format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "gothamlight_italic";
  src: url("../fonts/gotham-lightitalic-webfont-3388a29a.woff2")
      format("woff2"),
    url("../fonts/gotham-lightitalic-webfont-b951c96e.woff") format("woff"),
    url("../fonts/gotham-lightitalic-webfont-87462e63.ttf")
      format("truetype"),
    url("../img/gotham-lightitalic-webfont-b9e0b62e.svg")
      format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "gothammedium";
  src: url("../fonts/gotham-medium-webfont-a15eadc2.woff2") format("woff2"),
    url("../fonts/gotham-medium-webfont-8c4dc861.woff") format("woff"),
    url("../fonts/gotham-medium-webfont-5e30fe50.ttf") format("truetype"),
    url("../img/gotham-medium-webfont-642e1de0.svg")
      format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "gothammedium_italic";
  src: url("../fonts/gotham-mediumitalic-webfont-78c72f55.woff2")
      format("woff2"),
    url("../fonts/gotham-mediumitalic-webfont-ade537e4.woff")
      format("woff"),
    url("../fonts/gotham-mediumitalic-webfont-a195b874.ttf")
      format("truetype"),
    url("../img/gotham-mediumitalic-webfont-a804240b.svg")
      format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "gothamthin";
  src: url("../fonts/gotham-thin-webfont-8e6ce045.woff2") format("woff2"),
    url("../fonts/gotham-thin-webfont-bb36f904.woff") format("woff"),
    url("../fonts/gotham-thin-webfont-f0470a3c.ttf") format("truetype"),
    url("../img/gotham-thin-webfont-3c26b2ec.svg")
      format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "gothamthin_italic";
  src: url("../fonts/gotham-thinitalic-webfont-baf62cd7.woff2")
      format("woff2"),
    url("../fonts/gotham-thinitalic-webfont-2b3b60ca.woff") format("woff"),
    url("../fonts/gotham-thinitalic-webfont-9ed8f923.ttf")
      format("truetype"),
    url("../img/gotham-thinitalic-webfont-cbaa5018.svg")
      format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "gothamultra_italic";
  src: url("../fonts/gotham-ultraitalic-webfont-41dda98c.woff2")
      format("woff2"),
    url("../fonts/gotham-ultraitalic-webfont-ae490a3f.woff") format("woff"),
    url("../fonts/gotham-ultraitalic-webfont-66db66c8.ttf")
      format("truetype"),
    url("../img/gotham-ultraitalic-webfont-492638a3.svg")
      format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "gothamxlight";
  src: url("../fonts/gotham-xlight-webfont-834a675d.woff2") format("woff2"),
    url("../fonts/gotham-xlight-webfont-4e543572.woff") format("woff"),
    url("../fonts/gotham-xlight-webfont-0f965c0f.ttf") format("truetype"),
    url("../img/gotham-xlight-webfont-ea810eed.svg")
      format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "gothamxlight_italic";
  src: url("../fonts/gotham-xlightitalic-webfont-0d832c3d.woff2")
      format("woff2"),
    url("../fonts/gotham-xlightitalic-webfont-676f269b.woff")
      format("woff"),
    url("../fonts/gotham-xlightitalic-webfont-c75c65ef.ttf")
      format("truetype"),
    url("../img/gotham-xlightitalic-webfont-59064681.svg")
      format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Roboto-Regular";
  src: url("../fonts/Roboto-Regular-8dc88b8d.eot");
  src: url("../fonts/Roboto-Regular-5ae1a81a.eot")
      format("embedded-open_cardtype"),
    url("../fonts/Roboto-Regular-4fd3c29d.woff2") format("woff2"),
    url("../img/Roboto-Regular-9a43d0f8.svg") format("svg"),
    url("../fonts/Roboto-Regular-05921e9e.woff") format("woff");
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "OpenSans-Bold";
  src: url("../fonts/OpenSans-Bold-eb8feff1.eot");
  src: url("../fonts/OpenSans-Bold-7c5385d2.eot")
      format("embedded-open_cardtype"),
    url("../fonts/OpenSans-Bold-8d645d8e.woff") format("woff");
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "OpenSans";
  src: url("../fonts/OpenSans-b04da51c.eot");
  src: url("../fonts/OpenSans-b1de5bcd.eot")
      format("embedded-open_cardtype"),
    url("../fonts/OpenSans-8d13e5ac.woff") format("woff");
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}
@-webkit-viewport {
  width: device-width;
}
@-moz-viewport {
  width: device-width;
}
@-ms-viewport {
  width: device-width;
}
@-o-viewport {
  width: device-width;
}
@viewport {
  width: device-width;
}
/*FLEXBOX*/
body {
  background-color: #d6d6d8;
  /* background-image: url(../img/bg-ihrs-2023-784eefaa.png); */
  color: black;
  font-size: 14px;
  font-family: "gothambook", Fallback, Courier;
  z-index: 1;
}
@media (min-width: 1400px) {
  body {
    font-size: 21px;
    line-height: 1.75;
  }
}
@media only screen and (min-width: 1400px) and (min-width: 1400px) {
  body {
    font-size: 16px;
    line-height: 1.75;
  }
}
@media only screen and (min-width: 1400px) and (min-width: 2500px) {
  body {
    font-size: 24px;
  }
}

@media (min-width: 1200px) and (max-width: 1400px),
  (min-width: 992px) and (max-width: 1200px),
  (min-width: 768px) and (max-width: 992px) {
  body {
    font-size: 14px;
    line-height: 1.75;
  }
}
@media (min-width: 576px) and (max-width: 768px),
  (min-width: 412px) and (max-width: 576px),
  (min-width: 280px) and (max-width: 411px) {
  body {
    font-size: 16px;
    line-height: 1.75;
  }
}

h1,
h2,
h3,
h4,
h5,
h6,
label,
p {
  margin: 0;
}
h1:first-letter,
h2:first-letter,
h3:first-letter,
h4:first-letter,
h5:first-letter,
h6:first-letter,
label:first-letter,
p:first-letter {
  text-transform: capitalize;
}

@media (min-width: 1400px) {
  h1 {
    font-size: 210%;
  }
}
@media only screen and (min-width: 1400px) and (min-width: 1400px) {
  h1 {
    font-size: 200%;
  }
}
@media only screen and (min-width: 1400px) and (min-width: 2500px) {
  h1 {
    font-size: 220%;
  }
}

@media (min-width: 1200px) and (max-width: 1400px) {
  h1 {
    font-size: 200%;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  h1 {
    font-size: 190%;
  }
}
@media (min-width: 768px) and (max-width: 992px),
  (min-width: 576px) and (max-width: 768px),
  (min-width: 412px) and (max-width: 576px),
  (min-width: 280px) and (max-width: 411px) {
  h1 {
    font-size: 180%;
  }
}

@media (min-width: 1400px) {
  h2 {
    font-size: 180%;
  }
}
@media only screen and (min-width: 1400px) and (min-width: 1400px) {
  h2 {
    font-size: 170%;
  }
}
@media only screen and (min-width: 1400px) and (min-width: 2500px) {
  h2 {
    font-size: 190%;
  }
}

@media (min-width: 1200px) and (max-width: 1400px) {
  h2 {
    font-size: 170%;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  h2 {
    font-size: 160%;
  }
}
@media (min-width: 768px) and (max-width: 992px),
  (min-width: 576px) and (max-width: 768px),
  (min-width: 412px) and (max-width: 576px),
  (min-width: 280px) and (max-width: 411px) {
  h2 {
    font-size: 150%;
  }
}

@media (min-width: 1400px) {
  h3 {
    font-size: 150%;
  }
}
@media only screen and (min-width: 1400px) and (min-width: 1400px) {
  h3 {
    font-size: 140%;
  }
}
@media only screen and (min-width: 1400px) and (min-width: 2500px) {
  h3 {
    font-size: 160%;
  }
}

@media (min-width: 1200px) and (max-width: 1400px) {
  h3 {
    font-size: 140%;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  h3 {
    font-size: 130%;
  }
}
@media (min-width: 768px) and (max-width: 992px),
  (min-width: 576px) and (max-width: 768px),
  (min-width: 412px) and (max-width: 576px),
  (min-width: 280px) and (max-width: 411px) {
  h3 {
    font-size: 130%;
  }
}

@media (min-width: 1400px) {
  h4 {
    font-size: 120%;
  }
}
@media only screen and (min-width: 1400px) and (min-width: 1400px) {
  h4 {
    font-size: 130%;
  }
}
@media only screen and (min-width: 1400px) and (min-width: 2500px) {
  h4 {
    font-size: 130%;
  }
}

@media (min-width: 1200px) and (max-width: 1400px) {
  h4 {
    font-size: 130%;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  h4 {
    font-size: 120%;
  }
}
@media (min-width: 768px) and (max-width: 992px),
  (min-width: 576px) and (max-width: 768px),
  (min-width: 412px) and (max-width: 576px),
  (min-width: 280px) and (max-width: 411px) {
  h4 {
    font-size: 110%;
  }
}

@media (min-width: 1400px) {
  h5 {
    font-size: 100%;
  }
}
@media only screen and (min-width: 1400px) and (min-width: 1400px) {
  h5 {
    font-size: 90%;
  }
}

@media (min-width: 1200px) and (max-width: 1400px) {
  h5 {
    font-size: 90%;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  h5 {
    font-size: 80%;
  }
}
@media (min-width: 768px) and (max-width: 992px),
  (min-width: 576px) and (max-width: 768px),
  (min-width: 412px) and (max-width: 576px),
  (min-width: 280px) and (max-width: 411px) {
  h5 {
    font-size: 70%;
  }
}

@media (min-width: 1400px),
  (min-width: 1200px) and (max-width: 1400px),
  (min-width: 992px) and (max-width: 1200px),
  (min-width: 768px) and (max-width: 992px),
  (min-width: 576px) and (max-width: 768px),
  (min-width: 412px) and (max-width: 576px),
  (min-width: 280px) and (max-width: 411px) {
  h6 {
    font-size: 60%;
  }
}

a {
  text-decoration: none !important;
  -webkit-transition: 0.7s ease color;
  -moz-transition: 0.7s ease color;
  -ms-transition: 0.7s ease color;
  -o-transition: 0.7s ease color;
  transition: 0.7s ease color;
}
a:first-letter {
  text-transform: capitalize;
}
a:hover,
a:active,
a:focus {
  color: #010eb2;
}

button {
  outline: none !important;
}
button:first-letter {
  text-transform: capitalize;
}

img {
  margin: 0 auto;
}

iframe {
  width: 100%;
}

mark {
  background: #fee50b;
}

.fa-phone {
  color: #c01d01;
}

.fa-envelope {
  color: #ffd59a;
}

.fa-whatsapp {
  color: #25d366;
}

.fa-earth-asia {
  color: #272728;
}

.fa-facebook,
.fa-facebook-square {
  color: #4267b2;
}

.fa-instagram {
  color: #e1306c;
}

.fa-twitter,
.fa-twitter-square {
  color: #1da1f2;
}

.fa-linkedin,
.fa-linkedin-square {
  color: #0077b5;
}

.fa-camera-web {
  color: #2d8cff;
}

label {
  font-size: 14px;
  font-weight: normal;
}
label:first-letter {
  text-transform: capitalize;
}

.hidden {
  display: none !important;
}

@media only screen and (min-width: 2500px) {
  .hidden-xxxl {
    display: none !important;
  }
}

@media (min-width: 1400px) {
  .hidden-xxl {
    display: none !important;
  }
}

@media (min-width: 1200px) and (max-width: 1400px) {
  .hidden-xl {
    display: none !important;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  .hidden-md {
    display: none !important;
  }
}

@media (min-width: 576px) and (max-width: 768px) {
  .hidden-sm {
    display: none !important;
  }
}

@media (min-width: 412px) and (max-width: 576px),
  (min-width: 280px) and (max-width: 411px) {
  .hidden-xs {
    display: none !important;
  }
}

.dropdown .dropdown-toggle {
  color: black;
}
.dropdown .dropdown-toggle:after {
  display: none !important;
}
@media (min-width: 1400px) {
  .dropdown .dropdown-toggle .lnr {
    font-size: 18px;
  }
}
@media only screen and (min-width: 1400px) and (min-width: 1400px) {
  .dropdown .dropdown-toggle .lnr {
    font-size: 10px;
  }
}
@media only screen and (min-width: 1400px) and (min-width: 2500px) {
  .dropdown .dropdown-toggle .lnr {
    font-size: 24px;
  }
}

@media (min-width: 1400px),
  (min-width: 1200px) and (max-width: 1400px),
  (min-width: 992px) and (max-width: 1200px),
  (min-width: 768px) and (max-width: 992px),
  (min-width: 576px) and (max-width: 768px),
  (min-width: 412px) and (max-width: 576px),
  (min-width: 280px) and (max-width: 411px) {
  .dropdown .dropdown-toggle .lnr {
    font-size: 10px;
  }
}
.dropdown .dropdown-menu {
  color: black;
  min-width: 12rem;
  padding: 0;
}
.dropdown .dropdown-menu.dropdown-menu-end {
  right: 0;
}
.dropdown .dropdown-menu .dropdown-item {
  padding: 0 7px;
}
.dropdown .dropdown-menu .dropdown-item .dropdown-link {
  color: black;
  display: block;
  font-family: "gothambook", Fallback, Courier;
  -webkit-transition: 0.7s ease color;
  -moz-transition: 0.7s ease color;
  -ms-transition: 0.7s ease color;
  -o-transition: 0.7s ease color;
  transition: 0.7s ease color;
}
@media (min-width: 1400px) {
  .dropdown .dropdown-menu .dropdown-item .dropdown-link {
    font-size: 18px;
    line-height: 1.75;
    padding: 14px 7px;
  }
}
@media only screen and (min-width: 1400px) and (min-width: 1400px) {
  .dropdown .dropdown-menu .dropdown-item .dropdown-link {
    font-size: 14px;
    line-height: 1.75;
    padding: 7px 7px;
  }
}
@media only screen and (min-width: 1400px) and (min-width: 2500px) {
  .dropdown .dropdown-menu .dropdown-item .dropdown-link {
    font-size: 24px;
  }
}

@media (min-width: 1200px) and (max-width: 1400px),
  (min-width: 992px) and (max-width: 1200px),
  (min-width: 768px) and (max-width: 992px),
  (min-width: 576px) and (max-width: 768px) {
  .dropdown .dropdown-menu .dropdown-item .dropdown-link {
    font-size: 14px;
    line-height: 1.75;
    padding: 7px 7px;
  }
}
@media (min-width: 412px) and (max-width: 576px),
  (min-width: 280px) and (max-width: 411px) {
  .dropdown .dropdown-menu .dropdown-item .dropdown-link {
    font-size: 14px;
  }
}

.alert {
  font-weight: normal;
}
.alert:first-letter {
  text-transform: capitalize;
}
.alert ol {
  padding-left: 15px;
  margin-bottom: 0;
}
.alert.alert-default {
  background-color: white;
  border: 1px solid black;
}

.icon-bar {
  background-color: black;
}

.container {
  background: none;
  display: block;
  overflow: unset;
  z-index: 1;
  max-width: 78%;
  width: 78%;
}
@media (min-width: 412px) and (max-width: 576px),
  (min-width: 280px) and (max-width: 411px) {
  .container {
    max-width: 90%;
    min-width: 90%;
    width: 90%;
  }
}

.container-fluid {
  background: none;
  display: block;
  overflow: unset;
  max-width: 96%;
  width: 96%;
  z-index: 1;
}
.container-fluid.not-full-width {
  padding: 0 5%;
}
.container-fluid.full-width {
  padding: 0;
  max-width: 100%;
  width: 100%;
}
@media (min-width: 412px) and (max-width: 576px),
  (min-width: 280px) and (max-width: 411px) {
  .container-fluid.mobile-full-width {
    max-width: 90%;
    width: 90%;
  }
}

/*
 * START
 * LAYOUT
 */
.block {
  background: none;
  display: block;
  height: auto;
  width: 100%;
}

.row.make-columns {
  -moz-column-width: 19em;
  -webkit-column-width: 19em;
  -moz-column-gap: 1em;
  -webkit-column-gap: 1em;
}
.row.make-columns div {
  display: inline-block;
  padding: 0.5rem;
  width: 100%;
}

section {
  background-color: transparent;
}
@media (min-width: 1400px) {
  section {
    padding: 70px 0 0 0;
  }
}
@media only screen and (min-width: 1400px) and (min-width: 1400px) {
  section {
    padding: 70px 0 0 0;
  }
}
@media only screen and (min-width: 1400px) and (min-width: 2500px) {
  section {
    padding: 120px 0 0 0;
  }
}

@media (min-width: 1200px) and (max-width: 1400px),
  (min-width: 992px) and (max-width: 1200px) {
  section {
    padding: 90px 0 0 0;
  }
}
@media (min-width: 768px) and (max-width: 992px),
  (min-width: 576px) and (max-width: 768px) {
  section {
    padding: 90px 0 0 0;
  }
}
@media (min-width: 412px) and (max-width: 576px),
  (min-width: 280px) and (max-width: 411px) {
  section {
    padding: 35px 0 0 0;
  }
}
section.page-under-construction {
  height: 100vh;
}
section#home .firstRow {
  min-height: unset;
}

#home .firstRow {
  margin: 0 0 7rem 0;
}
#home .firstRow .heading {
  color: #052943;
  font-size: 42px;
}
@media (min-width: 1400px) {
  #home .firstRow .heading {
    font-size: 48px;
  }
}
@media (min-width: 412px) and (max-width: 576px),
  (min-width: 280px) and (max-width: 411px) {
  #home .firstRow .heading {
    font-size: 35px;
  }
}
#home .firstRow .heading span {
  font-family: "gothambook", Fallback, Courier;
}

#home .secondRow {
  margin: 0 0 7rem 0;
}
#home .secondRow .heading {
  color: #052943;
  font-size: 28px;
}
@media (min-width: 1400px) {
  #home .secondRow .heading {
    font-size: 32px;
  }
}
@media (min-width: 412px) and (max-width: 576px),
  (min-width: 280px) and (max-width: 411px) {
  #home .secondRow .heading {
    font-size: 20px;
  }
}
#home .secondRow .heading span {
  font-family: "gothambook", Fallback, Courier;
}

#home .thirdRow {
  margin: 0 0 4rem 0;
}
#home .thirdRow .heading {
  color: #ffc60c;
  font-size: 28px;
}
@media (min-width: 1400px) {
  #home .thirdRow .heading {
    font-size: 32px;
  }
}
@media (min-width: 412px) and (max-width: 576px),
  (min-width: 280px) and (max-width: 411px) {
  #home .thirdRow .heading {
    font-size: 20px;
  }
}
#home .thirdRow .heading span {
  font-family: "gothambook", Fallback, Courier;
}

#home .fourthRow {
  margin: 0 0 4rem 0;
}
#home .fourthRow .heading {
  color: #052943;
  font-size: 24px;
}
@media (min-width: 1400px) {
  #home .fourthRow .heading {
    font-size: 28px;
  }
}
@media (min-width: 412px) and (max-width: 576px),
  (min-width: 280px) and (max-width: 411px) {
  #home .fourthRow .heading {
    font-size: 16px;
  }
}
#home .fourthRow .heading span {
  font-family: "gothambook", Fallback, Courier;
}

#home .fifthRow {
  margin: 0 0 7rem 0;
}
#home .fifthRow .heading {
  color: #052943;
  font-size: 24px;
}
@media (min-width: 1400px) {
  #home .fifthRow .heading {
    font-size: 28px;
  }
}
@media (min-width: 412px) and (max-width: 576px),
  (min-width: 280px) and (max-width: 411px) {
  #home .fifthRow .heading {
    font-size: 16px;
  }
}
#home .fifthRow .heading span {
  font-family: "gothambook", Fallback, Courier;
}

#ihrs-2023-background {
  background-image: url(../img/bg-ihrs-2023-784eefaa.png);
  background-size: cover;
  background-repeat: no-repeat;
}
@media (min-width: 1400px) {
  #ihrs-2023-background {
    margin-top: -200px !important;
    background-size: cover;
  }
  #ihrs-2023-background .container-fluid {
    margin-top: 200px;
  }
}

#ihrs-2023-background-2 {
  /* background-image: url(../img/bg-ihrs-2023-2-5490394d.png); */
  /* background-size: cover;  */
}
@media (min-width: 1400px) {
  #ihrs-2023-background-2 {
    background-image: url(../img/bg-ihrs-2023-2-5490394d.png);
    background-size: contain;
  }
}

#ihrs-2023-background-3 {
  background-image: url(../img/bg-ihrs-2023-3-61c1c2de.png);
  background-size: cover;
  background-repeat: no-repeat;
}
@media (min-width: 1400px) {
  #ihrs-2023-background-3 {
    background-size: cover;
  }
}

@media (min-width: 1400px) {
  .ihrs-2023-homepage-background-4 {
    background-image: url(../img/KV-HOMEPAGE-4-0c22dd58.png);
    background-size: cover;
    background-repeat: no-repeat;
  }
  .ihrs-2023-register-background {
    margin-top: -100px !important;
    background-image: url(../img/bg-ihrs-2023-register-b19e782b.png);
    background-size: cover;
    background-repeat: no-repeat;
  }
  .ihrs-2023-register-background .firstRow {
    margin-top: 100px;
  }
  .ihrs-2023-agenda-background {
    background-image: url(../img/KV-AGENDA-1ba24769.png);
    background-size: contain;
    background-repeat: no-repeat;
  }
  .ihrs-2023-call-for-papers-background {
    background-image: url(../img/KV-Call-For-Papers-a859cbd0.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
  }
  .ihrs-2023-call-for-papers-background-2 {
    background-image: url(../img/KV-Call-For-Papers-2-1baab324.png);
    background-size: contain;
    background-repeat: no-repeat;
  }
  .ihrs-2023-gallery-background {
    background-image: url(../img/KV-Gallery-760957eb.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
  }
}

#period-1 {
  background-color: white;
}
#period-2 {
  background-color: white;
}
#period-3 {
  background-color: white;
}
#period-4 {
  background-color: white;
}
#period-5 {
  background-color: white;
}
#period-6 {
  background-color: white;
}
#period-7 {
  background-color: white;
}
#period-8 {
  background-color: white;
}
#period-9 {
  background-color: white;
}
#period-10 {
  background-color: white;
}
@media (min-width: 1400px) {
  #period-1 {
    background: linear-gradient(
      90deg,
      #ffffff00 0%,
      #ffffff00 10%,
      #ffffff 10%,
      #ffffff 80%,
      #ffffff00 80%
    );
  }
  #period-2 {
    background: linear-gradient(
      90deg,
      #ffffff00 0%,
      #ffffff 0%,
      #ffffff 75%,
      #ffffff00 75%
    );
  }
  #period-3 {
    background: linear-gradient(
      90deg,
      #ffffff00 25%,
      #ffffff 25%,
      #ffffff 90%,
      #ffffff00 90%
    );
  }
  #period-4 {
    background: linear-gradient(
      90deg,
      #ffffff00 25%,
      #ffffff 25%,
      #ffffff 90%,
      #ffffff00 90%
    );
  }
  #period-5 {
    background: linear-gradient(
      90deg,
      #ffffff00 0%,
      #ffffff00 15%,
      #ffffff 15%,
      #ffffff 75%,
      #ffffff00 75%
    );
  }
  #period-6 {
    background: linear-gradient(
      90deg,
      #ffffff00 0%,
      #ffffff00 20%,
      #ffffff 20%,
      #ffffff 90%,
      #ffffff00 90%
    );
  }
  #period-7 {
    background: linear-gradient(
      90deg,
      #ffffff00 10%,
      #ffffff 10%,
      #ffffff 100%,
      #ffffff00 100%
    );
  }
  #period-8 {
    background: linear-gradient(
      90deg,
      #ffffff00 0%,
      #ffffff00 10%,
      #ffffff 10%,
      #ffffff 80%,
      #ffffff00 80%
    );
  }
  #period-9 {
    background: linear-gradient(
      90deg,
      #ffffff00 20%,
      #ffffff 20%,
      #ffffff 90%,
      #ffffff00 90%
    );
  }
  #period-10 {
    background: linear-gradient(
      90deg,
      #ffffff00 25%,
      #ffffff 25%,
      #ffffff 95%,
      #ffffff00 95%
    );
  }
}

section .firstRow:first-letter,
section .secondRow:first-letter,
section .thirdRow:first-letter,
section .fourthRow:first-letter,
section .fifthRow:first-letter,
section .sixthRow:first-letter,
section .seventhRow:first-letter {
  text-transform: capitalize;
}

.five-equal .col-lg-2 {
  width: 19.666667%;
}

.full-height {
  width: 100%;
}
@media (min-width: 1400px) {
  .full-height {
    height: calc(100vh - 250px);
  }
}
@media only screen and (min-width: 1400px) and (min-width: 1400px) {
  .full-height {
    padding: 90px 0 0 0;
  }
}

@media (min-width: 1200px) and (max-width: 1400px),
  (min-width: 992px) and (max-width: 1200px),
  (min-width: 768px) and (max-width: 992px),
  (min-width: 576px) and (max-width: 768px),
  (min-width: 412px) and (max-width: 576px),
  (min-width: 280px) and (max-width: 411px) {
  .full-height {
    height: calc(100vh - 320px);
  }
}

/*
 * END
 * LAYOUT
 */
/*
 * START
 * LINE
 */
.slideLink {
  display: inline-block;
}
.slideLink.active:after {
  width: 30%;
}
.slideLink:after {
  content: "";
  position: absolute;
  width: 0;
  right: 0;
  height: 2px;
  margin-top: 2px;
  background-color: #b43a0b;
  -webkit-transition: width 0.7s;
  -moz-transition: width 0.7s;
  -ms-transition: width 0.7s;
  -o-transition: width 0.7s;
  transition: width 0.7s;
}
.slideLink:hover:after {
  width: 50%;
}

/*
 * END 
 * LINE
 */
/*
 * START
 * SLIDE MENU
 */
/*
 * END
 * SLIDE MENU
 */
/*
 * START
 * TYPOGRAPHY
 */
.default,
.title,
.heading,
.subHeading,
.caption,
.text,
.list,
.button {
  font-style: normal;
  font-weight: normal;
  letter-spacing: 0;
}
.default:first-letter,
.title:first-letter,
.heading:first-letter,
.subHeading:first-letter,
.caption:first-letter,
.text:first-letter,
.list:first-letter,
.button:first-letter {
  text-transform: capitalize;
}

strong,
b,
.text-bold {
  font-family: "gothammedium", Fallback, Courier;
}

.textwrap {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.textwrap.onefold-line {
  -webkit-line-clamp: 1;
}
.textwrap.doubled-line {
  -webkit-line-clamp: 2;
}
.textwrap.triples-line {
  -webkit-line-clamp: 3;
}
.textwrap.fourfold-line {
  -webkit-line-clamp: 4;
}

.timeago {
  text-transform: capitalize;
}

.title {
  font-family: "gothambook", Fallback, Courier;
}

.heading,
.subHeading {
  font-family: "gothammedium", Fallback, Courier;
}

/*
 * END
 * TYPOGRAPHY
 */
.badge {
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  border-radius: 7px;
  font-weight: normal;
  line-height: inherit;
}
.badge:first-letter {
  text-transform: capitalize;
}
.badge.bg-blue {
  background-color: #0212df;
  color: white;
}
.badge.bg-yellow {
  background-color: #fee50b;
  color: white;
}
.badge.bg-orange {
  background-color: #b43a0b;
  color: white;
}
.badge.bg-red {
  background-color: #c01d01;
  color: white;
}
.badge.bg-pink {
  background-color: #f90a5e;
  color: white;
}
.badge.bg-purple {
  background-color: #660bff;
  color: white;
}
.badge.bg-green {
  background-color: #2dc603;
  color: white;
}
.badge.bg-ocean {
  background-color: #64f0f4;
  color: white;
}
.badge.bg-grey {
  background-color: #818385;
  color: white;
}
.badge.bg-white {
  background-color: white;
  color: black;
}

.btn {
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  border-radius: 7px;
  box-shadow: none;
  font-family: "gothambook", Fallback, Courier;
  line-height: inherit;
  outline: none;
  min-width: 100px;
  text-transform: capitalize;
}
@media (min-width: 1400px) {
  .btn {
    font-size: 21px !important;
  }
}
@media only screen and (min-width: 1400px) and (min-width: 1400px) {
  .btn {
    font-size: 14px !important;
  }
}
@media only screen and (min-width: 1400px) and (min-width: 2500px) {
  .btn {
    font-size: 24px !important;
  }
}

@media (min-width: 1200px) and (max-width: 1400px),
  (min-width: 992px) and (max-width: 1200px),
  (min-width: 768px) and (max-width: 992px),
  (min-width: 576px) and (max-width: 768px),
  (min-width: 412px) and (max-width: 576px),
  (min-width: 280px) and (max-width: 411px) {
  .btn {
    font-size: 13px !important;
  }
}
.btn:first-letter {
  text-transform: capitalize;
}
.btn.btn-xs {
  padding: 7px 14px;
}
@media (min-width: 1400px) {
  .btn.btn-xs {
    padding: 7px 14px;
  }
}
@media only screen and (min-width: 1400px) and (min-width: 1400px) {
  .btn.btn-xs {
    padding: 7px 14px;
  }
}

@media (min-width: 1200px) and (max-width: 1400px),
  (min-width: 992px) and (max-width: 1200px),
  (min-width: 768px) and (max-width: 992px),
  (min-width: 576px) and (max-width: 768px),
  (min-width: 412px) and (max-width: 576px),
  (min-width: 280px) and (max-width: 411px) {
  .btn.btn-xs {
    padding: 7px 14px;
  }
}
@media (min-width: 1400px) {
  .btn.btn-sm {
    padding: 10.5px 21px;
  }
}
@media only screen and (min-width: 1400px) and (min-width: 1400px) {
  .btn.btn-sm {
    padding: 7px 14px;
  }
}

@media (min-width: 1200px) and (max-width: 1400px),
  (min-width: 992px) and (max-width: 1200px),
  (min-width: 768px) and (max-width: 992px),
  (min-width: 576px) and (max-width: 768px),
  (min-width: 412px) and (max-width: 576px),
  (min-width: 280px) and (max-width: 411px) {
  .btn.btn-sm {
    padding: 7px 14px;
  }
}
@media (min-width: 1400px) {
  .btn.btn-md {
    padding: 14px 28px;
  }
}
@media only screen and (min-width: 1400px) and (min-width: 1400px) {
  .btn.btn-md {
    padding: 10.5px 21px;
  }
}

@media (min-width: 1200px) and (max-width: 1400px),
  (min-width: 992px) and (max-width: 1200px),
  (min-width: 768px) and (max-width: 992px),
  (min-width: 576px) and (max-width: 768px),
  (min-width: 412px) and (max-width: 576px),
  (min-width: 280px) and (max-width: 411px) {
  .btn.btn-md {
    padding: 10.5px 21px;
  }
}
@media (min-width: 1400px) {
  .btn.btn-lg {
    padding: 17.5px 35px;
  }
}
@media only screen and (min-width: 1400px) and (min-width: 1400px) {
  .btn.btn-lg {
    padding: 14px 28px;
  }
}

@media (min-width: 1200px) and (max-width: 1400px),
  (min-width: 992px) and (max-width: 1200px),
  (min-width: 768px) and (max-width: 992px),
  (min-width: 576px) and (max-width: 768px),
  (min-width: 412px) and (max-width: 576px),
  (min-width: 280px) and (max-width: 411px) {
  .btn.btn-lg {
    padding: 14px 28px;
  }
}
@media (min-width: 1400px) {
  .btn.btn-xl {
    padding: 21px 42px;
  }
}
@media only screen and (min-width: 1400px) and (min-width: 1400px) {
  .btn.btn-xl {
    padding: 17.5px 35px;
  }
}

@media (min-width: 1200px) and (max-width: 1400px),
  (min-width: 992px) and (max-width: 1200px),
  (min-width: 768px) and (max-width: 992px),
  (min-width: 576px) and (max-width: 768px),
  (min-width: 412px) and (max-width: 576px),
  (min-width: 280px) and (max-width: 411px) {
  .btn.btn-xl {
    padding: 17.5px 35px;
  }
}
.btn.btn-block {
  display: block !important;
  width: 100% !important;
}
.btn.btn-circle {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  padding: 7px 14px;
  height: auto;
  width: auto;
}
.btn.btn-link {
  color: black;
  -webkit-transition: 0.7s ease color;
  -moz-transition: 0.7s ease color;
  -ms-transition: 0.7s ease color;
  -o-transition: 0.7s ease color;
  transition: 0.7s ease color;
}
.btn.btn-link.c-white {
  color: white;
}
.btn.btn-link:active,
.btn.btn-link:focus,
.btn.btn-link:hover {
  color: #010eb2;
}
.btn.btn-link-underline {
  color: black;
  -webkit-transition: 0.7s ease color;
  -moz-transition: 0.7s ease color;
  -ms-transition: 0.7s ease color;
  -o-transition: 0.7s ease color;
  transition: 0.7s ease color;
}
.btn.btn-link-underline:active,
.btn.btn-link-underline:focus,
.btn.btn-link-underline:hover {
  color: #010eb2;
  text-decoration: underline !important;
}
.btn.btn-signin {
  background-color: #f12502;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  border-radius: 7px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  color: white;
  -webkit-transition: 0.7s ease background-color, 0.7s ease box-shadow;
  -moz-transition: 0.7s ease background-color, 0.7s ease box-shadow;
  -ms-transition: 0.7s ease background-color, 0.7s ease box-shadow;
  -o-transition: 0.7s ease background-color, 0.7s ease box-shadow;
  transition: 0.7s ease background-color, 0.7s ease box-shadow;
}
.btn.btn-signin:hover,
.btn.btn-signin:active,
.btn.btn-signin:focus {
  background-color: #c01d01;
  -webkit-box-shadow: 7px 7px 21px 0px rgba(0, 0, 0, 0.07);
  -moz-box-shadow: 7px 7px 21px 0px rgba(0, 0, 0, 0.07);
  -ms-box-shadow: 7px 7px 21px 0px rgba(0, 0, 0, 0.07);
  -o-box-shadow: 7px 7px 21px 0px rgba(0, 0, 0, 0.07);
  box-shadow: 7px 7px 21px 0px rgba(0, 0, 0, 0.07);
  -webkit-transition: 0.7s ease background-color, 0.7s ease box-shadow;
  -moz-transition: 0.7s ease background-color, 0.7s ease box-shadow;
  -ms-transition: 0.7s ease background-color, 0.7s ease box-shadow;
  -o-transition: 0.7s ease background-color, 0.7s ease box-shadow;
  transition: 0.7s ease background-color, 0.7s ease box-shadow;
}
.btn.btn-registration {
  background: #ffc60c;
  box-shadow: 33px 29px 30px rgba(0, 0, 0, 0.25);
  border-radius: 50px;
  color: #052845;
  width: 100%;
  -webkit-transition: 0.7s ease background-color;
  -moz-transition: 0.7s ease background-color;
  -ms-transition: 0.7s ease background-color;
  -o-transition: 0.7s ease background-color;
  transition: 0.7s ease background-color;
}
.btn.btn-registration:hover,
.btn.btn-registration:active,
.btn.btn-registration:focus {
  background-color: #052845;
  color: white;
}
@media (min-width: 1400px) {
  .btn.btn-registration {
    font-size: 24px !important;
  }
}
.btn.btn-cfp {
  background: #207BC4;
  box-shadow: 33px 29px 30px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  color: white;
  width: 100%;
  -webkit-transition: 0.7s ease background-color;
  -moz-transition: 0.7s ease background-color;
  -ms-transition: 0.7s ease background-color;
  -o-transition: 0.7s ease background-color;
  transition: 0.7s ease background-color;
}
.btn.btn-cfp:hover,
.btn.btn-cfp:active,
.btn.btn-cfp:focus {
  background-color: #052845;
  color: white;
}
@media (min-width: 1400px) {
  .btn.btn-cfp {
    font-size: 24px !important;
  }
}
.btn.btn-blue {
  background-color: #052943;
  color: white;
  -webkit-transition: 0.7s ease background-color;
  -moz-transition: 0.7s ease background-color;
  -ms-transition: 0.7s ease background-color;
  -o-transition: 0.7s ease background-color;
  transition: 0.7s ease background-color;
}
.btn.btn-blue:hover,
.btn.btn-blue:active,
.btn.btn-blue:focus {
  background-color: #052845;
}
.btn.btn-ocean {
  background-color: #64f0f4;
  color: white;
  -webkit-transition: 0.7s ease background-color;
  -moz-transition: 0.7s ease background-color;
  -ms-transition: 0.7s ease background-color;
  -o-transition: 0.7s ease background-color;
  transition: 0.7s ease background-color;
}
.btn.btn-ocean:hover,
.btn.btn-ocean:active,
.btn.btn-ocean:focus {
  background-color: #3c9092;
}
.btn.btn-red {
  background-color: #f12502;
  color: white;
  -webkit-transition: 0.7s ease background-color;
  -moz-transition: 0.7s ease background-color;
  -ms-transition: 0.7s ease background-color;
  -o-transition: 0.7s ease background-color;
  transition: 0.7s ease background-color;
}
.btn.btn-red:hover,
.btn.btn-red:active,
.btn.btn-red:focus {
  background-color: #c01d01;
}
.btn.btn-yellow {
  background-color: #fee50b;
  color: white;
  -webkit-transition: 0.7s ease background-color;
  -moz-transition: 0.7s ease background-color;
  -ms-transition: 0.7s ease background-color;
  -o-transition: 0.7s ease background-color;
  transition: 0.7s ease background-color;
}
.btn.btn-yellow:hover,
.btn.btn-yellow:active,
.btn.btn-yellow:focus {
  background-color: #cbb708;
}
.btn.btn-orange {
  background-color: #f04d0e;
  color: white;
  -webkit-transition: 0.7s ease background-color;
  -moz-transition: 0.7s ease background-color;
  -ms-transition: 0.7s ease background-color;
  -o-transition: 0.7s ease background-color;
  transition: 0.7s ease background-color;
}
.btn.btn-orange:hover,
.btn.btn-orange:active,
.btn.btn-orange:focus {
  background-color: #b43a0b;
}

.btn.btn-purple {
  background-color: #660bff;
  color: white;
  -webkit-transition: 0.7s ease background-color;
  -moz-transition: 0.7s ease background-color;
  -ms-transition: 0.7s ease background-color;
  -o-transition: 0.7s ease background-color;
  transition: 0.7s ease background-color;
}
.btn.btn-purple:hover,
.btn.btn-purple:active,
.btn.btn-purple:focus {
  background-color: #5108cc;
}
.btn.btn-pink {
  background-color: #f90a5e;
  color: white;
  -webkit-transition: 0.7s ease background-color;
  -moz-transition: 0.7s ease background-color;
  -ms-transition: 0.7s ease background-color;
  -o-transition: 0.7s ease background-color;
  transition: 0.7s ease background-color;
}
.btn.btn-pink:hover,
.btn.btn-pink:active,
.btn.btn-pink:focus {
  background-color: #c7084b;
}
.btn.btn-green {
  background-color: #2dc603;
  color: white;
  -webkit-transition: 0.7s ease background-color;
  -moz-transition: 0.7s ease background-color;
  -ms-transition: 0.7s ease background-color;
  -o-transition: 0.7s ease background-color;
  transition: 0.7s ease background-color;
}
.btn.btn-green:hover,
.btn.btn-green:active,
.btn.btn-green:focus {
  background-color: #229502;
}
.btn.btn-default {
  background-color: white;
  border: 1px solid #313132;
  color: black;
  -webkit-transition: 0.7s ease background-color;
  -moz-transition: 0.7s ease background-color;
  -ms-transition: 0.7s ease background-color;
  -o-transition: 0.7s ease background-color;
  transition: 0.7s ease background-color;
}
.btn.btn-default:hover,
.btn.btn-default:active,
.btn.btn-default:focus {
  background-color: #818385;
}
.btn.btn-white {
  background-color: white;
  color: black;
  -webkit-transition: 0.7s ease background-color;
  -moz-transition: 0.7s ease background-color;
  -ms-transition: 0.7s ease background-color;
  -o-transition: 0.7s ease background-color;
  transition: 0.7s ease background-color;
}
.btn.btn-white:hover,
.btn.btn-white:active,
.btn.btn-white:focus {
  background-color: #818385;
}
.btn.btn-grey {
  background-color: #818385;
  color: black;
  -webkit-transition: 0.7s ease background-color;
  -moz-transition: 0.7s ease background-color;
  -ms-transition: 0.7s ease background-color;
  -o-transition: 0.7s ease background-color;
  transition: 0.7s ease background-color;
}
.btn.btn-grey:hover,
.btn.btn-grey:active,
.btn.btn-grey:focus {
  background-color: #67686a;
}
.btn.btn-dark {
  background-color: #313132;
  color: white;
  -webkit-transition: 0.7s ease background-color;
  -moz-transition: 0.7s ease background-color;
  -ms-transition: 0.7s ease background-color;
  -o-transition: 0.7s ease background-color;
  transition: 0.7s ease background-color;
}
.btn.btn-dark:hover,
.btn.btn-dark:active,
.btn.btn-dark:focus {
  background-color: #272728;
}
.btn.btn-liver {
  background-color: #c00000;
  color: white;
  -webkit-transition: 0.7s ease background-color;
  -moz-transition: 0.7s ease background-color;
  -ms-transition: 0.7s ease background-color;
  -o-transition: 0.7s ease background-color;
  transition: 0.7s ease background-color;
}
.btn.btn-liver:hover,
.btn.btn-liver:active,
.btn.btn-liver:focus {
  background-color: #900000;
}
.btn.btn-pancreas {
  background-color: #92d050;
  color: white;
  -webkit-transition: 0.7s ease background-color;
  -moz-transition: 0.7s ease background-color;
  -ms-transition: 0.7s ease background-color;
  -o-transition: 0.7s ease background-color;
  transition: 0.7s ease background-color;
}
.btn.btn-pancreas:hover,
.btn.btn-pancreas:active,
.btn.btn-pancreas:focus {
  background-color: #6e9c3c;
}
.btn.btn-biliary {
  background-color: #ffc000;
  color: white;
  -webkit-transition: 0.7s ease background-color;
  -moz-transition: 0.7s ease background-color;
  -ms-transition: 0.7s ease background-color;
  -o-transition: 0.7s ease background-color;
  transition: 0.7s ease background-color;
}
.btn.btn-biliary:hover,
.btn.btn-biliary:active,
.btn.btn-biliary:focus {
  background-color: #bf9000;
}
.btn.btn-general {
  background-color: #7030a0;
  color: white;
  -webkit-transition: 0.7s ease background-color;
  -moz-transition: 0.7s ease background-color;
  -ms-transition: 0.7s ease background-color;
  -o-transition: 0.7s ease background-color;
  transition: 0.7s ease background-color;
}
.btn.btn-general:hover,
.btn.btn-general:active,
.btn.btn-general:focus {
  background-color: #542478;
}
.btn.btn-google {
  background-color: #db4437;
  color: white;
  -webkit-transition: 0.7s ease background-color;
  -moz-transition: 0.7s ease background-color;
  -ms-transition: 0.7s ease background-color;
  -o-transition: 0.7s ease background-color;
  transition: 0.7s ease background-color;
}
.btn.btn-google:active,
.btn.btn-google:focus,
.btn.btn-google:hover {
  background-color: #af362c;
}
.btn.btn-facebook {
  background-color: #4267b2;
  color: white;
  -webkit-transition: 0.7s ease background-color;
  -moz-transition: 0.7s ease background-color;
  -ms-transition: 0.7s ease background-color;
  -o-transition: 0.7s ease background-color;
  transition: 0.7s ease background-color;
}
.btn.btn-facebook:active,
.btn.btn-facebook:focus,
.btn.btn-facebook:hover {
  background-color: #34528e;
}
.btn.btn-subscribe {
  background-color: white;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  color: #052845;
  -webkit-transition: 0.7s ease background-color, 0.7s ease box-shadow,
    0.7s ease color;
  -moz-transition: 0.7s ease background-color, 0.7s ease box-shadow,
    0.7s ease color;
  -ms-transition: 0.7s ease background-color, 0.7s ease box-shadow,
    0.7s ease color;
  -o-transition: 0.7s ease background-color, 0.7s ease box-shadow,
    0.7s ease color;
  transition: 0.7s ease background-color, 0.7s ease box-shadow, 0.7s ease color;
}
.btn.btn-subscribe:hover,
.btn.btn-subscribe:active,
.btn.btn-subscribe:focus {
  background-color: #052845;
  -webkit-box-shadow: 7px 7px 21px 0px rgba(0, 0, 0, 0.21);
  -moz-box-shadow: 7px 7px 21px 0px rgba(0, 0, 0, 0.21);
  -ms-box-shadow: 7px 7px 21px 0px rgba(0, 0, 0, 0.21);
  -o-box-shadow: 7px 7px 21px 0px rgba(0, 0, 0, 0.21);
  box-shadow: 7px 7px 21px 0px rgba(0, 0, 0, 0.21);
  color: white;
}

.img-responsive {
  width: 100%;
  max-width: 100%;
  height: auto;
}

ul.list-inline,
ol.list-inline {
  padding-left: 0;
  list-style: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
ul.list-inline li,
ol.list-inline li {
  display: inline-block;
}
ul.list-unstyled,
ol.list-unstyled {
  list-style: none;
}

.modal {
  display: none;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.4);
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  -ms-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 0.4s;
  -moz-animation-duration: 0.4s;
  -ms-animation-duration: 0.4s;
  -o-animation-duration: 0.4s;
  animation-duration: 0.4s;
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
    filter: alpha(opacity=0);
  }
  to {
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
    filter: alpha(opacity=0);
  }
  to {
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
.modal .modal-content {
  border-radius: 0 !important;
  position: fixed;
  bottom: 0;
  width: 100%;
  -webkit-animation-name: slideIn;
  -moz-animation-name: slideIn;
  -ms-animation-name: slideIn;
  -o-animation-name: slideIn;
  animation-name: slideIn;
  -webkit-animation-duration: 0.4s;
  -moz-animation-duration: 0.4s;
  -ms-animation-duration: 0.4s;
  -o-animation-duration: 0.4s;
  animation-duration: 0.4s;
}
@-webkit-keyframes slideIn {
  from {
    bottom: -300px;
    opacity: 0;
    filter: alpha(opacity=0);
  }
  to {
    bottom: 0;
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
@keyframes slideIn {
  from {
    bottom: -300px;
    opacity: 0;
    filter: alpha(opacity=0);
  }
  to {
    bottom: 0;
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
.modal .modal-content .modal-body {
  background: white;
}
.modal .modal-content .modal-body .btn {
  float: none;
}

/********************************************************/
.rating {
  color: gold !important;
  font-size: 21px;
  position: relative;
  top: 2px;
}
.rating .fa {
  margin-right: 2px;
}

.input-rating {
  unicode-bidi: bidi-override;
  direction: rtl;
  position: relative;
}
.input-rating label {
  color: black;
  display: inline;
  padding: 0;
  margin: 0;
  position: relative;
  width: 1.1em;
  cursor: pointer;
}
.input-rating label:hover,
.input-rating label:hover ~ label,
.input-rating input.radio-btn:checked ~ label {
  color: transparent;
}
.input-rating label:hover:before,
.input-rating label:hover ~ label:before,
.input-rating input.radio-btn:checked ~ label:before,
.input-rating input.radio-btn:checked ~ label:before {
  font-family: fontAwesome;
  content: "\f005";
  position: absolute;
  left: 0;
  color: gold !important;
}

.card {
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  -ms-border-radius: 14px;
  -o-border-radius: 14px;
  border-radius: 14px;
}
@media (min-width: 1400px),
  (min-width: 1200px) and (max-width: 1400px),
  (min-width: 992px) and (max-width: 1200px),
  (min-width: 768px) and (max-width: 992px),
  (min-width: 576px) and (max-width: 768px),
  (min-width: 412px) and (max-width: 576px) {
  .card {
    padding: 1rem 1rem;
  }
}
@media (min-width: 280px) and (max-width: 411px) {
  .card {
    padding: 0.75rem 0.75rem;
  }
}
.card.with-box-shadow {
  -webkit-box-shadow: 7px 7px 21px 0px rgba(0, 0, 0, 0.07);
  -moz-box-shadow: 7px 7px 21px 0px rgba(0, 0, 0, 0.07);
  -ms-box-shadow: 7px 7px 21px 0px rgba(0, 0, 0, 0.07);
  -o-box-shadow: 7px 7px 21px 0px rgba(0, 0, 0, 0.07);
  box-shadow: 7px 7px 21px 0px rgba(0, 0, 0, 0.07);
}
@media (min-width: 1400px) {
  .card.with-form-input {
    padding: 28px 21px 21px 21px;
  }
}
@media (min-width: 1200px) and (max-width: 1400px),
  (min-width: 992px) and (max-width: 1200px),
  (min-width: 768px) and (max-width: 992px),
  (min-width: 576px) and (max-width: 768px),
  (min-width: 412px) and (max-width: 576px),
  (min-width: 280px) and (max-width: 411px) {
  .card.with-form-input {
    padding: 28px 21px 21px 21px;
  }
}

.form-control:disabled,
.form-control[readonly],
.form-control.isDisabled {
  background: none !important;
  color: #818385 !important;
}
.form-control:disabled ::-webkit-input-placeholder,
.form-control[readonly] ::-webkit-input-placeholder,
.form-control.isDisabled ::-webkit-input-placeholder {
  color: #818385 !important;
}
.form-control:disabled ::-moz-placeholder,
.form-control[readonly] ::-moz-placeholder,
.form-control.isDisabled ::-moz-placeholder {
  color: #818385 !important;
}
.form-control:disabled :-ms-input-placeholder,
.form-control[readonly] :-ms-input-placeholder,
.form-control.isDisabled :-ms-input-placeholder {
  color: #818385 !important;
}
.form-control:disabled :-moz-placeholder,
.form-control[readonly] :-moz-placeholder,
.form-control.isDisabled :-moz-placeholder {
  color: #818385 !important;
}

.form-control,
input[type="text"],
input[type="submit"],
input[type="password"],
input[type="email"],
input[type="tel"],
textarea[type="text"],
option,
select,
.radio,
.checkbox {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  box-shadow: none !important;
  outline: none !important;
}
.form-control::-webkit-input-placeholder,
input[type="text"]::-webkit-input-placeholder,
input[type="submit"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
textarea[type="text"]::-webkit-input-placeholder,
option::-webkit-input-placeholder,
select::-webkit-input-placeholder,
.radio::-webkit-input-placeholder,
.checkbox::-webkit-input-placeholder {
  color: black;
}
.form-control:-moz-placeholder,
input[type="text"]:-moz-placeholder,
input[type="submit"]:-moz-placeholder,
input[type="password"]:-moz-placeholder,
input[type="email"]:-moz-placeholder,
input[type="tel"]:-moz-placeholder,
textarea[type="text"]:-moz-placeholder,
option:-moz-placeholder,
select:-moz-placeholder,
.radio:-moz-placeholder,
.checkbox:-moz-placeholder {
  color: black;
}
.form-control::-moz-placeholder,
input[type="text"]::-moz-placeholder,
input[type="submit"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
textarea[type="text"]::-moz-placeholder,
option::-moz-placeholder,
select::-moz-placeholder,
.radio::-moz-placeholder,
.checkbox::-moz-placeholder {
  color: black;
}
.form-control:-ms-input-placeholder,
input[type="text"]:-ms-input-placeholder,
input[type="submit"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
textarea[type="text"]:-ms-input-placeholder,
option:-ms-input-placeholder,
select:-ms-input-placeholder,
.radio:-ms-input-placeholder,
.checkbox:-ms-input-placeholder {
  color: black;
}

select option {
  font-size: 14px !important;
}

.box-form input[type="email"],
.box-form input[type="password"],
.box-form input[type="text"],
.box-form input[type="number"],
.box-form input[type="date"],
.box-form input[type="file"],
.box-form input[type="tel"],
.box-form input[type="date"],
.box-form input[type="time"],
.box-form textarea,
.box-form select {
  background-color: white !important;
  border: 1px solid #ced4da !important;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  border-radius: 7px;
  font-family: "gothambook", Fallback, Courier;
  z-index: 1;
}
@media (min-width: 1400px) {
  .box-form input[type="email"],
  .box-form input[type="password"],
  .box-form input[type="text"],
  .box-form input[type="number"],
  .box-form input[type="date"],
  .box-form input[type="file"],
  .box-form input[type="tel"],
  .box-form input[type="date"],
  .box-form input[type="time"],
  .box-form textarea,
  .box-form select {
    -webkit-border-radius: 21px;
    -moz-border-radius: 21px;
    -ms-border-radius: 21px;
    -o-border-radius: 21px;
    border-radius: 21px;
    font-size: 18px;
    height: 60px;
  }
}
@media only screen and (min-width: 1400px) and (min-width: 1400px) {
  .box-form input[type="email"],
  .box-form input[type="password"],
  .box-form input[type="text"],
  .box-form input[type="number"],
  .box-form input[type="date"],
  .box-form input[type="file"],
  .box-form input[type="tel"],
  .box-form input[type="date"],
  .box-form input[type="time"],
  .box-form textarea,
  .box-form select {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    border-radius: 7px;
    font-size: 14px;
    height: 42px;
  }
}
@media only screen and (min-width: 1400px) and (min-width: 2500px) {
  .box-form input[type="email"],
  .box-form input[type="password"],
  .box-form input[type="text"],
  .box-form input[type="number"],
  .box-form input[type="date"],
  .box-form input[type="file"],
  .box-form input[type="tel"],
  .box-form input[type="date"],
  .box-form input[type="time"],
  .box-form textarea,
  .box-form select {
    -webkit-border-radius: 21px;
    -moz-border-radius: 21px;
    -ms-border-radius: 21px;
    -o-border-radius: 21px;
    border-radius: 21px;
    font-size: 24px;
    height: 77px;
  }
}

@media (min-width: 1200px) and (max-width: 1400px),
  (min-width: 992px) and (max-width: 1200px),
  (min-width: 768px) and (max-width: 992px),
  (min-width: 576px) and (max-width: 768px),
  (min-width: 412px) and (max-width: 576px),
  (min-width: 280px) and (max-width: 411px) {
  .box-form input[type="email"],
  .box-form input[type="password"],
  .box-form input[type="text"],
  .box-form input[type="number"],
  .box-form input[type="date"],
  .box-form input[type="file"],
  .box-form input[type="tel"],
  .box-form input[type="date"],
  .box-form input[type="time"],
  .box-form textarea,
  .box-form select {
    font-size: 14px;
    height: 42px;
  }
}
@media only screen and (min-width: 1400px) and (min-width: 2500px) {
  .box-form
    .select2-container--default
    .select2-selection--single
    .select2-selection__rendered {
    font-size: 24px;
    line-height: 1.75;
    padding: 1rem 1rem;
  }
}

@media only screen and (min-width: 1400px) and (min-width: 2500px) and (min-width: 1400px) {
  .box-form
    .select2-container--default
    .select2-selection--single
    .select2-selection__rendered {
    font-size: 14px;
    line-height: 1.5;
    padding: 1rem 1rem;
  }
}

.box-form .input-group .input-group-text {
  font-size: 14px;
  border-top-left-radius: 7px;
  border-bottom-left-radius: 7px;
}
@media (min-width: 1400px) {
  .box-form .input-group .input-group-text {
    font-size: 18px;
  }
}
@media only screen and (min-width: 1400px) and (min-width: 1400px) {
  .box-form .input-group .input-group-text {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1400px) and (min-width: 2500px) {
  .box-form .input-group .input-group-text {
    font-size: 24px;
  }
}

.box-form .input-group input[type="email"],
.box-form .input-group input[type="password"],
.box-form .input-group input[type="text"],
.box-form .input-group input[type="number"],
.box-form .input-group input[type="date"],
.box-form .input-group input[type="file"],
.box-form .input-group input[type="tel"],
.box-form .input-group input[type="date"],
.box-form .input-group input[type="time"] {
  border-top-right-radius: 7px !important;
  border-bottom-right-radius: 7px !important;
}
.box-form label {
  font-family: "gothammedium", Fallback, Courier;
}
@media (min-width: 1400px) {
  .box-form label {
    font-size: 18px;
  }
}
@media only screen and (min-width: 1400px) and (min-width: 1400px) {
  .box-form label {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1400px) and (min-width: 2500px) {
  .box-form label {
    font-size: 24px;
  }
}

@media (min-width: 1200px) and (max-width: 1400px),
  (min-width: 992px) and (max-width: 1200px),
  (min-width: 768px) and (max-width: 992px),
  (min-width: 576px) and (max-width: 768px),
  (min-width: 412px) and (max-width: 576px),
  (min-width: 280px) and (max-width: 411px) {
  .box-form label {
    font-size: 14px;
  }
}
.box-form label.check-passwords,
.box-form label.tac {
  font-family: "gothambook", Fallback, Courier;
  position: relative;
  top: -2px;
}
@media (min-width: 1400px) {
  .box-form label.check-passwords,
  .box-form label.tac {
    font-size: 18px;
  }
}
@media only screen and (min-width: 1400px) and (min-width: 1400px) {
  .box-form label.check-passwords,
  .box-form label.tac {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1400px) and (min-width: 2500px) {
  .box-form label.check-passwords,
  .box-form label.tac {
    font-size: 24px;
  }
}

@media (min-width: 1200px) and (max-width: 1400px),
  (min-width: 992px) and (max-width: 1200px),
  (min-width: 768px) and (max-width: 992px),
  (min-width: 576px) and (max-width: 768px),
  (min-width: 412px) and (max-width: 576px),
  (min-width: 280px) and (max-width: 411px) {
  .box-form label.check-passwords,
  .box-form label.tac {
    font-size: 14px;
  }
}
.box-form label span {
  color: #010eb2;
}
.box-form label span.fa-star,
.box-form label span.fa-star-o {
  color: black;
}
.box-form .captcha-box {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.box-form textarea.note-frame,
.box-form .note-editor.note-frame {
  border: none;
}
.box-form textarea .note-editing-area,
.box-form .note-editor .note-editing-area {
  background-color: white;
  border: 1px solid #ced4da;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  border-radius: 7px;
  font-size: 14px;
  padding: 2px 4px;
}
.box-form textarea .note-editing-area .note-editable,
.box-form .note-editor .note-editing-area .note-editable {
  background: none !important;
  color: black;
}
.box-form textarea .note-statusbar,
.box-form .note-editor .note-statusbar {
  display: none;
}
.box-form .note-placeholder {
  color: black;
}
.box-form .note-popover.popover {
  display: none;
}
.box-form .control-label {
  font-family: "gothambook", Fallback, Courier;
  text-transform: uppercase;
}
.box-form .control-label span {
  color: #818385;
}
.box-form .separator {
  position: relative;
  width: 100%;
}
.box-form .separator .or {
  background-color: white;
  position: absolute;
  top: -10px;
  left: 50%;
  margin-left: -25px;
  width: 50px;
}
.box-form small {
  color: black;
  font-family: "gothambook", Fallback, Courier;
}
.box-form small:first-letter {
  text-transform: capitalize;
}
.box-form .checkbox {
  padding-left: 20px;
}
.box-form .checkbox label,
.box-form .checkbox-inline label {
  display: inline-block;
  font-family: "gothambook", Fallback, Courier;
  position: relative;
  padding-left: 5px;
}
.box-form .checkbox label::before,
.box-form .checkbox-inline label::before {
  content: "";
  display: inline-block;
  outline: none !important;
  position: absolute;
  width: 17px;
  height: 17px;
  left: 0;
  top: 1px;
  margin-left: -20px;
  border: 1px solid #cccccc;
  border-radius: 0px;
  background-color: white;
  -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  -moz-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  -ms-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}
.box-form .checkbox label::after,
.box-form .checkbox-inline label::after {
  display: inline-block;
  outline: none !important;
  position: absolute;
  width: 16px;
  height: 16px;
  left: 0.5px;
  top: -0.5px;
  margin-left: -20px;
  padding-left: 3px;
  padding-top: 1px;
  color: #555555;
}
.box-form .checkbox input[type="checkbox"],
.box-form .checkbox-inline input[type="checkbox"] {
  opacity: 0;
  filter: alpha(opacity=0);
}
.box-form .checkbox input[type="checkbox"]:focus + label::before,
.box-form .checkbox-inline input[type="checkbox"]:focus + label::before {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.box-form .checkbox input[type="checkbox"]:checked + label::after,
.box-form .checkbox-inline input[type="checkbox"]:checked + label::after {
  font-family: "Glyphicons Halflings";
  content: "\e013";
}
.box-form .checkbox input[type="checkbox"]:disabled + label,
.box-form .checkbox-inline input[type="checkbox"]:disabled + label {
  opacity: 0.65;
}
.box-form .checkbox input[type="checkbox"]:disabled + label::before,
.box-form .checkbox-inline input[type="checkbox"]:disabled + label::before {
  background-color: #eeeeee;
  cursor: not-allowed;
}
.box-form .checkbox.checkbox-circle label::before,
.box-form .checkbox-inline.checkbox-circle label::before {
  border-radius: 50%;
}
.box-form .checkbox.checkbox-inline,
.box-form .checkbox-inline.checkbox-inline {
  margin-top: 0;
}
.box-form
  .checkbox.checkbox-primary
  input[type="checkbox"]:checked
  + label::before,
.box-form
  .checkbox-inline.checkbox-primary
  input[type="checkbox"]:checked
  + label::before {
  background-color: #0212df;
  border-color: #0212df;
}
.box-form
  .checkbox.checkbox-primary
  input[type="checkbox"]:checked
  + label::after,
.box-form
  .checkbox-inline.checkbox-primary
  input[type="checkbox"]:checked
  + label::after {
  color: white;
}
.box-form .radio,
.box-form .radio-inline {
  padding-left: 20px;
}
.box-form .radio label,
.box-form .radio-inline label {
  display: inline-block;
  font-family: "gothambook", Fallback, Courier;
  position: relative;
  padding-left: 5px;
}
.box-form .radio label::before,
.box-form .radio-inline label::before {
  content: "";
  display: inline-block;
  outline: none !important;
  position: absolute;
  width: 15px;
  height: 15px;
  left: 1px;
  top: 1px;
  margin-left: -20px;
  border: 1px solid black;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  background-color: white;
  -webkit-transition: border 0.15s ease-in-out;
  -moz-transition: border 0.15s ease-in-out;
  -ms-transition: border 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out;
  transition: border 0.15s ease-in-out;
}
.box-form .radio label::after,
.box-form .radio-inline label::after {
  display: inline-block;
  outline: none !important;
  position: absolute;
  content: " ";
  width: 11px;
  height: 11px;
  left: 3px;
  top: 3px;
  margin-left: -20px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  background-color: black;
  -webkit-transform: scale(0, 0);
  -moz-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -moz-transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -ms-transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -o-transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}
.box-form .radio input[type="radio"],
.box-form .radio-inline input[type="radio"] {
  opacity: 0;
  filter: alpha(opacity=0);
}
.box-form .radio input[type="radio"]:focus + label::before,
.box-form .radio-inline input[type="radio"]:focus + label::before {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.box-form .radio input[type="radio"]:checked + label::after,
.box-form .radio-inline input[type="radio"]:checked + label::after {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
}
.box-form .radio input[type="radio"]:disabled + label,
.box-form .radio-inline input[type="radio"]:disabled + label {
  opacity: 0.65;
}
.box-form .radio input[type="radio"]:disabled + label::before,
.box-form .radio-inline input[type="radio"]:disabled + label::before {
  cursor: not-allowed;
}
.box-form .radio.radio-inline,
.box-form .radio-inline.radio-inline {
  margin-top: 0;
}
.box-form .radio.radio-primary input[type="radio"] + label::after,
.box-form .radio-inline.radio-primary input[type="radio"] + label::after {
  background-color: #0212df;
}
.box-form .radio.radio-primary input[type="radio"]:checked + label::before,
.box-form
  .radio-inline.radio-primary
  input[type="radio"]:checked
  + label::before {
  border-color: #0212df;
}
.box-form .radio.radio-primary input[type="radio"]:checked + label::after,
.box-form
  .radio-inline.radio-primary
  input[type="radio"]:checked
  + label::after {
  background-color: #0212df;
}

/********************************************************/
#validation .parsley-errors-list {
  display: none !important;
}
#validation .validate {
  margin-top: 10px;
}
#validation .invalid-form-error-message {
  margin-top: 10px;
  padding: 5px;
}
#validation .invalid-form-error-message.filled {
  border-left: 2px solid #c01d01;
}
#validation p.parsley-success {
  color: #2dc603;
  background-color: #dff0d8;
  border: 1px solid #d6e9c6;
}
#validation p.parsley-error {
  color: #c01d01;
  background-color: #f2dede;
  border: 1px solid #c01d01;
}
#validation ul.parsley-errors-list {
  list-style: none;
  color: #c01d01;
  padding-left: 0;
}
#validation .parsley-error {
  background: #faedec !important;
}
#validation .parsley-error .select2-selection,
#validation .parsley-error .select2-selection__rendered,
#validation .parsley-error .select2-container,
#validation .parsley-error .select2-container--default {
  background: #faedec !important;
}

/********************************************************/
#myVideoTutorial {
  background-color: white;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  border-radius: 7px;
  -webkit-box-shadow: 7px 7px 21px 0px rgba(0, 0, 0, 0.21);
  -moz-box-shadow: 7px 7px 21px 0px rgba(0, 0, 0, 0.21);
  -ms-box-shadow: 7px 7px 21px 0px rgba(0, 0, 0, 0.21);
  -o-box-shadow: 7px 7px 21px 0px rgba(0, 0, 0, 0.21);
  box-shadow: 7px 7px 21px 0px rgba(0, 0, 0, 0.21);
  position: fixed;
  top: 98px;
  z-index: 9999;
}
@media (min-width: 1400px) {
  #myVideoTutorial {
    left: 218px;
    top: 140px;
  }
}
@media only screen and (min-width: 1400px) and (min-width: 1400px) {
  #myVideoTutorial {
    left: 154px;
    top: 98px;
  }
}

@media (min-width: 1200px) and (max-width: 1400px),
  (min-width: 992px) and (max-width: 1200px),
  (min-width: 768px) and (max-width: 992px),
  (min-width: 576px) and (max-width: 768px) {
  #myVideoTutorial {
    left: 154px;
    top: 98px;
  }
}
@media (min-width: 412px) and (max-width: 576px),
  (min-width: 280px) and (max-width: 411px) {
  #myVideoTutorial {
    left: 14px;
    top: 120px;
  }
}
#myVideoTutorial .close {
  position: absolute;
  z-index: 2;
}
@media (min-width: 1400px) {
  #myVideoTutorial .close {
    font-size: 35px;
    right: 7px;
    top: 2px;
  }
}
@media only screen and (min-width: 1400px) and (min-width: 1400px) {
  #myVideoTutorial .close {
    right: 3px;
    top: -2px;
    font-size: 21px;
  }
}

@media (min-width: 1200px) and (max-width: 1400px),
  (min-width: 992px) and (max-width: 1200px),
  (min-width: 768px) and (max-width: 992px),
  (min-width: 576px) and (max-width: 768px),
  (min-width: 412px) and (max-width: 576px),
  (min-width: 280px) and (max-width: 411px) {
  #myVideoTutorial .close {
    right: 3px;
    top: -2px;
    font-size: 21px;
  }
}
#myVideoTutorial .card {
  z-index: 1;
}
#myVideoTutorial .card .card-body {
  padding-top: 0;
  padding-bottom: 9px;
}
#myVideoTutorial .card .card-body .platform-instructional {
  width: 240px;
}

.outer .form-modal {
  opacity: 0;
  filter: alpha(opacity=0);
  display: none;
  background-color: rgba(0, 0, 0, 0.4);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100vh;
  width: 100vw;
  z-index: 9999;
}
.outer .form-modal.show {
  display: block !important;
  opacity: 1 !important;
}
.outer .form-modal.fullscreen .form-modal-dialog {
  border: none !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  -o-border-radius: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  top: 0 !important;
  height: 100vh !important;
  width: 100% !important;
}
@media only screen and (min-width: 1400px) and (min-width: 1400px) {
  .outer
    .form-modal.fullscreen
    .form-modal-dialog
    .form-modal-body
    #preview_presentation_resource
    .object-pdf {
    height: 91vh !important;
  }
}
@media only screen and (min-width: 1400px) and (min-width: 1900px) {
  .outer
    .form-modal.fullscreen
    .form-modal-dialog
    .form-modal-body
    #preview_presentation_resource
    .object-pdf {
    height: 92vh !important;
  }
}
@media only screen and (min-width: 1400px) and (min-width: 2500px) {
  .outer
    .form-modal.fullscreen
    .form-modal-dialog
    .form-modal-body
    #preview_presentation_resource
    .object-pdf {
    height: 93vh !important;
  }
}

@media (min-width: 1200px) and (max-width: 1400px),
  (min-width: 992px) and (max-width: 1200px),
  (min-width: 768px) and (max-width: 992px),
  (min-width: 576px) and (max-width: 768px),
  (min-width: 412px) and (max-width: 576px),
  (min-width: 280px) and (max-width: 411px) {
  .outer
    .form-modal.fullscreen
    .form-modal-dialog
    .form-modal-body
    #preview_presentation_resource
    .object-pdf {
    height: 89vh !important;
  }
}
.outer .form-modal .form-modal-dialog {
  background-color: white;
  background-size: 200%;
  border: 1px solid #eeeeee;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  -ms-border-radius: 14px;
  -o-border-radius: 14px;
  border-radius: 14px;
  -webkit-box-shadow: 5px 5px 5px 1px rgba(183, 183, 183, 0.2);
  -moz-box-shadow: 5px 5px 5px 1px rgba(183, 183, 183, 0.2);
  -ms-box-shadow: 5px 5px 5px 1px rgba(183, 183, 183, 0.2);
  -o-box-shadow: 5px 5px 5px 1px rgba(183, 183, 183, 0.2);
  box-shadow: 5px 5px 5px 1px rgba(183, 183, 183, 0.2);
  font-family: "gothambook", Fallback, Courier;
  padding: 21px 21px;
  height: auto;
  position: relative;
  top: 14px;
}
.outer .form-modal .form-modal-dialog.form-modal-300 {
  margin: 0;
  padding: 7px ΓÇï0 0 0;
  width: 300px;
}
.outer .form-modal .form-modal-dialog.form-modal-lg {
  margin: 0 auto;
  width: 80vw;
}
@media (min-width: 992px) and (max-width: 1200px) {
  .outer .form-modal .form-modal-dialog.form-modal-lg {
    width: 60%;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .outer .form-modal .form-modal-dialog.form-modal-lg {
    width: 70%;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .outer .form-modal .form-modal-dialog.form-modal-lg {
    width: 80%;
  }
}
@media (min-width: 412px) and (max-width: 576px),
  (min-width: 280px) and (max-width: 411px) {
  .outer .form-modal .form-modal-dialog.form-modal-lg {
    width: 90%;
  }
}
.outer .form-modal .form-modal-dialog.form-modal-md {
  margin: 0 auto;
  width: 60%;
}
@media (min-width: 992px) and (max-width: 1200px) {
  .outer .form-modal .form-modal-dialog.form-modal-md {
    width: 60%;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .outer .form-modal .form-modal-dialog.form-modal-md {
    width: 70%;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .outer .form-modal .form-modal-dialog.form-modal-md {
    width: 80%;
  }
}
@media (min-width: 412px) and (max-width: 576px),
  (min-width: 280px) and (max-width: 411px) {
  .outer .form-modal .form-modal-dialog.form-modal-md {
    width: 90%;
  }
}
.outer .form-modal .form-modal-dialog.form-modal-sm {
  margin: 0 auto;
  width: 35%;
}
@media (min-width: 992px) and (max-width: 1200px) {
  .outer .form-modal .form-modal-dialog.form-modal-sm {
    width: 60%;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .outer .form-modal .form-modal-dialog.form-modal-sm {
    width: 70%;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .outer .form-modal .form-modal-dialog.form-modal-sm {
    width: 80%;
  }
}
@media (min-width: 412px) and (max-width: 576px),
  (min-width: 280px) and (max-width: 411px) {
  .outer .form-modal .form-modal-dialog.form-modal-sm {
    width: 90%;
  }
}
.outer .form-modal .form-modal-dialog.form-modal-xs {
  margin: 0 auto;
  width: 390px;
}
@media (min-width: 992px) and (max-width: 1200px) {
  .outer .form-modal .form-modal-dialog.form-modal-xs {
    width: 60%;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .outer .form-modal .form-modal-dialog.form-modal-xs {
    width: 70%;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .outer .form-modal .form-modal-dialog.form-modal-xs {
    width: 80%;
  }
}
@media (min-width: 412px) and (max-width: 576px),
  (min-width: 280px) and (max-width: 411px) {
  .outer .form-modal .form-modal-dialog.form-modal-xs {
    width: 90%;
  }
}
.outer .form-modal .form-modal-dialog.full-height {
  height: calc(100vh - 35px);
  overflow-x: hidden;
  overflow-y: scroll;
}
.outer .form-modal .form-modal-dialog .table-responsive.table-form {
  overflow-x: hidden;
  overflow-y: scroll;
  height: 90vh;
  padding: 0 14px 0 0;
}
.outer .form-modal .form-modal-dialog .close {
  position: absolute;
  z-index: 2;
}
@media (min-width: 1400px) {
  .outer .form-modal .form-modal-dialog .close {
    font-size: 35px;
    right: 7px;
    top: 0;
  }
}
@media only screen and (min-width: 1400px) and (min-width: 1400px) {
  .outer .form-modal .form-modal-dialog .close {
    right: 3px;
    top: -2px;
    font-size: 21px;
  }
}

@media (min-width: 1200px) and (max-width: 1400px),
  (min-width: 992px) and (max-width: 1200px),
  (min-width: 768px) and (max-width: 992px),
  (min-width: 576px) and (max-width: 768px),
  (min-width: 412px) and (max-width: 576px),
  (min-width: 280px) and (max-width: 411px) {
  .outer .form-modal .form-modal-dialog .close {
    right: 3px;
    top: -2px;
    font-size: 21px;
  }
}
.outer .form-modal .form-modal-dialog .form-modal-header {
  margin-bottom: 21px;
}
.outer .form-modal .form-modal-dialog .form-modal-header .heading {
  font-family: "gothammedium", Fallback, Courier;
}
@media (min-width: 1400px) {
  .outer .form-modal .form-modal-dialog .form-modal-body {
    font-size: 21px;
  }
}
@media only screen and (min-width: 1400px) and (min-width: 1400px) {
  .outer .form-modal .form-modal-dialog .form-modal-body {
    font-size: 14px;
  }
}

@media (min-width: 1200px) and (max-width: 1400px),
  (min-width: 992px) and (max-width: 1200px),
  (min-width: 768px) and (max-width: 992px),
  (min-width: 576px) and (max-width: 768px),
  (min-width: 412px) and (max-width: 576px),
  (min-width: 280px) and (max-width: 411px) {
  .outer .form-modal .form-modal-dialog .form-modal-body {
    font-size: 14px;
  }
}
.outer .form-modal .form-modal-dialog .form-modal-body .object-pdf {
  width: 100%;
}
@media (min-width: 1400px) {
  .outer .form-modal .form-modal-dialog .form-modal-body .object-pdf {
    height: 85vh;
  }
}
@media screen and (min-width: 1400px) and (min-height: 700px) {
  .outer .form-modal .form-modal-dialog .form-modal-body .object-pdf {
    height: 85vh;
  }
}

@media (min-width: 1200px) and (max-width: 1400px),
  (min-width: 992px) and (max-width: 1200px),
  (min-width: 768px) and (max-width: 992px),
  (min-width: 576px) and (max-width: 768px),
  (min-width: 412px) and (max-width: 576px),
  (min-width: 280px) and (max-width: 411px) {
  .outer .form-modal .form-modal-dialog .form-modal-body .object-pdf {
    height: 79.5vh;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1400px) and (min-height: 700px),
  screen and (min-width: 992px) and (max-width: 1200px) and (min-height: 700px),
  screen and (min-width: 768px) and (max-width: 992px) and (min-height: 700px),
  screen and (min-width: 576px) and (max-width: 768px) and (min-height: 700px),
  screen and (min-width: 412px) and (max-width: 576px) and (min-height: 700px),
  screen and (min-width: 280px) and (max-width: 411px) and (min-height: 700px) {
  .outer .form-modal .form-modal-dialog .form-modal-body .object-pdf {
    height: 83vh;
  }
}

.outer .form-modal .form-modal-dialog .form-modal-body .radio label,
.outer .form-modal .form-modal-dialog .form-modal-body .radio-inline label {
  position: relative;
  padding-left: 5px;
}
@media (min-width: 1400px) {
  .outer .form-modal .form-modal-dialog .form-modal-body .radio label,
  .outer .form-modal .form-modal-dialog .form-modal-body .radio-inline label {
    font-size: 21px;
    padding-left: 2%;
  }
}
@media only screen and (min-width: 1400px) and (min-width: 1400px) {
  .outer .form-modal .form-modal-dialog .form-modal-body .radio label,
  .outer .form-modal .form-modal-dialog .form-modal-body .radio-inline label {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1400px) and (min-width: 2500px) {
  .outer .form-modal .form-modal-dialog .form-modal-body .radio label,
  .outer .form-modal .form-modal-dialog .form-modal-body .radio-inline label {
    font-size: 24px;
  }
}

@media (min-width: 1200px) and (max-width: 1400px),
  (min-width: 992px) and (max-width: 1200px),
  (min-width: 768px) and (max-width: 992px),
  (min-width: 576px) and (max-width: 768px),
  (min-width: 412px) and (max-width: 576px),
  (min-width: 280px) and (max-width: 411px) {
  .outer .form-modal .form-modal-dialog .form-modal-body .radio label,
  .outer .form-modal .form-modal-dialog .form-modal-body .radio-inline label {
    font-size: 14px;
  }
}
.outer .form-modal .form-modal-dialog .form-modal-body .radio label::before,
.outer
  .form-modal
  .form-modal-dialog
  .form-modal-body
  .radio-inline
  label::before {
  border: 1px solid #0212df !important;
  margin-left: -21px !important;
}
@media (min-width: 1400px) {
  .outer .form-modal .form-modal-dialog .form-modal-body .radio label::before,
  .outer
    .form-modal
    .form-modal-dialog
    .form-modal-body
    .radio-inline
    label::before {
    left: 1px !important;
    top: 2px !important;
    width: 28px !important;
    height: 28px !important;
  }
}
@media only screen and (min-width: 1400px) and (min-width: 1400px) {
  .outer .form-modal .form-modal-dialog .form-modal-body .radio label::before,
  .outer
    .form-modal
    .form-modal-dialog
    .form-modal-body
    .radio-inline
    label::before {
    left: 1px !important;
    top: 2px !important;
    width: 16px !important;
    height: 16px !important;
  }
}

@media (min-width: 1200px) and (max-width: 1400px),
  (min-width: 992px) and (max-width: 1200px),
  (min-width: 768px) and (max-width: 992px),
  (min-width: 576px) and (max-width: 768px),
  (min-width: 412px) and (max-width: 576px),
  (min-width: 280px) and (max-width: 411px) {
  .outer .form-modal .form-modal-dialog .form-modal-body .radio label::before,
  .outer
    .form-modal
    .form-modal-dialog
    .form-modal-body
    .radio-inline
    label::before {
    left: 1px !important;
    top: 2px !important;
    width: 16px !important;
    height: 16px !important;
  }
}
.outer .form-modal .form-modal-dialog .form-modal-body .radio label::after,
.outer
  .form-modal
  .form-modal-dialog
  .form-modal-body
  .radio-inline
  label::after {
  background-color: #0212df !important;
  margin-left: -21px !important;
}
@media (min-width: 1400px) {
  .outer .form-modal .form-modal-dialog .form-modal-body .radio label::after,
  .outer
    .form-modal
    .form-modal-dialog
    .form-modal-body
    .radio-inline
    label::after {
    left: 4px !important;
    top: 5px !important;
    width: 22px !important;
    height: 22px !important;
  }
}
@media only screen and (min-width: 1400px) and (min-width: 1400px) {
  .outer .form-modal .form-modal-dialog .form-modal-body .radio label::after,
  .outer
    .form-modal
    .form-modal-dialog
    .form-modal-body
    .radio-inline
    label::after {
    left: 3px !important;
    top: 4px !important;
    width: 12px !important;
    height: 12px !important;
  }
}

@media (min-width: 1200px) and (max-width: 1400px),
  (min-width: 992px) and (max-width: 1200px),
  (min-width: 768px) and (max-width: 992px),
  (min-width: 576px) and (max-width: 768px),
  (min-width: 412px) and (max-width: 576px),
  (min-width: 280px) and (max-width: 411px) {
  .outer .form-modal .form-modal-dialog .form-modal-body .radio label::after,
  .outer
    .form-modal
    .form-modal-dialog
    .form-modal-body
    .radio-inline
    label::after {
    left: 3px !important;
    top: 4px !important;
    width: 12px !important;
    height: 12px !important;
  }
}
.outer .form-modal .form-modal-dialog .form-modal-footer .btn-action {
  margin: 14px 0 0 0;
}
.outer
  .form-modal
  .form-modal-dialog
  .form-modal-footer
  .btn-action
  a.link-fullscreen {
  color: black;
  float: right;
}
@media (min-width: 1400px) {
  .outer
    .form-modal
    .form-modal-dialog
    .form-modal-footer
    .btn-action
    a.link-fullscreen {
    font-size: 42px;
    line-height: unset;
  }
}
@media only screen and (min-width: 1400px) and (min-width: 1400px) {
  .outer
    .form-modal
    .form-modal-dialog
    .form-modal-footer
    .btn-action
    a.link-fullscreen {
    font-size: 35px;
    line-height: unset;
  }
}

@media (min-width: 1200px) and (max-width: 1400px),
  (min-width: 992px) and (max-width: 1200px),
  (min-width: 768px) and (max-width: 992px),
  (min-width: 576px) and (max-width: 768px),
  (min-width: 412px) and (max-width: 576px),
  (min-width: 280px) and (max-width: 411px) {
  .outer
    .form-modal
    .form-modal-dialog
    .form-modal-footer
    .btn-action
    a.link-fullscreen {
    font-size: 35px;
    line-height: unset;
  }
}

/********************************************************/
.webui-popover {
  z-index: 1 !important;
}

/********************************************************/
.datepicker.datepicker-dropdown {
  margin-top: 118px;
}

/********************************************************/
.bootbox {
  padding-right: 0;
  padding-top: 200px;
  z-index: 10;
}
.bootbox .bootbox-cancel {
  border: 1px solid #dcdbdd !important;
}

.modal-backdrop {
  z-index: 9;
}

/****************************Tabs panel****************************/
.tabbable-panel {
  border: 1px solid #eee;
  padding: 10px;
}

.tabbable-line > .nav-tabs {
  border: none;
  margin: 0px;
}

.tabbable-line > .nav-tabs > li {
  margin-right: 2px;
}

.tabbable-line > .nav-tabs > li > a {
  border: 0;
  margin-right: 0;
  color: #737373;
}

.tabbable-line > .nav-tabs > li > a > i {
  color: #a6a6a6;
}

.tabbable-line > .nav-tabs > li.open,
.tabbable-line > .nav-tabs > li:hover {
  border-bottom: 4px solid #fbcdcf;
}

.tabbable-line > .nav-tabs > li.open > a,
.tabbable-line > .nav-tabs > li:hover > a {
  border: 0;
  background: none !important;
  color: #333333;
}

.tabbable-line > .nav-tabs > li.open > a > i,
.tabbable-line > .nav-tabs > li:hover > a > i {
  color: #a6a6a6;
}

.tabbable-line > .nav-tabs > li.open .dropdown-menu,
.tabbable-line > .nav-tabs > li:hover .dropdown-menu {
  margin-top: 0px;
}

.tabbable-line > .nav-tabs > li.active {
  border-bottom: 4px solid #f3565d;
  position: relative;
}

.tabbable-line > .nav-tabs > li.active > a {
  border: 0;
  color: #333333;
}

.tabbable-line > .nav-tabs > li.active > a > i {
  color: #404040;
}

.tabbable-line > .tab-content {
  margin-top: -3px;
  background-color: white;
  border: 0;
  border-top: 1px solid #eee;
  padding: 15px 0;
}

.portlet .tabbable-line > .tab-content {
  padding-bottom: 0;
}

/********************************************************/
.isDisabled {
  cursor: not-allowed !important;
  opacity: 0.5 !important;
}

a[aria-disabled="true"] {
  color: currentColor;
  pointer-events: none !important;
  text-decoration: none !important;
}

/********************************************************/
.note-popover.popover {
  display: none;
}

.select2-container--default .select2-selection--single {
  -webkit-border-radius: 7px !important;
  -moz-border-radius: 7px !important;
  -ms-border-radius: 7px !important;
  -o-border-radius: 7px !important;
  border-radius: 7px !important;
  border: 1px solid #ced4da !important;
  font-family: "gothambook", Fallback, Courier !important;
  font-size: 14px !important;
}

.pulse-circle {
  display: inline-block;
  top: 1px;
  left: 1px;
  position: relative;
}
.pulse-circle .radius {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 5px;
  height: 5px;
  z-index: 1;
}
.pulse-circle .radius .border-animation,
.pulse-circle .radius .place {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
}
.pulse-circle .radius .place {
  background-color: #010eb2;
  z-index: 2;
}
.pulse-circle .radius .border-animation {
  z-index: 1;
}
.pulse-circle .radius .ba1 {
  animation: rounder1 1.3s linear 1.3s infinite alternate;
  background-color: rgba(238, 76, 63, 0.6);
}
@keyframes rounder1 {
  from {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  to {
    -webkit-transform: scale(1.39);
    -moz-transform: scale(1.39);
    -ms-transform: scale(1.39);
    -o-transform: scale(1.39);
    transform: scale(1.39);
  }
}
.pulse-circle .radius .ba2 {
  animation: rounder2 1.3s linear 1.3s infinite alternate;
  background-color: rgba(245, 85, 71, 0.5);
}
@keyframes rounder2 {
  from {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  to {
    -webkit-transform: scale(1.69);
    -moz-transform: scale(1.69);
    -ms-transform: scale(1.69);
    -o-transform: scale(1.69);
    transform: scale(1.69);
  }
}
.pulse-circle .radius .ba3 {
  animation: rounder3 1.3s linear 1.3s infinite alternate;
  background-color: rgba(251, 97, 84, 0.4);
}
@keyframes rounder3 {
  from {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  to {
    -webkit-transform: scale(1.99);
    -moz-transform: scale(1.99);
    -ms-transform: scale(1.99);
    -o-transform: scale(1.99);
    transform: scale(1.99);
  }
}
.starrr {
  display: inline-block;
  text-align: center;
  width: 100%;
}
.starrr.display-value {
  text-align: left !important;
}
.starrr.display-value a {
  cursor: default !important;
}
@media (min-width: 1400px) {
  .starrr.display-value a {
    font-size: 35px;
  }
}
@media only screen and (min-width: 1400px) and (min-width: 1400px) {
  .starrr.display-value a {
    font-size: 21px;
  }
}

@media (min-width: 1200px) and (max-width: 1400px),
  (min-width: 992px) and (max-width: 1200px),
  (min-width: 768px) and (max-width: 992px) {
  .starrr.display-value a {
    font-size: 21px;
  }
}
@media (min-width: 576px) and (max-width: 768px),
  (min-width: 412px) and (max-width: 576px),
  (min-width: 280px) and (max-width: 411px) {
  .starrr.display-value a {
    font-size: 21px;
  }
}
.starrr a {
  padding: 0 1px;
  cursor: pointer;
  color: #fee50b;
  text-decoration: none;
}
@media (min-width: 1400px) {
  .starrr a {
    font-size: 56px;
  }
}
@media only screen and (min-width: 1400px) and (min-width: 1400px) {
  .starrr a {
    font-size: 42px;
  }
}

@media (min-width: 1200px) and (max-width: 1400px),
  (min-width: 992px) and (max-width: 1200px),
  (min-width: 768px) and (max-width: 992px) {
  .starrr a {
    font-size: 42px;
  }
}
@media (min-width: 576px) and (max-width: 768px),
  (min-width: 412px) and (max-width: 576px),
  (min-width: 280px) and (max-width: 411px) {
  .starrr a {
    font-size: 42px;
  }
}

audio {
  position: fixed;
  bottom: 21px;
  left: 50%;
  margin-left: -70px;
  opacity: 0.4;
  filter: alpha(opacity=40);
  height: 28px;
  width: 140px;
}

.opening-video {
  width: 100%;
  /* ----------- iPhone 6, 6S, 7 and 8 ----------- */
  /* Portrait and Landscape */
  /* Portrait */
  /* Landscape */
  /* ----------- iPhone 6+, 7+ and 8+ ----------- */
  /* Portrait and Landscape */
  /* Portrait */
  /* Landscape */
  /* ----------- iPad 1, 2, Mini and Air ----------- */
  /* Portrait and Landscape */
  /* Portrait */
  /* Landscape */
  /* ----------- iPad 3, 4 and Pro 9.7" ----------- */
  /* Portrait and Landscape */
  /* Portrait */
  /* Landscape */
}
@media (min-width: 1400px) {
  .opening-video {
    height: 680px;
  }
}
@media only screen and (min-width: 1400px) and (min-width: 1400px) {
  .opening-video {
    height: 480px;
  }
}

@media (min-width: 1200px) and (max-width: 1400px) {
  .opening-video {
    height: 480px;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .opening-video {
    height: 361px;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .opening-video {
    height: 278px;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .opening-video {
    height: 235px;
  }
}
@media (min-width: 412px) and (max-width: 576px),
  (min-width: 280px) and (max-width: 411px) {
  .opening-video {
    height: 180px;
  }
}
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
  .opening-video {
    height: 180px;
  }
}
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  .opening-video {
    height: 180px;
  }
}
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
  .opening-video {
    height: 210px;
  }
}
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {
  .opening-video {
    height: 195px;
  }
}
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {
  .opening-video {
    height: 195px;
  }
}
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
  .opening-video {
    height: 235px;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
  .opening-video {
    height: 278px;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
  .opening-video {
    height: 278px;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
  .opening-video {
    height: 361px;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
  .opening-video {
    height: 361px;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  .opening-video {
    height: 361px;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  .opening-video {
    height: 480px;
  }
}

/*
     FILE ARCHIVED ON 08:06:22 Jul 27, 2023 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 07:50:15 Jun 02, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.526
  exclusion.robots: 0.055
  exclusion.robots.policy: 0.045
  esindex: 0.009
  cdx.remote: 31.858
  LoadShardBlock: 113.848 (3)
  PetaboxLoader3.datanode: 64.065 (4)
  PetaboxLoader3.resolve: 113.975 (2)
  load_resource: 97.636
*/