@font-face {
    font-family: 'trackd';
    src: url('trackd.woff') format('woff'), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
     url('trackd.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */

}
@font-face {
    font-family: 'bebes';
    src: url('fonts/BebasNeue-Regular.woff2') format('woff2'),url('fonts/BebasNeue-Regular.woff') format('woff'),url('fonts/BebasNeue-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
a {
    cursor: pointer;
}
html,body {
    padding: 0;
    margin: 0!important;
    font-family: Arial;
    height:100%;
    scroll-behavior: smooth;
}
html {
    scroll-behavior:smooth;
    overflow: auto;
    position:relative;
}
#wrapper {
    padding: 0;
    margin: 0;
    width: 100%;
    min-width:275px;
    height: 100%;
    min-height:100%;
    background-color: #f2f2f2;
    position:relative;
    /*for mobile to makesure wrapper stays within body (not using scrollbar width as fulll page)*/
    display:block;
    /*display:inline-table;*/
}
#wrapper-cal {
    padding: 0;
    margin: 0;
    width: 100%;
    min-width:275px;
    height: auto;
    /*min-height:100%; //TAKEN OUT FOR CALENDAR */
    background-color: #f2f2f2;
    position:relative;
}
#wrapper-splash {
    padding: 0;
    margin: 0;
    width: 100%;
    min-width:275px;
    height: auto;
    background-color: #f2f2f2;
}
#splash{
    padding:5% 0 5% 0;
    margin:0;
    width:100%;
    vertical-align: middle;
    text-align: center;
    position:relative;
    top:0;
    z-index:2;
}
.video-screen {
    position:absolute;
    z-index:0;
    left:-50vw;
    top:-16%;
}
.video-background {
    position:relative;
    min-height:70vh;
    overflow:hidden;
}
.hundred {
    width:100%;
    height:auto;
    max-width:100%!important;
    /* for photos */
}
.alert,.alert-red {
    padding: 20px;
    background-color: #841714;
    color: #ffffff;

}
.closebtn {
    margin:0 15px;
   color: #ffffff;
    font-weight: bold;
    float: right;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
}
.closebtn:hover {
    color: #aaaaaa;
}
.inline-table {
    display:inline-table;
}
.flex {
    display:flex;
}
.block {
    display:block;
}
.pad-one {
    padding-top:1%;
    padding-bottom:1%;
}
.pad-five {
    padding-top:5%!important;
    padding-bottom:5%!important;
}
.pad-five-mobile{
    padding:1% 0;
}
.marg-eight {
    margin:8px 0;
}
.marg-auto {
    margin-left:auto;
    margin-right:auto;
}
.marg-auto-all {
    margin:auto;
}
.border-rounded {
    border-radius: 5px;
}
.bg-toguitar {
    background:url('/images/bg-toguitar.webp');
    background-size:cover;
    background-repeat:no-repeat;
    background-position:left top;
}
.bg-toblack{
    background:url('/images/trackdoutbg-black.webp');
    background-size:cover;
}
.bg-splash-fp {
    padding:0;
    margin:0;
    width:100%;
    height:100%;
    min-height:100%;
    background:url('/images/splashbg.webp');
    background-size:100% 100%;
    vertical-align: middle;
}
.bg-blue{
    background-color: #1C5B8C;
}
.bg-white{
    background-color: #ffffff;
}
.bg-gry {
    background-color:#e1e1e1;
}

.splash-panel {
    z-index:1;
    position:relative;
}
.left {
    float:left;
}
.right {
    float:right;
}
.txt-center,.center {
    text-align: center;
}
.txt-white {
    color:white!important;
}
.txt-gry {
    color:#a1a1a1;
}
.details-label {
    font-size:1em!important;
    padding:1% 0;
}
.subtitle-label {
    font-size:1.6em!important;
}
.title-label{
    font-size:2em!important;
    font-weight:bold;
    text-transform: uppercase;
    color:#1c5b8c;
}
.btn-nopad {
    padding:10px!important;
    cursor: pointer;
}
.btn-link {
    text-decoration:none;
    min-width:250px;
    padding:15px 0px!important;
    margin:16px auto;
    border-radius: 5px!important;
    box-shadow: none;
    font-weight: bold;
    cursor: pointer;
    display:table;
    font-size:13px;
}
.btn-w-trans {

    border:2px solid #ffffff;
    background:rgba(255,255,255,.2);
    color:#ffffff;
    box-shadow:1px 2px 0 0 rgba(100,100,100,.3);
    -webkit-appearance:none;
    -webkit-border-radius:5px;
    padding:0 ;
    height:44px;
    border-radius:5px;
}
.input-b-trans::placeholder {
    color:#d0d0d0;
    opacity: 1; /* Firefox */
}
.input-b-trans:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:#d0d0d0;
}

.input-b-trans::-ms-input-placeholder { /* Microsoft Edge */
    color:#d0d0d0;
}
.btn-b-trans {
    outline:none;
    border:0;
    background:rgba(255,255,255,.0);
    -webkit-appearance:none;
    -webkit-border-radius:0px;
    padding:0 2%;
    color:#ffffff;
}
.btn-b-trans::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #FFFFEE;
  opacity: 1; /* Firefox */

}

.btn-b-trans:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #ffffff;
}

.btn-b-trans::-ms-input-placeholder { /* Microsoft Edge */
  color: #ffffff;
}
.btn-b-blue {
    height:44px;
    border:0;
    background:rgba(255,255,255,.0);
    -webkit-appearance:none;
    -webkit-border-radius:5px;
    padding:0;
    color:#ffffff;
    border-radius:5px;
    box-shadow: inset 0px 1px 2px rgba(100,100,100,.3)!important;
}
.no-deco {
    text-decoration:none;
}
.appstore {
    width: 100%;
    padding:0;
    margin:0;
}
.appstore img {
    width:100%;
    height:auto;
}
.fifty {
    width:50%;
    padding:0;
    margin:0;
}
.eighty-center {
    width:92%;
    margin-left:auto!important;
    margin-right:auto!important;
    /* padding:0; // DONE FOR ORDER DETAILS PAGE*/
}
.one-third {
    margin:3% auto;
    padding:0 1%;
    width:30%;
    display:inline-table;
}
.one-third img {
    margin:0 10%;
    width:80%;
    height:auto;

}
.one-third-mobile {
    margin:3% auto;
    padding:0 1%;
    width:30%;

}
.one-third-mobile img {
    margin:0 5%;
    width:80%;
    height:auto;

}
.one-third-mobile-thin {
    width:30%;
    display:inline-table;

}

.logo {
    z-index: 500;
}

.logo-font{
    top: 100%;
    left: 50%;
    width:300px;
}
.txtfld {
    padding:5px;
    width:255px;
    height:35px;
}
.dtfld {
    text-align:center;
    width:46%!important;
    height:35px;
     max-width:145px;
    padding:0 3%;
     -webkit-appearance: none;
    -moz-appearance: none;
    border:1px solid #1c5b8c;
    border-radius: 5px;
}
.tmfld {
    border:1px solid #1c5b8c;
    border-radius: 5px;
    width:46%!important;
    height:35px;
     max-width:145px;
    padding:5px 3%;
     -webkit-appearance: none;
    -moz-appearance: none;
    text-align:center;
}
.dtfldcontainer{
    width:84%!important;

}
.search-btn-input {
    height:80%;
    margin:10%;
    max-height:30px;
}
.srchfld {
    height:35px;
}
input[type="submit"] {
    padding:10px;
    /*color:#ffffff;
    background-color: #1c5b8c;*/
    border-radius: 5px;
    -webkit-appearance: none;
    -moz-appearance: none;

}
input{
    z-index:1000;
}
.filter-input {
    width:70px;
    margin:8px 0;
    padding:0 5px;
    height:45px;
    border:solid #1c5b8c 1px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.splash-logo-font {
    margin:2% auto 0 auto;
}
.splash-btn{
    min-width:100px;
    width:50%;
    max-width:200px;
    cursor: pointer;
}
.splash-txtfld {
    width:50%;
    max-width:255px;
    min-width:200px;
    height:35px;
}

.splash-search-frame {
    width:100%;
    min-height:30vh;
    background:url('/images/searchbgv2.jpg');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;

}
.splash-search-button {
    width:40px;
    height:40px;
}
.splash-search-srchfld {
    width:90%;
    width:calc(100% - 44px);
    height:44px;
}
.splash-search-submit {
    width:100%;
    height:44px;
}
.splash-search-controls {
    width:44px;
}
.spin {
    width: 150px;
    height: 150px;
    -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
.input-b-trans {
    outline:none;
    border:0;
    background:rgba(255,255,255,.0);
    -webkit-appearance:none;
    -webkit-border-radius:0px;
    padding:0 2%;
    color:#ffffff;
}
.input-b-trans::placeholder {
    color:#d0d0d0;
    opacity: 1; /* Firefox */
}
.input-b-trans:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:#d0d0d0;
}
.input-b-trans::-ms-input-placeholder { /* Microsoft Edge */
    color:#d0d0d0;
}
.hundred-everything {
    width:100%;
    height:100%;
}
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

  /* Hide default HTML checkbox */
.switch input {display:none;}
.slidecontainer {
    width: 80%;
    color:#ffffff;
    text-align:center;
    /* Width of the outside container */
}
.sliderz {
    -webkit-appearance: none;
     -moz-appearance: none;
    width: 100%;
    height: 5px!important;
    border-radius: 5px;
    background:#1C5B8C;

    outline: none;

}
.sliderz::-ms-track {
  width: 100%;
  cursor: pointer;
    height:15px!important;
  /* Hides the slider so custom styles can be added */
    background: #d3d3d3;
  border-color: transparent;
  color: transparent;
    opacity: 0.7;
    -webkit-transition: .7s;
    transition: opacity .7s;
}
.sliderz::-webkit-slider-thumb {
    -webkit-appearance: none;
     -moz-appearance: none;
    appearance: none;
    width: 25px;
    height: 25px;
    border: .5px solid #1C5B8C;
    box-shadow: 0px 2px 2px rgba(216,216,216,.6);
    border-radius: 50%;
    background: #ffffff;
    cursor: pointer;
}
.js-map {
    min-height:100vh;
}
.sliderz::-moz-range-thumb {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #ffffff;
    cursor: pointer;
}
.sliderz::-ms-thumb {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #ffffff;
    cursor: pointer;
}
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
  }
.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}
input:checked + .slider {
    background-color: #1c5b8c;
    border:1px solid #ffffff;
}
input:focus + .slider {
    box-shadow: 0 0 1px #1c5b8c;
}
input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

  /* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}
select.soflow-color {
    color: #fff;
    background-image: url(http://i62.tinypic.com/15xvbd5.png), -webkit-linear-gradient(#779126, #779126 40%, #779126);
    background-color: #779126;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    padding-left: 15px;
}
select.soflow,
    select.soflow-color {
      -webkit-appearance: button;
      -webkit-border-radius: 2px;
      -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
      -webkit-padding-end: 20px;
      -webkit-padding-start: 2px;
      -webkit-user-select: none;
      background-color: url(trackdout.com/web.png), -webkit-linear-gradient(#FAFAFA, #F4F4F4, 40%, #E5E5E5);
      background-position: 97% center;
      background-repeat: no-repeat;
          background:#ffffff;
      border: 1px solid #AAA;
      color: #555;
      font-size: inherit;
      margin: 20px;
      overflow: hidden;
      padding: 5px 10px;
      text-overflow: ellipsis;
          text-align-last:center;
      white-space: nowrap;
      width: 90%;
          max-width:255px;
          height:35px;
    }
.flight-types {
    display: flex;
    /* max-width: 336px; */
    width:99%;
      height:40px;
      line-height:30px;
    position: relative;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    position: relative;
    z-index: 1;
    margin: 0 auto;
    font-size: 12px;
    border: 1px solid #fff;
    border-radius: 5px;
    color: #1c5b8c;
  }
.flight-types > input {
    display: none;
  }
.flight-types > input:checked + label {
    color: #ffffff;
      background:#1c5b8c;
      -webkit-box-shadow: 1px 1px 0 0 #ffffff inset;
      -moz-box-shadow: 1px 1px 0 0 #ffffff inset;
      box-shadow: 1px 1px 0 0 #ffffff inset;
}
.flight-types > input:nth-of-type(1):checked ~ label:last-of-type:before {
    transform: translateX(calc(0% + 0px));
}
.flight-types > input:nth-of-type(2):checked ~ label:last-of-type:before {
    transform: translateX(calc(100% + 0px));
    width:100%;
}
  .flight-types > input:nth-of-type(3):checked ~ label:last-of-type:before {
    transform: translateX(calc(200% + 0px));
    width:100%;
}
.flight-types label {
    flex: 1;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
}
.flight-types label:last-of-type:before {
    content: "";
    display: block;
    max-width: calc(50.0% - 0px);
    margin: 0px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    transform: translateX(0);
}
.flight-types label {
    padding: 6px 3px;
    background:#ffffff;
    color:#1c5b8c;
    -webkit-box-shadow: 2px 2px 0 0 #d0d0d0 inset;
    -moz-box-shadow: 2px 2px 0 0 #d0d0d0 inset;
    box-shadow: 2px 2px 0px 0px #d0d0d0 inset;
    transition: color 250ms cubic-bezier(0, 0.95, 0.38, 0.98);
}
.flight-types label:before {
    background: #1c5b8c;
    transition: all 250ms cubic-bezier(0, 0.95, 0.38, 0.98);
}
.flight-types label:not(:last-child) {
    border-right: 1px solid #1c5b8c;
}
.search-bar{
    width:100%;
    height:45px;
    margin:0 auto;
}
.search-bar input,.search-bar a{
    -o-object-fit: fill;
    object-fit: fill;
}
.search-button img{
    width:40px;
    height:40px;
    margin:auto;
    border:0;
    border-radius:5px;
}
.search-bar{
    width:100%;
    height:45px;
    padding:0;
}
.rest {
    width:60%;
    width:calc(100% - 159px);
}
#filterM,#sortM{
    display:none;
    z-index: 1000;
    position:relative;
}
#filterMm,#sortMM{
    /*display:none; */
    z-index: 1000;
    position:relative;
}
#menusearch {
    border:1px #e1e1e1 solid;
    padding:10px;
    background:white;
    position:relative;
    z-index:999;
}
#menusearch h4 {
    color:#1c5b8c;
    font-size:1.5em;
}
#filterM div, #sortM div{
    margin:0px auto;
}
#filterMm div, #sortMM div{
    padding: 0;
    text-align:center;
}
#filterM div div, #sortM div div{
    color:#1c5b8c;
}
#filterMm div div, #sortMM div div{
    color:#1c5b8c;
}

#logo {
    padding: 0;
    margin: 0 auto 0 0;
    min-width: 50px;
    width: 20%;
    height: 100%;
    text-align: left;
}
#logo a {
     padding: 0 5%;
}
#logo a img {
    width: 182px;
    height: 44px;
    padding: 3px 0;
    margin: 0;
    clip: rect(0px, 50px,50px, 0px);
    position: absolute;
}
#searchbar {
    padding: 3px 0;
    margin: 0 auto;
    width: 49%;
    height: 44px;
    float: left;
    text-align: center;
    display: block;
    position:relative;
    z-index:1000;
}
#searchbarM{
    display:none;
    position:relative;
    z-index:1000;
}
#searchs{
    width:100%;
    margin:0;
}
#searchsM {
    width:100%;
    margin:0 ;
}
#navlg {
    float:right;
}
#navm {
    position:absolute;
    width:200px!important;
    right:25px;
    z-index:1000;
}
#navgm {
    position:absolute;
    width:200px!important;
    right:25px;
    z-index:1000;
}
#navu {
    position:absolute;
    width:200px!important;
    z-index:1000;
    right:25px;
}
#nav {
    list-style-type: none;
}
#nav li {
    padding: 0;
    background-color:#ffffff;
    text-align:center;
}
#nav li a {
    color:#1c5b8c;
    text-decoration:none;
    display:block;
    width:100%;
    height:45px;
}
#login-nav {
    padding:0;
    margin: 0 0 0 auto;
    width: 80%;
    height: 100%;
    text-align: right;
}
#login-nav a {
    line-height: 40px;
    height: 40px;
    padding: 5px 10px;
    margin: 0 2px;
    color: #1c5b8c;
    font-size: .9em;
    text-decoration: none;
    float:left;
}
#login-nav a img {
    max-width: 35px;
    width: 80%;
    height: auto;
    margin:15% auto;
}
.srchfld-m {
    min-width:120px;
    width:96%;
    height:44px;
    padding:0 2%;
    border:0px;
    outline:none;

}
@media screen and (min-width: 772px) {
    .eighty-center {
        width:80%!important;
        margin-left:auto!important;
        margin-right:auto!important;
        /* padding:0; // DONE FOR ORDER DETAILS PAGE*/
    }
    .video-screen {
        left:-20%!important;
    }
    .splash-search-controls {
        width:10%;
        max-width:44px;
    }
    .search-bar{
        width:100%;
        height:45px;
        padding:0;
    }
    .sbsubmitz {
        height: 42px;
    }
    .search-button img{
        width:40px;
        height:40px;
        margin:auto;
        border:0;
        border-radius:5px;
    }
    #logo {
        min-width: 190px;
        width: 25%;
    }
    #logo a {
        padding: 0 5%;
    }
    #logo a img {
        position: relative;
        clip:unset;
        width:182px;
    }
    #login-nav {
        max-width:200px;
        width: 25%;
        height: 100%;
        float: right;
        text-align: right;
        position:relative;
    }
    #navlg{
        width:100%;
    }
    #login-nav a {
        margin: 0;
        float: left;
        line-height: 40px;
        height: 40px;
    }
    
    #login-nav a img {
        max-width: 35px;
        width: 80%;
        height: auto;
        margin:15% auto;
    }
    #navlg {
        width: 100%;
    }
    #navgm {
        position:absolute;
        width:200px!important;
        right:25px;
        z-index:1000;
    }
    #navu {
        position:absolute;
        width:200px!important;
        z-index:1000;
        right:25px;
    }
    #nav {
     list-style-type: none;
    }
    #nav li {
        padding: 0;
        background-color:#ffffff;
        text-align:center;
    }
    #nav li a {
        color:#1c5b8c;
        text-decoration:none;
        display:block;
        width:100%;
        height:45px;
    }
}
@media screen and (max-width: 460px) {
    .pad-five-mobile{
        padding:5% 0;
    }
    .splash-panel {
        min-height:300px;
    }
    .title-label{
        font-size:2.5em!important;
        font-weight:bold;
    }
    .mobile-block {
        min-height:200px;
        padding:130px 0 0 0;
    }
    .subtitle-label {
        font-size:1em!important;
    }
    .details-label {
        font-size:1em!important;
    }
    .title-label{
        font-size:2.5em!important;
        font-weight:bold;
    }
    .one-third {
        margin:3% 10%;
        width:80%;
        display:inline-table;
    }
    .one-third-mobile {
        margin:3% auto;
        width:30%;
        display:inline-table;
    }
    .video-screen {
        left:-94vw;
    }
    .spin{
        height:100px;
        width:100px;
    }
    .logo{
        margin:20% auto 0 auto!important;
    }
    #login-nav a {
        padding:5px;
    }
}