@import url("bootstrap/bootstrap.css");
@import url("bootstrap/datepicker.css");

@font-face {
  font-family: 'Exo';
  font-style: normal;
  font-weight: 700;
  src: local('Exo Bold'), local('Exo-Bold'), url(fonts/Exo2-Bold.woff) format('woff');
} 
@font-face {
  font-family: 'Exo';
  font-style: normal;
  font-weight: 400;
  src: local('Exo Regular'), local('Exo-Regular'), url(fonts/Exo2-Regular.woff) format('woff');
} 
@font-face {
  font-family: 'Fontawesome';
  font-style: normal;
  font-weight: 400;
  src: local('Fontawesome'), url(fonts/fontawesome-webfont.woff) format('woff');
} 
@font-face {
  font-family: 'Simple Line Icons';
  font-style: normal;
  font-weight: 400;
  src: local('Simple Line Icons'), local('SimpleLineIcons'), url(fonts/simple-line-icons.woff) format('woff');
}



body{
  font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
  font-size:16px;
  line-height:30px;
  background-color:#ECECEC;
}

a{
  color:#000;
}
a:hover{
  text-decoration:none;
  color:#ED9C35;
}


p{
  padding:0px;
  margin:0px;
}

h1, h2, h3, h4{
  font-family: 'Exo';
  font-weight: 700;
}

.headline{
  font-family: 'Exo';
  font-weight: 700;
  font-size:60px;
  line-height:70px;
  color:#fff;
}
.headline-black{
  font-family: 'Exo';
  font-weight: 700;
  font-size:60px;
  line-height:70px;
  color:#000;
}
h1{
  font-size:48px;
  line-height:56px;
}
h2{
  font-size:32px;
  line-height:36px;
}
h3{
  font-size:24px;
  line-height:28px;
}
h4{
  font-size:16px;
  line-height:28px;
}
.large{
  font-family: Georgia, Times, "Times New Roman", serif;
  font-size:19px;
  line-height:30px;
  font-style:italic;
}
.uppercase{
  text-transform:uppercase;
  font-size:13px;
  line-height:15px;
  letter-spacing:2px;
}
.uppercasesm{
  font-weight:700;
  text-transform:uppercase;
  font-size:12px;
  line-height:14px;
	background: linear-gradient(90deg, #137FE8 0%, #08B0CD 100%);
  border-radius:3px;
  color:white;
  padding:5px;
}
.uppercasexs{
  text-transform:uppercase;
  font-size:10px;
  line-height:11px;
  letter-spacing:2px;
 	background-color: #13BD50;
  border-radius:3px;
  color:white;
  padding:5px;
}
.uppercasexxs{
  text-transform:uppercase;
  font-size:9px;
  line-height:13px;
}
.green{
  color:#13BD50;
}
.red{
  color:#DA322A;
}


@media (max-width: 767px){
body{
  font-size:14px;
  line-height:24px;
}

.headline{
  font-size:32px;
  line-height:40px;
}
.headline-black{
  font-size:32px;
  line-height:40px;
}
h1{
  font-size:32px;
  line-height:40px;
}
h2{
  font-size:24px;
  line-height:32px;
}
h3{
  font-size:20px;
  line-height:28px;
}
h4{
  font-size:14px;
  line-height:28px;
}

.large{
  font-size:14px;
  line-height:24px;
}
.uppercase{
  font-size:13px;
  line-height:15px;
}
.uppercasesm{
  font-size:10px;
  line-height:11px;
}

}




.pointer{
  cursor:pointer;
}
.nomargins{
	margin:0px;
}
.nopaddings{
  padding:0px;
}
.bottommargin{
	margin-bottom: 30px;
}
.topmargin{
	margin-top: 30px;
}
.rightmargin{
	margin-right: 30px;
}
.leftmargin{
	margin-left: 30px;
}
.bottommarginsmall{
	margin-bottom: 15px;
}
.topmarginsmall{
	margin-top: 15px;
}
.rightmarginsmall{
	margin-right: 15px;
}
.leftmarginsmall{
	margin-left: 15px;
}
.bottommarginlarge{
	margin-bottom: 60px;
}
.nooverflow{
  overflow:hidden;
}
.whitebg{
  background-color:#fff;
}
.burgbg{
  background-color:#fff;
}

.shadow{
	box-shadow: 0 2px 24px 0 rgba(0,0,0,0.09);
}


@media only screen and (min-width : 768px) {
    .flex-row {
        display: flex;
        flex-wrap: wrap;
    }
    .flex-row > [class*='col-'] {
//        display: flex;
        flex-direction: column;
    }
    .flex-row.row:after, 
    .flex-row.row:before {
        display: flex;
    }
}

.flexBox {
  display:flex;
  flex-wrap:wrap;
}




/*Modifikace Bootstrapu*/
.navbar{
  height:80px;
  background-color:#fff;
  border:none;
  font-family: 'Exo';
  font-weight:700;
  border-radius:0px;
  margin-bottom:0px;
}
.navbar-right{
  border-right:1px solid #E0E0E0;
  margin-right:-30px;
}
.navbar .dropdown{
  font-weight:400;
  font-size:14px;
  border-left:1px solid #E0E0E0;
}
.navbar-right .dropdown-menu{
  top:32px;
  border-radius:0px;
  border:none;
  right:30px;
  box-shadow: 0 12px 16px 0 rgba(193,193,193,0.5), 0 13px 25px 0 rgba(0,0,0,0.07), 0 7px 21px 0 rgba(0,0,0,0.1);
}
.navbar-right .dropdown-menu span{
  color:#ED9C35;
  float:right;
}

.navbar-right .dropdown-menu > li > a {
    padding-top: 8px;
    padding-bottom: 8px;
}
.navbar-right .dropdown-menu > li > a:hover, .navbar-right .dropdown-menu > li > a:focus{
  color:#ED9C35;
  background-color:transparent;
}

.navbar-nav > li > a{
  padding-top:30px;
  padding-bottom:30px;
}
.navbar-default .navbar-nav > li > a{
  color:#000;
  margin-right:15px;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{
  color:#ED9C35;
}
.navbar-default .navbar-nav .dropdown > a{
  margin-right:0px;
}
.navbar-default .navbar-nav .dropdown > a:hover{
  color:#ED9C35;
 	border: 2px solid #ED9C35;
  padding-top:28px;
  padding-bottom:28px;
  padding-left:13px;
  padding-right:13px;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{
  color:#888;
  background-color:transparent;
	border-bottom: 4px solid;
  border-top:0px;
  border-left:0px;
  border-right:0px;
  border-image: linear-gradient(270deg, #ED9C35 0%, #DA322A 100%);
  border-image-slice: 1;
  padding-bottom:26px;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{
  background-color:transparent;
  color:#888;
}
.navbar-collapse{
  background-color:#fff;
  height:100%;
}

.navbar-toggle .icon-bar{
  margin-left:7px;
}
.navbar-default .navbar-toggle {
    border: none;
    padding: 0px;
    margin: 0px;
    height: 80px;
    border-left: 1px solid #E0E0E0;
    border-radius: 0px;
    padding-left: 25px;
    padding-top: 12px;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
  background-color:transparent;
}


.btn-lg{
  font-size:16px;
  font-family: 'Exo';
  font-weight:700;
}

.btn-primary{
  padding-left:50px;
  padding-right:50px;
  padding-top:18px;
  padding-bottom:18px;
	border: 2px solid rgba(255,255,255,0.3);
	border-radius: 3px;
	background: linear-gradient(90deg, #ED9C35 0%, #DA322A 100%);
  color:#fff;
}
.btn-primary:hover{
	border: 2px solid #C3241C;
	box-shadow: 0 4px 8px 0 rgba(184,139,136,0.5);
  color:#fff;
}
.btn-primary:active, .btn-primary.active{
	background-color: rgba(0,0,0,0.08);
	background: linear-gradient(90deg, #ED9C35 0%, #DA322A 100%);
	box-shadow: inset 0 3px 6px 0 rgba(0,0,0,0.2), 0 4px 8px 0 rgba(184,139,136,0.5);
	border: 2px solid #C3241C;
  color:#fff;
}
.btn-primary:focus, .btn-primary.focus{
  color:#fff;
  outline:0;
}

.btn-info{
  padding-left:50px;
  padding-right:50px;
  padding-top:18px;
  padding-bottom:18px;
	border: 2px solid rgba(255,255,255,0.3);
	border-radius: 3px;
	background:transparent;
  color:#fff;
}
.btn-info:hover, .btn-info:focus{
	border: 2px solid #ED9C35;
  background-color: rgba(237,156,53,0.3);
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.08);
  color:#fff;
}
.btn-info:active, .btn-info.active{
	background-color: rgba(237,156,53,0.3);
	box-shadow: inset 0 4px 6px 0 rgba(0,0,0,0.5), 0 4px 8px 0 rgba(0,0,0,0.08);
	border: 2px solid #ED9C35;
  color:#ED9C35;
}
.btn-info:focus, .btn-info.focus{
  color:#fff;
}

.form-control{
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding:0px;
    font-size:16px;
    color:#000;
}
.form-control:focus {
    border-color: transparent;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.form-group {
  border: 1px solid #B1B1B1;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);
  padding:15px;
  padding-top:5px;
  padding-bottom:5px;
    margin-bottom:30px;
}
.form-group.bookerror{
	border: 1px solid #DA322A;
	box-shadow: 0 4px 8px 0 rgba(218,50,42,0.1);
 margin-bottom:0px;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #fff;
    opacity: 1;
}

label {
    display: block;
    margin-bottom: 0px; 
    margin-top: -20px;
    text-align:left;
    background-color:#fff;
    width:fit-content;
    padding-left:6px;
    padding-right:6px;
    font-weight:normal;
    text-transform:uppercase;
    font-size:12px;
}
.form-group.bookerror label{
  color:#DA322A;
}

.error-message{
  background-color:#DA322A;
  color:#fff;
  text-transform:uppercase;
  font-size:12px;
  margin-bottom:30px;
  text-align: left;
  padding-left: 24px;
  width: fit-content;
  padding-right:24px;
  letter-spacing:1px;
}

.input-group{
  width:100%;
}
.input-group-addon {
    padding: 0px 9px;
    font-size: 17px;
    color: #333;
    text-align: center;
    background-color: #F2F2F2;
    border-radius:50%;
    border: none;
    font-family: 'Simple Line Icons';
    cursor:pointer;
}    
.input-group-addon:last-child{
    border-radius:50%;
}
.input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child){
    border-radius:50%;
}

@media (max-width: 767px){
.navbar-right{
  border-right:0px solid #E0E0E0;
  margin-right:-15px;
}
.navbar-nav > li > a{
  padding-top:25px;
  padding-bottom:25px;
}
.navbar-default .navbar-nav > li > a{
  margin-right:0px;
}
.navbar-default .navbar-nav .dropdown >a{
  border-top:1px solid #E0E0E0; 
  border-bottom:1px solid #E0E0E0; 
}
.droplang{
  border-right:1px solid #E0E0E0; 
}
.navbar-default .navbar-nav .dropdown > a:hover{
  padding-top:24px;
  padding-bottom:24px;
}
.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header{
    padding-top: 8px;
    padding-bottom: 8px;
}
.navbar-nav .open .dropdown-menu {
    position: absolute;
    left:10px;
}    
.navbar-collapse.in {
    overflow: hidden;
}    
.navbar-collapse.collapsing {
}
.container > .navbar-collapse, .container-fluid > .navbar-collapse {
    margin-right: -45px;
    margin-left: -45px;
    height:calc(100vh - 80px);
    z-index: 99999;
    position: absolute;
    width: 100vw;
}

.navbar .dropdown{
  width:50%;
  float:left;
}

.navbar-nav .open .dropdown-menu {
  border:0px;
  box-shadow: 0 12px 16px 0 rgba(193,193,193,0.5), 0 13px 25px 0 rgba(0,0,0,0.07), 0 7px 21px 0 rgba(0,0,0,0.1);
  background-color:#fff;
}

}


.modal-backdrop{
  z-index:0;
}
.modal-backdrop.in {
  opacity: .8;
}    
.modal-body{
  background-color:#ECECEC;
  padding:0px;
}
.modal-content {
    border-radius: 0px;
	box-shadow: 0 12px 14px 0 rgba(0,0,0,0.5);
}
.modal-footer{
  position:relative;
}
.modal-footer .close{
  position:absolute;
  top:8px;
  right:8px;
  cursor:pointer;
  z-index:100;
  font-size:24px;
}
.modal-title{
  line-height:1;
}
/*Konex modifikace Bootstrapu*/



.toplogo{
  height:36px;
}

@media (max-width: 767px){
.toplogo{
  height:30px;
}
}

.langsel{
  color:#ED9C35;
  font-size:18px;
  margin-right:8px;
  display:block;
  float:left;
}



.maintitle{
  background-image: url('images/design/panorama-gray.svg'), url('images/design/overlay.png'), url('images/design/index-image2.jpg');
  background-size: auto 312px, 100% 750px, auto 750px;
  background-repeat:no-repeat;
  background-position: center 440px, center top, center top;
}
.maintitle h1{
  width:610px;
  padding-top:100px;
  margin-bottom:110px;
}

.maintitle .cruise a{
  padding:10px;
  background-color: rgba(0,0,0,0.5);
  border-radius:8px;
  color:#fff;
  letter-spacing:1px;
  display:inline-block;
  margin-bottom:38px;
}
.maintitle .cruise a:hover{
  background: linear-gradient(90deg, #ED9C35 0%, #DA322A 100%);
  border: 2px solid #C3241C;
  padding:8px;
}

.maintitle .cruise a img{
  padding-left:8px;
  padding-right:8px;
}

.maintitle .cruise a .uppercasesm{
  letter-spacing:0px;
}


.maintitle .perex{
  text-align:center;
  margin-top:110px;
}
.maintitle .warning{
  background-color:#fff;
  padding-bottom:30px;
}
.maintitle .warning h2{
  color:#DA322A;
}
.maintitle .warning p{
  margin-bottom:12px;
}


@media (max-width: 767px){
.maintitle{
  background-size: auto 110px, 100% 400px, auto 400px;
  background-position: center 330px, center top, center top;
}
.maintitle h1{
  width:300px;
  padding-top:20px;
}
.maintitle a img{
  padding-left:4px;
  padding-right:4px;
}
.maintitle a{
  margin-bottom:24px;
  font-size:12px;
  padding:5px;
}
.maintitle .perex{
  margin-top:70px;
}

}


.outlet{
  text-align:center;
  margin-top:50px;
}
.outlet p{
  background-color:#fff;
  padding:15px;
  height:100%;
}

.airport{
  text-align:center;
  margin-top:30px;
}
.airport small{
  display:block;
  margin-top:15px;
}


.routetitle{
  background-image: url('images/design/routesbg3.jpg');
  min-height:480px;
  background-position: center calc(0% - 60px);
  background-size:auto 540px;
  background-repeat:no-repeat;
  padding-top:100px;
}
@media (max-width: 767px){
.routetitle{
  padding-top:30px;
  min-height:340px;
  background-position: calc(50% - 70px) calc(0% - 15px);
  background-size:auto 310px;
}
}


.routesbar{
  margin-top:-83px;
  margin-bottom:50px;
}

.routesbar .routebar{
  text-align:center;
  background-color:#fff;
 	box-shadow: inset 0 3px 3px 0 rgba(0,0,0,0.5);
  margin-left:15px;
  margin-right:15px;
  width:calc(25% - 30px);
  text-transform:uppercase;
}
.routesbar .routebar.active{
	background-color: #ECECEC;
} 

.routesbar .routebar a{
  padding-top:18px;
  padding-bottom:5px;
  font-weight:700;
  line-height:21px;
  color:#000;
  display:block;
}
.routesbar .routebar a span{
  display:block;
  letter-spacing:2px;
  line-height:40px;
  font-size:12px;
  font-weight:400;
}
.routesbar .routebar.green a span{
  color:#13BD50;
}
.routesbar .routebar.red a span{
  color:#DA322A;
}
.routesbar .routebar.yellow a span{
  color:#ffcc00;
}
.routesbar .routebar.blue a span{
  color:#1E6CD7;
}

@media (max-width: 767px){
.routesbar{
  margin-bottom:30px;
}
.routesbar .routebar{
  width:100%;
  margin-left:0px;
  margin-right:0px;
 	box-shadow: none;
  text-align:left;
  border-bottom: 1px solid #D4D4D4;
}
.routesbar .routebar a{
  padding-top:24px;
  padding-bottom:24px;
}
.routesbar .routebar a span{
  display:inline-block;
  float:right;
  line-height:21px;
}
}

.routedesc h2{
  margin-top:0px;

}

.routeinfo{
  margin-bottom:100px;
  border-bottom: 1px solid #D4D4D4;
  border-top: 1px solid #D4D4D4;
  padding-top:30px;
  padding-bottom:30px;
  margin-top:30px;
}
.routeinfo p{
  line-height:40px;
}
.routeinfo p span, .routeinfo a{
  display:block;
  text-transform:none;
  font-size:16px;
  font-weight:700;
  line-height:36px;
  letter-spacing:0px;
}
.routeinfo a{
  opacity:0.6;
}
.routeinfo a span{
  display:inline-block;
  font-family: 'Fontawesome';
  font-size:20px;
  margin-right:8px;
  margin-top:-2px;
}
.routeinfo em{
  margin-left:8px;
  cursor:pointer;
}
.routeinfo .intervals{
  position:relative;
}
.routeinfo .intervals .timetable{
  background-color:#fff;
  text-align:right;
  padding:15px;
  position:absolute;
  box-shadow: 0 12px 16px 0 rgba(193,193,193,0.5), 0 13px 25px 0 rgba(0,0,0,0.07), 0 7px 21px 0 rgba(0,0,0,0.1);
  top:70px;
  right:180px;
  z-index:100;
  display:none;
  padding-top:8px;
}
.routeinfo .intervals strong{
  font-family: 'Simple Line Icons';
  font-size:24px;
  line-height:24px;
  margin-right:-8px;
  opacity:0.2;
  cursor:pointer;
}
.routeinfo .intervals .timetable h3{
  white-space:nowrap;
  margin-top:0px;
}
.routeinfo .intervals .timetable .content{
  column-count: 3;
}
.routeinfo .intervals .timetable .content p{
  line-height:22px;
}
@media (max-width: 767px){
you??fo{
  margin-bottom:0px;
}
.routeinfo p span, .routeinfo a{
  display:inline-block;
  float:right;
}
.routeinfo a span{
  margin-right:0px;
  margin-left:8px;
}
.routeinfo .intervals .timetable{
  top:34px;
  right:30px;
}

}

.stoplist{
  background-repeat:no-repeat;
  background-position: 33px 110px;
  background-size:4px 100%;
  margin-bottom:100px;
}

.abar.stoplist{
  background-image: url('images/design/pixel-green.png');
}
.cbar.stoplist{
  background-image: url('images/design/pixel-red.png');
}
.dbar.stoplist{
  background-image: url('images/design/pixel-blue.png');
}

.stoplist .stopnumber{
  width:36px;
  height:36px;
  border-radius:50%;
  background-color:#fff;
  text-align:center;
  vertical-align:middle;
  margin-top:15px;
  padding-top:11px;
  position: relative;
  margin-left:2px;
  font-size:16px;
  font-weight:700;
  line-height:16px;
}
.stoplist .stopnumber::before {
  border-radius: 100%;
  width: 44px;
  height:44px;
  content: '';
  top: -4px;
  left: -4px;
  position:absolute;
  z-index:-1;
}
.stoplist .iconac .stopnumber::before {
  background-image: linear-gradient(45deg, #13bd50 0%, #DA322A 100%);
}
.stoplist .iconacb .stopnumber::before {
  background-image: linear-gradient(45deg, #13bd50 0%, #FFCC00 33%, #DA322A 100%);
}
.stoplist .icona .stopnumber::before {
  background-image: linear-gradient(45deg, #13bd50 0%, #13bd50 100%);
}
.stoplist .iconc .stopnumber::before {
  background-image: linear-gradient(45deg, #DA322A 0%, #DA322A 100%);
}
.stoplist .iconb .stopnumber::before {
  background-image: linear-gradient(45deg, #FFCC00 0%, #FFCC00 100%);
}
.stoplist .icond .stopnumber::before {
  background-image: linear-gradient(45deg, #1E6CD7 0%, #1E6CD7 100%);
}

.stopdetail{
  box-shadow: inset 0 70px 0 0 #FFFFFF, 0 2px 24px 0 rgba(0,0,0,0.09);
  margin-bottom:30px;
  border: 1px solid #D4D4D4;
}
.stopdetail h3{
  text-decoration:underline;
  cursor:pointer;
}
.stopdetail h3:hover{
  text-decoration:none;
  color:#ED9C35;
}
.stopdetail .stopdeparture{
  position:relative;
}
.stopdetail .stopdeparture .timetable{
  position:absolute;
  display:block;
  box-shadow: 0 12px 16px 0 rgba(193,193,193,0.5), 0 13px 25px 0 rgba(0,0,0,0.07), 0 7px 21px 0 rgba(0,0,0,0.1);
  background-color:#fff;
  padding:15px;
  top:40px;
  left:20px;
  z-index:100;
  display:none;
  padding-top:8px;
  text-align:right;
}
.stopdetail .stopdeparture .timetable strong{
  font-family: 'Simple Line Icons';
  font-size:24px;
  line-height:24px;
  margin-right:-8px;
  opacity:0.2;
  cursor:pointer;
}
.stopdetail .stopdeparture .timetable h3{
  cursor:initial;
  text-decoration:none;
  white-space:nowrap;
  margin-top:0px;
}
.stopdetail .stopdeparture .timetable h3:hover{
  color:initial;
}
.stopdetail .stopdeparture .timetable .content{
  column-count: 3;
  text-align:right;
}
.stopdetail .stopdeparture .timetable .content p{
  line-height:22px;
}

.stopdetail img{
  width:26px;
  height:auto;
  display:inline-block;
  margin-left:-40px;
  float:left;
}

.stopdetail .departurepoint, .stopdetail .interests, .stopdetail .stoplook, .stopdetail .showmore{
  padding-left:60px;
  padding-top:15px;
  padding-bottom:15px;
}
.stopdetail .stoplook{
  padding-left:15px;
}
.stopdetail .stoplook a{
  opacity:0.8;
  cursor:pointer;
}
.stopdetail .stoplook a::before{
  content:"\e087";
  margin-right:8px;
  font-family: 'Simple Line Icons';
  font-size:24px;
  display:block;
  float:left;
  opacity:0.8;
}

.stopdetail .navigate{
}
.stopdetail .navigate a{
    padding: 5px;
    background-color: #ED9C35;
    border-radius: 8px;
    color: #fff;
    letter-spacing: 1px;
    display: inline-block;
    text-align: center;
    margin-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
}
.stopdetail .navigate a span{
  margin-right:8px;
  font-family: 'Simple Line Icons';
}




.stopdetail h3{
  margin-top:30px;
}
.stopdetail .bustime p{
  margin-top:30px;
  margin-bottom:30px;
  font-size:24px;
  font-weight:700;
  font-family: 'Exo';
}
.stopdetail .bustime p span{
  display:block;
  font-weight:400;
  margin-bottom:4px;
}

.stopdetail .departurepoint, .stopdetail .stoplook, .stopdetail .showmore{
  border-top: 1px solid #D4D4D4;
}

@media (max-width: 767px){
.stopdetail .stoplook, .stopdetail .showmore{
  padding-left:15px;
  padding-right:15px;
  text-align:center;
}

.stopdetail .showmore span{
  font-size:20px;
  opacity:0.8;
  
}
.stopdetail .showmore p{
  opacity:0.8;
  cursor:pointer;
  line-height:16px;
}

.stopdetail .stoplook a::before{
  margin-right:8px;
  float:none;
}
.stopdetail .stoplook{
  border-right: 1px solid #D4D4D4;
}
.stopdetail .interests{
  height:74px;
  overflow:hidden;
}
.stopdetail .navigate{
  padding-left:15px;
  padding-right:15px;
  text-align:center;
}

}



.stopdetail .deptime{
  display:inline-block;
  margin-right:12px;
}

.stopdetail .departures{
  text-decoration:none;
  cursor:auto;
}
.stopdetail h3:hover{
  text-decoration:none;
  color:inherit;
}



.map-desc{
  text-align:center;
  margin-bottom:45px;
}
.routes-map{
  height:700px;
  margin-bottom:90px;
}
@media (max-width: 767px){
.routes-map{
  height:400px;
  margin-bottom:30px;
}
}


.nearest-stop{
}
.nearest-stop{
    padding: 20px;
    background-color: #ED9C35;
    border:none;
    border-radius: 8px;
    color: #fff;
    letter-spacing: 1px;
    display: inline-block;
    text-align: center;
    margin-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
    margin-top:15px;
}
.nearest-stop span{
  margin-right:8px;
  font-family: 'Simple Line Icons';
}


.galleryinfo{
  text-align:left;
  margin-bottom:0px;
}

.galleryinfo .icona, .galleryinfo .iconc, .galleryinfo .icond{
  width:44px;
  height:44px;
  border-radius:50%;
  background-color:#fff;
  text-align:center;
  vertical-align:middle;
  padding-top:11px;
  position: relative;
  margin-left:2px;
  font-size:16px;
  font-weight:700;
  line-height:16px;
  margin-top:-4px;
}
.galleryinfo .icona{
  border:4px solid #13bd50; 
}
.galleryinfo .iconc{
  border:4px solid #DA322A; 
}
.galleryinfo .icond{
  border:4px solid #1E6CD7; 
}

.galleryinfo p{
  padding-right:20px;
  line-height:1.4;
}

.galleryinfo a{
  padding:5px;
  background-color: rgba(0,0,0,0.2);
  border-radius:8px;
  color:#fff;
  letter-spacing:1px;
  display:inline-block;
  text-align:center;
  margin-top:15px;
  padding-left:15px;
  padding-right:15px;
}
.galleryinfo a:hover{
  background: linear-gradient(90deg, #ED9C35 0%, #DA322A 100%);
  border: 2px solid #C3241C;
  padding:3px;
  padding-left:13px;
  padding-right:13px;
}
.galleryinfo a span{
    margin-right: 10px;
    font-family: 'Simple Line Icons';
    font-size: 20px;
    margin-top: 0px;
    display: block;
    float: left;
}


@media (max-width: 767px){
.galleryinfo p{
  padding-right:0px;
}
.galleryinfo h2{
  margin-top:8px;
  margin-bottom:15px;
}
}




.gradtitle{
  background-image: url('images/design/panorama-grad.svg');
  background-repeat:no-repeat;
  background-position: calc(50% - 130px) 113px;
}

@media (max-width: 767px){
.gradtitle{
  background-size:auto 160px;
  background-position: calc(50% + 45px) 75px;
}
}


.mainlogo{
  text-align: center;
  margin-top:120px;
  margin-bottom:60px;
}

.mainlogo img{
  width:400px;
}
.mainlogo h2{
  font-size:60px;
  margin-bottom:60px;
}


@media (max-width: 767px){
.mainlogo img{
  width:250px;
}
.mainlogo h2{
  font-size:40px;
  margin-bottom:40px;
}
}



.tickets-top{
  margin-top:63px;
  margin-bottom:75px;
}
.tickets-top h2{
  margin-top:95px;
}

.tickets .title{
  text-align:center;
  margin-bottom:40px;
  margin-top:80px;
}
.tickets .title h2{
  margin-bottom:30px;
}

.tickets .ticketscroll{
  overflow:hidden;
  position:relative;
  height:550px;
  width:100%;
}

.atickets .ticketscroll::-webkit-scrollbar-track
{
	background-color: transparent;
}

.atickets .ticketscroll::-webkit-scrollbar
{
  height: 0px;
	background-color: transparent;
}

.atickets .ticketscroll::-webkit-scrollbar-thumb
{
	background-color: #C9C9C9;
}



.tickets .ticketbar{
  white-space:nowrap;
  overflow-x: scroll;
  overflow-y:hidden;
  position:absolute;
  top:0px;
  left:0px;
  right:0px;
  bottom:-20px;
}

.tickets .glyphicon{
  font-size:32px;
  margin-top:30px;
  margin-left:30px;
  margin-right:30px;
  cursor:pointer;
}
.tickets .glyphicon:hover{
  color:#DA322A;
}

.tickets .ticketbox{
  width:360px;
  display:inline-block;
  margin-left:15px;
  margin-right:15px;       
}


.tickets .ticket{
  margin-bottom:30px;
}

.tickets .ticket .content{
  background-color:#fff;
  height:100%;
}

.tickets .ticket .content .freeboat{
	border-radius: 0 0 3px 3px;
	background: linear-gradient(90deg, #137FE8 0%, #08B0CD 100%);
  font-weight:700;
  text-transform:uppercase;
  font-size:12px;
  line-height:14px;
  color:#fff;
  display:inline-block;
  padding:5px;
  margin-left:30px;
  padding-left:15px;
  padding-right:15px;
}
.tickets .ticket .content .freeboat.inactive{
  background:none;
  background-color: #EBEBEB;
  color:#d0d0d0;
  visibility: hidden;
}
.tickets .ticket .content .freeboat p{
  margin:0px;
  padding:0px;
  display:inline-block;
  margin-top:4px;
  margin-right:12px;
}

.tickets .ticket .content .freeboat img{
  display:inline-block;
  margin-top:-2px;
}

.tickets .ticket .content h3{
  padding-left:30px;
  margin-top:30px;
  height:56px;
  text-transform:uppercase;
}

.tickets .ticket .content ul{
  padding:0px;
  margin:0px;
  list-style:none;
  margin-left:60px;
  line-height:24px;
}
.tickets .ticket .content ul li{
  text-indent:0;
  white-space:normal;
  margin-bottom:16px;
}
.tickets .ticket .content ul li:before {
	content: "\F00C";
  font-family: 'Fontawesome';
  margin-left:-30px;
  margin-right:12px;
}
.tickets .ticket .content ul li.inactive:before {
	content: "\F057";
  color:#DA322A;
  opacity:0.6;
}
.tickets .ticket .content ul li.inactive-hidden:before {
	content: "";
  color:#DA322A;
  opacity:0.6;
}

.tickets .ticket .content .price{
  margin-top:30px;
  width:50%;
  float:left;
  padding-left:30px;
}
.tickets .ticket .content .uppercasexxs{
  font-size:8px;
}
.tickets .ticket .content .price p{
  font-size:24px;
  font-weight:700;
  font-family: 'Exo';
  line-height:24px;
}
.tickets .ticket .content .price p span{
  font-weight:400;
  opacity:0.4;
  font-size:20px;
  text-decoration: line-through;
  display:none;
}

.tickets .ticket .content .buynow{
  box-shadow: inset 0 1px 0 0 rgba(151,151,151,0.3);
  display:block;
  margin-top:26px;
  padding:16px;
  padding-left:30px;
  padding-right:30px;
  font-family: 'Exo';
  font-weight:700;
  font-size:16px;
  margin-bottom:0px;
}
.tickets .ticket .content .buynow span{
  float:right;
  font-family: 'Fontawesome';
  font-weight:normal;
}
.tickets .ticket .content .buynow:hover{
  background: linear-gradient(90deg, #ED9C35 0%, #DA322A 100%);
  color:#fff;
}

@media (max-width: 767px){
.tickets-top h2{
  margin-top:15px;
}
}

.onlinesave{
  display:none;
}
.onlinesave span{
  font-weight:700;
  text-transform:uppercase;
  font-size:12px;
  line-height:14px;
	background: linear-gradient(90deg, #ED9C35 0%, #DA322A 100%);
  border-radius:3px;
  color:white;
  padding:5px;
  padding-left:10px;
  padding-right:10px;
  margin-right:12px;
}


.promo-discount{
  text-align:center;
  background: radial-gradient(circle, #ED9C35 0%, #DA322A 100%);
  color:#fff;
  padding:30px;
  position:relative;
  height: calc(100% - 30px);
}
.promo-discount .bg{
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
}
.promo-discount p{
  border-bottom: 1px solid #FFFFFF;
  margin-left:-30px;
  margin-right:-30px;
  padding-bottom:30px;
}
.promo-discount h3{
  padding-left:40px;
  padding-right:40px;
  margin-top:40px;
}
.promo-discount .promoicon{
  margin-top:130px;
}


.booking h1{
  text-align:center;
  margin-top:60px;
  margin-bottom:60px;
}
.booking h1 small{
  display:block;
}
.booking .bookbox{
	background-color: #FFFFFF;
	box-shadow: 0 2px 24px 0 rgba(0,0,0,0.09);
  padding:30px;
  text-align:center;
}


@media (max-width: 767px){
.booking .bookbox{
  margin-bottom:30px;
  padding:10px;
}
}



.booking .content{
 border: 1px solid #FFFFFF;
}
.booking .content h3{
  margin-left:30px;
}
.booking .content ul{
  padding:0px;
  margin:0px;
  list-style:none;
  margin-left:60px;
  line-height:40px;
  margin-bottom:30px;
}
.booking .content ul li{
  text-indent:0;
}
.booking .content ul li:before {
	content: "\F00C";
  font-family: 'Fontawesome';
  margin-left:-30px;
  margin-right:12px;
}
.booking .content ul li.inactive:before {
	content: "\F057";
  color:#DA322A;
  opacity:0.6;
}

.counter{
	border: 1px solid #B1B1B1;
	border-radius: 65px;
	background-color: #FFFFFF;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);
  padding:6px;
  display: inline-block;
  position:relative;
  float:left;
  margin-top:30px;
}
.counter .title{
  display:block;
  position:absolute;
  text-align:center;
  left:0px;
  right:0px;
  top:-4px;
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:2px;
}
.counter .plus, .counter .minus{
    text-align: center;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 50px;
    height: 50px;
    border: 2px solid rgba(255,255,255,0.75);
    background: linear-gradient(90deg, #ED9C35 0%, #DA322A 100%);
    border-radius: 30px;
    cursor:pointer;
}
.counter .plus p, .counter .minus p{
    display: flex;
    text-align: center;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    width:100%;
}
.counter .plus:hover, .counter .minus:hover{
  box-shadow: 0 4px 8px 0 rgba(184,139,136,0.5);
  border: 2px solid #C3241C;
}
.counter .value{
    display: inline-block;
    text-align:center;
    width:60px;
}

.counter .inactive{
	border: 2px solid rgba(255,255,255,0.3);
	background: #DADADA;
  cursor:not-allowed;
}
.counter .inactive:hover{
	border: 2px solid rgba(255,255,255,0.3);
  box-shadow:none;
}
.linevalue{
  display:inline-block;
  float:right;
  font-size:20px;
  font-weight:bold;
  text-align:right;
  margin-top: 38px;
  line-height: 22px;
}
.linevalue span{
  font-size:16px;
  opacity:0.4;
  text-decoration: line-through;
  display:none;
}
.bottomline{
  box-shadow: inset 0 -1px 0 0 #D4D4D4, 0 0px 0px 0 rgba(0,0,0,0.09);
  padding-bottom:20px;
}
.total{
  display:block;
  text-align:right;
  font-size:20px;
  font-weight:bold;
  text-align:right;
  line-height: 22px;
  padding-top:10px;
  border-top:2px solid #D4D4D4;
  margin-bottom:50px;
  position:relative;
}
.total span{
  font-size:16px;
  opacity:0.4;
  text-decoration: line-through;
  display:none;
}
.total .totaltext{
  position:absolute;
  left:10px;
}

@media (max-width: 767px){
.counter .value{
    width:40px;
}
}


.booking .bookbox .booksum{
  text-align:left;
}
.booking .bookbox .booksum p{
  font-weight:700;
}
.booking .bookbox .booksum .title{
  display:block;
  float:left;
}
.booking .bookbox .booksum .value{
  display:block;
  float:right;
  font-size:20px;
  font-weight:700;
}
.booking .bookbox .booksum .bookname{
  font-weight:400;
}

.booking .bookbox .booksum .bottomline{
  padding-bottom:10px;
}
.booking .bookbox .booksum .totaltext{
  left:0px;
}


.booking .bookbox .payment_method{
  display:inline-block;
}
.booking .bookbox .payment_method img{
  width:65px;
}
.booking .bookbox .payment_method label{
  margin-top:0px;
  text-transform:none;
  font-size:16px;
}


.booking .bookbox .payment_method .content {
    display: block;
    position: relative;
    padding-left: 24px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.booking .bookbox .payment_method .content input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
.booking .bookbox .payment_method .checkmark {
    position: absolute;
    top: 9px;
    left: 0px;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid #979797;
}
.booking .bookbox .payment_method .content:hover input ~ .checkmark {
    background-color: #fff;
}
.booking .bookbox .payment_method .content input:checked ~ .checkmark {
    background-color: #fff;
}
.booking .bookbox .payment_method .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.booking .bookbox .payment_method .content input:checked ~ .checkmark:after {
    display: block;
}
.booking .bookbox .payment_method .content .checkmark:after {
 	top: 2px;
	left: 2px;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: #13BD50;
}



.booking .bookbox .cardinfo{
  text-align:left;
  width:70%;
  margin: 0px auto 30px auto;
}
.booking .bookbox .cardinfo p{
  font-size:14px;
  line-height:22px;
}
.booking .bookbox .cardinfo span{
  font-family: 'Simple Line Icons';
  color:#13BD50;
  font-size:24px;  
  display:inline-block;
}


.booking .bookbox .cancelation{
  text-align:left;
  width:70%;
  margin:0px auto 30px auto;
}
.booking .bookbox .cancelation h3{
  font-size:19px;
  line-height:24px;
}
.booking .bookbox .cancelation p{
  font-size:14px;
  line-height:22px;
}


.booking .bookbox h2{
  color:#1DB43F;
  text-align:left;
}
.booking .bookbox h2 span{
  font-family: 'Simple Line Icons';
  display:block;
  font-size:60px;
  margin-bottom:15px;
  font-weight:400;
}


.booking .bookbox .acceptterms{
  text-align:center;
  width:70%;
  margin:15px auto 30px auto;
  font-size:14px;
}
.booking .bookbox .acceptterms a{
  color:#ED9C35;
  cursor:pointer;
}
.booking .bookbox .acceptterms a:hover{
  text-decoration:underline;
}

.gconditions li{
  font-size:14px;
  line-height:18px;
  margin-bottom:6px;
  padding-right:30px;
}
.gconditions ul{
  padding-top:30px;
  padding-bottom:30px;
  margin-bottom:0px;
}


@media (max-width: 767px){
.booking .bookbox .payment_method .checkmark {
    top: 1px;
}
.booking .bookbox .cancelation{
  width:100%;
}
.booking .bookbox .acceptterms{
  width:100%;
}
}




.booking .routes .btn-info{
  color: #000000;
  border: 2px solid rgba(0,0,0,0.3);
  margin-bottom:50px;
}
.booking .routes p{
  margin-top:15px;
  margin-bottom:30px;
}




.topcontacts{
  margin-top:80px;
  text-align:center;
}
.topcontacts .icon{
  height:100px;
  width:100px;
  margin-top:50px;
  background-color:#fff;
  border-radius:50%;
  display:inline-block;
  padding:32px;
}
.topcontacts img{
  width:37px;
}
@media (max-width: 767px){
.topcontacts{
  margin-top:30px;
}
.topcontacts .icon{
  height:80px;
  width:80px;
  margin-top:20px;
  padding:26px;
}
.topcontacts .icon img{
  width:28px;
}
}





.salespoints{
  margin-top:40px;
  margin-bottom:100px;
}
.salespoints h2, .salespoints p{
  text-align:center;
}
.salespoints p{
  margin-bottom:50px;
}

.salepoint{
  padding:30px;
  padding-left:100px;
  padding-right:100px;
  box-shadow: inset 0 -1px 0 0 #D4D4D4, 0 2px 24px 0 rgba(0,0,0,0.09);
  cursor:pointer;  
}
.salepoint h3{
  padding:0px;
  margin:0px;
  width:85%;
  display:inline-block;
}

.salepoint span{
  float:right;
  margin-top:7px;
  
}

.salepoint-desc{
  display:none;
  margin-top:15px;
}
.salepoint-desc p{
  text-align:left;
  margin-bottom:0px;
}

.salepoint-desc .payments{
  text-align:center;
}
.salepoint-desc .payments .method{
  margin-bottom:12px;
}
                  
.salepoint-desc .payments .cash, .salepoint-desc .payments .card{
  text-align:left;
  width:200px;
 	border: 1px solid #E4E4E4;
  padding-top:28px;
  padding-bottom:28px;
  display:inline-block;
  float: inherit;
  padding-left:70px;
  background-repeat:no-repeat;
  background-position: 30px center;
 	background-color: #ECECEC;
  color:#BBB;
}
.salepoint-desc .payments .cash{
  background-image:url('images/design/cash_inactive.svg');
}
.salepoint-desc .payments .card{
  background-image:url('images/design/card_inactive.svg');
}

.salepoint-desc .payments .cash.active{
  background-image:url('images/design/cash_active.svg');
 	background-color: transparent;
  color:#000;
}
.salepoint-desc .payments .card.active{
  background-image:url('images/design/card_active.svg');
 	background-color: transparent;
  color:#000;
}

@media (max-width: 767px){
.salespoints{
  margin-left:-15px;
  margin-right:-15px;
  margin-bottom:30px;
  
}
.salespoints p{
  margin-bottom:15px;
}
.salepoint-desc p{
  margin-bottom:0px;
}
.salepoint{
  padding:30px;
}
.salepoint-desc .payments{
  text-align:left;
}
.salepoint-desc .payments .method{
  margin-top:30px;
}

.salepoint-desc .payments .cash, .salepoint-desc .payments .card{
  text-align:center;
  padding-left:0px;
  width:37vw; 
  background-position: center 15px;
  padding-top:44px;
  padding-bottom:15px;
}

}


.careers{
  padding-left:30px;
  padding-right:30px;
  margin-top:60px;
  margin-bottom:90px;
}
.careers .btn-info{
  color:#000;
 	border: 2px solid rgba(0,0,0,0.3);
  margin-top:20px;
}

.career{
  background-color:#fff;
  border: 0.5px solid #E4E4E4;
  padding:60px;
}
.career h3{
  margin-top:0px
}
@media (max-width: 767px){
.careers{
  padding-left:0px;
  padding-right:0px;
  margin-top:15px;
  margin-left:-30px;
  margin-right:-30px;
  margin-bottom:30px;
}
.career{
  padding:30px;
}
}

.contacts{
  margin-bottom:120px;
}

.contacts p span{
  font-size:12px;
  line-height:20px;
  display:inline-block;
}

.contacts a{
  cursor:pointer;
}
.contacts a span{
  margin-right:10px;
  font-family: 'Simple Line Icons';
  font-size:20px;  
}

@media (max-width: 767px){
.contacts{
  margin-bottom:30px;
}
}






.highlights{
  margin-bottom:40px;
}
.highlightbox{
  margin-bottom:100px;
}

.hlbox{
  background-color:#fff;
  border: 1px solid #E4E4E4;
  padding:70px;
}
.hlbox img{
  height:40px;
}
.hlbox.flags{
  background-color:#ececec;
}
.hlbox.flags .flagimg{
  width:100%;
  height:auto;
}
.wifibox{
  position:relative;
  background: radial-gradient(at 30% 80%, #ED9C35 0%, #DA322A 100%);
  text-align:center;
  padding:70px;
}
.wifiboxico{
  position:absolute;
  top:0px;
  left:0px;
  right:0px;
  bottom:0px;
  background-image: url('images/design/wifi-icon.svg'), url('images/design/wifi-big.svg');
  background-size: auto, auto;
  background-repeat:no-repeat;
  background-position: center 140px, center -62px;
  z-index:0;
}
.wifibox h3{
  color:#fff;
  margin-top:120px;
}


@media (max-width: 767px){
.hlbox{
  padding-left:15px;
  padding-right:15px;
  padding-top:20px;
  padding-bottom:30px;
}
.wifibox{
}
.highlightbox{
  margin-bottom:0px;
  margin-left:-30px;
  margin-right:-30px;
}

}














.titleroutes{
  background-image: url('images/design/routesbg3.jpg');
  height:700px;
  background-position: center calc(50% + 0px);
  text-align:center;
}
.titleroutes h2{
  color:#fff;
  margin-top:100px;
  margin-bottom:80px;
}

.routeboxex{
  margin-bottom:120px;
}

.routebox{
  text-align:center;
}
.routebox .content{
  width:250px;
  height:250px;
  background-color:#fff;
  display:inline-block;
  position:relative;
}
.routebox .content h3{
  margin-top:-168px;
}
.routebox .content a{
  position:absolute;
  bottom:0px;
  width:100%;
  left:0px;
  text-align:left;
  padding:10px;
  padding-left:26px;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:2px;
  font-weight:700;
  background-color:#fff;
}
.routebox .content a span{
  float:right;
  opacity:0.4;
  font-size:12px;
  margin-top:8px;
  color:#000;
}
.routebox .content a:hover span{
  color:#fff;
  opacity:1;
}
.routebox.green a{
  color:#13BD50;
}
.routebox.green a:hover{
  color:#fff;
  background-color:#13BD50;
}
.routebox.red a{
  color:#DA322A;
}
.routebox.red a:hover{
  color:#fff;
  background-color:#DA322A;
}
.routebox.yellow a{
  color:#FFCC00;
}
.routebox.yellow a:hover{
  color:#000;
  background-color:#FFCC00;
}

.routebox.blue a{
  color:#1E6CD7;
}
.routebox.blue a:hover{
  color:#fff;
  background-color:#1E6CD7;
}

@media (max-width: 767px){
.titleroutes{
  background-image: url('images/design/routesbg3-mobile.jpg');
  background-size: 100vw auto;
  height:670px;
  background-position: center calc(50% + 0px);
}
.titleroutes h2{
  margin-top:90px;
  margin-bottom:30px;
}
.routeboxex{
  margin-bottom:40px;
}

.routebox .content{
	box-shadow: 0 2px 24px 0 rgba(0,0,0,0.09);
}
.routebox.green{
  z-index:13;
}
.routebox.red{
  margin-top:-184px;
  z-index:12;
}
.routebox.yellow{
  margin-top:-184px;
  z-index:11;
}
.routebox.blue{
  margin-top:-184px;
  z-index:10;
}


}




.hohoapp{
  background-image: url('images/design/panorama-white.svg');
  background-size: auto 312px;
  background-repeat:no-repeat;
  background-position: center calc(100% + 100px);
  border-bottom: 1px solid #E0E0E0;
}

.hohoapp .downloadapp{
  text-align:center;
  position:relative;
  padding-bottom:290px;
  overflow:hidden;
  height:620px;
}
.hohoapp .downloadapp h2{
  margin-bottom:40px;
  padding-top: 100px;
}
.hohoapp .downloadapp img{
  height:40px;
  margin-left:10px;
  margin-right:10px;
}

.mobileapp1, .mobileapp2{
  width:276px;
  height:546px;
  position:absolute;
  border-radius: 37.71px;
 	border: 0.5px solid #D3D3D3;
 	box-shadow: inset 0 0 5px 2px rgba(150,225,239,0.24), 0 1px 6px 0 rgba(198,198,198,0.5);
  background-repeat:no-repeat;
  background-position: 19px 49px, left top;
}
.mobileapp1{
  bottom:-80px;
  left:0px;
  background-image: url('images/design/hohoapp1.png'), url('images/design/mobile-phone.svg');  
}
.mobileapp2{
  bottom:40px;
  right:0px;
  background-image: url('images/design/hohoapp2.png'), url('images/design/mobile-phone.svg');  
}




@media (max-width: 767px){
.hohoapp{
  background-size: auto 212px;
  background-position: calc(50% - 75px) calc(100% + 80px);
}
.mobileapp1, .mobileapp2{
  width:140px;
  height:276px;
  background-size:120px 214px, 140px auto;
  background-position: 10px 24px, left top;
  border-radius: 17px;
}
.mobileapp1{
  bottom:-80px;
  left:50px;
}
.mobileapp2{
  bottom:-20px;
  right:50px;
}
}







.footer-info{
  font-size:14px;
  line-height:30px;
  opacity:0.6;
  letter-spacing:1px;
  margin-top:40px;
  padding-bottom:40px;
}

.footer-menu ul{
  list-style:none;
  padding-left:0px;
  margin-top:0px;
}

.footer-menu .payments {
  border-bottom: 1px solid #E0E0E0;
  padding-top:20px;
  padding-bottom:20px;
}  
.footer-menu .payments p{
  font-family: 'Exo';
  display: inline-block;
  font-weight:700;
  margin-right:60px;
  font-size:16px;
}
.footer-menu .payments p span{
  font-family:'Fontawesome';
  font-size:24px;
  margin-right:12px;

  background-image: linear-gradient(270deg, #DA322A 0%, #ED9C35 100%);
  color:transparent;
  -webkit-background-clip: text;
  background-clip: text;

}


.footer-menu .payments img{
  height:50px;
  margin-right:20px;
}

.footer-menu .socka{
	height: 48px;
	width: 48px;
	border: 1px solid #979797;
  border-radius:50%;
  text-align:center;
  vertical-align:middle;
  display: inline-block;
  margin-right:16px;
  background-color:#fff;
}
.footer-menu .socka a{
  color:#979797;
}
.footer-menu .socka span{
  font-family:'Fontawesome';
  padding-top: 9px;
  display: inline-block;
  font-size:20px;
  line-height:30px;
}

.footer-menu .socka:hover{
	border: 2px solid #ED9C35;
  color: #ED9C35;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.08);
} 
.footer-menu .socka:hover span{
  padding-top: 8px;
}
.footer-menu .socka:hover a{
  color: #ED9C35;
}
.footer-menu .socka a{
  text-decoration:none;
  border:none;
}

@media (max-width: 767px){
.footer-menu .payments p{
  display: block;
}
.footer-menu .payments img{
  height:35px;
  margin-right:0px;
}
.footer-menu li{
  line-height:40px;
}
}


.privacy-policy{
  width:80%;
  margin:0px auto 0px auto;
}
.privacy-policy p{
  font-size:16px;
}

.privacy-policy ol{
  font-size:16px;
}
.privacy-policy li{
  font-family: 'Exo';
  font-weight:700;
  margin-bottom:12px;
}
.privacy-policy li span{
  display:block;
  font-family: 'Exo';
  font-weight:400;
}
.privacy-policy ul, .privacy-policy ul li{
  font-family: 'Exo';
  font-weight:400;
  margin-bottom:0px;
  padding-left:0px;
  margin-left:10px;
}
@media (max-width: 767px){
.privacy-policy{
  width:100%;
}
}




.cookieconsent-old{
 position: sticky;
 bottom: 0px;
 text-align: center;
 background-color: rgba(0,0,0,0.85);
 color:#fff;
 border-top: 1px solid #000;
 font-size:16px;
 padding-top:15px;
 padding-bottom:15px;
 z-index:100000;
}

.cookieconsent{
    position: fixed;
    top: 50vh;
    width:100vw;
    left:0px;
 text-align: center;
 background-color: rgba(0,0,0,0.75);
 color:#fff;
 border-top: 1px solid #000;
 font-size:16px;
 padding-top:15px;
 padding-bottom:15px;
 z-index:100000;
}


.cookieconsent button{
  padding:8px;
  border-radius:8px;
  border:none;
  margin-left:4px;
  margin-right:4px;
  color:#fff;
  font-weight:700;
}
.cookieconsent button.settings{
  background-color:#888;
}
.cookieconsent button.agree{
  background-color:#040;
}

.cookieconsent label{
  color:#fff;
}
.cookieconsent input[type="checkbox"] {
    margin: 7px 0 0 -20px;
}
.cookieconsent .cookie-set{
  display:none;
}



.eguidetitle{
  padding-bottom:50px;
}

.eguidetitle .bgpano{
  position:absolute;
  bottom:-50px;
  width:calc(100% - 26px);
}

.eguidetitle h1{
  position:absolute;
  bottom:-30px;
}
.eguide .number{
  color:#fff;
  background: linear-gradient(90deg, #ED9C35 0%, #DA322A 100%);
}

.eguide .number{
  color:#fff;
  background: linear-gradient(90deg, #ED9C35 0%, #DA322A 100%);
  display:block;
  float:left;
  line-height:40px;
  width:40px;
  border-radius:50%;
  text-align:center;
  font-weight:700;
  font-size:20px;
  margin-right:10px;
}
.eguide img{
  display:block;
  float:none;
}
.eguide .eguidetext{
  padding:8px;
  background-color:#fff;
  min-height:290px;
}

@media (max-width: 767px){
.eguidetitle .bgpano{
  bottom:-2px;
}
.eguidetitle h1{
  bottom:-60px;
}
.eguide .eguidetext{
  min-height:10px;
}
}





.largespace{
  margin-bottom:120px;
}

.pragueinfo{
  text-align:center;
  padding-top:15px;
  margin-bottom:15px;
}
.pragueinfo .border{
  border: 1px solid #ED9C35;
  position:absolute;
  top:0px;
  left:15px;
  right:15px;
  bottom:0px;
}
.pragueinfo h3{
  margin-bottom:0px;
}




.pragueinfo img{
   min-height:160px;
   filter: invert(79%) sepia(20%) saturate(5453%) hue-rotate(338deg) brightness(100%) contrast(86%);
   width: 45%;
   margin-left: auto;
   margin-right: auto;
}

.pragueinfo .contrast{
  filter: invert(17%) sepia(75%) saturate(7152%) hue-rotate(250deg) brightness(97%) contrast(91%);
}
.pragueinfo .dark{
  filter: invert(39%) sepia(95%) saturate(6625%) hue-rotate(352deg) brightness(93%) contrast(82%);
}



@media (min-width: 768px){
  .pragueinfo h3{
    background: linear-gradient(90deg, #ED9C35 0%, #DA322A 100%);    
    color:#fff;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    padding: 15px;
    height:110px;
  }
  .pragueinfo .border{
    border-radius:8px;
  }
}

@media (max-width: 767px){
 .middle{
    display: flex;
    align-items: center;
 }
.pragueinfo{
  text-align:left;
  padding-bottom:15px;
  margin-bottom:0px;
}
.pragueinfo .border{
  border: 0px solid #ED9C35;
  border-bottom: 1px solid #ED9C35;
}
.pragueinfo img{
   min-height:0px;
   width: 80px;
   margin-left: 15px;
   margin-right: 15px;
}
.largespace{
  margin-bottom:30px;
}
}

.infodetail h2, .infodetail h3{
  margin-top:15px;                                
}
.infodetail p{
  margin-bottom:8px;                                
}
.infodetail a{
  width:100%;
  display:block;
  float:none;
  background: linear-gradient(90deg, #DA322A 0%, #ED9C35 100%);
  color:#fff;
  border-radius:8px;
  padding:24px;
  margin-top:15px;
  margin-bottom:15px;
  font-weight:700;
  font-size:18px;
}
.infodetail a:hover{
  text-decoration:none;
  background-color:#008EC6;
}
.infodetail .rateus{
  background-image:url('images/design/google.svg');
  background-repeat:no-repeat;
  background-size: 40px;
  background-position: 15px center;
  padding-left:90px;
  background-color:#4a35ed;
}  
.infodetail .rateus:hover{
  text-decoration:none;
  background-color:#4A35A7;
}


.poilist{
  text-align:center;
  margin-bottom:15px;
}    
.poilist .border{
  border: 1px solid #ED9C35;
  position:absolute;
  top:0px;
  left:15px;
  right:15px;
  bottom:0px;
  border-radius:8px;
}
.poilist img{
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
  .poilist h3{
    background:linear-gradient(90deg, #ED9C35 0%, #DA322A 100%); 
    color:#fff;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    height:110px;
    padding-top:15px;
    margin:0px;
  }
@media (max-width: 767px){
  .poilist h3{
    height:90px;
  }
}

.poimap{
  height:460px;
  margin-bottom:30px;
}
.poimap a{
  width:auto;
  display:block;
  float:none;
  background-color:transparent;
  color:#fff;
  border-radius:8px;
  padding:0px;
  margin-top:0px;
  margin-bottom:0px;
  font-weight:100;
  font-size:10px;
}

@media (max-width: 767px){
.poimap{
  height:250px;
  margin-bottom:15px;
}
}

.poilinks a{
  display:block;
  width:100%;
  text-align:left;
  padding:15px;
  background-color:#ED9C35;
  color:#fff;
  border-radius:8px;
  padding:24px;
  margin-bottom:15px;
  font-weight:700;
  font-size:18px;
  padding-left:90px;
}
.poilinks.list a{
  background-image:url('images/design/rectangle-list.svg');
  background-repeat:no-repeat;
  background-size: 60px;
  background-position: 15px center;
}  
.poilinks.map a{
  background-image:url('images/design/map-location-dot.svg');
  background-repeat:no-repeat;
  background-size: 60px;
  background-position: 15px center;
}  

.poilinks.walking a{
  background-image:url('images/design/person-walking.svg');
  background-repeat:no-repeat;
  background-size: 60px 50px;
  background-position: 15px center;
}  
.poilinks.transit a{
  background-image:url('images/design/van-shuttle.svg');
  background-repeat:no-repeat;
  background-size: 60px;
  background-position: 15px center;
}  
.poilinks.driving a{
  background-image:url('images/design/car-side.svg');
  background-repeat:no-repeat;
  background-size: 60px;
  background-position: 15px center;
}