@-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; }

.slider-tablet {
  background-image: url(../images/tablet-1593045.svg);
  background-repeat: no-repeat;
  background-size: cover;
  height: 390px;
  position: relative;
  margin: auto;
  width: 580px; }
  .slider-tablet .carousel {
    width: 83%;
    top: 13.1%;
    left: 9%;
    position: absolute; }
  .slider-tablet .item {
    height: 100%; }
  .slider-tablet iframe {
    height: 307px;
    width: 100%;
    border: none; }
  @media (max-width: 400px) {
    .slider-tablet {
      height: 168px;
      width: 242px; }
      .slider-tablet iframe {
        height: 112px; }
      .slider-tablet .carousel {
        width: 83%;
        top: 6.1%;
        left: 9%; } }
  @media (min-width: 401px) and (max-width: 850px) {
    .slider-tablet {
      height: 216px;
      width: 325px; }
      .slider-tablet .carousel {
        top: 9.1%; } }
  @media (min-width: 850px) and (max-width: 992px) {
    .slider-tablet {
      height: 301px !important;
      width: 438px !important; } }
  @media (max-width: 992px) {
    .slider-tablet {
      margin: auto;
      margin-bottom: 50px; } }