/**********
Text
**********/

html, body{height: 100%;margin:0;padding:0;}

html{overflow-x:hidden;}

body{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#61348a+0,32bcd3+100 */
background: #32bcd3; /* Old browsers */
background: -moz-linear-gradient(-25deg, #61348a 0%, #32bcd3 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-25deg, #61348a 0%,#32bcd3 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(155deg, #61348a 0%,#32bcd3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#61348a', endColorstr='#32bcd3',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
background-repeat: no-repeat;
background-attachment: fixed;

font-family: 'CentGothWGL', sans-serif; line-height: 20px;color:#FFF!important; font-size: 16px!important;font-weight: normal!important;letter-spacing: .02em;-moz-osx-font-smoothing: grayscale;text-rendering: optimizelegibility;}



/*titles*/
h1, h2, h3, h4, h5, h6 {margin-bottom: 0px;margin-top: 0px;}

h1{font-family: 'CentGothWGL-Bold', serif;font-size: 25px;}
h2{font-family: 'CentGothWGL', serif;font-size: 35px;color:#035560;}

p {margin: 0 0 15px;}

p:last-child {margin-bottom: 0;}

a{color: #623189; cursor: pointer;text-decoration: underline;
  -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
          transition: all .3s ease;
        }

a:hover{color: #000;}

.red-txt{color:#a33d41;}

.remove-padding-right{padding-right: 0px;}

.full-height{min-height: 100vh;}

.bold{font-family: 'CentGothWGL-Bold', serif;}

/**********
spacers
**********/
.pt-5{padding-top:5px!important;}
.pt-10{padding-top:10px;}
.pt-20{padding-top:20px;}

.pb-5{padding-bottom:5px!important;}
.pb-10{padding-bottom:10px;}
.pb-20{padding-bottom:20px;}

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

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

#st-1.st-right {top: 45%!important;}

/**********
header
**********/
header{position: absolute;width:325px;left: 0;top: 35px;}
header h1{display:none;}
/**********
footer
**********/
footer{position: absolute;left: 15px;bottom: 20px;}
.data{font-size:14px;}

/**********
Wraps
**********/
.bkg-logo{background: url('../img/Dfb3cY.png') no-repeat center/90%;position: relative;}
.bkg-pattern{background: url('../img/diagonal-lines.png') repeat center/100%;position: relative;}

.details{background: rgba(255,255,255, .1);}

/**********
Map
**********/

.map-container {position:relative;}
.map-container .map{position:relative;top:0;left:0;z-index: 0;width:639px;}

.london{position: absolute;width:20px;height:20px;background: #FFF;z-index: 100;top: 634px;left: 495px;}

.pin{position: absolute;width:15px;height:15px;border-radius:30px;background: #FFF;cursor: pointer;z-index: 100;}

.pin.birmingham{top: 525px;left: 355px;}
.pin.manchester{top: 404px;left: 335px;}
.pin.glasgow{top: 104px;left: 200px;}
.pin.newcastle{top: 221px;left: 376px;}
.pin.sheffield{top: 421px;left: 386px;}
.pin.leeds{top: 369px;left: 378px;}
.pin.bristol{top: 641px;left: 307px;}
.pin.nottingham{top: 457px;left: 408px;}
.pin.liverpool{top: 412px;left: 276px;}
.pin.portsmouth{top: 724px;left: 415px;}
.pin.edinburgh{top: 90px;left: 265px;}
.pin.leciester{top: 502px;left: 408px;}
.pin.bournemouth{top: 731px;left: 355px;}
.pin.swansea{top: 628px;left: 206px;}
.pin.southampton{top: 712px;left: 394px;}
.pin.stoke{top: 470px;left: 334px;}
.pin.preston{top: 370px;left: 298px;}
.pin.cardiff{top: 644px;left: 263px;}
.pin.southend{top: 638px;left: 551px;}
.pin.coventry{top: 539px;left: 383px;}

.rout.birmingham{position:absolute;bottom:21px;left:0;z-index: 1;width:605px;}
.rout.manchester{position:absolute;bottom:21px;left:0;z-index: 1;width:605px;}
.rout.glasgow{position:absolute;bottom:21px;left:8px;z-index: 1;width:605px;}
.rout.newcastle{position:absolute;bottom:21px;left:0;z-index: 1;width:605px;}
.rout.sheffield{position:absolute;bottom:21px;left:0;z-index: 1;width:605px;}
.rout.leeds{position:absolute;bottom:21px;left:0;z-index: 1;width:605px;}
.rout.bristol{position:absolute;bottom:21px;left:0;z-index: 1;width:605px;}
.rout.nottingham{position:absolute;bottom:20px;left:0;z-index: 1;width:605px;}
.rout.liverpool{position:absolute;bottom:20px;left:0;z-index: 1;width:605px;}
.rout.portsmouth{position:absolute;bottom:20px;left:0;z-index: 1;width:605px;}
.rout.edinburgh{position:absolute;bottom:21px;left:0;z-index: 1;width:605px;}
.rout.leciester{position:absolute;bottom:21px;left:0;z-index: 1;width:605px;}
.rout.bournemouth{position:absolute;bottom:21px;left:0;z-index: 1;width:605px;}
.rout.swansea{position:absolute;bottom:21px;left:0;z-index: 1;width:605px;}
.rout.southampton{position:absolute;bottom:21px;left:0;z-index: 1;width:605px;}
.rout.stoke{position:absolute;bottom:21px;left:0;z-index: 1;width:605px;}
.rout.preston{position:absolute;bottom:21px;left:0;z-index: 1;width:605px;}
.rout.cardiff{position:absolute;bottom:21px;left:0;z-index: 1;width:605px;}
.rout.southend{position:absolute;bottom:21px;left:0;z-index: 1;width:678px;}
.rout.coventry{position:absolute;bottom:21px;left:0;z-index: 1;width:605px;}

.show{opacity:1; visibility:visible;-webkit-transition: all .2s ease;-moz-transition: all .2s ease;transition: all .2s ease;}
.hide{opacity:0; visibility: hidden;-webkit-transition: all .2s ease;-moz-transition: all .2s ease;transition: all .2s ease;}

.key{position: absolute;width:180px;right: 20px;top: 80px;z-index: 101;font-family: 'CentGothWGL-Bold', serif;}
.key img{width:80px;}

/* The animation code */
@keyframes show {
  from {opacity: 0;} to {opacity: 1;}
}

.pin:hover{animation: pulse 1s infinite;}

.london{position: absolute;width:20px;height:20px;background: #FFF;z-index: 100;top: 634px;left: 495px;box-shadow: 0 0 0 rgba(255,255,255, 0.4);animation: pulse 2s infinite;}

.london:hover {
  animation: none;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255,255,255, 0.5);
  }
  70% {
      -webkit-box-shadow: 0 0 0 20px rgba(255,255,255, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(255,255,255, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(255,255,255, 0.5);
    box-shadow: 0 0 0 0 rgba(255,255,255, 0.4);
  }
  70% {
      -moz-box-shadow: 0 0 0 20px rgba(204,169,44, 0);
      box-shadow: 0 0 0 10px rgba(255,255,255, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(255,255,255, 0);
      box-shadow: 0 0 0 0 rgba(255,255,255, 0);
  }
}



/**********
Results
**********/

.closePane{height:100%; width: 100%;position: absolute;z-index: 99;}


.content-wrap{width: 410px;margin: 0 auto;position: relative;top: 48%;transform: translateY(-50%);}

.result {position: absolute;top: 285px;}
.result .route{font-size: 21px; font-weight: bold;}
.result .block-rail, .result .block-hyper, .result .block-saved{margin-bottom: 7px;border-radius: 10px;float: left;width:100%;padding: 10px 0px 7px 15px;}
.result .block-rail{background: url('../img/black-grad-bkg.png') repeat-x center/100% auto;border: 1px solid #304050;}
.result .block-hyper{background: url('../img/blue-grad-bkg.png') repeat-x center/100% auto;border: 1px solid #52adc8;}
.result .block-saved{background: url('../img/purple-grad-bkg.png') repeat-x center/100% auto;border: 1px solid #5c5fa1;}

.result .block-rail img{float: left;width: 11%;}
.result .block-hyper img{float: left;width: 12%;}
.result .block-saved img{float: left;width: 10%;}

.result .block-rail img{padding-top: 7px;}
.result .block-hyper img{padding-top: 10px;}
.result .block-saved img{padding-top: 0px;}

.result .block-rail .block-text{float: left;width: 64%;padding-left: 15px;}
.result .block-hyper .block-text{float: left;width: 63%;padding-left: 12px;}
.result .block-saved .block-text{float: left;width: 64%;padding-left: 20px;}

.result .block-saved .block-text{padding-top:10px;}

.result .time-rail-wrap, .result .time-hyper-wrap, .result .time-saved-wrap{float:right;font-size: 25px;width: 25%;padding-left: 26px;border-left: 1px solid #FFF;}
.result .time-rail-wrap span, .result .time-hyper-wrap span, .result .time-saved-wrap span{font-size: 11px;display: grid;}


.mobile-result {position: fixed;top: 0px;right: 0;z-index: 1000;background: rgba(225, 225, 225, 0.3);width: 100%;padding: 20px 15px 20px 15px;box-shadow: 0 1px 15px rgba(0,0,0, 0.1);}
.mobile-result .route{font-size: 21px; font-weight: bold;margin-right: 34px;}
.mobile-result .block-rail, .mobile-result .block-hyper, .mobile-result .block-saved{margin-bottom: 7px;border-radius: 10px;float: left;width: 120px;padding: 9px 12px;}
.mobile-result .block-rail{background: url('../img/black-grad-bkg.png') repeat-x center/100% auto;border: 1px solid #304050;}
.mobile-result .block-hyper{background: url('../img/blue-grad-bkg.png') repeat-x center/100% auto;border: 1px solid #52adc8;}
.mobile-result .block-saved{background: url('../img/purple-grad-bkg.png') repeat-x center/100% auto;border: 1px solid #5c5fa1;}

.mobile-result .block-rail img, .mobile-result .block-hyper img, .mobile-result .mobile-clock{float: left;width: 40%;}

.mobile-result .block-rail img{padding-top: 2px;}
.mobile-result .block-hyper img{padding-top: 5px;}
.mobile-result .mobile-clock{font-size: 12px;line-height: 12px;text-align: center;text-transform: uppercase;}

.mobile-result .time-rail-wrap, .mobile-result .time-hyper-wrap, .mobile-result .time-saved-wrap{float:right;font-size: 20px;width: 50%;text-align: center;border-left: 1px solid #FFF;padding-left: 10px;    line-height: 13px;}
.mobile-result .time-rail-wrap span, .mobile-result .time-hyper-wrap span, .mobile-result .time-saved-wrap span{font-size: 10px;display: grid;}

.close-btn{width: 25px;height: 25px;background: url('../img/close.png') no-repeat center/100% auto;position: absolute;right: 15px;top: 15px;cursor: pointer;}

.map-large{display:none;width:639px;}

@media  (min-width : 1700px) {
.map-container{margin: 0 auto;position: relative;top: 48%;transform: translateY(-50%);width: 70%;}
.map-large{display:block;}
.map.d-xl-block{display:none!important;}

.london{top: 914px;left: 495px;}
.pin.birmingham{top: 805px;left: 355px;}
.pin.manchester{top: 684px;left: 335px;}
.pin.glasgow{top: 384px;left: 200px;}
.pin.newcastle{top: 501px;left: 376px;}
.pin.sheffield{top: 701px;left: 386px;}
.pin.leeds{top: 649px;left: 378px;}
.pin.bristol{top: 921px;left: 307px;}
.pin.nottingham{top: 737px;left: 408px;}
.pin.liverpool{top: 692px;left: 276px;}
.pin.portsmouth{top: 1001px;left: 415px;}
.pin.edinburgh{top: 367px;left: 265px;}
.pin.leciester{top: 782px;left: 408px;}
.pin.bournemouth{top: 1011px;left: 355px;}
.pin.swansea{top: 908px;left: 206px;}
.pin.southampton{top: 992px;left: 394px;}
.pin.stoke{top: 750px;left: 334px;}
.pin.preston{top: 650px;left: 298px;}
.pin.cardiff{top: 924px;left: 263px;}
.pin.southend{top: 918px;left: 551px;}
.pin.coventry{top: 819px;left: 383px;}

}



/* Large devices (large desktops, 1200px and smaller) */
@media (max-width : 1200px) {

.map-container .map{width:495px;}
.rout.birmingham, .rout.manchester, .rout.glasgow, .rout.newcastle, .rout.sheffield, .rout.leeds, .rout.bristol, .rout.nottingham, .rout.liverpool, .rout.portsmouth, .rout.edinburgh, .rout.leciester, .rout.bournemouth, .rout.swansea, .rout.southampton, .rout.stoke, .rout.preston, .rout.cardiff, .rout.coventry {width:465px;}

.rout.glasgow{width:461px;}

.rout.southend{width:525px;}

.pin{width:15px;height:15px;border-radius:30px;}

.london {top: 566px;left: 375px;width:15px;height:15px;}
.pin.birmingham {top: 477px;left: 270px;}
.pin.manchester {top: 390px;left: 255px;}
.pin.glasgow{top: 157px;left: 146px;}
.pin.newcastle{top: 248px;left: 289px;}
.pin.sheffield{top: 401px;left: 297px;}
.pin.leeds{top: 362px;left: 291px;}
.pin.bristol{top: 569px;left: 237px;}
.pin.nottingham{top: 436px;left: 318px;}
.pin.liverpool{top: 399px;left: 216px;}
.pin.portsmouth{top: 637px;left: 323px;}
.pin.edinburgh {top: 145px;left: 200px;}
.pin.leciester{top: 467px;left: 316px;}
.pin.bournemouth{top: 640px;left: 273px;}
.pin.swansea{top: 560px;left: 156px;}
.pin.southampton{top: 628px;left: 304px;}
.pin.stoke{top: 439px;left: 255px;}
.pin.preston{top: 366px;left: 233px;}
.pin.cardiff{top: 573px;left: 202px;}
.pin.southend{top: 568px;left: 428px;}
.pin.coventry{top: 493px;left: 294px;}

#st-1.st-right {top: unset!important;}



}


/* Medium Devices, col-lg stacks here */
@media  (max-width : 991px) {

.mobile-result .block-rail, .mobile-result .block-hyper, .mobile-result .block-saved {width: 130px;margin-right: 10px;}
.mobile-result .block-rail .icon, .mobile-result .block-hyper .icon, .mobile-result .block-saved .icon{width: 50%;float: left;padding-right: 10px;}
.mobile-result .block-rail img, .mobile-result .block-hyper img, .mobile-result .mobile-clock {width: 33px;}
.mobile-result .time-rail-wrap, .mobile-result .time-hyper-wrap, .mobile-result .time-saved-wrap {width: 50%;}

header{position: relative;width:100%;left: 0;top: 0;background: rgba(82, 173, 200, .5); text-align: center;padding: 18px 0;text-transform: uppercase;}
header h1{display:block;}
header img{display:none;}

footer{position: relative;}

.company-name{font-size: 22px;}

.bkg-logo {background: none;}
.full-height{min-height: unset;}
.content-wrap {position: relative;top: unset;transform: unset;padding-bottom: 100px;}

.map-container {margin: 50px 0 60px 0;}

.london {top: 691px;left: 375px;}
.pin.birmingham {top: 607px;left: 270px;}
.pin.manchester {top: 516px;left: 255px;}
.pin.glasgow{top: 285px;left: 146px;}
.pin.newcastle{top: 375px;left: 289px;}
.pin.sheffield{top: 527px;left: 297px;}
.pin.leeds{top: 487px;left: 291px;}
.pin.bristol{top: 695px;left: 237px;}
.pin.nottingham{top: 562px;left: 318px;}
.pin.liverpool{top: 525px;left: 216px;}
.pin.portsmouth{top: 763px;left: 323px;}
.pin.edinburgh {top: 273px;left: 200px;}
.pin.leciester{top: 593px;left: 316px;}
.pin.bournemouth{top: 766px;left: 273px;}
.pin.swansea{top: 686px;left: 156px;}
.pin.southampton{top: 754px;left: 304px;}
.pin.stoke{top: 565px;left: 255px;}
.pin.preston{top: 492px;left: 233px;}
.pin.cardiff{top: 699px;left: 202px;}
.pin.southend{top: 694px;left: 428px;}
.pin.coventry{top: 616px;left: 294px;}

.key{position: absolute;width:130px;right: 0px;top: 190px;z-index: 10;font-family: 'CentGothWGL', serif;text-align: right;}

.remove-padding-right{padding-right: 15px;}

footer {padding-bottom: 55px;}
}

/* Small Devices, col-md stacks here */
@media (max-width : 768px) {


}

/* Extra Small Devices, Landscape */
@media (max-width : 568px) {

.mobile-result .block-rail, .mobile-result .block-hyper, .mobile-result .block-saved {width: 30%;margin-right: 4%;}
.mobile-result .block-saved{margin-right:0%;}

footer {left: 0px;}
.content-wrap {width: 330px;}

.map-container .map {width: 350px;}

.rout.birmingham, .rout.manchester, .rout.glasgow, .rout.newcastle, .rout.sheffield, .rout.leeds, .rout.bristol, .rout.nottingham, .rout.liverpool, .rout.portsmouth, .rout.edinburgh, .rout.leciester, .rout.bournemouth, .rout.swansea, .rout.southampton, .rout.stoke, .rout.preston, .rout.cardiff, .rout.coventry {width: 325px;}

.rout.glasgow{width: 320px;}

.rout.southend{width: 365px}

.pin {width: 15px;height: 15px;}
.london {width: 15px;height: 15px;top: 484px;left: 260px;}

.pin.manchester {top: 361px;left: 178px;}
.pin.birmingham {top: 424px;left: 189px;}
.pin.glasgow{top: 197px;left: 103px;}

.pin.newcastle{top: 259px;left: 201px;}
.pin.sheffield{top: 365px;left: 208px;}
.pin.leeds{top: 339px;left: 203px;}
.pin.bristol{top: 484px;left: 165px;}
.pin.nottingham{top: 390px;left: 220px;}
.pin.liverpool{top: 365px;left: 151px;}
.pin.portsmouth{top: 535px;left: 219px;}
.pin.edinburgh {top: 193px;left: 140px;}
.pin.leciester{top: 411px;left: 220px;}
.pin.bournemouth{top: 536px;left: 189px;}
.pin.swansea{top: 477px;left: 110px;}
.pin.southampton{top: 527px;left: 208px;}
.pin.stoke{top: 392px;left: 178px;}
.pin.preston{top: 341px;left: 161px;}
.pin.cardiff{top: 486px;left: 140px;}
.pin.southend{top: 484px;left: 294px;}
.pin.coventry{top: 430px;left: 204px;}


.company-name {padding-bottom: 10px;display: inline-block;}

}

/* Extra Small Devices, Samsung S5 */
@media only screen and (max-width : 360px) {

.mobile-result .block-rail img, .mobile-result .block-hyper img, .mobile-result .mobile-clock {width: 25px;}
.mobile-result .time-rail-wrap, .mobile-result .time-hyper-wrap, .mobile-result .time-saved-wrap {font-size: 15px;}
.mobile-result .time-rail-wrap span, .mobile-result .time-hyper-wrap span, .mobile-result .time-saved-wrap span {font-size: 7px;}
.mobile-result .mobile-clock {font-size: 9px;}

.mobile-result .block-rail img {padding-top: 5px;}
.mobile-result .block-hyper img {padding-top: 7px;}

.rout.glasgow {bottom: 18px;left: 9px;}
.pin.glasgow {top: 206px;left: 107px;}

.london {left: 265px;}

.pin.southend {left: 291px;}
.rout.southend {width: 360px;}

.map-container {margin: 50px 0 60px -60px;}

html, body {height: auto;}

}

/* Extra Small Devices, Small Phones, we dont really use this anymore*/
@media only screen and (max-width : 320px) {

}