@-webkit-keyframes slide-up {
  from {
    -webkit-transform: translate(0, 20px);
    -ms-transform: translate(0, 20px);
    -o-transform: translate(0, 20px);
    transform: translate(0, 20px);
    opacity: 0; }
  to {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1; } }

@-moz-keyframes slide-up {
  from {
    -webkit-transform: translate(0, 20px);
    -ms-transform: translate(0, 20px);
    -o-transform: translate(0, 20px);
    transform: translate(0, 20px);
    opacity: 0; }
  to {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1; } }

@-o-keyframes slide-up {
  from {
    -webkit-transform: translate(0, 20px);
    -ms-transform: translate(0, 20px);
    -o-transform: translate(0, 20px);
    transform: translate(0, 20px);
    opacity: 0; }
  to {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1; } }

@-ms-keyframes slide-up {
  from {
    -webkit-transform: translate(0, 20px);
    -ms-transform: translate(0, 20px);
    -o-transform: translate(0, 20px);
    transform: translate(0, 20px);
    opacity: 0; }
  to {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1; } }

@keyframes slide-up {
  from {
    -webkit-transform: translate(0, 20px);
    -ms-transform: translate(0, 20px);
    -o-transform: translate(0, 20px);
    transform: translate(0, 20px);
    opacity: 0; }
  to {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1; } }

.white {
  color: #fff; }

.btn-playtour {
  position: absolute;
  margin: 0 auto;
  box-shadow: 0 0 20px #28323e;
  background-color: rgba(40, 50, 62, 0.9); }
  .btn-playtour:hover {
    background-color: #28323e; }

.btn {
  font-family: "Quicksand-Regular";
  font-weight: 100; }

.btn-primary {
  color: #fff;
  background-color: #3D3C3F;
  border-color: #3D3C3F;
  background: #009EE0;
  background-image: linear-gradient(to bottom, #009de0 0%, #28323e 100%);
  background-position: 0 100%;
  background-size: cover;
  box-shadow: 6px 6px 10px rgba(200, 234, 211, 0.3) inset;
  border: solid 1px #009de0; }
  .btn-primary:focus, .btn-primary.focus {
    color: #fff;
    background-color: #242325;
    border-color: black; }
  .btn-primary:hover {
    color: #fff;
    background-color: #242325;
    border-color: #1f1e20; }
  .btn-primary:active, .btn-primary.active,
  .open > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #242325;
    border-color: #1f1e20; }
    .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus,
    .open > .btn-primary.dropdown-toggle:hover,
    .open > .btn-primary.dropdown-toggle:focus,
    .open > .btn-primary.dropdown-toggle.focus {
      color: #fff;
      background-color: #121213;
      border-color: black; }
  .btn-primary:active, .btn-primary.active,
  .open > .btn-primary.dropdown-toggle {
    background-image: none; }
  .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus,
  fieldset[disabled] .btn-primary:hover,
  fieldset[disabled] .btn-primary:focus,
  fieldset[disabled] .btn-primary.focus {
    background-color: #3D3C3F;
    border-color: #3D3C3F; }
  .btn-primary .badge {
    color: #3D3C3F;
    background-color: #fff; }
  .btn-primary:hover, .btn-primary:focus, .btn-primary:active:focus, .btn-primary:active, .btn-primary:active:hover {
    background-position: 0 0;
    background: #28323e;
    border-color: #009EE0; }

.btn-primary-2 {
  background-color: #009EE0;
  color: white; }
  .btn-primary-2:hover, .btn-primary-2:focus, .btn-primary-2:active:focus, .btn-primary-2:active, .btn-primary-2:active:hover {
    background-position: 0 0;
    background: #28323e;
    border-color: #009EE0;
    color: white; }

.btn-primary-3 {
  color: #fff;
  background-color: #28323e; }
  .btn-primary-3:hover, .btn-primary-3:focus, .btn-primary-3:active:focus, .btn-primary-3:active, .btn-primary-3:active:hover {
    color: white; }

.btn-round {
  border-radius: 25px !important;
  padding: 10px 15px; }

.btn-circle {
  border-radius: 50%;
  padding: 15px;
  width: 30px;
  height: 30px;
  text-align: center;
  vertical-align: middle; }
  .btn-circle img {
    width: auto;
    height: auto;
    margin: auto auto; }

#add-tour-btn {
  position: absolute;
  bottom: 120px;
  right: 40px;
  z-index: 10; }
  #add-tour-btn.tourdetail_btn {
    top: 37%;
    bottom: auto;
    right: 20px; }
    @media (max-width: 1200px) {
      #add-tour-btn.tourdetail_btn {
        top: auto;
        bottom: 120px; } }

.btn-secondary {
  background-color: #AA0B57;
  color: white; }
  .btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active:focus, .btn-secondary:active, .btn-secondary:active:hover {
    background-position: 0 0;
    background: #400421;
    color: #fff; }

.btn-fixed {
  position: fixed;
  bottom: 40px;
  right: 40px;
  z-index: 10; }

.btn-square {
  border-radius: 0; }
  .btn-square h1, .btn-square h2, .btn-square h3 {
    margin: 0; }

.btn-white {
  text-shadow: 0 0 5px black;
  color: #FFF;
  background: rgba(255, 255, 255, 0.3);
  border: 1px solid #FFF; }
  .btn-white h1, .btn-white h2, .btn-white h3, .btn-white h4, .btn-white h5, .btn-white p, .btn-white a {
    text-shadow: 0 0 5px black;
    color: #FFF; }
  .btn-white:hover, .btn-white:focus, .btn-white:active:focus, .btn-white:active, .btn-white:active:hover {
    background: rgba(255, 255, 255, 0.8);
    text-shadow: none;
    color: #3e3d40; }

.btn-black {
  color: #000;
  background: black; }
  .btn-black:hover, .btn-black:focus, .btn-black:active:focus, .btn-black:active, .btn-black:active:hover {
    border: 3px solid black;
    text-shadow: 1px 1px 1px #black; }

.btn-medium {
  padding: 20px 40px;
  font-size: 20px;
  vertical-align: middle; }
  .btn-medium.btn-circle {
    width: 40px;
    height: 40px;
    padding: 0; }
  .btn-medium img {
    width: 25px !important;
    height: 25px !important;
    margin: 0 auto !important; }

.btn-big {
  padding: 13px 27px;
  font-size: 16px !important;
  vertical-align: middle; }
  .btn-big.btn-circle {
    width: 65px;
    height: 65px;
    padding: 0; }
  .btn-big img {
    margin: auto auto;
    width: auto;
    height: auto;
    padding: 15px; }

.btn-bigger {
  width: 80px;
  height: 80px;
  padding: 20px; }
  .btn-bigger img {
    margin: auto auto;
    width: auto;
    height: auto; }
  .btn-bigger.btn-playtour .btn-bigger:hover {
    width: 90px;
    height: 90px; }

.btn-playtour {
  position: absolute;
  left: 0;
  right: 0;
  width: 85px;
  height: 60px;
  margin: 0 auto;
  padding: 15px 30px;
  border: 1px solid #FFF;
  border-radius: 17px;
  text-align: center; }
  .btn-playtour.btn-playtour-small {
    width: 60px;
    height: 45px;
    margin: 0 auto;
    padding: 10px 21px;
    border: 1px solid #FFF;
    border-radius: 12px; }
  .btn-playtour img {
    width: auto;
    height: auto; }

.btn-back {
  float: left; }
  @media (max-width: 768px) {
    .btn-back {
      display: none; } }

.bth-plus {
  background: url("../images/add-50_grey.svg"); }

.btn-success {
  color: #fff;
  background-color: #00B325;
  border-color: #00B325; }
  .btn-success:focus, .btn-success.focus {
    color: #fff;
    background-color: #00801a;
    border-color: #00340b; }
  .btn-success:hover {
    color: #fff;
    background-color: #00801a;
    border-color: #007618; }
  .btn-success:active, .btn-success.active,
  .open > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #00801a;
    border-color: #007618; }
    .btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus,
    .open > .btn-success.dropdown-toggle:hover,
    .open > .btn-success.dropdown-toggle:focus,
    .open > .btn-success.dropdown-toggle.focus {
      color: #fff;
      background-color: #005c13;
      border-color: #00340b; }
  .btn-success:active, .btn-success.active,
  .open > .btn-success.dropdown-toggle {
    background-image: none; }
  .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus,
  fieldset[disabled] .btn-success:hover,
  fieldset[disabled] .btn-success:focus,
  fieldset[disabled] .btn-success.focus {
    background-color: #00B325;
    border-color: #00B325; }
  .btn-success .badge {
    color: #00B325;
    background-color: #fff; }
  .btn-success:hover, .btn-success:focus, .btn-success:active:focus, .btn-success:active, .btn-success:active:hover {
    background: #009a20;
    border-color: #009a20; }

.btn-info {
  color: #fff;
  background-color: #009EE0;
  border-color: #009EE0;
  background: #009EE0;
  background-position: 0 100%;
  background-size: cover; }
  .btn-info:focus, .btn-info.focus {
    color: #fff;
    background-color: #007aad;
    border-color: #004461; }
  .btn-info:hover {
    color: #fff;
    background-color: #007aad;
    border-color: #0073a3; }
  .btn-info:active, .btn-info.active,
  .open > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #007aad;
    border-color: #0073a3; }
    .btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus,
    .open > .btn-info.dropdown-toggle:hover,
    .open > .btn-info.dropdown-toggle:focus,
    .open > .btn-info.dropdown-toggle.focus {
      color: #fff;
      background-color: #006189;
      border-color: #004461; }
  .btn-info:active, .btn-info.active,
  .open > .btn-info.dropdown-toggle {
    background-image: none; }
  .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus,
  fieldset[disabled] .btn-info:hover,
  fieldset[disabled] .btn-info:focus,
  fieldset[disabled] .btn-info.focus {
    background-color: #009EE0;
    border-color: #009EE0; }
  .btn-info .badge {
    color: #009EE0;
    background-color: #fff; }
  .btn-info:hover, .btn-info:focus, .btn-info:active:focus, .btn-info:active, .btn-info:active:hover {
    background-position: 0 0;
    border-color: #008cc7; }

.btn-warning {
  color: #fff;
  background-color: #3D3C3F;
  border-color: #3D3C3F; }
  .btn-warning:focus, .btn-warning.focus {
    color: #fff;
    background-color: #242325;
    border-color: black; }
  .btn-warning:hover {
    color: #fff;
    background-color: #242325;
    border-color: #1f1e20; }
  .btn-warning:active, .btn-warning.active,
  .open > .btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #242325;
    border-color: #1f1e20; }
    .btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus,
    .open > .btn-warning.dropdown-toggle:hover,
    .open > .btn-warning.dropdown-toggle:focus,
    .open > .btn-warning.dropdown-toggle.focus {
      color: #fff;
      background-color: #121213;
      border-color: black; }
  .btn-warning:active, .btn-warning.active,
  .open > .btn-warning.dropdown-toggle {
    background-image: none; }
  .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus,
  fieldset[disabled] .btn-warning:hover,
  fieldset[disabled] .btn-warning:focus,
  fieldset[disabled] .btn-warning.focus {
    background-color: #3D3C3F;
    border-color: #3D3C3F; }
  .btn-warning .badge {
    color: #3D3C3F;
    background-color: #fff; }
  .btn-warning:hover, .btn-warning:focus, .btn-warning:active:focus, .btn-warning:active, .btn-warning:active:hover {
    background: #303032;
    border-color: #303032; }

/*--------------------button-shadow---------------*/
.btn-hover-shadow:hover {
  box-shadow: 0px 10px 14px 0px rgba(0, 0, 0, 0.75) !important; }

.btn-shadow {
  filter: drop-shadow(3px 3px 10px #999);
  transition: 1.5s; }
  .btn-shadow:hover {
    filter: drop-shadow(2px 2px 6px #444);
    border: 1px solid #14baff; }

/*--------------------button-shadow-end---------------*/
.list i img {
  width: 30px;
  height: 30px; }

i.small img {
  width: 20px;
  height: 20px; }

i.medium img {
  width: 35px;
  height: 35px; }

i.big img {
  width: 50px;
  height: 50px; }

.text-smaller {
  font-size: smaller; }

.bootstrap-switch {
  font-size: 11px; }

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

@font-face {
  font-family: 'Indie Flower';
  src: url("../../fonts/IndieFlower-Regular.eot?#iefix") format("embedded-opentype"), url("../../fonts/IndieFlower-Regular.otf") format("opentype"), url("../../fonts/IndieFlower-Regular.woff") format("woff"), url("../../fonts/IndieFlower-Regular.ttf") format("truetype"), url("../../fonts/IndieFlower-Regular.svg#IndieFlower-Regular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Material-Design-Iconic-Font';
  src: url("../../fonts/Quicksand-Regular.eot?#iefix") format("embedded-opentype"), url("../../fonts/Material-Design-Iconic-Font.woff") format("woff"), url("../../fonts/Material-Design-Iconic-Font.ttf") format("truetype"), url("../../fonts/Material-Design-Iconic-Font.svg#Material-Design-Iconic-Font") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'OpenSansRegular';
  src: url("../../fonts/opensans-regular.eot") format("embedded-opentype"), url("../../fonts/opensans-regular.woff") format("woff"), url("../../fonts/opensans-regular.ttf") format("truetype"), url("../../fonts/opensans-regular.svg#OpenSansRegular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Quicksand-Light';
  src: url("../../fonts/Quicksand-Light.eot?#iefix") format("embedded-opentype"), url("../../fonts/Quicksand-Light.otf") format("opentype"), url("../../fonts/Quicksand-Light.woff") format("woff"), url("../../fonts/Quicksand-Light.ttf") format("truetype"), url("../../fonts/Quicksand-Light.svg#Quicksand-Light") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Quicksand-Regular';
  src: url("../../fonts/Quicksand-Regular.eot?#iefix") format("embedded-opentype"), url("../../fonts/Quicksand-Regular.otf") format("opentype"), url("../../fonts/Quicksand-Regular.woff") format("woff"), url("../../fonts/Quicksand-Regular.ttf") format("truetype"), url("../../fonts/Quicksand-Regular.svg#Quicksand-Regular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Quicksand-Medium';
  src: url("../../fonts/Quicksand-Medium.eot?#iefix") format("embedded-opentype"), url("../../fonts/Quicksand-Medium.otf") format("opentype"), url("../../fonts/Quicksand-Medium.woff") format("woff"), url("../../fonts/Quicksand-Medium.ttf") format("truetype"), url("../../fonts/Quicksand-Medium.svg#Quicksand-Medium") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Quicksand-Bold';
  src: url("../../fonts/Quicksand-Bold.eot?#iefix") format("embedded-opentype"), url("../../fonts/Quicksand-Bold.otf") format("opentype"), url("../../fonts/Quicksand-Bold.woff") format("woff"), url("../../fonts/Quicksand-Bold.ttf") format("truetype"), url("../../fonts/Quicksand-Bold.svg#Quicksand-Bold") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Montserrat-Thin';
  src: url("../../fonts/Montserrat-Thin.eot?#iefix") format("embedded-opentype"), url("../../fonts/Montserrat-Thin.otf") format("opentype"), url("../../fonts/Montserrat-Thin.woff") format("woff"), url("../../fonts/Montserrat-Thin.ttf") format("truetype"), url("../../fonts/Montserrat-Thin.svg#Montserrat-Thin") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Montserrat-ExtraLight';
  src: url("../../fonts/Montserrat-ExtraLight.eot?#iefix") format("embedded-opentype"), url("../../fonts/Montserrat-ExtraLight.otf") format("opentype"), url("../../fonts/Montserrat-ExtraLight.woff") format("woff"), url("../../fonts/Montserrat-ExtraLight.ttf") format("truetype"), url("../../fonts/Montserrat-ExtraLight.svg#Montserrat-ExtraLight") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Montserrat-Light';
  src: url("../../fonts/Montserrat-Light.eot?#iefix") format("embedded-opentype"), url("../../fonts/Montserrat-Light.otf") format("opentype"), url("../../fonts/Montserrat-Light.woff") format("woff"), url("../../fonts/Montserrat-Light.ttf") format("truetype"), url("../../fonts/Montserrat-Light.svg#Montserrat-Light") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Montserrat-Regular';
  src: url("../../fonts/Montserrat-Regular.eot?#iefix") format("embedded-opentype"), url("../../fonts/Montserrat-Regular.otf") format("opentype"), url("../../fonts/Montserrat-Regular.woff") format("woff"), url("../../fonts/Montserrat-Regular.ttf") format("truetype"), url("../../fonts/Montserrat-Regular.svg#Montserrat-Regular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Montserrat-Medium';
  src: url("../../fonts/Montserrat-Medium.eot?#iefix") format("embedded-opentype"), url("../../fonts/Montserrat-Medium.otf") format("opentype"), url("../../fonts/Montserrat-Medium.woff") format("woff"), url("../../fonts/Montserrat-Medium.ttf") format("truetype"), url("../../fonts/Montserrat-Medium.svg#Montserrat-Medium") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Montserrat-Bold';
  src: url("../../fonts/Montserrat-Bold.eot?#iefix") format("embedded-opentype"), url("../../fonts/Montserrat-Bold.otf") format("opentype"), url("../../fonts/Montserrat-Bold.woff") format("woff"), url("../../fonts/Montserrat-Bold.ttf") format("truetype"), url("../../fonts/Montserrat-Bold.svg#Montserrat-Bold") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Montserrat-Semibold';
  src: url("../../fonts/Montserrat-SemiBold.eot?#iefix") format("embedded-opentype"), url("../../fonts/Montserrat-SemiBold.otf") format("opentype"), url("../../fonts/Montserrat-SemiBold.woff") format("woff"), url("../../fonts/Montserrat-SemiBold.ttf") format("truetype"), url("../../fonts/Montserrat-SemiBold.svg#Montserrat-SemiBold") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Montserrat-ExtraBold';
  src: url("../../fonts/Montserrat-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../../fonts/Montserrat-ExtraBold.otf") format("opentype"), url("../../fonts/Montserrat-ExtraBold.woff") format("woff"), url("../../fonts/Montserrat-ExtraBold.ttf") format("truetype"), url("../../fonts/Montserrat-ExtraBold.svg#Montserrat-ExtraBold") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Montserrat-Black';
  src: url("../../fonts/Montserrat-Black.eot?#iefix") format("embedded-opentype"), url("../../fonts/Montserrat-Black.otf") format("opentype"), url("../../fonts/Montserrat-Black.woff") format("woff"), url("../../fonts/Montserrat-Black.ttf") format("truetype"), url("../../fonts/Montserrat-Black.svg#Montserrat-Black") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'MyriadPro-Semibold';
  src: url("../../fonts/MyriadPro-Semibold.eot?#iefix") format("embedded-opentype"), url("../../fonts/MyriadPro-Semibold.otf") format("opentype"), url("../../fonts/MyriadPro-Semibold.woff") format("woff"), url("../../fonts/MyriadPro-Semibold.ttf") format("truetype"), url("../../fonts/MyriadPro-Semibold.svg#MyriadPro-Semibold") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'MyriadPro-Regular';
  src: url("../../fonts/MyriadPro-Regular.eot?#iefix") format("embedded-opentype"), url("../../fonts/MyriadPro-Regular.otf") format("opentype"), url("../../fonts/MyriadPro-Regular.woff") format("woff"), url("../../fonts/MyriadPro-Regular.ttf") format("truetype"), url("../../fonts/MyriadPro-Regular.svg#MyriadPro-Regular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'MyriadPro-Bold';
  src: url("../../fonts/MyriadPro-Bold.eot?#iefix") format("embedded-opentype"), url("../../fonts/MyriadPro-Bold.otf") format("opentype"), url("../../fonts/MyriadPro-Bold.woff") format("woff"), url("../../fonts/MyriadPro-Bold.ttf") format("truetype"), url("../../fonts/MyriadPro-Bold.svg#MyriadPro-Bold") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Segoe UI';
  src: url("../../fonts/Segoe UI.eot");
  src: url("../../fonts/Segoe UI.eot?#iefix") format("embedded-opentype"), url("../../fonts/Segoe UI.woff2") format("woff2"), url("../../fonts/Segoe UI.woff") format("woff"), url("../../fonts/Segoe UI.ttf") format("truetype"), url("../../fonts/Segoe UI.otf") format("opentype"), url("../../fonts/Segoe UI.svg#Segoe UI") format("svg"); }

@font-face {
  font-family: 'Segoe UI Light';
  src: url("../../fonts/Segoe UI Light.eot");
  src: url("../../fonts/Segoe UI Light.eot?#iefix") format("embedded-opentype"), url("../../fonts/Segoe UI Light.woff2") format("woff2"), url("../../fonts/Segoe UI Light.woff") format("woff"), url("../../fonts/Segoe UI Light.ttf") format("truetype"), url("../../fonts/Segoe UI Light.otf") format("opentype"), url("../../fonts/Segoe UI Light.svg#Segoe UI Light") format("svg"); }

@font-face {
  font-family: 'Segoe WP Light';
  src: url("../../fonts/Segoe WP Light.eot");
  src: url("../../fonts/Segoe WP Light.eot?#iefix") format("embedded-opentype"), url("../../fonts/Segoe WP Light.woff2") format("woff2"), url("../../fonts/Segoe WP Light.woff") format("woff"), url("../../fonts/Segoe WP Light.ttf") format("truetype"), url("../../fonts/Segoe WP Light.otf") format("opentype"), url("../../fonts/Segoe WP Light.svg#Segoe WP Light") format("svg"); }

@font-face {
  font-family: 'Calibri';
  src: url("../../fonts/Calibri.eot");
  src: url("../../fonts/Calibri.eot?#iefix") format("embedded-opentype"), url("../../fonts/Calibri.woff2") format("woff2"), url("../../fonts/Calibri.woff") format("woff"), url("../../fonts/Calibri.ttf") format("truetype"), url("../../fonts/Calibri.otf") format("opentype"), url("../../fonts/Calibri.svg#Calibri") format("svg"); }

@media (min-width: 1200px) {
  .dashboard .container {
    max-width: 1900px;
    width: auto; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .dashboard .container {
    width: auto; } }

@media (min-width: 768px) and (max-width: 991px) {
  .dashboard .container {
    max-width: 900px;
    width: 98%; } }

.btn {
  font-family: "Quicksand-Medium";
  transition: all 0.3s ease 0s; }

.btn-login {
  position: relative;
  background: #009EE0;
  background-image: linear-gradient(to bottom, #009de0 0%, #28323e 100%);
  background-position: 0 100%;
  background-size: cover;
  transition: all .3s ease-in; }

.btn-login:hover {
  background-position: 0 0; }

/*=========================preset==============================*/
.row {
  margin: 20px 0; }

.mtb-0 {
  margin-top: 0px !important;
  margin-bottom: 0px !important; }

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

.mb-5 {
  margin-bottom: 5px; }

.mb-10 {
  margin-bottom: 10px; }

.mb-15 {
  margin-bottom: 15px; }

.mt-20 {
  margin-top: 20px !important; }

.mb-20 {
  margin-bottom: 20px !important; }

.mb-30 {
  margin-bottom: 30px; }

.mt-40 {
  margin-top: 40px !important; }

.mb-40 {
  margin-bottom: 40px !important; }

.mt-50 {
  margin-top: 50px !important; }

.mb-50 {
  margin-bottom: 50px !important; }

.mb-70 {
  margin-bottom: 70px !important; }

.mb-100 {
  margin-bottom: 100px !important; }

.mb-150 {
  margin-bottom: 150px !important; }

.mb-200 {
  margin-bottom: 200px !important; }

.mt--50 {
  margin-top: -50px !important; }

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

.mt-5 {
  margin-top: 5px !important; }

.mt-10 {
  margin-top: 10px !important; }

.mt-15 {
  margin-top: 15px !important; }

.mt-30 {
  margin-top: 30px !important; }

.mt-50 {
  margin-top: 50px !important; }

.mt-100 {
  margin-top: 100px !important; }

.mt-200 {
  margin-top: 200px !important; }

.pb-0 {
  padding-bottom: 0px !important; }

.pb-60 {
  padding-bottom: 60px !important; }

.pb-100 {
  padding-bottom: 60px !important; }

.pt-0 {
  padding-top: 0px !important; }

.pl-0 {
  padding-left: 0px !important; }

.pl-45 {
  padding-left: 45px !important; }

.pr-0 {
  padding-right: 0px !important; }

.pl-15 {
  padding-left: 15px !important; }

.pr-15 {
  padding-right: 15px !important; }

.pl-45 {
  padding-left: 45px !important; }

.pr-45 {
  padding-right: 45px !important; }

@media (min-width: 768px) {
  .pl-sm-45 {
    padding-left: 45px !important; } }

@media (min-width: 768px) {
  .pr-sm-45 {
    padding-right: 45px !important; } }

.plr-20 {
  padding-left: 20px;
  padding-right: 20px; }

.m-lr-15 {
  margin-left: 15px;
  margin-right: 15px; }

.color-333 {
  color: #333 !important; }

.pb-0 {
  padding-bottom: 0px; }

.p-0 {
  padding: 0px; }

.size10 {
  font-size: 10px; }

.size11 {
  font-size: 11px; }

.size12 {
  font-size: 12px; }

.size13 {
  font-size: 13px; }

.size14 {
  font-size: 14px; }

.size17 {
  font-size: 17px; }

.bg-gray {
  background-color: #F8F8F8; }

.btn-lg-pad {
  padding: 12px 50px; }

.noradius, .form-control {
  border-radius: 0px !important; }

.no-border {
  border: 0px !important; }

.form-control {
  box-shadow: none; }

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

.color-theme {
  color: #aa0b57 !important; }

.color-blue {
  color: #009EE0 !important; }

.red, .errormessage {
  color: red; }

.errormessage {
  font-size: 14px;
  white-space: nowrap; }

.color-fff {
  color: #fff; }

.link-megenta, .link-megenta:hover, .link-megenta:focus {
  color: #aa0b57 !important; }

.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "Montserrat-ExtraLight"; }

.tooltip > .tooltip-inner {
  background-color: #aa0b57;
  font-size: 14px;
  font-family: "Quicksand-Regular"; }

.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #aa0b57; }

.tooltip.right .tooltip-arrow {
  border-right-color: #aa0b57; }

.tooltip.left .tooltip-arrow {
  border-left-color: #aa0b57; }

.tooltip.top .tooltip-arrow {
  border-top-color: #aa0b57; }

.modal {
  padding-left: 0px !important; }

.d-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important; }

.align-items-center {
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important; }

.bootbox-confirm .modal-dialog {
  margin-top: 80px; }

.modal-center {
  text-align: center;
  padding: 0 !important; }
  .modal-center:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px; }
  .modal-center .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle; }
  @media (max-width: 767px) {
    .modal-center:before {
      display: initial;
      margin-right: 0px; }
    .modal-center .modal-dialog {
      display: block; } }
  .modal-center label {
    font-size: 13px; }

.modal-center-mobile {
  display: table;
  height: 100%;
  width: 100%;
  visibility: hidden;
  opacity: 0; }
  .modal-center-mobile.in {
    visibility: visible;
    opacity: 1; }
  .modal-center-mobile .modal-dialog {
    display: table-cell;
    padding: 10px 10px 10px 10px;
    vertical-align: middle;
    margin: 0px; }
    .modal-center-mobile .modal-dialog .modal-content {
      width: inherit;
      height: inherit;
      margin: 0 auto; }

.common-modal .modal-header {
  position: relative; }
  .common-modal .modal-header .close,
  .common-modal .modal-header .clos {
    position: absolute;
    right: -10px;
    top: -5px;
    margin-top: 0px;
    opacity: 1; }
    .common-modal .modal-header .close:hover,
    .common-modal .modal-header .clos:hover {
      opacity: 1; }
  .common-modal .modal-header h5 {
    text-align: center;
    font-size: 23px;
    margin-top: 0;
    margin-bottom: 0; }

@media (max-width: 767px) {
  .common-modal .modal-header {
    padding: 7px 15px; } }

.common-modal .help-block_container .img {
  width: 80px;
  height: 70px;
  margin-right: 20px;
  background-image: url("../images/mous-move-black-lined.svg");
  background-size: contain;
  background-repeat: no-repeat;
  float: right; }

.common-modal .help-block_container .col-sm-6:nth-of-type(1) .img {
  margin-right: 0; }

.common-modal .help-block_container .col-sm-6:nth-of-type(2) .img {
  background-image: url("../images/mous-scroll-black_lined.svg");
  float: right; }

.common-modal .help-list {
  max-width: 370px;
  margin: 0 auto; }
  .common-modal .help-list ul {
    padding-left: 0; }
  .common-modal .help-list li {
    flex-direction: column;
    flex: 1 0 auto;
    list-style: none;
    text-align: center; }
    .common-modal .help-list li .img {
      width: 40px;
      height: 40px;
      border-radius: 50%;
      margin: 0 auto 10px;
      background-size: contain !important; }
      .common-modal .help-list li .img-circle {
        background: url("../images/small_circle01.png") no-repeat; }
      .common-modal .help-list li .img-audio {
        background: url("../images/hotspotsaudio_icon.svg") no-repeat; }
      .common-modal .help-list li .img-picture {
        background: url("../images/hotspotspicture_icon.svg") no-repeat; }
      .common-modal .help-list li .img-info {
        background: url("../images/hotspotsinfo_icon.svg") no-repeat; }

.common-modal .help-icons {
  max-width: 400px;
  margin: 0 auto;
  padding: 0; }
  .common-modal .help-icons li {
    flex-direction: column;
    flex: 1 0 75px;
    list-style: none;
    text-align: center; }
    .common-modal .help-icons li .background {
      background-color: #2d2d2c;
      width: 40px;
      height: 40px;
      border-radius: 50%;
      position: relative;
      z-index: 1;
      margin: 0 auto; }
    .common-modal .help-icons li .img {
      width: 40px;
      position: absolute;
      left: 0;
      top: 0;
      z-index: 2;
      height: 40px;
      background-image: url("../images/tourdesigns/viewer-icon-simple_white_filed.svg");
      background-repeat: no-repeat;
      -webkit-transform: scale(0.7);
      -ms-transform: scale(0.7);
      transform: scale(0.7); }
      .common-modal .help-icons li .img-info {
        background-position: -72px 0; }
      .common-modal .help-icons li .img-pos {
        background-position: -152px 0; }
      .common-modal .help-icons li .img-pdf {
        background-position: -236px 0; }
      .common-modal .help-icons li .img-person {
        background-position: 2px 0; }
    .common-modal .help-icons li span {
      margin-top: 10px; }

#help-modal .common-modal.modal-dialog {
  max-width: 520px;
  position: absolute;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important; }
  #help-modal .common-modal.modal-dialog .modal-header .close {
    position: absolute;
    right: 4px;
    top: 4px;
    z-index: 1;
    width: 20px; }

#help-modal .common-modal .modal-body {
  height: 380px;
  overflow-y: auto; }

body.link_modal_open .modal-backdrop.in {
  opacity: 0.9; }

.mCSB_dragger_bar {
  background-color: #aa0b57 !important; }

.bootstrap-select.btn-group .dropdown-menu li a {
  padding: 4px 11px; }

.bootstrap-select .dropdown-toggle {
  font-family: "Quicksand-Regular"; }
  .bootstrap-select .dropdown-toggle:focus {
    outline: none !important; }

.btn-ttc {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 0px; }

.alert {
  border-width: 0 0 0 3px;
  border-style: solid;
  border-color: transparent;
  padding: 5px 15px;
  border-radius: 0px;
  overflow-wrap: break-word; }
  .alert.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #A94442; }
  .alert.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #59935A; }
  .alert.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #4C8BAA; }
  .alert.alert-warning {
    background-color: #F6F2DD;
    border-color: #AF9260;
    color: #8A6D3B; }

@-webkit-viewport {
  width: device-width; }

@-moz-viewport {
  width: device-width; }

@-ms-viewport {
  width: device-width; }

@-o-viewport {
  width: device-width; }

@viewport {
  width: device-width; }

.btn:focus, .btn.active, input:focus, input:hover, button:focus, button:hover, .selectpicker:focus, a:focus, .btn:active:focus {
  outline: none;
  -moz-outline: none;
  -webkit-outline: none;
  -ms-outline: none;
  -o-outline: none; }

.btn, a {
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s; }

body {
  font-family: "Quicksand-Regular";
  font-size: 15px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  @media (max-width: 767px) {
    body {
      font-size: 14px; } }

html, body {
  min-height: 100%; }

.error-page .error_msg {
  color: #fff;
  padding: 30px 50px;
  border-radius: 4px;
  border: none;
  margin: 12em auto 0;
  text-align: center;
  background: #AA0B57;
  font-family: "Quicksand-Medium";
  font-size: 22px; }
  @media (min-width: 992px) and (max-width: 1199px) {
    .error-page .error_msg {
      margin-top: 9em; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .error-page .error_msg {
      margin-top: 12em; } }
  @media (max-width: 767px) {
    .error-page .error_msg {
      margin-top: 6em;
      padding: 20px;
      font-size: 20px; } }

.modal3d-effect.modal {
  -webkit-perspective: 1300px;
  -moz-perspective: 1300px;
  perspective: 1300px; }

.modal3d-effect .modal-dialog {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: rotateX(-60deg);
  -moz-transform: rotateX(-60deg);
  -ms-transform: rotateX(-60deg);
  transform: rotateX(-60deg);
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s; }

.modal3d-effect.in .modal-dialog {
  visibility: visible; }

.bootbox-alert .modal-dialog .modal-footer .btn {
  letter-spacing: 2px; }

.h-100 {
  height: 100% !important; }

.carousel.carousel-big {
  width: 100%;
  max-width: 1200px;
  margin: auto; }

.carousel.carousel-tour .carousel-inner {
  position: relative;
  z-index: 1; }
  .carousel.carousel-tour .carousel-inner .btn-playtour {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 54%;
    text-align: center;
    z-index: 5; }
    .carousel.carousel-tour .carousel-inner .btn-playtour img {
      width: 100%;
      height: 100%;
      left: 0;
      right: 0;
      margin: 0 auto;
      z-index: 3; }
  .carousel.carousel-tour .carousel-inner:hover {
    background: rgba(0, 0, 0, 0.5); }
  .carousel.carousel-tour .carousel-inner figure {
    z-index: 4; }
    .carousel.carousel-tour .carousel-inner figure:after {
      content: '';
      background: url(/images/virtuelle-tourvorschau-icon.svg);
      background-repeat: no-repeat;
      width: 250px;
      height: 163px;
      position: absolute;
      left: 0;
      right: 0;
      margin: auto;
      z-index: 5;
      top: 0; }
      @media (max-width: 768px) {
        .carousel.carousel-tour .carousel-inner figure:after {
          width: 140px; } }
      @media (min-width: 992px) {
        .carousel.carousel-tour .carousel-inner figure:after {
          top: 10%; } }
    .carousel.carousel-tour .carousel-inner figure figcaption {
      position: absolute;
      text-align: center;
      left: 0;
      right: 0;
      bottom: 5%;
      z-index: 2;
      color: #28323e;
      background: rgba(255, 255, 255, 0.8);
      box-shadow: 0 0 5px black;
      padding: 5px 20px; }

.carousel.carousel-tour .carousel-control {
  opacity: 1; }
  .carousel.carousel-tour .carousel-control .glyphicon {
    padding: 5px 5px;
    height: 50px;
    opacity: 1;
    vertical-align: middle;
    background-color: white;
    background-image: none;
    width: 50px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
    max-height: 80px;
    border-radius: 50%; }
    .carousel.carousel-tour .carousel-control .glyphicon.glyphicon-chevron-left {
      left: 0; }
      .carousel.carousel-tour .carousel-control .glyphicon.glyphicon-chevron-left:hover {
        left: -15px; }
    .carousel.carousel-tour .carousel-control .glyphicon.glyphicon-chevron-right {
      right: 0; }
      .carousel.carousel-tour .carousel-control .glyphicon.glyphicon-chevron-right:hover {
        right: -15px; }
    .carousel.carousel-tour .carousel-control .glyphicon:before {
      color: #009ee0;
      font-size: 20px; }
      @media (max-width: 768px) {
        .carousel.carousel-tour .carousel-control .glyphicon:before {
          line-height: 40px; } }

.carousel.carousel-tour .carousel-indicators {
  bottom: -50px; }

.carousel.carousel-tour .carousel-title {
  position: absolute;
  background: #009EE0;
  z-index: 1;
  height: 30px;
  top: 19px;
  line-height: 15px;
  padding: 10px; }