@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700);
.board{
width: 100%;
margin: 60px auto;
height: 500px;
background: #fff;
/*box-shadow: 10px 10px #ccc,-10px 20px #ddd;*/
}
.board .nav-tabs {
position: relative;
border-bottom: 0;
width: 90%;
margin: 40px auto;
margin-bottom: 0;
box-sizing: border-box;

}

.board > div.board-inner{
background-size: 30%;

}

p.narrow{
width: 80%;
margin: 10px auto;
}

.liner{
height: 2px;
background: #ddd;
position: absolute;
width: 90%;
margin: 0 auto;
left: 0;
right: 0;
top: 50%;
z-index: 1;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
color: #555555;
cursor: default;
/* background-color: #ffffff; */
border: 0;
border-bottom-color: transparent;
}

span.round-tabs{
width: 70px;
height: 70px;
line-height: 70px;
display: inline-block;
border-radius: 100px;
background: white;
z-index: 2;
position: absolute;
left: 0;
text-align: center;
font-size: 25px;
}

span.round-tabs.one{
color: rgb(34, 194, 34);border: 2px solid rgb(34, 194, 34);
}

li.active span.round-tabs.one{
background: #fff !important;
border: 2px solid #ddd;
color: rgb(34, 194, 34);
}

span.round-tabs.two{
color: #febe29;border: 2px solid #febe29;
}

li.active span.round-tabs.two{
background: #fff !important;
border: 2px solid #ddd;
color: #febe29;
}

span.round-tabs.three{
color: #3e5e9a;border: 2px solid #3e5e9a;
}

li.active span.round-tabs.three{
background: #fff !important;
border: 2px solid #ddd;
color: #3e5e9a;
}

span.round-tabs.four{
color: #f1685e;border: 2px solid #f1685e;
}

li.active span.round-tabs.four{
background: #fff !important;
border: 2px solid #ddd;
color: #f1685e;
}

span.round-tabs.five{
color: #999;border: 2px solid #999;
}

li.active span.round-tabs.five{
background: #fff !important;
border: 2px solid #ddd;
color: #999;
}

.nav-tabs > li.active > a span.round-tabs{
background: #fafafa;
}
.nav-tabs > li {
flex: 1;
width: 20%;
}
.nav-tabs {
display: flex;
}
/*li.active:before {
content: " ";
position: absolute;
left: 45%;
opacity:0;
margin: 0 auto;
bottom: -2px;
border: 10px solid transparent;
border-bottom-color: #fff;
z-index: 1;
transition:0.2s ease-in-out;
}*/
li:after {
content: " ";
position: absolute;
left: 46%;
opacity:0;
margin: 0 auto;
bottom: 0px;
border: 5px solid transparent;
border-bottom-color: #ddd;
transition:0.1s ease-in-out;

}
li.active:after {
content: " ";
position: absolute;
left: 46%;
opacity:1;
margin: 0 auto;
bottom: 0px;
border: 10px solid transparent;
border-bottom-color: #ddd;

}
.nav-tabs > li a{
width: 70px;
height: 70px;
margin: 20px auto;
border-radius: 100%;
padding: 0;
}

.nav-tabs > li a:hover{
background: transparent;
}

.tab-content{
    border:none !important;
}
.tab-pane{
position: relative;
padding-top: 50px;
}
.tab-content .head{
font-family: 'Roboto Condensed', sans-serif;
font-size: 25px;
text-transform: uppercase;
padding-bottom: 10px;
}
.btn-outline-rounded{
padding: 10px 40px;
margin: 20px 0;
border: 2px solid transparent;
border-radius: 25px;
}

.btn.green{
background-color:#5cb85c;
/*border: 2px solid #5cb85c;*/
color: #ffffff;
}

.tag {
   position:absolute;
   bottom:5px;
   left:30px;
   right:30px;
   color:#FFF;
   font-weight:bold;
   font-size:9px;
   padding:2px 1px;
   text-align:center;
   border-radius:3px;
}

.tag-budget {
   background-color: #5cb85c;
}

.tag-economy {
   background-color:#5bc0de;
}

.tag-premium-economy {
   background-color:#428bca;
}

.tag-luxury {
   background-color:#f0ad4e;
}

#calendar-table {
   display:none;
}

#calendar-table.visible-table {
   display:block;
}

@media( max-width : 585px ){

.board {
width: 100%;
height:auto !important;
}
span.round-tabs {
    font-size:16px;
width: 50px;
height: 50px;
line-height: 50px;
}
.tab-content .head{
    font-size:20px;
    }
.nav-tabs > li a {
width: 50px;
height: 50px;
line-height:50px;
}

li.active:after {
content: " ";
position: absolute;
left: 35%;
}

.btn-outline-rounded {
padding:12px 20px;
}
}

.horizontalnavs > li a{

    width: 150px !important;
    height: 40px !important;
    margin: 0px auto !important;
    border-radius: 0 !important;
    padding: 5px !important;
    padding-top: 5px;
    background-color: #C9EAFF;
}

.padding {
	padding-bottom: 50px;
}

.fa {
	position: relative;
	top:20px;
}

.text-center {
    text-align: center !important;
}

.description {
    position: relative;
    text-align: center !important;
    top: -50px;
}

.nav.nav-justified > li > a { position: relative; }
.nav.nav-justified > li > a:hover,
.nav.nav-justified > li > a:focus { background-color: transparent; }
.nav.nav-justified > li > a > .quote {
    position: absolute;
    left: 0px;
    top: 0;
    opacity: 0;
    width: 30px;
    height: 30px;
    padding: 5px;
    background-color: #13c0ba;
    border-radius: 15px;
    color: #fff;  
}
.nav.nav-justified > li.active > a > .quote { opacity: 1; }
.nav.nav-justified > li > a > img { box-shadow: 0 0 0 5px #13c0ba; }
.nav.nav-justified > li > a > img { 
    max-width: 100%; 
    opacity: .3; 
    -webkit-transform: scale(.8,.8);
            transform: scale(.8,.8);
    -webkit-transition: all 0.3s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            transition: all 0.3s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.nav.nav-justified > li.active > a > img,
.nav.nav-justified > li:hover > a > img,
.nav.nav-justified > li:focus > a > img { 
    opacity: 1; 
    -webkit-transform: none;
            transform: none;
    -webkit-transition: all 0.3s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            transition: all 0.3s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.tab-pane .tab-inner { padding: 30px 0 20px; }

@media (min-width: 768px) {
    .nav.nav-justified > li > a > .quote {
        left: auto;
        top: auto;
        right: 20px;
        bottom: 0px;
    }  
}

.colortheme{
    color: #ff6d3b ;
    font-weight: bold;
}

.paddingtopbottom {
    padding-top: 70px;
    padding-bottom: 70px;
    padding-left: 5px;
    padding-right: 5px;
}

/*
 * Row with equal height columns
 * --------------------------------------------------
 */
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}

.btn.active, .btn:active {
    background-color: #2a445e !important;
}


.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #2a445e !important;
    border-color: #285e8e !important;
}

.btn-primary:hover{
    color: #fff;
    background-color: #ff6d3b !important;
    border-color: #285e8e !important;
}

.panel-heading {
    background-color: #FFF !important; 
}

.supplier_title {
    color: #ffffff !important;
    background-color: #ff6d3b;
    padding: 10px;
    position: relative;
    right: -20px;
}

.supplier_bg {
    background: #ececec;
}

.no-br {
    border-radius: 0px 0px 10px 10px;
}

.panel-default {
    border-radius: 30px !important;
}

.options {
    position: relative;
    bottom: 10px;
}

.options_reposition {
    position: relative;
    right: 60px;
}

table td , table th {
    border-top: none !important;
}

.pad-right {
    padding-right: 20px;
}

.full-width {
    width: 100%;
    background-color: #f26721;
    background-size: cover;
    margin-bottom: 80px;
}

.exp-footer-links li a {
    text-transform: uppercase;
    font-size: 12px;
    color: white;
    padding: 3px 5px;
    font-weight: bold;
    text-decoration: none;
}



.graph-row {

    margin-left:  0px !important;
    margin-right: 0px !important;
}
/* mozilla */
@-moz-document url-prefix() { 
  .selector {
     color:lime;
  }

  .jucy_moz {
    padding: 10px;
  }
  .mighty_moz {
    padding: 8px;
  }
  .spaceship_moz {
    padding: 0px;
  }
  .travellers_moz {
    padding: 0px;
  }
  .camperman_moz {
    padding: 20px;
  }
  .lucky_moz {
    padding-top:11px;
    padding-bottom: 5px;
  }
  .britz_moz {
    padding: 27px;
  }
  .auto_moz {
    padding: 20px;
  }
  .cruisin_moz {
    padding: 32px;
  }
  .drive_moz {
    padding: 28px;
  }
  .maui_moz {
    padding: 20px;
  }

}

/* IE 10 + */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
   .jucy_moz {
    padding: 10px;
  }
  .mighty_moz {
    padding: 8px;
  }
  .spaceship_moz {
    padding: 0px;
  }
  .travellers_moz {
    padding: 0px;
  }
  .camperman_moz {
    padding: 20px;
  }
  .lucky_moz {
    padding-top:11px;
    padding-bottom: 5px;
  }
  .britz_moz {
    padding: 27px;
  }
  .auto_moz {
    padding: 20px;
  }
  .cruisin_moz {
    padding: 32px;
  }
  .drive_moz {
    padding: 28px;
  }
  .maui_moz {
    padding: 20px;
  }

  .jucy_p {
    padding-bottom: 20px;
  }
}

/* chrome */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .camperman_moz {
        padding: 9px;
    }
    .auto_moz {
    padding-top:10px;
    padding-bottom: 5px;
    }
    .auto_p {
    padding-bottom:18px;
    }
}

/* Microsoft Edge Browser 12+ (All) - @supports method */

@supports (-ms-accelerator:true) {
  .selector { property:value; } 
  .jucy_moz {
    padding: 10px;
  }
  .mighty_moz {
    padding: 8px;
  }
  .spaceship_moz {
    padding: 0px;
  }
  .travellers_moz {
    padding: 0px;
  }
  .camperman_moz {
    padding: 20px;
  }
  .lucky_moz {
    padding-top:11px;
    padding-bottom: 5px;
  }
  .britz_moz {
    padding: 27px;
  }
  .auto_moz {
    padding: 10px;
  }
  .cruisin_moz {
    padding: 32px;
  }
  .drive_moz {
    padding: 28px;
  }
  .maui_moz {
    padding: 20px;
  }

  .jucy_p {
    padding-bottom: 20px;
  }
}