/* FADE/SCALE EFFECT */
  .modal.fade .modal-dialog {
    opacity: 0;
    -webkit-transform: scale(0.1);
      -ms-transform: scale(0.1);
       -o-transform: scale(0.1);
        transform: scale(0.1);
    -webkit-transition: all 0.3s ease;
       -moz-transition: all 0.3s ease;
       -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
  }

  .modal.fade.in .modal-dialog {
    opacity: 1;
    -webkit-transform: scale(1);
      -ms-transform: scale(1);
       -o-transform: scale(1);
        transform: scale(1);
    -webkit-transform: translate3d(0%, 0, 0);
      -ms-transform: translate3d(0%, 0, 0);
       -o-transform: translate3d(0%, 0, 0);
        transform: translate3d(0%, 0, 0);
  }
/* DIALOG CONTENT */
.modal-content {
  border: none;
  border-radius: 2px;
  -webkit-box-shadow: 0 40px 77px rgba(0, 0, 0, 0.22), 0 27px 24px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0 40px 77px rgba(0, 0, 0, 0.22), 0 27px 24px rgba(0, 0, 0, 0.2);
      box-shadow: 0 40px 77px rgba(0, 0, 0, 0.22), 0 27px 24px rgba(0, 0, 0, 0.2);
}

/* DIALOG HEADER */
.modal-header {
  min-height: 16px;
  padding: 24px;
  border-bottom: none;
}

.modal-title {
  font-weight: 500;
  font-size: 21px;
}

/* DIALOG BODY */
.modal-body {
  padding: 0 24px;
}

.modal-body p {
  font-weight: 400;
  font-size: 14px;
  color: #212121;
}

.modal-body .lead {
  font-weight: 300;
  font-size: 16px;
  color: #757575;
}

.modal-body p:last-child,
.modal-body .lead:last-child {
  margin-bottom: 0;
}

/* DIALOG FOOTER */
.modal-footer {
  margin-top: 24px;
  padding: 8px 0;
  border-top: none;
}

.modal-footer .btn {
  height: 36px;
  margin-right: 8px;
  padding: 8px 10px;
  border: none;
  border-radius: 0;
  text-transform: uppercase;
  font-weight: 500;
  color: #F9A21A;
  background-color: #fff;
}

.modal-footer .btn:focus {
  outline: none;
  box-shadow: none;
}

.modal-footer .btn:focus,
.modal-footer .btn:hover {
  color: #F9A21A;
}

.modal-footer .btn + .btn {
  margin-left: 0;
}

.modal-footer .btn + .btn:last-child {
  margin-left: -4px;
}

.alert-dismissable .close, .alert-dismissible .close{
  right: 0;
}
/* Font */
body{
    font-family: 'Roboto', sans-serif;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url('../fonts/ek4gzZ-GeXAPcSbHtCeQI_esZW2xOQ-xsNqO47m55DA.woff2') format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url('../fonts/mErvLBYg_cXG3rLvUsKT_fesZW2xOQ-xsNqO47m55DA.woff2') format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url('../fonts/-2n2p-_Y08sg57CNWQfKNvesZW2xOQ-xsNqO47m55DA.woff2') format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url('../fonts/u0TOpm082MNkS5K0Q4rhqvesZW2xOQ-xsNqO47m55DA.woff2') format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url('../fonts/NdF9MtnOpLzo-noMoG0miPesZW2xOQ-xsNqO47m55DA.woff2') format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url('../fonts/Fcx7Wwv8OzT71A3E1XOAjvesZW2xOQ-xsNqO47m55DA.woff2') format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url('../fonts/CWB0XYA8bzo0kSThX0UTuA.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}


/*Sidebar Left*/
.animate-trigger-close{
    -webkit-transition: all 2.5s ease-in;
    -moz-transition: all 2.5s ease-in;
    -o-transition: all 2.5s ease-in;
    -ms-transition: all 2.5s ease-in;
    transition: all 2.5s ease-in; 
    left: 0;
}

.animate-trigger-open{
    -webkit-transition: all 1s ease-in;
    -moz-transition: all 1s ease-in;
    -o-transition: all 1s ease-in;
    -ms-transition: all 1s ease-in;
    transition: all 1s ease-in;
    left: 50%;
}

.animate-close-fast {
    -webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    -ms-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
    left: 0.01%;
}
.animate-open-fast{
    -webkit-transition: all 0s ease-in;
    -moz-transition: all 0s ease-in;
    -o-transition: all 0s ease-in;
    -ms-transition: all 0s ease-in;
    transition: all 0s ease-in;
    left: 50%;
}

.sidebar-none{
    display: none;
}

.sidebar-block{
    display: block;
}


.layer-flight, .layer-hotel, .layer-train, .layer-tour, .layer-car, .layer-ppob{
    position: fixed;
    top: 0px;
    margin-left: -50%;
    padding: 15px 15px 15px 65px;
    height: 100%;
    width: 50%;
    background-color: #Ffffff;
    z-index: 9899;
    overflow: auto;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.13);
}

@media screen and (max-width: 760px) {
    .layer-flight, .layer-hotel, .layer-train, .layer-tour, .layer-car, .layer-ppob{
        display: none;
    }
}


@media (max-width: 992px) {
    .fixed-sidebar{ 
        position: fixed;
        cursor: pointer;
        z-index: 99;
        left: 0px;
        top: 615px;
    }
}
.fixed-sidebar{
    position: fixed;
    z-index: 9999;
    cursor: pointer;    
    left: 0px;
    top: 215px;
}
.sidebtn{
    border-radius: 0px !important;
}




/*Sidebar Right*/


.nav-controller {
    position: fixed;
    top: 175px;
    right: 0px;
    cursor: pointer;
    z-index: 1000;
    margin-right: -300px;
}

nav {
    position: fixed;
    top: 0px;
    right: -100%;
    padding: 10px 30px 20px 20px;
    height: 100%;
    max-width: 350px;
    background-color: rgb(255, 255, 255);
    color: #000;
    box-shadow: -3px 0px 3px 0px rgba(160, 160, 160, 0.30);
    z-index: 1000;
    overflow: auto
}

@media (max-width: 992px) {
    nav {
        padding: 20px 70px 20px 20px;
    }        
}

nav.focus {
    right: 0px
}

.side-menu {
    margin-bottom: 30px;
    padding-bottom: 150px;
}
.side-menu .navbar {
    border: none-flight;
    padding-left: 10px
}
.side-menu .navbar-header {
    width: 100%;
    border-bottom: 1px solid #e7e7e7
}
.side-menu .navbar-nav .active a {
    background-color: transparent
}
.side-menu .navbar-nav li {
    display: block;
    width: 100%;
    margin-left: 2px;
    border-bottom: 1px solid #e7e7e7
}
@media (max-width: 480px) {
    .nav-controller {
        position: fixed;
        top: 175px;
        right: 0px;
        cursor: pointer;
        z-index: 1000;
        margin-right: -300px;
        -webkit-overflow-scrolling: touch;
    }
    nav {
      position: fixed;
      top: 0px;
      right: -100%;
      padding: 10px 60px 20px 30px;
      height: 100%;
      width: 83% !important;
      background-color: rgb(255, 255, 255);
      color: #000;
      box-shadow: -3px 0px 3px 0px rgba(160, 160, 160, 0.30);
      z-index: 1000;
      overflow: auto
  }
}
@media (max-width: 1200px) {
    .side-menu .navbar-nav li {
        display: block;
        width: 100%;
        border-bottom: 1px solid #fff;
        margin-left: 15px
    }
    .side-menu .navbar-nav li a {
        border-bottom: 1px solid #fff
    }
}
.side-menu .navbar-nav li a {
    padding: 15px
}
.side-menu .navbar-nav li a .glyphicon {
    padding-right: 10px
}
.side-menu #dropdown {
    border: 0;
    margin-bottom: 0;
    border-radius: 0;
    background-color: transparent;
    box-shadow: none-flight
}
.side-menu #dropdown .caret {
    float: right;
    margin: 9px 5px 0
}
.side-menu #dropdown .indicator {
    float: right
}
.side-menu #dropdown > a {
    border-bottom: 0px solid #e7e7e7
}
.side-menu #dropdown .panel-body {
    padding: 0
}
.side-menu #dropdown .panel-body .navbar-nav {
    width: 100%
}
.side-menu #dropdown .panel-body .navbar-nav li {
    border-bottom: 1px solid #e7e7e7;
    width: 80%;
    margin-left: 20px;
}
.side-menu #dropdown .panel-body .navbar-nav li:last-child {
    border-bottom: none-flight
}
.side-menu #dropdown .panel-body .panel > a {
    margin-left: -20px;
    padding-left: 35px
}
.side-menu #dropdown .panel-body .panel-body {
    margin-left: -15px
}
.side-menu #dropdown .panel-body .panel-body li {
    padding-left: 30px
}
.side-menu #dropdown .panel-body .panel-body li:last-child {
    border-bottom: 1px solid #e7e7e7
}
.side-menu #search-trigger {
    background-color: #f3f3f3;
    border: 0;
    border-radius: 2px;
    position: absolute;
    top: 0;
    right: 0;
    padding: 10px;
    margin: 5px
}
.side-menu .brand-name-wrapper {
    min-height: 50px
}
.side-menu .brand-name-wrapper .navbar-brand {
    display: block
}
.side-menu #search {
    position: relative;
    z-index: 1000
}
.side-menu #search .panel-body {
    padding: 0
}
.side-menu #search .panel-body .navbar-form {
    padding: 0;
    padding-right: 50px;
    width: 100%;
    margin: 0;
    position: relative;
    border-top: 1px solid #e7e7e7
}
.side-menu #search .panel-body .navbar-form .form-group {
    width: 100%;
    position: relative
}
.side-menu #search .panel-body .navbar-form input {
    border: 0;
    border-radius: 0;
    box-shadow: none-flight;
    width: 100%;
    height: 50px
}
.side-menu #search .panel-body .navbar-form .btn {
    position: absolute;
    right: 0;
    top: 0;
    border: 0;
    border-radius: 2px;
    background-color: #f3f3f3;
    padding: 10px;
    margin: 5px
}

.btn-primary-plus{
    background-color:#F9A21A;
}
.btn-primary-plus:hover,.btn-primary-plus:focus,.btn-primary-plus:active,.btn-primary-plus:visited,.btn-primary-plus:link{
  background-color:#F9A21A;
    border-color:#F9A21A;
    color: #fff;
}

.btn-side{
  padding: 10px 14px;
  font-size: 18px;
  line-height: 1.3333333;
}

@media (max-width: 480px) {
.btn-small{
  padding: 6px 6px !important;
}
}

a > .btn-primary-plus > .btn:hover{
  color: #fff;
}

.panel-no-shadow{
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important;
}

.animate-right-open {
    -webkit-transition: all 1.25s ease-in;
     -moz-transition: all 1.5s ease-in;
     -o-transition: all 1.25s ease-in;
     -ms-transition: all 1.25s ease-in;
     transition: all 1.25s ease-in;
     right: 0px;
}

.animate-right-close{
    -webkit-transition: all 2.5s ease-in;
     -moz-transition: all 2.5s ease-in;
     -o-transition: all 2.5s ease-in;
     -ms-transition: all 2.5s ease-in;
     transition: all 2.5s ease-in;
     right: -360px;
}

.animate-right-close-fast {
    -webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    -ms-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
}

/* Style01.css */
.greyplus{
  margin-bottom: -22px;
  margin-right: -30px;
}

.mespin{
  color:#666675;
  margin:0px 0px 15px 10px;
}

.radio-toolbar input[type="radio"] {
    display:none; 
}

.radio-toolbar label {
    display:inline-block;
    background-color:#fff;
    
    padding:10px;
    cursor: pointer;
    position: relative;
    vertical-align: middle;
    float: left;
    margin-bottom: 15px;
    width: 50%;
    color: #F9A21A;
    padding-left:15px; 
    border: 1px solid #ebebeb;
    box-shadow: #CED2DB 0 1px 2px 0;
}

.radio-toolbar label:hover {
    background-color:#F9A21A;
    border: 1px solid #F9A21A;
    color: #fff;
}

.radio-toolbar input[type="radio"]:checked + label { 
    background-color:#F9A21A;
    color: #fff;
    border: 1px solid #F9A21A;
    box-shadow: #CED2DB 0 1px 2px 0;
}

.darkblue{
color:#003366;
}

.wh5percent{width:5%;}
.wh15percent{width:15%;}
.wh25percent{width:25%;}
.wh35percent{width:35%;}
.wh45percent{width:45%;}
.wh55percent{width:55%;}
.wh65percent{width:65%;}
.wh75percent{width:75%;}
.wh85percent{width:85%;}
.wh95percent{width:95%;}

.lh6{line-height:24px;}

.flightsgrid{
width:100%;
background:url('../img/bgflights.png') #000 repeat-y;
}
.flightsgridmore{
width:100%;
height:30px;
background:#F9A21A;
color:black;
text-align:center;
padding:4px 0px 0px 0px;
}


.filtertip2 {height:100px; background:#fff; padding:0px; color:#999999; position:relative; text-align:center; line-height:10px; }
.filtertip2 a{color:#999999;}
.tip-arrow2{width:33px; height:9px; background:url('../images/tip-arrowu.png'); position:absolute; bottom:-9px; left:50%; margin-left:-15px;}


/*#####################
    FLIGHTS
#####################*/
.fblueline{
  background:#000;
  padding:10px 10px 10px 10px;
  color:#fff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.13);
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  position: relative;
}
.fgreenline{
  background:#000;
  padding:10px 10px 10px 10px;
  color:#fff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.13);
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  position: relative;
}
.frow1{
  background:#f2f2f2;
  min-height:100px;
  color:#666;
  border-left: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  border-top: 1px solid #DDD;
  margin-top: -1px;

}
.frowexpand{
  background:#fff;
  color:#666;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
  box-shadow: 0px 11px 8px -13px #CCC inset, 0px -11px 8px -13px #CCC inset;
  -webkit-box-shadow: 0px 11px 8px -13px #CCC inset, 0px -11px 8px -13px #CCC inset;
}

.frow2{
  background:#F6F7F8;
  min-height:85px;
  color:#666;
  border-left: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  border-top: 1px solid #DDD;
  margin-top: -1px; 
}

.cartfrow{
  background:#FFFFFF;
  min-height:90px;
  color:#666666;
  padding: 15px 15px 15px 15px;
  border: 1px solid #DDD;
}

.activefrow{
  background:#F9FAE4;
}


.fselect{
  background:#f2f2f2;
  padding:10px;
  text-align:right;
  margin-bottom: 40px;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
}
.table  tbody > tr > td{
  /*border-top:0px!important;
  width:20%;*/
}

.mygrey{
  background: #fff;
  color:#666;
  border-right: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  padding: 10px;
  box-shadow: 0px 11px 8px -13px #CCC inset, 0px -11px 8px -13px #CCC inset;
  -webkit-box-shadow: 0px 11px 8px -13px #CCC inset, 0px -11px 8px -13px #CCC inset;
}

.mycartgrey{
  background: #fff;
  color:#666;
  border-right: 1px solid #DDD;
  border-left: 1px solid #DDD;
  border-bottom: 1px solid #DDD;
  padding: 10px;
  box-shadow: 0px 11px 8px -13px #CCC inset, 0px -11px 8px -13px #CCC inset;
  -webkit-box-shadow: 0px 11px 8px -13px #CCC inset, 0px -11px 8px -13px #CCC inset;
}



/*#####################
   Hide button
#####################*/
.hidebtn{
border:2px solid #ef9348;
padding:5px 15px 5px 15px;
background:#fff;
color:#ef9348;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-transition:.2s;-moz-transition:.2s;transition:.2s
}
.hidebtn:hover{
border:2px solid #ef9348;
color:#fff;
background:#ef9348;
}
.hidebtn:hover.cunvailable{
border:2px solid #ebebeb;
padding:5px 15px 5px 15px;
background:#fff;
color:#999;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-transition:.2s;-moz-transition:.2s;transition:.2s
}


.lightbtn{
border:2px solid #ebebeb;
padding:5px 15px 5px 15px;
background:#fff;
color:#999;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-transition:.2s;-moz-transition:.2s;transition:.2s
}
.lightbtn:hover{
border:2px solid #e2e2e2;
padding:5px 15px 5px 15px;
background:#F9A21A;
color:#fff;
}
.lightbtn:hover.cunvailable{
border:2px solid #ebebeb;
padding:5px 15px 5px 15px;
background:#fff;
color:#999;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-transition:.2s;-moz-transition:.2s;transition:.2s
}

.selectbtn{
border:2px solid #0099cc;
padding:5px 10px 5px 10px;
background:#0099cc;
color:#fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-transition:.2s;-moz-transition:.2s;transition:.2s
}
.selectbtn:hover{
border:2px solid #F9A21A;
padding:5px 10px 5px 10px;
background:#F9A21A;
color:#fff;
}
.selectbtn:hover.cunvailable{
border:2px solid #ebebeb;
padding:5px 15px 5px 15px;
background:#fff;
color:#999;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-transition:.2s;-moz-transition:.2s;transition:.2s
}


.bookbtn2{
border:2px solid #ebebeb;
padding:5px 15px 5px 15px;
background:#fff;
color:#999;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-transition:.2s;-moz-transition:.2s;transition:.2s
}
.bookbtn2:hover{
border:2px solid #72bf66;
color:#fff;
background:#72bf66;
}
.bookbtn2:hover.cunvailable{
border:2px solid #ebebeb;
padding:5px 15px 5px 15px;
background:#fff;
color:#999;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-transition:.2s;-moz-transition:.2s;transition:.2s
}




span.farrow{
width:12px;
height:5px;
display:inline-block;
background:url('../images/arrowu.png') no-repeat;
position:relative;
top:-2px;
}
span.farrow-top{
width:5px;
height:12px;
display:inline-block;
background:url('../images/arrowu-top.png') no-repeat;
}
span.farrow-btm{
width:5px;
height:12px;
display:inline-block;
background:url('../images/arrowu-btm.png') no-repeat;
}



/*###############################
   FLIGHTS TABLE RESPONSIVE
#################################*/

ul.flightstable{
margin:0px;
padding:0px;
}
ul.flightstable li{
min-height:40px;
border:0px solid #ccc;
list-style-type: none;
margin:0px;
padding:0px;
}

ul.flightstable li.ft1{
float:none;
width:100%;
padding: 0px 0px 0px 20px;
margin-top: -20px;
}
ul.flightstable li.ft2{
float:left;
width:33%;
padding: 0px 0px 0px 30px;
}
ul.flightstable li.ft3{
float:left;
width:33%;
padding: 0px 0px 0px 30px;
}
ul.flightstable li.ft4{
float:left;
width:33%;
padding: 0px 0px 0px 30px;
}
ul.flightstable li.ft5{
float:none;
width:100%;
clear:both;
padding: 0px 0px 0px 0px;
}

@media (min-width: 600px) {
  ul.flightstable li.ft1{
  float:left;
  width:20%;
  }
  ul.flightstable li.ft2{
  float:left;
  width:20%;
  }
  ul.flightstable li.ft3{
  float:left;
  width:20%;
  }
  ul.flightstable li.ft4{
  float:left;
  width:20%;
  }
  ul.flightstable li.ft5{
  float:left;
  width:20%;
  clear:none;
  }
}
/*   END OF FLIGHTS TABLE RESPONSIVE */


/*###############################
   FLIGHTS PAYMENT PAGE
#################################*/

.fdash{
width:100%;
height:1px;
background:url('../images/dash.png');
}

.fcircle{
width:39px;
height:39px;
border:2px solid #ebebeb;
background:#fff;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
position:relative;
z-index:100;
}
.fline2px{
width:100%;
height:2px;
background:#ebebeb;
display:block;
position:relative;
top:-20px;
z-index:10;
}

span.fdeparture{
width:25px;
height:21px;
background:url('../images/departure.png') no-repeat;
display:block;
margin:6px 0px 0px 4px;
}
span.traindeparture{
width:25px;
height:21px;
background:url('../images/kaidepart.png') no-repeat;
display:block;
margin:6px 0px 0px 4px;
}
span.fstop{
width:25px;
height:21px;
background:url('../images/stop.png') no-repeat;
display:block;
margin:6px 0px 0px 4px;
}
span.farrival{
width:25px;
height:21px;
background:url('../images/arrival.png') no-repeat;
display:block;
margin:6px 0px 0px 4px;
}
span.trainarrival{
width:25px;
height:21px;
background:url('../images/kaiarrive.png') no-repeat;
display:block;
margin:6px 0px 0px 4px;
}


span.fcaricon{
width:25px;
height:21px;
background:url('../images/caricon.png') no-repeat;
display:block;
margin:6px 0px 0px 4px;
}
span.fhotelicon{
width:25px;
height:21px;
background:url('../images/hotelicon.png') no-repeat;
display:block;
margin:6px 0px 0px 4px;
}

.deal{min-height:78px; padding:13px 0 13px 0; border-bottom:1px solid #ececec;font-weight:400;font-size:15px;}
img.dealthumb {float:left;}
.dealtitle{float:left; max-width:60%; margin-left:10px; border:0px solid black; line-height:16px;}
.dealprice{float:right; }
.price{font-weight:700; color:#F9A21A; font-size:18px;}
.dtitle{font-size:16px; color:#F39C12; font-weight:700;text-transform:uppercase;}




/*###############################
   WE ARE SEARCHING
#################################*/

img.search-logo{margin-bottom:5px; width:130px;}
.blue, .blue:hover, .blue:focus{color:#F9A21A;}
.fblue, .fblue:hover, .fblue:focus{color:#F9A21A !important;}
.login-wrap2{
width:80%;
height:450px;
background:transparent;
margin:auto auto;
position:absolute;
}
@media (min-width: 700px) {
  .login-wrap2{
  width:660px;
  height:450px;
  background:transparent;
  margin:auto auto;
  position:absolute;
  }
}

.searchingbg{
width:100%;
height:250px;
background:white;
}

ul.leftatr{
list-style-type:none;
margin:0px;
padding:0px;
float:left;
width:40%;
}
ul.leftatr li{
height:50px;
background:#F9A21A;
border-bottom:2px solid #e7e7e7;
text-align:right;
padding-top:15px;
padding-right:20px;
text-transform:uppercase;
color:#fff;
font-weight:700;
font-size:14px;
}


ul.rightatr{
list-style-type:none;
margin:0px;
padding:0px;
float:right;
width:60%;
}
ul.rightatr li{
height:50px;
background:#fff;
border-bottom:2px solid #e7e7e7;
text-align:left;
padding-top:15px;
padding-left:20px;
text-transform:uppercase;
color:#999999;
font-weight:700;
font-size:14px;
}


/*###############################
    CARS LISTINGS
#################################*/

.carscontainer{
border:1px solid #e6e6e6;

}


span.icn-air{
width:16px;
height:15px;
background:url('../images/icon-air.png')no-repeat;
display:inline-block;
position:relative;
top:3px;
margin-right:7px;
}
span.icn-gas{
width:16px;
height:15px;
background:url('../images/icon-gas.png')no-repeat;
display:inline-block;
position:relative;
top:3px;
margin-right:7px;
}
span.icn-gear{
width:16px;
height:15px;
background:url('../images/icon-gear.png')no-repeat;
display:inline-block;
position:relative;
top:3px;
margin-right:7px;
}
.purchasecontainer{
border-top:1px solid #e6e6e6;
margin-top:10px;
padding:10px 20px 10px 20px;
}


.carscontainer img{opacity:0.9; -webkit-transition:.2s;-moz-transition:.2s;transition:.2s}
.carscontainer img:hover{opacity:1;}



/*###############################
     RENTACARS PAYMENT
#################################*/

.cposalert{
position:absolute;
bottom:28px;
width:95%;
text-align:right;
}
.alertcust{
border-radius:0px;
margin:0 auto;
border:0px;
text-align:left;
}


/*###############################
      ACTIVITIES
#################################*/
.itemlabel4{background:#FFF; width:100%; height:210px;  ; font-size:13px; line-height:15px; overflow:hidden; border:1px solid #dddddd;}








/*###############################
      CRUISES
#################################*/


.cruisedropd{
width:100%;

background:#f2f2f2;
border:1px solid #dddddd;

}
.crclose{
border-top:1px solid #dddddd;
padding:10px;
background:#fff;
margin-top:-1px;
}

ul.cruislist{
list-style-type:none;
margin:0px;
padding:0px;
width:16.6%;
float:left;

}

ul.cruislist li{
height:65px;
background:url('../images/dash.png') repeat-x;
text-align:center;
padding:15px 0;
}

.crpos{
margin-right:5px;
float:right;
}
li.crcstm01{
text-transform:uppercase;
color:#999;
font-weight:700;
font-size:13px;
padding-top:24px!important;
}

li.crcstm02{
text-transform:uppercase;
color:#ff6633;
font-weight:600;
font-size:13px;

padding-top:24px!important;
}




span.greensquare{
width:28px;
height:28px;
background:#72bf66;
display:inline-block;
margin-right:20px;
}

span.bluesquare{
width:28px;
height:28px;
background:#6699cc;
display:inline-block;
margin-right:20px;
}

.navbar-brand{
padding:20px 15px 0px 0!important;
}

.nav2 > li > a{

font-size:14px;
font-weight:bold;
}
.nav2 > li.active > a{
}

.navlight > li > a{
color:#fff;
}
.navlight > li.active> a{
color:#fff;
}
.navdark > li > a{
color:#666!important;
}
.navdark > li.active > a{
color:#006599;
}


img.logo2 {width:108px; margin-top:-13px;}
@media (min-width: 992px) {
img.logo2 {width:108px; margin-top:-43px;}
}



.fullscreen-container2 {
  width:100% !important;
  position:relative;
  padding:0;
  height:100%!important;
}
@media (min-width: 992px) {
  .fullscreen-container2 {
    width:100% !important;
    position:relative;
    padding:0;
    height:100%!important;
  }
}


.navbar-fixed-top2{
position:fixed;
top:0;
left:0;
right:0;
z-index:1000;
}
.navbg{
background:#fff;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.13);
}

.searchvalign{
margin-top:200px;
}

.searchcontainer{
z-index:100; 
position:relative; 
left:0;
right:0; 
max-width:550px; 
margin:  auto; 
margin-top:160px;
}

.tsdow{
text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}

.tp-leftarrow{
display:block;
}
.tp-rightarrow{
display:block;
}

.mw400{
  max-width:400px;
}
.inph{
  height:40px;
  z-index:10000;
}
.nbtn-search {
  text-transform:uppercase;
  margin-top:-38px;
  margin-right:2px;
  height:36px;
  border: 1px solid #d75124;
  background: #e35121;
  background: -webkit-gradient(linear, left top, left bottom, from(#ff6633), to(#e35121));
  background: -webkit-linear-gradient(top, #ff6633, #e35121);
  background: -moz-linear-gradient(top, #ff6633, #e35121);
  background: -ms-linear-gradient(top, #ff6633, #e35121);
  background: -o-linear-gradient(top, #ff6633, #e35121);
  padding: 7.5px 13px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: rgba(0,0,0,0.18) 0 1px 0;
  -moz-box-shadow: rgba(0,0,0,0.18) 0 1px 0;
  box-shadow: rgba(0,0,0,0.18) 0 1px 0;
  text-shadow: rgba(0,0,0,.4) 0 -1px 0;
  color:#ffffff;
  font-size: 13px;
  
  text-decoration: none;
  vertical-align: middle;

  font-weight:700;
  
-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;
}
.nbtn-search:hover{
  /*color:#be3507;*/
  color:#ffffff;
  /*text-shadow: rgba(255,255,255,.4) 0 1px 0;*/
  text-shadow: rgba(0,0,0,.4) 0 -1px 0;
  
  background: #ff6633;
  background: -webkit-gradient(linear, left top, left bottom, from(#e35121), to(#ff6633));
  background: -webkit-linear-gradient(top, #e35121, #ff6633);
  background: -moz-linear-gradient(top, #e35121, #ff6633);
  background: -ms-linear-gradient(top, #e35121, #ff6633);
  background: -o-linear-gradient(top, #e35121, #ff6633);
}

.lnews{
padding:50px;
text-align:center;

font-size:24px;
color:#000;
text-transform:uppercase;
}

.right0{
right:0px;
}

.airlines{
  width: 100px;
  height: 100px;
  margin-top: -20px;
}

.Promo{
  background-color: #D35400;
  color: #fff;
}

.Economy{
  background-color: #27AE60;
  color: #fff;
}

.Business{
  background-color: #2980B9;
  color: #fff;
}


.label-promo{
  display: inline;
  padding: 7px;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #D35400;
  float: right;
  margin-right: 5px;
  margin-bottom: 5px;
  border-radius: 2px;
}

.label-economy{
  display: inline;
  padding: 7px;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #27AE60;
  float: right;
  margin-right: 5px;
  margin-bottom: 5px;
  border-radius: 2px;
}

.label-business{
  display: inline;
  padding: 7px;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #2980B9;
  float: right;
  margin-right: 5px;
  margin-bottom: 5px;
  border-radius: 2px;
}

.TrainEconomy{
  background-color: #D35400;
  color: #fff;
}

.TrainBusiness{
  background-color: #27AE60;
  color: #fff;
}

.TrainExecutive{
  background-color: #2980B9;
  color: #fff;
}

.label-TrainEconomy{
  display: inline;
  padding: 7px;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #D35400;
  float: right;
  margin-right: 5px;
  margin-bottom: 5px;
  border-radius: 2px;
}

.label-TrainBusiness{
  display: inline;
  padding: 7px;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #27AE60;
  float: right;
  margin-right: 5px;
  margin-bottom: 5px;
  border-radius: 2px;
}

.label-TrainExecutive{
  display: inline;
  padding: 7px;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #2980B9;
  float: right;
  margin-right: 5px;
  margin-bottom: 5px;
  border-radius: 2px;
}


.putih{
  background-color: #fff;
  padding: 10px;
  margin:-20px;
}

.full-width-tabs > ul.nav.nav-tabs {
    display: table;
    width: 100%;
    table-layout: fixed;
}
.full-width-tabs > ul.nav.nav-tabs > li {
    float: none;
    display: table-cell;
}
.full-width-tabs > ul.nav.nav-tabs > li > a {
    text-align: center;
}

.takeli{
    width:100%;
}

.logo_maskapai{
  margin-top: 0px;
  /* margin-left: 35px; */
}

.font18{
  font-size: 18px;
  color: #666;
  display: block;
}

.font16{
  font-size: 16px;
}

.nfont18{
  color: #666;
  font-size: 18px;
}

.font14{
  font-size: 14px;
}

#divSummary{
   position: relative;
}

#isiSummary{
  width: 100%;
  top: 0;
  left: 0;
}

#loadingSum{
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
} 

#loadingSum{
  z-index: 101;
  background-color: rgba(0,0,0,0.6);
    height: 100%;
}

.invalid{
  padding: 20px;
}

.reference{
  background: #F2F2F2;
  padding: 10px;
  display: inline-block;
}


/* Custom.css */
.image-maskapai{
  width:62px; 
  height:62px;
}
.text-carier-code{
  position:relative;margin-top:-5px;
  color: #666;
}
.date-std{
  font-size: 24px;
    color: #666;
    display: block;
    margin-top: 12px;
}
.direct-connect{
    margin-top: -15px;
}

.date-price{
  font-size: 20px;
  color: #666;
  display: block;
    margin-top: 12px;
}
@media (min-width: 480px) and (max-width: 1200px) {
    label.css-label{
        margin-top: 10px !important;
    }
}
@media (max-width: 992px) {
    .direct-connect{
        margin-top: 0px;
    }
  .image-maskapai{
    width:30px; 
    height:30px;
  }
  .text-carier-code{
        margin-top:0px;
    font-size: 12px;
    letter-spacing: 0px;
  }
  .date-std{
    font-size: 12px;
    letter-spacing: 0px;
        margin-top: 0px;
  }

  .date-price{
        margin-top: 0px;
    font-size: 14px;
    letter-spacing: 0px;
  }

  .form-inline-xs{
    display: inline-block;
  }

  .date-sta{
    font-size: 12px;
    letter-spacing: 0px;
  }
  .city-avaibility{
    font-size: 12px;
    letter-spacing: 0px;
  }
}


/*Makes bootstrap menu drop on hover*/
@media (min-width: 992px) {
  ul.nav li.dropdown > ul.dropdown-menu {
    display: block;  
    margin-top:40px;  
    opacity:0;
    
    transition: all .3s ease-in-out;  
    overflow:hidden;
  }

  ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;  
    margin-top:0px; 
    opacity:1;

  }
}



.mrdropdown{
  text-align: left;
}

.mruser{
  text-align: left;
  padding: 8px 8px 13px 8px !important;
  margin: 5px 15px 10px 15px;
}

@media (max-width: 992px) {
  .mrdropdown{
    text-align: left;
    margin-left: 65px;
  }
  .mruser{
    text-align: center;
  }
}
.lightcaret{

width:10px;
height:5px;
background:url('../images/caret.png') scroll 0 0 no-repeat;
display: inline-block;
margin-left: 2px;
vertical-align: middle;
}

ul.droplist { list-style:none;}
ul.droplist li{line-height:30px; border-bottom:1px solid #efefef; padding:0px 20px; -webkit-transition:.3s;-moz-transition:.3s;transition:.3s;}
ul.droplist li.dropdown-header{padding:0px 20px; }
ul.droplist li:hover.dropdown-header{background:#fff; }
ul.droplist li:hover{background:#efefef;}
ul.droplist li a{color:#444; -webkit-transition:.3s;-moz-transition:.3s;transition:.3s;}
ul.droplist li:hover a{color:#2980B9;  text-decoration:none;}

ul.droplist li.dropdown-title{  font-size:14px; color:#cccccc; padding:0px 20px; }
ul.droplist li:hover.dropdown-title{background:#fff; }

ul.droplist li.inactive{ }
ul.droplist li.inactive a{ color:#999; cursor:default;}
ul.droplist li:hover.inactive{background:#fff; }

.dropwidth01{width:650px;}
.dropwidth02{width:400px;}

.z-index100{z-index:100;}
.mtnav{position:relative; top:0px;}
.navbar-wrapper2{min-height:69px; background:#F9A21A; border-bottom:0px solid #cccccc; box-shadow: 0 0 5px rgba(0, 0, 0, 0.13); padding-bottom:0px;}
.mtslide{position:relative; top:50px;}
.mtslide2{position:relative; top:0px;}
@media (min-width: 992px) {
.navbar-wrapper2{height:69px; background:#F9A21A; border-bottom:0px solid #cccccc; box-shadow: 0 0 5px rgba(0, 0, 0, 0.13); padding-bottom:0px;}
.mtnav{position:relative; top:0px;}
.mtslide{position:relative; top:90px;}
}


.tp-leftarrow{top:240px!important;}
.tp-rightarrow{top:240px!important;}
@media (min-width: 992px) {
  .tp-leftarrow{
    top:50%!important;
  }
  .tp-rightarrow{
    top:50%!important;
  } 
}


img.fullwidth{width:100%; height:261px;}


img.logo {width:120px;}
.logo-citos-down{
  height: 30px;
  margin-bottom:10px;
}
.mb5{
  margin-bottom: 5px;
}

.img-visa{
  height: 30px;
}

/*GLOBAL*/
.none{display:none;}
.block{display:block;}
.left{float:left;}
.right{float:right;}
.center{margin:0 auto; text-align:center;}
.textleft{text-align:left;}
.textright{text-align:right;}
.textcenter{text-align:center;}
.caps{text-transform:uppercase;}
.relative{position:relative;}
.absolute{position:absolute;}
.fixed{position:fixed!important;}
.cpointer{cursor:pointer;margin-bottom: 5px}
.cunvailable{cursor:not-allowed;}
.indent0{text-indent:0px;}

.ohidden{overflow:hidden;}


.posright-0{right:auto!important}


.line1{background:#e7e7e7; height:1px;  margin:16px 0 6px 0; padding:0; display:block;}
.line2{background:#e8e8e8; height:1px;  margin:12px 0 6px 0; padding:0; display:block;}
.line3{background:#e8e8e8; height:1px;  margin:0px 0 0px 0; padding:0; display:block;}
.line4{background:#e8e8e8; height:1px;  margin:10px 0px 15px; padding:0; display:block;}
.line5{background:#e8e8e8; height:1px;  margin:4px 0 12px 0; padding:0; display:block;}

/*TYPOGRAPHY CUSTOMISATION*/
.xslim{font-weight:100;}
.slim{font-weight:300;}
.normal{font-weight:400;}


.bold{font-weight:700;}


.lh1{line-height:7px !important;}
.lh2{line-height:15px;}
.lh3{line-height:60px;}
.lh4{line-height:17px;}
.lh5{line-height:36px;}

.lato{}
.opensans{}
.size8{font-size:8px;}
.size10{font-size:10px;}
.size11{font-size:11px;}
.size12{font-size:12px;}
.size13{font-size:13px;}
.size14{font-size:14px;}
.size16{font-size:16px;}
.size18{font-size:18px;}
.size20{font-size:20px;}
.size22{font-size:22px;}
.size24{font-size:24px;}
.size28{font-size:28px;}
.size26{font-size:26px;}
.size30{font-size:30px;}
.size40{font-size:40px;}
.size48{font-size:48px;}
.size60{font-size:60px;}
.size65{font-size:65px;}
.size100{font-size:100px;}






/*COLORS*/
.white{color:#fff;}
.dark{color:#F9A21A}
.lgrey{color:#ccc;}
.lightgrey{color:#ccc;}
.grey{color:#999;}
.grey2{color:#666;}
.green{color:#2ECC71;}
.green2{color:#339933;}
.lblue{color:#F9A21A;}
.yellow{color:#ffff00;}
.red{color:#ff3300;}
.lred{color:#ff9966;}
.lred2{color:#ff5a00;}

/*anchors*/
a.dark{color:#333;text-decoration:none;}
a:hover.dark{color:#2980B9;text-decoration:none;}

a.grey{color:#999; font-weight:normal;}
a.orange{color:#ff6633;}

a.whitelink{color:#fff;}

a.greylink{color:#666;}

a.clblue{color:#F9A21A;}
a:hover.clblue{color:#F9A21A;text-decoration:none;}


a.green2{color:#2ECC71; font-weight:normal; text-decoration:none; -webkit-transition:.3s;-moz-transition:.3s;transition:.3s;}
a:hover.green2{color:#339933; font-weight:normal; text-decoration:none;}


/*COLORS*/


/*SHADOW*/
.shadow{box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}

/*IMAGE*/
.fwi{width:100%; height:261px; overflow:hidden; position:relative;}
.fwi img{width:100%; margin-left:0px;}
@media (min-width: 992px) {
.fwi img{width:120%;margin-left:-20px;}
}
@media (min-width: 1200px) {
.fwi img{width:100%; margin-left:0px;}
}

/*bg*/
.sliderbg{
position:fixed; 
background:url('../images/slider-bg.png') #333 scroll center center;
}
.sliderbg2{
position:fixed; 
background:url('../images/bg.jpg') #0d73a5 scroll center -50px no-repeat;
Width:100%; height:720px; 
}


/*ROLLOVER*/
.mhover{
width:100%;
height:100%;
position:absolute;
top:0px;
z-index:100000;
background: rgba(21,38,47,0.8);
}
.mhover span{
width:30px;
height:30px;
margin-left:-30px;
background:url('../images/sprite.png') 2px -148px transparent;
position:absolute;
top:50%;
z-index:100000;
}
.mhover span img{
width:30px;
height:30px;
}


.ctitle{width:100%; height:63px;padding:18px;background:#15262f; position:relative; font-size:20px;color:#fff;text-transform:uppercase;}
.ctitle span {float:right; color:#2ECC71; font-size:18px;}
.ctitle a {float:right; padding:4px 0px 0px 20px;}
.ctitle a img {width:14px;height:18px; display:block; background:url('../images/sprite.png')  0px -36px}
.ctitle a:hover img {width:14px;height:18px; display:block; background:url('../images/sprite.png')  0px -54px}

.ftitle{ Font-size:16px; color:#666; font-weight:700;}

.ftitleblack{Font-size:16px; color:#fff; font-weight:700;}


/*Alignments positioning*/
.paddingg{padding:0px !important;}
.pbottom15{padding-bottom:10px;}
.m1{margin:13px 0px 0px 22px;}

.mt110{position:relative; top:90px;}
.mt1{position:relative; top:1px;}
.mt2{position:relative; top:2px;}
.mt3{position:relative; top:3px;}
.mt4{position:relative; top:4px;}
.mt5{position:relative; top:5px;}
.mt6{position:relative; top:6px;}
.mt7{position:relative; top:7px;}
.mt8{position:relative; top:8px;}
.mt9{position:relative; top:9px;}
.mt10{position:relative; top:10px;}
.mt15{position:relative; top:15px;}
.mt20{position:relative; top:20px;padding-bottom: 20px}
.mt25{position:relative; top:75px;}
.mt30{position:relative; top:30px;}
.mt-1{position:relative; top:-1px;}
.mt-2{position:relative; top:-2px;}
.mt-3{position:relative; top:-3px;}
.mt-4{position:relative; top:-4px;}
.mt-5{position:relative; top:-5px;}
.mt-6{position:relative; top:-6px;}
.mt-7{position:relative; top:-7px;}
.mt-8{position:relative; top:-8px;}
.mt-9{position:relative; top:-9px;}
.mt-10{position:relative; top:-10px;}
.mt-200{position:relative; top:-261px;}
.mt-130{position:relative; top:-130px;}


.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}

.cmtt{position:relative; top:500px;}

.mr20{margin-right:20px;}
.mr30{margin-right:30px;}

.pt-6{position:relative;top:-6px;}

.ca01{margin: 20px 0 0 30px;}
.ca02{position:relative; top:-10px; margin:8px 10px 0 0;color:#999;}
.ca03{position:relative; top:-5px; margin:7px 10px 0 0;color:#999;}

img.imgpos1{margin: 0px 10px;}

.margtop1{margin-top:1px!important;}
.margtop2{margin-top:2px!important;}
.margtop3{margin-top:3px!important;}
.margtop4{margin-top:4px!important;}
.margtop5{margin-top:5px!important;}
.margtop6{margin-top:6px!important;}
.margtop7{margin-top:7px!important;}
.margtop8{margin-top:8px!important;}
.margtop9{margin-top:9px!important;}
.margtop10{margin-top:10px!important;}
.margtop12{margin-top:12px!important;}
.margtop15{margin-top:15px!important;}
.margtop20{margin-top:20px!important;}
.margtop25{margin-top:25px!important;}
.margtop30{margin-top:30px!important;}
.margtop35{margin-top:35px!important;}
.margtop40{margin-top:40px!important;}

.margtop-0{margin-top:0px;}

.margtop-1{margin-top:-1px!important;}
.margtop-2{margin-top:-2px!important;}
.margtop-3{margin-top:-3px!important;}
.margtop-4{margin-top:-4px!important;}
.margtop-5{margin-top:-5px!important;}
.margtop-10{margin-top:-10px!important;}
.margtop-15{margin-top:-15px!important;}
.margtop-20{margin-top:-20px!important;}
.margtop-25{margin-top:-25px!important;}
.margtop-30{margin-top:-30px!important;}
.margtop-35{margin-top:-35px!important;}
.margtop-40{margin-top:-40px!important;}


.margleft15{margin-left:15px!important;}
.margleft20{margin-left:20px!important;}

.margright10{margin-right:10px!important;}
.margright20{margin-right:20px!important;}
.margbottom20{margin-bottom:35px!important;}

/*SEARCH BACKGROUND*/
.searchbg{
height:62px;
width:100%;
position:absolute;
top:301px;
display:block;
background:#f7f7f7;
border-top:1px solid #e8e8e8;
z-index:100;
}
.searchbg2{
height:62px;
width:100%;
position:absolute;
top:301px;
display:block;
background:#f7f7f7;
border-top:1px solid #e8e8e8;
z-index:100;
}
.searchbg3{
height:62px;
width:100%;
position:absolute;
top:730px;
display:block;
background:#f7f7f7;
border-top:1px solid #e8e8e8;
z-index:100;
}
@media (min-width: 992px) {
.searchbg2{
height:62px;
width:100%;
position:absolute;
top:171px;
display:block;
background:#f7f7f7;
border-top:1px solid #e8e8e8;
z-index:100;
}
.searchbg3{
height:62px;
width:100%;
position:absolute;
top:301px;
display:block;
background:#f7f7f7;
border-top:1px solid #e8e8e8;
z-index:100;
}


}

/*BUTTONS*/

.btn-search {
  /*color: #333333;
  background-color: #ffffff;
  border-color: #cccccc;
  */
  text-transform:uppercase;
  margin-left:30px;
  margin-top:12px;
  
  border: 1px solid #d75124;
  background: #e35121;
  background: -webkit-gradient(linear, left top, left bottom, from(#ff6633), to(#e35121));
  background: -webkit-linear-gradient(top, #ff6633, #e35121);
  background: -moz-linear-gradient(top, #ff6633, #e35121);
  background: -ms-linear-gradient(top, #ff6633, #e35121);
  background: -o-linear-gradient(top, #ff6633, #e35121);
  padding: 7.5px 20px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: rgba(0,0,0,0.18) 0 1px 0;
  -moz-box-shadow: rgba(0,0,0,0.18) 0 1px 0;
  box-shadow: rgba(0,0,0,0.18) 0 1px 0;
  text-shadow: rgba(0,0,0,.4) 0 -1px 0;
  color:#ffffff;
  font-size: 13px;
  
  text-decoration: none;
  vertical-align: middle;

  
  font-weight:700;
  
-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;
}
.btn-search:hover{
  /*color:#be3507;*/
  color:#ffffff;
  /*text-shadow: rgba(255,255,255,.4) 0 1px 0;*/
  text-shadow: rgba(0,0,0,.4) 0 -1px 0;
  
  background: #ff6633;
  background: -webkit-gradient(linear, left top, left bottom, from(#e35121), to(#ff6633));
  background: -webkit-linear-gradient(top, #e35121, #ff6633);
  background: -moz-linear-gradient(top, #e35121, #ff6633);
  background: -ms-linear-gradient(top, #e35121, #ff6633);
  background: -o-linear-gradient(top, #e35121, #ff6633);
  
  
}

.btn-search3 {
  /*color: #333333;
  background-color: #ffffff;
  border-color: #cccccc;
  */
  text-transform:uppercase;
  position:absolute;
  bottom:20px;
  
  border: 1px solid #d75124;
  background: #e35121;
  background: -webkit-gradient(linear, left top, left bottom, from(#ff6633), to(#e35121));
  background: -webkit-linear-gradient(top, #ff6633, #e35121);
  background: -moz-linear-gradient(top, #ff6633, #e35121);
  background: -ms-linear-gradient(top, #ff6633, #e35121);
  background: -o-linear-gradient(top, #ff6633, #e35121);
  padding: 7.5px 20px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: rgba(0,0,0,0.18) 0 1px 0;
  -moz-box-shadow: rgba(0,0,0,0.18) 0 1px 0;
  box-shadow: rgba(0,0,0,0.18) 0 1px 0;
  text-shadow: rgba(0,0,0,.4) 0 -1px 0;
  color:#ffffff;
  font-size: 13px;
  
  text-decoration: none;
  vertical-align: middle;

  font-weight:700;
  
-webkit-transition:.3s;-moz-transition:.3s;transition:.3s
}
.btn-search3:hover{
  /*color:#be3507;*/
  color:#ffffff;
  /*text-shadow: rgba(255,255,255,.4) 0 1px 0;*/
  text-shadow: rgba(0,0,0,.4) 0 -1px 0;
  
  background: #ff6633;
  background: -webkit-gradient(linear, left top, left bottom, from(#e35121), to(#ff6633));
  background: -webkit-linear-gradient(top, #e35121, #ff6633);
  background: -moz-linear-gradient(top, #e35121, #ff6633);
  background: -ms-linear-gradient(top, #e35121, #ff6633);
  background: -o-linear-gradient(top, #e35121, #ff6633);
}


.btn-search4 {
  text-transform:uppercase;
  border: 1px solid #d75124;
  background: #e35121;
  background: -webkit-gradient(linear, left top, left bottom, from(#ff6633), to(#e35121));
  background: -webkit-linear-gradient(top, #ff6633, #e35121);
  background: -moz-linear-gradient(top, #ff6633, #e35121);
  background: -ms-linear-gradient(top, #ff6633, #e35121);
  background: -o-linear-gradient(top, #ff6633, #e35121);
  padding: 7.5px 20px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: rgba(0,0,0,0.18) 0 1px 0;
  -moz-box-shadow: rgba(0,0,0,0.18) 0 1px 0;
  box-shadow: rgba(0,0,0,0.18) 0 1px 0;
  text-shadow: rgba(0,0,0,.4) 0 -1px 0;
  color:#ffffff;
  font-size: 13px;
  
  text-decoration: none;
  vertical-align: middle;

  font-weight:700;
    -webkit-transition:.3s;-moz-transition:.3s;transition:.3s
}
.btn-search4:hover{
  /*color:#be3507;*/
  color:#ffffff;
  /*text-shadow: rgba(255,255,255,.4) 0 1px 0;*/
  text-shadow: rgba(0,0,0,.4) 0 -1px 0;
  background: #ff6633;
  background: -webkit-gradient(linear, left top, left bottom, from(#e35121), to(#ff6633));
  background: -webkit-linear-gradient(top, #e35121, #ff6633);
  background: -moz-linear-gradient(top, #e35121, #ff6633);
  background: -ms-linear-gradient(top, #e35121, #ff6633);
  background: -o-linear-gradient(top, #e35121, #ff6633);
}


.btn-search5 {
  text-transform:uppercase;
  border: 1px solid #d8d8d8;
  background: #f2f2f2;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f2f2f2));
  background: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
  background: -moz-linear-gradient(top, #ffffff, #f2f2f2);
  background: -ms-linear-gradient(top, #ffffff, #f2f2f2);
  background: -o-linear-gradient(top, #ffffff, #f2f2f2);
  padding: 7.5px 20px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  box-shadow: rgba(0,0,0,0.1) 0 3px 2px;
  color:#999999;
  font-size: 14px;
  
  text-decoration: none;
  vertical-align: middle;
  
  font-weight:700;
  text-transform:uppercase;
    -webkit-transition:.3s;-moz-transition:.3s;transition:.3s
}
.btn-search5:hover{
  color:#333;
  border: 1px solid #bababa;  
  background: #f2f2f2;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f2f2f2));
  background: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
  background: -moz-linear-gradient(top, #ffffff, #f2f2f2);
  background: -ms-linear-gradient(top, #ffffff, #f2f2f2);
  background: -o-linear-gradient(top, #ffffff, #f2f2f2);
}


.bluebtn {
  text-transform:uppercase;
  border: 1px solid #F9A21A;
  background: #3994d4;
  background: -webkit-gradient(linear, left top, left bottom, from(#3994d4), to(#1d7db7));
  background: -webkit-linear-gradient(top, #3994d4, #1d7db7);
  background: -moz-linear-gradient(top, #3994d4, #1d7db7);
  background: -ms-linear-gradient(top, #3994d4, #1d7db7);
  background: -o-linear-gradient(top, #3994d4, #1d7db7);
  padding: 7.5px 20px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  box-shadow: rgba(0,0,0,0.3) 0 3px 5px;
  color:#fff;
  font-size: 14px;
  
  text-decoration: none;
  vertical-align: middle;

  font-weight:700;
  text-transform:uppercase;
    -webkit-transition:.3s;-moz-transition:.3s;transition:.3s
}
.bluebtn:hover{
  color:#fff;
  border: 1px solid #F9A21A;  
  background: #1d7db7;
  background: -webkit-gradient(linear, left top, left bottom, from(#1d7db7), to(#3994d4));
  background: -webkit-linear-gradient(top, #1d7db7, #3994d4);
  background: -moz-linear-gradient(top, #1d7db7, #3994d4);
  background: -ms-linear-gradient(top, #1d7db7, #3994d4);
  background: -o-linear-gradient(top, #1d7db7, #3994d4);
}


a.add2fav{
width:100%;
height:52px;
border:1px solid #e5e5e5;
background:url('../images/btn-plus.png') #fff no-repeat 20px 0;
padding:15px 10px 10px 10px;
display:block;
text-align:center;
text-transform:uppercase;
text-decoration:none; 

font-size:16px;
font-weight:700;
color:#7c8c94;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: rgba(0,0,0,0.1) 1px 1px 3px;
-moz-box-shadow: rgba(0,0,0,0.1) 1px 1px 3px;
box-shadow: rgba(0,0,0,0.1) 1px 1px 3px;
}
a:hover.add2fav{
text-decoration:none; 
color:#666!important; 
border:1px solid #ccc;
background:url('../images/btn-plus-over.png') #fff no-repeat 20px 0;
}
a:link.add2fav{text-decoration:none ; color:#7c8c94; }
a:active.add2fav{text-decoration:none ; color:#7c8c94; }
a:visited.add2fav {text-decoration:none ; color:#7c8c94; }

.btnmarg{margin-bottom:20px;}
@media (min-width: 992px){
.btnmarg{margin-bottom:0px;}
}

.booknow{
width:100%;
height:52px;
padding:15px 10px 10px 10px;
display:block;
text-align:center;
text-transform:uppercase;

font-size:16px;
font-weight:700;
color:#fff;
border: 1px solid #d75124;
background: url('../images/btn-book.png') #e35121 no-repeat -5px 0;
text-shadow: rgba(0,0,0,.4) 0 -1px 0;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: rgba(0,0,0,0.2) 1px 2px 3px;
-moz-box-shadow: rgba(0,0,0,0.2) 1px 2px 3px;
box-shadow: rgba(0,0,0,0.2) 1px 2px 3px;
}
.booknow:hover{
text-decoration:none; 
color:#fff; 
text-shadow: rgba(0,0,0,.4) 0 -1px 0;
background:url('../images/btn-book.png') #ff6633 no-repeat -5px -50px;
}
a:link.booknow{text-decoration:none ; color:#fff; }
a:active.booknow{text-decoration:none ; color:#fff; }
a:visited.booknow {text-decoration:none ; color:#fff; }



.updatebtn{
border:2px solid #ebebeb;
padding:5px 20px 5px 20px;
background:#fff;
color:#999;
font-weight:700;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.updatebtn:hover{
color:#666;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.popularbtn{
border:2px solid #ebebeb;
padding:5px 10px 5px 10px;
background:#fff;
color:#999;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.popularbtn:hover{
color:#666;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}


.bookbtn{
border:2px solid #ebebeb;
padding:5px 15px 5px 15px;
background:#fff;
color:#999;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-transition:.2s;-moz-transition:.2s;transition:.2s
}
.bookbtn:hover{
border:2px solid #F9A21A;
color:#fff;
background:#F9A21A;
}
.bookbtn:hover.cunvailable{
border:2px solid #ebebeb;
padding:5px 15px 5px 15px;
background:#fff;
color:#999;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-transition:.2s;-moz-transition:.2s;transition:.2s
}

.gridbtn{
width:25px;
background:url('../images/grid-icon.png') #fff no-repeat scroll -2px 0px;
border:2px solid #ebebeb;
padding:5px 15px 5px 15px;

color:#999;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-transition:.2s;-moz-transition:.2s;transition:.2s
}
.gridbtn:hover{
background:url('../images/grid-icon.png') #fff no-repeat scroll -33px 0px;
color:#666;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.gridbtn.active{
background:url('../images/grid-icon.png') #fff no-repeat scroll -33px 0px;
color:#666;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
cursor:not-allowed;
}


.listbtn{
width:25px;
background:url('../images/grid-icon.png') #fff no-repeat scroll -2px -31px;
border:2px solid #ebebeb;
padding:5px 15px 5px 15px;

color:#999;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-transition:.2s;-moz-transition:.2s;transition:.2s
}
.listbtn:hover{
background:url('../images/grid-icon.png') #fff no-repeat scroll -33px -31px;
color:#666;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.listbtn.active{
background:url('../images/grid-icon.png') #fff no-repeat scroll -33px -31px;
color:#666;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
cursor:not-allowed;
}

.grid2btn{
width:25px;
background:url('../images/grid-icon.png') #fff no-repeat scroll -2px -62px;
border:2px solid #ebebeb;
padding:5px 15px 5px 15px;

color:#999;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-transition:.2s;-moz-transition:.2s;transition:.2s
}
.grid2btn:hover{
background:url('../images/grid-icon.png') #fff no-repeat scroll -33px -62px;
color:#666;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.grid2btn.active{
background:url('../images/grid-icon.png') #fff no-repeat scroll -33px -62px;
color:#666;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
cursor:not-allowed;
}


.iosbtn {
border:2px solid #353535;
background:transparent;
color:#353535;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
font-weight:700;
text-transform:uppercase;
-webkit-transition:.2s;-moz-transition:.2s;transition:.2s
}
.iosbtn:hover{
border:2px solid #353535;
background:#353535;
color:white;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
font-weight:700;
text-transform:uppercase;
}

.roundbtn{
width:56px;
height:56px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
background:#fff;
border:1px solid #ccc;
-webkit-transition:.2s;-moz-transition:.2s;transition:.2s
}
.roundbtn:hover{
background:#15262f;
border:1px solid #15262f;
color:#fff;

}

/*CUSTOM COLUMNS*/
.w50percent{width:50%; float:left;}
.w50percentlast{width:50%; float:right;}

.wh33percent{width:33%;}
.wh66percent{width:66%;}

/*PERCENTAGES*/
.wh10percent{width:10%;}
.wh20percent{width:20%;}
.wh30percent{width:30%;}
.wh40percent{width:40%;}
.wh50percent{width:50%;}
.wh60percent{width:60%;}
.wh70percent{width:70%;}
.wh75percent{width:75%;}
.wh80percent{width:80%;}
.wh90percent{width:90%;}
.wh100percent{width:100%;}



/*TABS customisations*/
.tab-privilege{background: #F6F7F8 none repeat scroll 0% 0%;
padding: 20px;
min-height: 400px;
display: inline-block;
word-break: break-word;
min-width: 480px; }
.tab-content{background:#F6F7F8; padding:20px; min-height:400px; }
.tab-product{background:#FFFFFF; padding:20px; min-height:400px; }
.tab-content2{background:#ffffff; padding:30px 15px 30px 15px; height:324px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}
.tab-content3{background:#F5F5F5; padding:30px;margin-bottom: 20px;}
.tab-content4{background:#ffffff; padding: 10px 0px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.0); color:#999;}
.tab-content5{background:#ffffff}
#myTab > li > a > span.hidetext{display:none;}
#myTab2 > li > a > span.hidetext{display:none;}
@media (min-width: 992px) {
.tab-content2{background:#ffffff; padding:30px 15px 30px 15px; height:193px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}
#myTab > li > a > span.hidetext{display:inline-block;}
#myTab2 > li > a > span.hidetext{display:inline-block;}
}



/*CarouFredSel*/
.wrapper {
  /* background-color: white; */
  width: 100%;
  margin: 0px auto;
  padding: 5px;

}
.list_carousel {
  /* background-color: #fff; */
  margin: 0px;
  width: 100%;
  overflow:hidden;
  position:relative;
}
.list_carousel ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
}
.list_carousel li {
  font-size: 40px;
  color: #999;
  text-align: center;
  background-color: #fff;
  box-shadow: #CED2DB 0 1px 2px 0;
  border: 0px solid #efefef;
  width: 255px;
  height: 230px;
  padding: 0;
  margin: 0px 20px;
  display: block;
  float: left;
  line-height:10px ;
  text-align:left;
  border-radius: 2px;
}

.list_carousel.responsive {
  width: auto;
  margin-left: 0;
}
.clearfix {
  float: none;
  clear: both;
}
.prev {
  width:34px;
  height:55px;
  float: left;
  margin-left: 10px;
  background:#F9A21A;
  position:absolute;
  top:60px;
  left:-10px;
}

.prev:hover{
  background:#F9A21A;
}
a.prev    img {width:14px;height:18px; display:block; background:url('../images/sprite.png')  -14px -36px; margin:18px 0 0 9px;}
a:hover.prev   img {width:14px;height:18px; display:block; background:url('../images/sprite.png')  -14px -54px;}

.next-featured {
  width:34px;
  height:55px;
  float: right;
  margin-right: 10px;
  background:#F9A21A;
  position:absolute;
  top:60px;
  right:-11px;
} 
.next-featured:hover{
  background:#F9A21A;
}
a.next-featured    img {width:14px;height:18px; display:block; background:url('../images/sprite.png')  0px -36px; margin:18px 0 0 12px;}
a:hover.next-featured   img {width:14px;height:18px; display:block; background:url('../images/sprite.png')  0px -54px;}




.next {
top: 60px;
right: -11px;
margin-right: 10px;
} 
.next:hover{
  background:#F9A21A;
}
a.next    img {width:14px;height:18px; display:block; background:url('../images/sprite.png')  0px -36px; margin:18px 0 0 12px;}
a:hover.next   img {width:14px;height:18px; display:block; background:url('../images/sprite.png')  0px -54px;}

.pager {
  float: left;
  width: 100%;
  text-align: center;
}
.pager a {
  margin: 0 5px;
  text-decoration: none;
}
.pager a.selected {
  text-decoration: underline;
}
.timer {
  background-color: #999;
  height: 6px;
  width: 0px;
}

button.prev2 {
  width:34px;
  height:55px;
  float: left;
  margin-left: 10px;
  /*background:#15262f;*/
  position:absolute;
  bottom:40px;
  left:-10px;
  z-index:100;
  border:0;
  background:transparent;
}

button.prev2    img {width:14px;height:18px; display:block; background:url('../images/sprite.png')  -14px -36px; margin:0px 0 0 4px;}
button:hover.prev2   img {width:14px;height:18px; display:block; background:url('../images/sprite.png')  -42px -36px;}
.next2 {
  width:34px;
  height:55px;
  float: right;
  margin-right: 10px;
  /*background:#15262f;*/
  position:absolute;
  bottom:40px;
  right:-11px;
  z-index:100;  
  border:0;
  background:transparent;
}

button.next2    img {width:14px;height:18px; display:block; background:url('../images/sprite.png')  0px -36px; margin:0px 0 0 2px;}
button:hover.next2   img {width:14px;height:18px; display:block; background:url('../images/sprite.png')  -28px -36px;}

/*BLACK FOOTER*/
.footerbgblack{width:100%; background:#F9A21A;padding:60px 0;/*  margin-top:80px */; overflow:hidden;}
.footerbg3black{width:100%; background:#000;padding:30px 0; overflow:hidden;}
.footerbg3black a{color:#fff;}
.footerbg3black a:hover{text-decoration: underline;}
.fccustom2black{background:#495459; height:32px; color:#999!important; border:0px; -webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}

/*FOOTER BG*/
.footerbg{width:100%; background:#f2f2f2;padding:60px 0; overflow:hidden;}
.footerbg2{width:100%; background:#f2f2f2;padding:30px 0; overflow:hidden;}
.footerbg2 a{color:#999;}
.footerbg2 a:hover{color:#F9A21A; text-decoration:none;}

.footerbg3{width:100%; background:#fff;padding:30px 0; overflow:hidden;}
.footerbg3 a{color:#999;}
.footerbg3 a:hover{color:#F9A21A; text-decoration:none;}

.footer{text-align:center;color:#999; font-size:14px;}
.footer a{color:#2980B9; font-size:14px; font-weight:normal;   -webkit-transition:.3s;-moz-transition:.3s;transition:.3s}
.footer a:hover{color:#2ECC71; font-size:14px; font-weight:normal; text-decoration:none;}

.scont{color:#fff; font-size:14px;margin-top: 20px;}
.scont a{color:#fff; font-size:14px; font-weight:normal;   -webkit-transition:.3s;-moz-transition:.3s;transition:.3s}
.scont a:hover{font-size:14px; font-weight:normal; text-decoration: underline;}

ul.footerlist {padding-left:20px; list-style-image:url('../images/li.png');}
ul.footerlist li{line-height:24px; }
ul.footerlist li a{color:#999; }
ul.footerlist li a:hover{color:#F9A21A; text-decoration:none;}

ul.footerlistblack {padding-left:0px; list-style-type: none;}
ul.footerlistblack li{line-height:24px; }
ul.footerlistblack li a{color:#fff; }
ul.footerlistblack li a:hover{text-decoration: underline;}


.pnr{ font-size:15px; color:#FAAE2A; font-weight:300;}

.fccustom{background:#f2f2f2; height:32px; border:0px; -webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}
.fccustom2{background:#ffffff; height:32px; border:0px; -webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}
.btncustom{
width:32px; 
height:32px; 
background:url('../images/arrow.png') #F9A21A -5px -5px;
border:0px; 
text-indent:-100px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px; 
color:#fff; 
webkit-transition:.3s;
-moz-transition:.3s;
transition:.3s;
position:absolute;
top:0px;
right:0px;
overflow:hidden;
}
.btncustom:hover{
background:url('../images/arrow.png') #F9A21A 37px -5px; 
border:0px; 
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px; 
color:#fff;
}

.fbgfix{background:#FCFCFC; margin-top:80px;}
.bordertop1{border-top:1px solid #e5e5e5;}
.bordertype1{height:115px; border-right:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; text-align:center; color:#999;}
.bordertype2{height:115px; border-bottom:1px solid #e7e7e7; text-align:center; color:#999; padding:20px;}
.bordertype3{height:80px; border-bottom:1px solid #e7e7e7; text-align:center; color:#999; padding:20px;}

.bordertype4{ border-left:1px solid #e7e7e7; color:#999; }
.bordertype5{ border-right:1px solid #e7e7e7; color:#999; }
.sfix{position:absolute;top:995px;}
.sfix2{position:absolute;top:440px;}
.sfix3{position:absolute;top:790px;}
@media (min-width: 992px) {
.sfix{position:absolute;top:277px;}
.sfix2{position:absolute;top:277px;}
.sfix3{position:absolute;top:277px;}
}

.gotop{position:relative; top:100px;}
a.gotop {width:37px;height:37px; display:block; text-align:center;margin:0 auto;}
a.gotop img{width:37px;height:37px; display:block; background:url('../images/sprite.png')  0px -72px; }
a:hover.gotop img{width:37px;height:37px; display:block; background:url('../images/sprite.png')  0px -109px;}

a.social1 {margin:0 5px; position:relative; top:-120px; }
a.social2 {margin:0 5px; position:relative; top:-120px; }
a.social3 {margin:0 5px; position:relative; top:-120px; }
a.social4 {margin:0 5px; position:relative; top:-120px; }

a.social1b {margin:0 5px;}
a.social2b{margin:0 5px;}
a.social3b {margin:0 5px;}
a.social4b {margin:0 5px;}
.img-social{
  height: 30px;
}
.social-icon{
  margin-top: 15px;
  margin-left: -5px;
}

.customSelect {
background:url('../images/select.png') #fff no-repeat right;
border:2px solid #ebebeb;
}
.customSelect.customSelectOpen {
  background:url('../images/select-over.png') #fff no-repeat right;
  border-color: #66afe9;
  outline: 0;
  
}
.customSelect2 {
background:url('../images/select-intro.png') #e7e2e2 no-repeat right;
border:0px solid #fff;
color:#999;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.customSelect2.customSelect2Open {
  background:url('../images/select-over.png') #e7e2e2 no-repeat right;
  border:0px solid #66afe9;
  color:#999;
  outline: 0;
}

.mySelectCalendar {
background:url('../images/calendar.png') #fff no-repeat right;
background-position:98% 1px;
}
.mySelectCalendar2 {
background:url('../images/calendar2.png') #fff no-repeat right;
background-position:98% 1px;
}


.boxshadow{
min-height:100px;
background:#fff;
box-shadow:0 0 10px rgba(0, 0, 0, 0.1);
margin-bottom:30px;
}
@media (min-width: 992px) {
.boxshadow{margin-bottom:0px;}
}
.bscontainer{padding:30px;}
img.fwimg{width:100%;height: 100%;border-radius: 2px}


.slidercontainer{width:100%; height:446px; background:#fff; color:#666;}
.scolleft{background:#f2f2f2;height:100%; padding: 15px 30px 30px 30px; top:446px;}
.scolright{background:#333;height:100%; overflow:hidden; top:-410px;}
@media (min-width: 992px) {
.scolleft{background:white;height:450px; padding: 15px 30px 30px 30px; top:0px;}
.scolright{background:#333;height:100%; overflow:hidden; top:0px;}

}

.blacklable{height:75px; width:100%; padding:10px 10px 0 20px; display:block; background:rgba(24,24,24,0.9);}

.lbl{position:relative;}
.smallblacklabel{position:absolute; left:0; bottom:0; padding:5px 20px; Font-weight:700; text-transform:uppercase; font-size:16px; color:white; background:rgba(24,24,24,0.9); }

span.flight-ico {width:22px;height:16px; display:block; float:left; background:url('../images/sprite.png')  0px -215px;}
span.hotel-ico {width:22px;height:16px; display:block; float:left; background:url('../images/sprite.png')  -22px -215px; }
span.car-ico {width:22px;height:16px; display:block; float:left; background:url('../images/sprite.png')  -44px -215px; }
span.suitcase-ico {width:22px;height:16px; display:block; float:left; background:url('../images/sprite.png')  -66px -215px; }
span.cruise-ico {width:22px;height:16px; display:block; float:left; background:url('../images/sprite.png')  -88px -215px; }

.slideup{position:absolute;top:-446px; width:100%;}

.ctup{background:#fff; margin-top:498px; position:relative; z-index:100; display:block}
@media (min-width: 992px) {
.ctup{background:#fff; margin-top:600px; position:relative; z-index:100; display:block}
}
.sboxpurple{margin-left:25px;}
.slidecouple{
width:558px;
height:504px;
display:block;
background:url('../images/couple.png') no-repeat;
}

/*CSS FOR DETAILS PAGE*/
.pagecontainer2{background:#fff;  box-shadow: 0 0 5px rgba(0, 0, 0, 0.13); position:relative;border-radius: 4px;min-height: 400px;margin-bottom: 160px;}
@media (max-width: 1200px) {
  .pagecontainer2{margin:0px 5px 160px 5px; background:#fff;  box-shadow: 0 0 5px rgba(0, 0, 0, 0.13); position:relative;border-radius: 4px;min-height: 400px;}
}

.pagecontainer3{background:none;  box-shadow: 0 ; position:relative;border-radius: 4px;min-height: 400px;margin-bottom: 160px;}
@media (max-width: 1200px) {
  .pagecontainer3{margin:0px 5px 160px 5px; background:none;  box-shadow: 0 ; position:relative;border-radius: 4px;min-height: 400px;}
}
/*CSS FOR LIST PAGE*/
.thebg{background: #F6F7F9 }
.pagecontainer{ background:#fff; margin-top:50px;   box-shadow: 0 0 5px rgba(0, 0, 0, 0.13);}
.offset-0{padding-left:0px; padding-right:0px!important;}
.offset-1{padding-left:5px; padding-right:5px;}
.offset-2{padding-left:15px; padding-right:15px;}
.offset-3{padding-left:15px; padding-right:0px;}
@media (min-width: 992px) {
.offset-3{padding-left:15px!important; padding-right:0!important;}
}
.filters{background:#f2f2f2;  color:#666;}
.rightcontent{min-height:500px; }

.paddingbtm20{padding-bottom:20px;}
.padding0{margin:0px!important;}
.padding20{padding:20px;}
.padding30{padding:5px 30px 30px 30px;}
.hpadding30{padding:0 30px;}
.padding40{padding:10px 40px 40px 40px;}
.padding50{padding:50px;}
.hpadding50{padding:0 50px;}
.padding20title{padding:20px 20px 0px 10px;}
.hpadding20{padding: 0px 20px 0px 20px;}
.cpadding0{padding: 50px 50px 30px 50px;}
.cpadding1{padding: 0px 30px 10px 50px;}



.filtertip {height:100px; background:#F9A21A; padding:0px; color:#fff; position:relative; text-align:center; line-height:10px;}
.filtertip a{color:#fff;}
.tip-arrow{width:33px; height:9px; background:url('../images/tip-arrow.png'); position:absolute; bottom:-9px; left:50%; margin-left:-15px;}
.margin{margin-top: 230px;}
.breadcrub{margin-top:30px; color:#ccc;}
@media (min-width: 992px) {
.breadcrub{margin-top:100px; color:#ccc;}
}
.brlines{height:8px; width:100%; margin-top:10px; background:url('../images/breadcrumb.png');}

ul.bcrumbs {list-style:none; margin:0; padding:0;}
ul.bcrumbs li {float:left; margin-left:20px;}
ul.bcrumbs li a{color:#666;}
ul.bcrumbs li a:hover{color:#999; text-decoration:none;}
ul.bcrumbs li a.active{color:#999;}

a.homebtn{
width:21px; 
height:21px; 
background:url('../images/home-icon.png') #fff no-repeat  scroll -16px -10px; 
color:#222;  
-webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px;
-webkit-transition:.3s;-moz-transition:.3s;transition:.3s
}
a:hover.homebtn{
background:url('../images/home-icon.png') #222 no-repeat  scroll -16px -33px; 
}

a.backbtn{
width:21px; 
height:21px; 
background:url('../images/back-icon.png') #fff no-repeat  scroll -16px -12px; 
color:#222;  
-webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px;
-webkit-transition:.3s;-moz-transition:.3s;transition:.3s
}
a:hover.backbtn{
background:url('../images/back-icon.png') #222 no-repeat  scroll -16px -31px; 
}

.bookfilters{ position:relative; font-size:12px; padding-bottom:60px; padding-top:20px;}
.topsortby{ padding-top:30px; padding-bottom:0px;}

.itemlabel{background:#fff; width:100%; border-radius: 2px;box-shadow: #CED2DB 0 1px 2px 0;padding:10px 15px;  font-size:13px; line-height:15px;margin-bottom: 30px}

.listitem{background:#efefef; width:100%; overflow:hidden; position:relative;}
.listitem img{ height:100%; -webkit-transition:.3s;-moz-transition:.3s;transition:.3s}
.listitem:hover img{height:120%; margin-left:-10%; margin-top:-10%; -webkit-transition:.3s;-moz-transition:.3s;transition:.3s;}

@media (min-width: 480px) {
  .listitem{background:#efefef; width:100%; height:180px; overflow:hidden; position:relative;}
  .full-header-tabs > ul.nav.nav-tabs {
      display: table;
      width: 100%;
  }
  .full-header-tabs > ul.nav.nav-tabs > li {
      float: none;
      display: table-cell;
  }
  .full-header-tabs > ul.nav.nav-tabs > li > a {
      text-align: center;
  }
}

@media (max-width: 992px) {
  .listitem img{width:100%; -webkit-transition:.3s;-moz-transition:.3s;transition:.3s}
  .listitem:hover img{width:120%; margin-left:-10%; margin-top:-10%; -webkit-transition:.3s;-moz-transition:.3s;transition:.3s;}
}

@media (min-width: 1200px) {
  .listitem img{width:100%; -webkit-transition:.3s;-moz-transition:.3s;transition:.3s}
  .listitem:hover img{width:120%; margin-left:-10%; margin-top:-10%; -webkit-transition:.3s;-moz-transition:.3s;transition:.3s;}
  .full-header-tabs > ul.nav.nav-tabs {
      display: table;
      width: 100%;
  }
  .full-header-tabs > ul.nav.nav-tabs > li {
      float: none;
      display: table-cell;
  }
  .full-header-tabs > ul.nav.nav-tabs > li > a {
      text-align: center;
  }
}

.itemlabel3{background:#f2f2f2; width:100%; height:210px; font-size:13px; line-height:15px; overflow:hidden;}
.itemlabel2{background:#f2f2f2; width:100%; height:210px;  font-size:13px; line-height:15px; overflow:hidden;}
.labelright{float:right; height:100%; padding:10px; border-left:1px solid #e8e8e8;}
.labelleft{padding:10px 0 15px 15px;}
.labelleft2{padding:10px 0 15px 15px;font-size:13px; line-height:18px;}



.listitem2{background:#efefef; height:210px; overflow:hidden; position:relative;}
.listitem2 img{ height:100%; -webkit-transition:.3s;-moz-transition:.3s;transition:.3s}
.listitem2:hover img{height:120%; margin-left:-10%; margin-top:-10%; -webkit-transition:.3s;-moz-transition:.3s;transition:.3s;}

@media (max-width: 992px) {
.listitem2{background:#efefef; width:100%; height:100%; overflow:hidden; position:relative;}
.listitem2 img{width:100%; -webkit-transition:.3s;-moz-transition:.3s;transition:.3s}
.listitem2:hover img{width:120%; margin-left:-10%; margin-top:-10%; -webkit-transition:.3s;-moz-transition:.3s;transition:.3s;}
}
@media (min-width: 1200px) {
.listitem2 img{width:100%; -webkit-transition:.3s;-moz-transition:.3s;transition:.3s}
.listitem2:hover img{width:120%; margin-left:-10%; margin-top:-10%; -webkit-transition:.3s;-moz-transition:.3s;transition:.3s;}
}



.fav-icon{
width:25px; 
height:23px; 
background:url('../images/fav-book-icons.png') scroll 0 -70px no-repeat;
position:absolute;
top:0px;
}
.fav-icon:hover{
width:25px; 
height:23px; 
background:url('../images/fav-book-icons.png') scroll 0 -93px no-repeat;
position:absolute;
top:0px;
}
.book-icon{
width:25px; 
height:23px; 
background:url('../images/fav-book-icons.png') scroll 0 0 no-repeat;
position:absolute;
top:0px;
}
.book-icon:hover{
width:25px; 
height:23px; 
background:url('../images/fav-book-icons.png') scroll 0 -23px no-repeat;
position:absolute;
top:0px;
}

.collapsebtn{
width:100%;
height:40px;
border:0px solid black;
text-align:left;
padding-left:20px;
padding-right:20px;
color:#666;
font-size:14px;
font-weight:700;
background: #ebebeb;
border-radius: 2px;
margin-bottom: 5px;
}
.collapsebtn.last{

}
.collapsebtn  span.collapsearrow{
width:9px;
height:8px;
float:right;
margin-top:5px;
background:url('../images/collapsearrow.png') scroll 0 -8px no-repeat;
-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;
}
.collapsebtn.collapsed span.collapsearrow{
width:9px;
height:8px;
float:right;
margin-top:5px;
background:url('../images/collapsearrow.png') scroll 0 0px no-repeat;
-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;
}


.collapsebtn2{
width:100%;
height:32px;
border:0px solid black;
text-align:left;
padding-left:20px;
padding-right:20px;
color:#15262f;

font-size:14px;
font-weight:700;
background:#fff;
}
.collapsebtn2.last{

}
.collapsebtn2 span.collapsearrow{
width:9px;
height:8px;
float:right;
margin-top:10px;
background:url('../images/collapsearrow.png') scroll 0 -8px no-repeat;
-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;
}
.collapsebtn2.collapsed span.collapsearrow{
width:9px;
height:8px;
float:right;
margin-top:10px;
background:url('../images/collapsearrow.png') scroll 0 0px no-repeat;
-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;
}





.collapsebtn3{
width:9px;
height:6px;
border:0px solid black;
text-align:left;
padding-left:20px;
padding-right:20px;

font-size:14px;
font-weight:400;
background:url('../images/arrows.png') scroll 0 -6px no-repeat;
}
.collapsebtn3.collapsed{
width:9px;
height:6px;
border:0px solid black;
text-align:left;
padding-left:20px;
padding-right:20px;

font-size:14px;
font-weight:400;
background:url('../images/arrows.png') scroll 0 0 no-repeat;
}




/*PREFERENCE LIST*/
ul.hotelpreferences {margin: 0px;padding: 0px;list-style: none;}
.hotelpreferences li{
width:28px; 
height:28px; 
background:url('') #fff; border:2px solid #efefef;
border:2px solid #ebebeb;
padding:5px;
color:#999;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
/*-webkit-transition:.2s;-moz-transition:.2s;transition:.2s;  */
float:left;
margin-left:2px;
}
.hotelpreferences li:hover{}
.hotelpreferences li.icohp-internet{background:url('../images/hotelpref-ico.png') #fff scroll -3px -3px no-repeat;}
.hotelpreferences li:hover.icohp-internet{background:url('../images/hotelpref-ico.png') #fff scroll -33px -3px no-repeat;}
.hotelpreferences li.icohp-air{background:url('../images/hotelpref-ico.png') #fff scroll -3px -33px no-repeat;}
.hotelpreferences li:hover.icohp-air{background:url('../images/hotelpref-ico.png') #fff scroll -33px -33px no-repeat;}
.hotelpreferences li.icohp-pool{background:url('../images/hotelpref-ico.png') #fff scroll -3px -63px no-repeat;}
.hotelpreferences li:hover.icohp-pool{background:url('../images/hotelpref-ico.png') #fff scroll -33px -63px no-repeat;}
.hotelpreferences li.icohp-childcare{background:url('../images/hotelpref-ico.png') #fff scroll -3px -93px no-repeat;}
.hotelpreferences li:hover.icohp-childcare{background:url('../images/hotelpref-ico.png') #fff scroll -33px -93px no-repeat;}
.hotelpreferences li.icohp-fitness{background:url('../images/hotelpref-ico.png') #fff scroll -3px -123px no-repeat;}
.hotelpreferences li:hover.icohp-fitness{background:url('../images/hotelpref-ico.png') #fff scroll -33px -123px no-repeat;}
.hotelpreferences li.icohp-breakfast{background:url('../images/hotelpref-ico.png') #fff scroll -3px -153px no-repeat;}
.hotelpreferences li:hover.icohp-breakfast{background:url('../images/hotelpref-ico.png') #fff scroll -33px -153px no-repeat;}
.hotelpreferences li.icohp-parking{background:url('../images/hotelpref-ico.png') #fff scroll -3px -183px no-repeat;}
.hotelpreferences li:hover.icohp-parking{background:url('../images/hotelpref-ico.png') #fff scroll -33px -183px no-repeat;}
.hotelpreferences li.icohp-pets{background:url('../images/hotelpref-ico.png') #fff scroll -3px -213px no-repeat;}
.hotelpreferences li:hover.icohp-pets{background:url('../images/hotelpref-ico.png') #fff scroll -33px -213px no-repeat;}
.hotelpreferences li.icohp-spa{background:url('../images/hotelpref-ico.png') #fff scroll -3px -243px no-repeat;}
.hotelpreferences li:hover.icohp-spa{background:url('../images/hotelpref-ico.png') #fff scroll -33px -243px no-repeat;}
.hotelpreferences li.icohp-hairdryer{background:url('../images/hotelpref-ico.png') #fff scroll -3px -273px no-repeat;}
.hotelpreferences li:hover.icohp-hairdryer{background:url('../images/hotelpref-ico.png') #fff scroll -33px -273px no-repeat;}
.hotelpreferences li.icohp-garden{background:url('../images/hotelpref-ico.png') #fff scroll -3px -303px no-repeat;}
.hotelpreferences li:hover.icohp-garden{background:url('../images/hotelpref-ico.png') #fff scroll -33px -303px no-repeat;}
.hotelpreferences li.icohp-grill{background:url('../images/hotelpref-ico.png') #fff scroll -3px -333px no-repeat;}
.hotelpreferences li:hover.icohp-grill{background:url('../images/hotelpref-ico.png') #fff scroll -33px -333px no-repeat;}
.hotelpreferences li.icohp-kitchen{background:url('../images/hotelpref-ico.png') #fff scroll -3px -363px no-repeat;}
.hotelpreferences li:hover.icohp-kitchen{background:url('../images/hotelpref-ico.png') #fff scroll -33px -363px no-repeat;}
.hotelpreferences li.icohp-bar{background:url('../images/hotelpref-ico.png') #fff scroll -3px -393px no-repeat;}
.hotelpreferences li:hover.icohp-bar{background:url('../images/hotelpref-ico.png') #fff scroll -33px -393px no-repeat;}
.hotelpreferences li.icohp-living{background:url('../images/hotelpref-ico.png') #fff scroll -3px -423px no-repeat;}
.hotelpreferences li:hover.icohp-living{background:url('../images/hotelpref-ico.png') #fff scroll -33px -423px no-repeat;}
.hotelpreferences li.icohp-tv{background:url('../images/hotelpref-ico.png') #fff scroll -3px -453px no-repeat;}
.hotelpreferences li:hover.icohp-tv{background:url('../images/hotelpref-ico.png') #fff scroll -33px -453px no-repeat;}
.hotelpreferences li.icohp-fridge{background:url('../images/hotelpref-ico.png') #fff scroll -3px -483px no-repeat;}
.hotelpreferences li:hover.icohp-fridge{background:url('../images/hotelpref-ico.png') #fff scroll -33px -483px no-repeat;}
.hotelpreferences li.icohp-microwave{background:url('../images/hotelpref-ico.png') #fff scroll -3px -513px no-repeat;}
.hotelpreferences li:hover.icohp-microwave{background:url('../images/hotelpref-ico.png') #fff scroll -33px -513px no-repeat;}
.hotelpreferences li.icohp-washing{background:url('../images/hotelpref-ico.png') #fff scroll -3px -543px no-repeat;}
.hotelpreferences li:hover.icohp-washing{background:url('../images/hotelpref-ico.png') #fff scroll -33px -543px no-repeat;}
.hotelpreferences li.icohp-roomservice{background:url('../images/hotelpref-ico.png') #fff scroll -3px -573px no-repeat;}
.hotelpreferences li:hover.icohp-roomservice{background:url('../images/hotelpref-ico.png') #fff scroll -33px -573px no-repeat;}
.hotelpreferences li.icohp-safe{background:url('../images/hotelpref-ico.png') #fff scroll -3px -603px no-repeat;}
.hotelpreferences li:hover.icohp-safe{background:url('../images/hotelpref-ico.png') #fff scroll -33px -603px no-repeat;}
.hotelpreferences li.icohp-playground{background:url('../images/hotelpref-ico.png') #fff scroll -3px -633px no-repeat;}
.hotelpreferences li:hover.icohp-playground{background:url('../images/hotelpref-ico.png') #fff scroll -33px -633px no-repeat;}
.hotelpreferences li.icohp-conferenceroom{background:url('../images/hotelpref-ico.png') #fff scroll -3px -663px no-repeat;}
.hotelpreferences li:hover.icohp-conferenceroom{background:url('../images/hotelpref-ico.png') #fff scroll -33px -663px no-repeat;}



/*PREFERENCE LIST GREEN VERSION*/
ul.hotelpreferences2 {margin: 0px;padding: 0px;list-style: none;}
.hotelpreferences2 li{
width:28px; 
height:28px; 
background:url('') #2ECC71; 
border:2px solid #2ECC71;
padding:5px;
color:#999;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
/*-webkit-transition:.2s;-moz-transition:.2s;transition:.2s;  */

margin-top:4px;
}
.hotelpreferences2 li:hover{}
.hotelpreferences2 li.icohp-internet{background:url('../images/hotelpref-ico-green.png') #2ECC71 scroll -3px -3px no-repeat;}
.hotelpreferences2 li:hover.icohp-internet{background:url('../images/hotelpref-ico-green.png') #2ECC71 scroll -33px -3px no-repeat;}
.hotelpreferences2 li.icohp-air{background:url('../images/hotelpref-ico-green.png') #2ECC71 scroll -3px -33px no-repeat;}
.hotelpreferences2 li:hover.icohp-air{background:url('../images/hotelpref-ico-green.png') #2ECC71 scroll -33px -33px no-repeat;}
.hotelpreferences2 li.icohp-pool{background:url('../images/hotelpref-ico-green.png') #2ECC71 scroll -3px -63px no-repeat;}
.hotelpreferences2 li:hover.icohp-pool{background:url('../images/hotelpref-ico-green.png') #2ECC71 scroll -33px -63px no-repeat;}
.hotelpreferences2 li.icohp-childcare{background:url('../images/hotelpref-ico-green.png') #2ECC71 scroll -3px -93px no-repeat;}
.hotelpreferences2 li:hover.icohp-childcare{background:url('../images/hotelpref-ico-green.png') #2ECC71 scroll -33px -93px no-repeat;}
.hotelpreferences2 li.icohp-fitness{background:url('../images/hotelpref-ico-green.png') #2ECC71 scroll -3px -123px no-repeat;}
.hotelpreferences2 li:hover.icohp-fitness{background:url('../images/hotelpref-ico-green.png') #2ECC71 scroll -33px -123px no-repeat;}
.hotelpreferences2 li.icohp-breakfast{background:url('../images/hotelpref-ico-green.png') #2ECC71 scroll -3px -153px no-repeat;}
.hotelpreferences2 li:hover.icohp-breakfast{background:url('../images/hotelpref-ico-green.png') #2ECC71 scroll -33px -153px no-repeat;}
.hotelpreferences2 li.icohp-parking{background:url('../images/hotelpref-ico-green.png') #2ECC71 scroll -3px -183px no-repeat;}
.hotelpreferences2 li:hover.icohp-parking{background:url('../images/hotelpref-ico-green.png') #2ECC71 scroll -33px -183px no-repeat;}
.hotelpreferences2 li.icohp-pets{background:url('../images/hotelpref-ico-green.png') #2ECC71 scroll -3px -213px no-repeat;}
.hotelpreferences2 li:hover.icohp-pets{background:url('../images/hotelpref-ico-green.png') #2ECC71 scroll -33px -213px no-repeat;}
.hotelpreferences2 li.icohp-spa{background:url('../images/hotelpref-ico-green.png') #2ECC71 scroll -3px -243px no-repeat;}
.hotelpreferences2 li:hover.icohp-spa{background:url('../images/hotelpref-ico-green.png') #2ECC71 scroll -33px -243px no-repeat;}
.hotelpreferences2 li.icohp-hairdryer{background:url('../images/hotelpref-ico-green.png') #2ECC71 scroll -3px -273px no-repeat;}
.hotelpreferences2 li:hover.icohp-hairdryer{background:url('../images/hotelpref-ico-green.png') #2ECC71 scroll -33px -273px no-repeat;}
.hotelpreferences2 li.icohp-garden{background:url('../images/hotelpref-ico-green.png') #2ECC71 scroll -3px -303px no-repeat;}
.hotelpreferences2 li:hover.icohp-garden{background:url('../images/hotelpref-ico-green.png') #2ECC71 scroll -33px -303px no-repeat;}
.hotelpreferences2 li.icohp-grill{background:url('../images/hotelpref-ico-green.png') #2ECC71 scroll -3px -333px no-repeat;}
.hotelpreferences2 li:hover.icohp-grill{background:url('../images/hotelpref-ico-green.png') #2ECC71 scroll -33px -333px no-repeat;}
.hotelpreferences2 li.icohp-kitchen{background:url('../images/hotelpref-ico-green.png') #2ECC71 scroll -3px -363px no-repeat;}
.hotelpreferences2 li:hover.icohp-kitchen{background:url('../images/hotelpref-ico-green.png') #2ECC71 scroll -33px -363px no-repeat;}
.hotelpreferences2 li.icohp-bar{background:url('../images/hotelpref-ico-green.png') #2ECC71 scroll -3px -393px no-repeat;}
.hotelpreferences2 li:hover.icohp-bar{background:url('../images/hotelpref-ico-green.png') #2ECC71 scroll -33px -393px no-repeat;}
.hotelpreferences2 li.icohp-living{background:url('../images/hotelpref-ico-green.png') #2ECC71 scroll -3px -423px no-repeat;}
.hotelpreferences2 li:hover.icohp-living{background:url('../images/hotelpref-ico-green.png') #2ECC71 scroll -33px -423px no-repeat;}
.hotelpreferences2 li.icohp-tv{background:url('../images/hotelpref-ico-green.png') #2ECC71 scroll -3px -453px no-repeat;}
.hotelpreferences2 li:hover.icohp-tv{background:url('../images/hotelpref-ico-green.png') #2ECC71 scroll -33px -453px no-repeat;}
.hotelpreferences2 li.icohp-fridge{background:url('../images/hotelpref-ico-green.png') #2ECC71 scroll -3px -483px no-repeat;}
.hotelpreferences2 li:hover.icohp-fridge{background:url('../images/hotelpref-ico-green.png') #2ECC71 scroll -33px -483px no-repeat;}
.hotelpreferences2 li.icohp-microwave{background:url('../images/hotelpref-ico-green.png') #2ECC71 scroll -3px -513px no-repeat;}
.hotelpreferences2 li:hover.icohp-microwave{background:url('../images/hotelpref-ico-green.png') #2ECC71 scroll -33px -513px no-repeat;}
.hotelpreferences2 li.icohp-washing{background:url('../images/hotelpref-ico-green.png') #2ECC71 scroll -3px -543px no-repeat;}
.hotelpreferences2 li:hover.icohp-washing{background:url('../images/hotelpref-ico-green.png') #2ECC71 scroll -33px -543px no-repeat;}
.hotelpreferences2 li.icohp-roomservice{background:url('../images/hotelpref-ico-green.png') #2ECC71 scroll -3px -573px no-repeat;}
.hotelpreferences2 li:hover.icohp-roomservice{background:url('../images/hotelpref-ico-green.png') #2ECC71 scroll -33px -573px no-repeat;}
.hotelpreferences2 li.icohp-safe{background:url('../images/hotelpref-ico-green.png') #2ECC71 scroll -3px -603px no-repeat;}
.hotelpreferences2 li:hover.icohp-safe{background:url('../images/hotelpref-ico-green.png') #2ECC71 scroll -33px -603px no-repeat;}
.hotelpreferences2 li.icohp-playground{background:url('../images/hotelpref-ico-green.png') #2ECC71 scroll -3px -633px no-repeat;}
.hotelpreferences2 li:hover.icohp-playground{background:url('../images/hotelpref-ico-green.png') #2ECC71 scroll -33px -633px no-repeat;}
.hotelpreferences2 li.icohp-conferenceroom{background:url('../images/hotelpref-ico-green.png') #2ECC71 scroll -3px -663px no-repeat;}
.hotelpreferences2 li:hover.icohp-conferenceroom{background:url('../images/hotelpref-ico-green.png') #2ECC71 scroll -33px -663px no-repeat;}


ul.hpref-text {list-style:none; margin-top:-5px; padding-left:10px;}
.hpref-text li{margin-top:12px;}



.testimonialbox{ margin-left:-15px; margin-right:-15px; margin-top:20px;}
.needassistancebox{ margin-left:-15px; margin-right:-15px;}
.alsolikebox{ margin-left:-15px; margin-right:-15px;}
.loginbox{ margin-left:-15px; margin-right:-15px;}
.paymentbox{ /* margin-left:-15px; margin-right:-15px; */}
@media (min-width: 992px) {
.testimonialbox{ margin-left:10px; margin-right:-15px; margin-top:0px;}
.needassistancebox{ margin-left:10px; margin-right:-15px;}
.alsolikebox{ margin-left:10px; margin-right:-15px;}
.loginbox{ margin-left:10px; margin-right:-15px;}
.paymentbox{ margin-left:10px; margin-right:-15px;}
}


.testimonialbox2{ margin-left:0px; margin-right:0px; margin-top:0px;}
.needassistancebox2{ margin-left:0px; margin-right:0px;}
.alsolikebox2{ margin-left:0px; margin-right:0px; margin-bottom:50px;}
@media (min-width: 992px) {
.testimonialbox2{ margin-left:0px; margin-right:20px; margin-top:0px;}
.needassistancebox2{ margin-left:0px; margin-right:20px;}
.alsolikebox2{ margin-left:0px; margin-right:20px;}
}

.details-slider2{height:734px; overflow:hidden;}
@media (min-width:992px){
.details-slider2{height:534px; overflow:hidden;}
}



span.icon-quote{
width:27px;
height:27px;
background:url('../images/icon-quote.png') no-repeat;
display:block;
position:absolute;
float:left;
left:15px;
}

span.icon-help{
width:24px;
height:24px;
background:url('../images/icon-phone.png') no-repeat;
display:block;
position:absolute;
float:left;
left:15px;
}

span.icon-location{
width:17px;
height:24px;
background:url('../images/icon-location.png') no-repeat;
display:block;
position:absolute;
float:left;
left:15px;
}

span.icon-lockk{
width:23px;
height:29px;
background:url('../images/lock.png') no-repeat;
display:block;
position:absolute;
float:left;
left:15px;
}

.detailsright{min-height:534px; border-left:1px solid #e7e7e7;}



.details-slider{height:334px; overflow:hidden;}
#inner{height:334px;}


@media (min-width:399px) and (max-width:499px){
.details-slider{height:434px; overflow:hidden;}
#inner{height:434px;}
}
@media (min-width:500px){
.details-slider{height:534px; overflow:hidden;}
#inner{height:534px;}
.caroufredsel_wrapper{max-height:400px!important;}
}

/*
###########################
CAROUFREDSEL DETAILS PAGE
###########################
*/
#c-carousel {
  height: 100%;
  padding: 0;
  margin: 0;
}
#c-carousel {
  background: #fff;
  min-height: 534px;
}
#c-carousel * {
  
  font-size: 14px;
  color: #333;
  line-height: 22px;
}

#wrapper {
  /* background: #fff; */
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#inner {
  width: 100%;
  min-width: 250px;
  max-width: 960px;
  /*height:534px;*/
  position: absolute;
  top: 0px;
  left: 0px;
}
#carousel-wrapper {
  background: #fff;
  width: 100%;
  height: 434px;

  position: absolute;
  bottom: 0px;
  left: 0;
}
.carousel-icon{
    position: absolute;
    top: 45%;
    z-index: 15;
    display: inline-block;
}
#carousel {
  width: 800px;
  height: 500px;
  overflow: hidden;
}
#carousel img {
  display: block;
  float: left;
  width:100%; 
}
#pager-wrapper {
  height: 120px;
  width: 100%;
  overflow: hidden;
  position: absolute;
  bottom: 0px;
  left: 0;
  z-index: 2;
}
#pager img {
  cursor: pointer;
  background: #fff;
  /*box-shadow: 0 2px 5px rgba(0,0,0,0.2);*/
  display: block;
  width: 120px;
  height: 80px;
  padding: 2px;
  margin: 10px;
  float: left;
}
#pager img:hover {
  background: #eff;
}
#pager img.selected {
  background: #F9A21A;
}






ul.checklist  {margin:0px;padding:0px;}
.checklist li {list-style-image:url('../images/check.png'); list-style-position:inside; padding:5px; margin-left:-20px;}

ul.checklist2  {margin:0px;padding:0px;}
.checklist2 li {list-style-image:url('../images/check.png'); list-style-position:inside; padding:0px; margin-left:0px; color:#2ECC71;}

#map-canvas { width:100%; height: 648px; display:none;}
#map-canvas2 { width:100%; height: 80%; display:none;}

.gm-style-mtc:nth-child(1){margin-top:25px;}
.gm-style-mtc:nth-child(2){margin-top:25px;}




.scircle{
width:62px;
height:65px;
background:url('../images/circle.png') no-repeat;

font-size:16px;
font-weight:700;
color:#333;
padding: 14px 0 0 12px;
}
.sctext{

font-size:14px;
font-weight:700;
color:#666;
}
.circlewrap{
width:52px;
height:52px;
margin:0 auto;
position:relative;
}
.circlewrap span{
width:23px;
height:23px;
-webkit-border-radius: 23px;
-moz-border-radius: 23px;
border-radius: 23px;
position:absolute;
bottom:0px;
right:-10px;
background:#2980B9;
color:#fff;
font-size:11px;
padding-top:3px;
}

.circleimg{
-webkit-border-radius: 52px;
-moz-border-radius: 52px;
border-radius: 52px;
}

ul.circle-list{
list-style:none;
padding-left:0px;
}
.circle-list li{
float:left;
background:#fff;
width:23px;
height:23px;
color:#999999;
font-size:11px;
border:2px solid #e7e7e7;
-webkit-border-radius: 23px;
-moz-border-radius: 23px;
border-radius: 23px;
padding-top:3px;
padding-left:1px;
margin-left:3px;
}



ul.jslidetext{
width:100px;
list-style:none;
padding-left:0px;
padding-top:10px;
text-align:right;
margin:0 auto;
}
.jslidetext li{
margin-top:10px;
}

ul.jslidetext2{
width:100px;
list-style:none;
padding-left:0px;
text-align:right;
margin:-5px auto 0 auto;
}
.jslidetext2 li{
margin-top:22px;
}

#ascrail2000_{width:16px !important}

/* Styles */
.cstyle01{display: inline-block; width: 100%;  font-size:13px}
.cstyle02{position:absolute; background:#f7f7f7; width:100%; margin-left:-20px; padding:20px;}
.cstyle03{background:#fff; margin-top:800px; position:relative; z-index:100; display:block;}
.cstyle04{position:relative; top:-41px;}
.cstyle05{display:block; background:white; width:100%; height:324px; overflow:hidden;}
.cstyle06{min-height:640px;}
.cstyle07{min-height:570px;}
.cstyle08{line-height:7px; margin-top:16px;}
.cstyle09{display: inline-block; width: 100%;  font-size:13px;}
.cstyle10{background:#F9A21A; height:45px; position:absolute; top:0px; width:100%}
.cstyle11{background:#ccc; width:100%; height:100%;}


/* MEDIA FIXES*/
.mediafix1{margin-top:30px;margin-left:-15px;margin-bottom:15px;}

@media (min-width: 992px){
.mediafix1{margin-top:0px;margin-left:0px;margin-bottom:0px;}
}



/* LOGIN PAGE CSS*/
.login-fullwidith{
width:100%;
height:100%;
background:url('../images/login-bg.jpg') #fff scroll center center no-repeat;
position:relative;
}

.login-wrap{
width:250px;
height:310px;
background:transparent;
margin:auto auto;
position:absolute;
}
.cpadding50{padding:20px;}
.chpadding50{padding:0 20px;}


@media (min-width:400px){

  .login-wrap{width:372px;height:380px;}
  .cpadding50{padding:50px;}
  .chpadding50{padding:0 50px;}
  img.login-img{margin-left:5px; margin-bottom:5px; width:147px!important;}
  
  .login-c1{  height:195px!important; }
  .login-c2{height:231px!important;}
  .login-c3{ margin-top:281px!important; }
  .alignbottom{right:50px!important;}
  .alignbottom2{left:50px!important;}
  
}

img.login-img{margin-left:5px; margin-bottom:5px; width:110px;}

.login-c1{
width:94%;
height:147px;
background:#ffffff;
z-index:100;
position:absolute;
margin-left:3%;
border:1px solid #dcdcdc;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.1)
}

.login-c2{
width:100%;
height:171px;
background:#f2f2f2;
color:#666;
z-index:50;
margin-top:50px;
position:absolute;
border:1px solid #dcdcdc;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.1)
}
.login-c3{
width:94%;
height:54px;
background:#F9A21A url(../images/login-blue.png) repeat-y left;
z-index:10;
margin-top:221px;
margin-left:3%;
position:absolute;
}
.logmargfix{
padding-left:3%;
padding-right:3%;
}
input.logpadding{
height:42px;
}

.alignbottom{
position:absolute; 
bottom:25px;
right:20px;
margin-right:3%;
}

.alignbottom2{
position:absolute; 
bottom:23px;
left:20px;
margin-left:3%;
}
.login-c3 .right{margin-right:20px; margin-top:15px;}
.login-c3 .left{margin-left:20px; margin-top:15px;}
.login-c3 .left span{
width:26px;
height:26px;
background:url('../images/login-home.png') scroll 0 0 no-repeat;
display:block;
float:left;
margin-top:-3px;
margin-right:5px;
}

.roundstep.active{
width:23px;
height:23px;
background:#2ECC71;
color:#fff;
border-radius:23px;
padding:1px 0 0 6px;
border:1px solid #2ECC71;
}
.roundstep{
width:23px;
height:23px;
background:#fff;
color:#666;
border-radius:23px;
padding:1px 0 0 6px;
border:1px solid #ccc;
}


/*Navigation-tabs*/
.navigation-tabs{
  height:43px;
  border-bottom:1px solid #ebebeb;
}
.navigation-tabs li{
  width: 50%;
  height:43px;
  float:left;
  background:#ebebeb;
  color:#999999;
  padding:0 15px 0 10px;
  margin:0px;
  border-left:1px solid #ebebeb;
  border-top:1px solid #ebebeb;
  border-right:1px solid #ebebeb;
  border-radius:5px 5px 0 0;
}
.navigation-tabs li a{
  color:#999999;
}
.navigation-tabs li.active{
  background:#fff;
  color:#333;
  border-left:1px solid #e5e5e5;
  border-top:1px solid #e5e5e5;
  border-right:1px solid #e5e5e5;
}
.navigation-tabs li.active a{
  color:#333;
}

.navigation-tab{
  height:43px;
  border-bottom:1px solid #ebebeb;
}
.navigation-tab li{
  width: 33.33%;
  height:43px;
  float:left;
  background:#ebebeb;
  color:#999999;
  padding:0 15px 0 10px;
  margin:0px;
  border-left:1px solid #ebebeb;
  border-top:1px solid #ebebeb;
  border-right:1px solid #ebebeb;
  border-radius:5px 5px 0 0;
}
.navigation-tab li a{
  color:#999999;
}
.navigation-tab li.active{
  background:#fff;
  color:#333;
  border-left:1px solid #e5e5e5;
  border-top:1px solid #e5e5e5;
  border-right:1px solid #e5e5e5;
}
.navigation-tab li.active a{
  color:#333;
}


/*profile-tabs*/

.profile-tabs{
  border-bottom:1px solid #ebebeb;
}
.profile-tabs li{
  background:#f2f2f2;
  color:#999999;
  padding:0px;
  margin:0px;
  border-bottom:1px solid #e6e6e6;
}
.profile-tabs li a{
  width:100%;
  height:115px;
  color:#999999;
  padding-top:30px;
  text-align:center;
}
.profile-tabs li.active{
  background:#fff;
  color:#333;
  border-bottom:1px solid #ffffff;
}
.profile-tabs li.active a{
  color:#333;
}

.tab-content5{
  width:100%;
}


.myTab2pos{
  z-index:100;
  position:relative;
  left:1px;
  top:1px;
}

.tab-content6{
  width:100%;
  min-height:160px;
  border:1px solid #e8e8e8;
  position:relative;
  top:-40px;
  z-index:10;
  padding: 60px 20px 76px 20px;
}


/*ABOUT PAGE*/
.progress-about {
  height: 35px;
  margin-bottom: 0px;
  overflow: hidden;
  background-color: #f5f5f5;
  border-radius: 0px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
          box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.pbar1,.pbar2,.pbar3,.pbar4 {
text-align:left;
overflow:hidden;
padding:9px 10px;
}
.margbtm10{margin-bottom:10px;}
.cpdd01{padding:0px 15px 0px 0px;}
.cpdd02{padding:0px 0px 0px 15px;}

.hpadding50c{padding:20px 10px;}

@media (min-width:480px){
.hpadding50c{padding:20px 50px;}
}

span.gcircle{display:block; float:left; padding-top:7px; width:40px; height:40px; background:#666; text-align:center; font-size:18px;  font-weight:700; color:#fff; -webkit-border-radius: 100px; -moz-border-radius: 100px;  border-radius: 100px;}
.aboutarrow{display:block; float:left; position:relative; left:50%; bottom:-20px; width:25px; height:13px; background:url('../images/about-arrow.png') no-repeat; }

.abover{position:relative; overflow:hidden;}
.abover-off{position:relative; overflow:hidden;}
.abbg{background:#2980B9; background:rgba(114,191,102,0.8); position:absolute;top:0;}


span.socials-twitter{width:18px; height:18px; display:block; background:url('../images/socials.png') 0 0 no-repeat;  }
span.socials-twitter:hover{width:18px; height:18px; display:block; background:url('../images/socials.png') 0 -18px no-repeat; }

span.socials-facebook{width:18px; height:18px; display:block; background:url('../images/socials.png') -18px 0 no-repeat;   }
span.socials-facebook:hover{width:18px; height:18px; display:block; background:url('../images/socials.png') -18px -18px no-repeat; }  

span.socials-gplus{width:18px; height:18px; display:block; background:url('../images/socials.png') -36px 0 no-repeat;   }
span.socials-gplus:hover{width:18px; height:18px; display:block; background:url('../images/socials.png') -36px -18px no-repeat; } 

.socials-container{position:relative;}

/*BLOG PAGE*/
ul.blogcat{padding:0; margin:0; list-style:none;}
ul.blogcat li{border-bottom:1px solid #e5e5e5; padding:5px 0;}
ul.blogcat li a{color:#333; transition: all .3s ease-in-out; }
ul.blogcat li a:hover{color:#2980B9; text-decoration:none;}


a.blogpost-hover{position:absolute; width:50px; height:50px; display:block; background:#333; color:#fff; font-size:20px; padding:12px 0; text-align:center; border-radius:100px; text-decoration:none; transition: all .3s ease-in-out; }
a.blogpost-hover:hover{background:#fff; color:#333;}

a.blogpost-hover2{position:absolute; width:50px; height:50px; display:block; background:#333; color:#fff; font-size:20px; padding:12px 0; text-align:center; border-radius:100px; text-decoration:none; transition: all .3s ease-in-out; }
a.blogpost-hover2:hover{background:#fff; color:#333;}

/*Navigation-tabs3*/
.navigation-tabs3{
height:43px;
border-bottom:1px solid #ebebeb;
}
.navigation-tabs3 li{
height:43px;
float:left;
background:#efefef;
color:#999999;
padding:0 15px 0 10px;
margin-left:2px;
border-left:1px solid #ebebeb;
border-top:1px solid #ebebeb;
border-bottom:1px solid #ebebeb;
border-right:1px solid #ebebeb;
border-radius:5px 5px 0 0;
}
.navigation-tabs3 li.active{
border-bottom:1px solid #fff;
}
.navigation-tabs3 li a{
color:#999999;
}
.navigation-tabs3 li.active{
background:#fff;
color:#333;
border-left:1px solid #e5e5e5;
border-top:1px solid #e5e5e5;
border-right:1px solid #e5e5e5;
}
.navigation-tabs3 li.active a{
color:#333;
}

/*CarouFredSel Blog*/
.wrapper2 {
  background-color: white;
  width: 100%;
  height:407px; 
  margin: 0px auto;
  padding: 5px;

}
.list_carousel2 {
  background-color: #fff;
  margin: 0px;
  width: 100%;
  height:407px; 
  overflow:hidden;
  position:relative;
}
.list_carousel2 ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
  
}
.list_carousel2 li {
  font-size: 40px;
  color: #999;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  border: 0px solid #efefef;
  width: 100%px;
  max-height:407px;
  padding: 0;
  margin: 0px 20px;
  display: block;
  float: left;
  line-height:10px ;
  text-align:left;
}

.list_carousel2.responsive {
  width: auto;
  margin-left: 0;
}
.xprev {
  width:34px;
  height:55px;
  float: left;
  margin-left: 10px;
  background:#15262f;
  position:absolute;
  top:40%;
  left:-10px;
}

.xprev:hover{
  background:#2ECC71;
}
a.xprev    img {width:14px;height:18px; display:block; background:url('../images/sprite.png')  -14px -36px; margin:18px 0 0 9px;}
a:hover.xprev   img {width:14px;height:18px; display:block; background:url('../images/sprite.png')  -14px -54px;}


.xnext {
  width:34px;
  height:55px;
  float: right;
  margin-right: 10px;
  background:#15262f;
  position:absolute;
  top:40%;
  right:-11px;
}
.xnext:hover{
  background:#2ECC71;
}
a.xnext    img {width:14px;height:18px; display:block; background:url('../images/sprite.png')  0px -36px; margin:18px 0 0 12px;}
a:hover.xnext   img {width:14px;height:18px; display:block; background:url('../images/sprite.png')  0px -54px;}


.circlewrap2{
width:52px;
height:52px;
margin:0;
position:relative;
}
.circlewrap2 span{
width:23px;
height:23px;
-webkit-border-radius: 23px;
-moz-border-radius: 23px;
border-radius: 23px;
position:absolute;
bottom:0px;
right:-10px;
background:#2980B9;
color:#fff;
font-size:11px;
padding-top:3px;
}
.cpdl{padding:0 6px;top:28px;}

.cpwidth{width:150px;}
.cpwidth2{width:90px;}
.cpwidth3{width:290px;}
.line6{background:#e8e8e8; height:1px;  margin:30px 0 30px 0; padding:0; display:block;}



.pay{
  margin-left: 10px;
  font-weight: bold;
}

.allclass{
  /* margin-left: 90px;
  font-weight: bold; */
}

.route{
  margin-left: 10px;
  font-weight: bold;
  padding: 10px;
}

.lowhigh{
  margin-left: 27%;
}


/*Login*/
.form-signin
{
    max-width: 330px;
    padding: 15px;
    margin: 0 auto;
}
.form-signin .form-signin-heading, .form-signin .checkbox
{
    margin-bottom: 10px;
}
.form-signin .checkbox
{
    font-weight: normal;
}

.form-signin .form-control
{
    position: relative;
    font-size: 16px;
    height: auto;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.form-signin .form-control:focus
{
    z-index: 2;
}
.form-signin input[type="text"]
{
    margin-bottom: -1px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.form-signin input[type="password"]
{
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.account-wall
{
    /* margin-top: 170px; */
    top: 20%;
    bottom:20%;
    padding: 10px 0px 20px 0px;
    background-color: #fff;
    box-shadow: #CED2DB 0 1px 2px 0;
}

.login-title
{
    font-size: 18px;
    font-weight: 400;
    display: block;
    text-align: center;
}

.profile-img
{
    width: 96px;
    height: 96px;
    margin: 0 auto 10px;
    display: block;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
.need-help
{
    margin-top: 10px;
}
.new-account
{
    display: block;
    margin-top: 10px;
}

.bglogin{
  background-color: #F2F2F2;
}

@media (max-width: 480px) {
  .bglogin{
    background-color: #F2F2F2;
    padding-top: 0px;
  }
}


/*Sidebar*/
:focus {
  outline: none;
}
.row {
  margin-right: 0;
  margin-left: 0;
}

.kakimelayang{
  position: fixed; 
  clear: both; 
  width: 100%; 
  bottom: 0; 
  border: none; 
  padding: 5px;
  /* background-color: #008A45; */
  background-color: #000;
  color: #fff;
  z-index: 9999999999;
  height: auto;
}

.uptop{
  margin: 10px;
}

.btnright{
  right: 0;
}

.layang{
  margin-top:5px;
  /* margin-left: 300px;  */
}

.biru{
  background-color: #3498DB;
  padding: 5px;
}

.fade-carousel {
    position: relative;
    height: 100%;
    margin-top: -72px;
}
.fade-carousel .carousel-inner .item {
    height: 70vh;
}
.fade-carousel .carousel-indicators > li {
    margin: 0 2px;
    background-color: #FAAE2A;
    border-color: #FAAE2A;
    opacity: .7;
}
.fade-carousel .carousel-indicators > li.active {
  width: 10px;
  height: 10px;
  background-color: #D35400;
  border-color: #D35400;
  opacity: 1;
}

.log-reg{
  background: #ffffff;
  padding:40px;
}

.hero {
    position: absolute;
    top: 70%;
    left: 50%;
    z-index: 3;
    color: #fff;
    text-align: center;
    text-shadow: 1px 1px 0 rgba(0,0,0,.75);
      -webkit-transform: translate3d(-50%,-50%,0);
         -moz-transform: translate3d(-50%,-50%,0);
          -ms-transform: translate3d(-50%,-50%,0);
           -o-transform: translate3d(-50%,-50%,0);
              transform: translate3d(-50%,-50%,0);
 }


    
}
.hero h2 {
    font-size: 60px;  
    font-weight: 400;
    margin: 0;
    padding: 0;
    text-shadow: 0px 1px 16px rgba(0, 0, 0, 0.2);
    text-align: center;
}

.hero p{
  font-size: 20px; 
  text-shadow: 0px 1px 16px rgba(0, 0, 0, 0.2);
  text-align: center;
}

.fade-carousel .carousel-inner .item .hero {
    opacity: 0;
    -webkit-transition: 2s all ease-in-out .1s;
       -moz-transition: 2s all ease-in-out .1s; 
        -ms-transition: 2s all ease-in-out .1s; 
         -o-transition: 2s all ease-in-out .1s; 
            transition: 2s all ease-in-out .1s; 
}
.fade-carousel .carousel-inner .item.active .hero {
    opacity: 1;
    -webkit-transition: 2s all ease-in-out .1s;
       -moz-transition: 2s all ease-in-out .1s; 
        -ms-transition: 2s all ease-in-out .1s; 
         -o-transition: 2s all ease-in-out .1s; 
            transition: 2s all ease-in-out .1s;    
}

/********************************/
/*            Overlay           */
/********************************/
.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-color: #080d15;
    opacity: .7;
}

/********************************/
/*          Media Queries       */
/********************************/
@media screen and (min-width: 980px){
    .hero { width: 980px; }    
}
@media screen and (max-width: 640px){
    .hero h1 { font-size: 4em; }  
}

.text-award{
  font-size: 35px;
  margin: 50px;
  color: #222;
}  

.scroll-top-wrapper {
    position: fixed;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  text-align: center;
  z-index: 999;
    background-color: #FAAE2A;
  color: #eeeeee;
  width: 50px;
  height: 48px;
  line-height: 40px;
  right: 40px;
  bottom: 53px;
  padding-top: 2px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.scroll-top-wrapper:hover {
  background-color: #F39C12;
}
.scroll-top-wrapper.show {
    visibility:visible;
    cursor:pointer;
  opacity: 1.0;
}
.scroll-top-wrapper i.fa {
  line-height: inherit;
}

.navbar{
  margin-bottom: 0px;
}

.navbar-header .navbar-toggle .icon-bar{
  background-color: #ffffff;
}

/*Form Wizard*/
.stepwizard-step p {
    margin-top: 10px;
}

.stepwizard-row {
    display: table-row;
}

.stepwizard {
    display: table;
    width: 100%;
    position: relative;
    margin-bottom: 20px;
  margin-top: 20px;
}

.stepwizard-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

.stepwizard-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 2px;
    background-color: #ccc;
    z-order: 0;

}

.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
    width: 25%;
}

.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
}
/*End Form Wizard*/

.thumb{
  height: 120px;
}

.banactive{
  margin-top: -5px;
}

.setaction{
  padding-top: 5px;
  padding-bottom: 5px;
}

/*Train*/
.box{
  height: 20px;
  width: 20px;
  float: left;
  margin: 2px;
  cursor: pointer;
}

.traingray{
  background-color: #7F8C8D;
}.gray:hover, .gray:focus, .gray:active, .gray:visited{
  background-color: #2980B9;
}

.trainwhite{
  background-color: #FFFFFF; 
}

.trainred{
  background-color: #ff3300; 
}

.traingreen{
  background-color: #2ECC71; 
}

.block{
  clear: both;
}

.text{
  font-weight: bold;
  text-align: center;
}

.head{
  margin-left: 15px;
  margin-right: 10px;
}

@media screen and (max-width: 480px){
  .input-center{
    padding: 0px 0px 0px 0px;
  }

  .xs-btn{
    padding: 7px 7px;
  }
}

input[type=checkbox].css-checkbox {
  position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
}

input[type=checkbox].css-checkbox + label.css-label {
  padding-left:27px;
  height:22px; 
  display:inline-block;
  line-height:22px;
  background-repeat:no-repeat;
  background-position: 0 0;
  font-size:22px;
  vertical-align:middle;
  cursor:pointer;

}

input[type=checkbox].css-checkbox:checked + label.css-label {
  background-position: 0 -22px;
}
label.css-label {
  background-image:url(../images/csscheckbox_ece132b80c71fbeebe8df571c3f59c58.png);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

input[type=radio].css-radio {
  position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
}

input[type=radio].css-radio + label.css-label-radio {
  padding-left:23px;
  height:18px; 
  display:inline-block;
  line-height:18px;
  background-repeat:no-repeat;
  background-position: 0 0;
  font-size:18px;
  vertical-align:middle;
  cursor:pointer;
}

input[type=radio].css-radio:checked + label.css-label-radio {
  background-position: 0 -18px;
}
label.css-label-radio {
  background-image:url(../images/csscheckbox_f05df395838a10b479b7389aca0e53d5.png);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

input[type=radio].radio-primary {
  position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
}

input[type=radio].radio-primary + label.css-radio-primary {
  padding-left:26px;
  height:21px; 
  display:inline-block;
  line-height:21px;
  background-repeat:no-repeat;
  background-position: 0 0;
  font-size:21px;
  vertical-align:middle;
  cursor:pointer;

}

input[type=radio].radio-primary:checked + label.css-radio-primary {
  background-position: 0 -21px;
}

label.css-radio-primary {
background-image:url(../images/csscheckbox_5ab92245cf78caac21ff087cfc374219.png);
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

.radio-primary input[type="radio"] {
    display:none; 
}

.radio-primary label {
    display:inline-block;
    background-color:#F9A21A;
    cursor: pointer;
    position: relative;
    vertical-align: middle;
    float: left;
    margin-bottom: 15px;
    color: #fff;
    padding: 7px 15px;
    border-radius: 0px;
}

.radio-primary input[type="radio"]:checked + label { 
    background-color:#F9A21A;
    color: #fff;
    border-radius: 0px;
}

.radio-warning input[type="radio"] {
    display:none; 
}

.radio-warning label {
    display:inline-block;
    background-color:#FAAE2A;
    cursor: pointer;
    position: relative;
    vertical-align: middle;
    float: left;
    margin-bottom: 15px;
    color: #fff;
    padding: 7px 10px;
    border-radius: 0px;
}

.radio-warning input[type="radio"]:checked + label { 
    background-color:#F39C12;
    color: #fff;
    border-radius: 0px;
}

.blur{
  background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 1) 1%, rgba(0, 0, 0, 0) 2%, rgba(0, 0, 0, 0.9) 99%, rgba(0, 0, 0, 0.9) 100%) repeat scroll 0 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
    box-shadow: 0px 0px 100px rgba(0, 0, 0, 0.5) inset;
    -webkit-filter: blur(2px); -moz-filter: blur(2px); -o-filter: blur(2px); -ms-filter: blur(2px); filter: blur(2px);
}

.img-map{
  cursor: pointer;
}

.wrap {
  position:relative;
  clear:none;
  overflow:hidden;
  padding-top: 10px;
  padding-bottom: 10px;

}
.wrap img {
  position:relative;
  z-index:1;
  cursor: pointer;
}
.wrap .desc {
    cursor: pointer;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  text-align: center;
  background: #F9A21A;
  padding: 20px;
  border-radius: 2px;
  color: #fff;
  margin-left: 20px;
}

.wrap .desc:hover{
  background: #F9A21A;
} 

.btn-outline-inverse {
    border: 2px solid #FFF !important;
    color: #FFF;
    background: #008A45 !important;
}

.btn-outline-inverse:active, .btn-outline-inverse:focus, .btn-outline-inverse:hover {
    background: white;
    color: #008A45;
    font-weight: bold;
    border: 2px solid #FFF !important;
    text-shadow: none;
}

.modal {
    z-index: 99999;
}

.layover{
  background: #F2F2F2;
  color: #666666;
  padding: 10px;
  margin: 5px 24%;
  border-radius: 2px;
  position: relative;
  z-index: 2;
}

.layhrt{
  position: relative;
  /* top: 20px; */
  top: 27px;
  border-bottom: 2px dotted #F2F2F2;
}

.layhrb{
  position: relative;
  bottom: 20px;
  border-bottom: 2px dotted #F2F2F2;
}

.alert-minimalist {
  background-color: rgb(241, 242, 240);
  border-color: rgba(149, 149, 149, 0.3);
  border-radius: 3px;
  color: rgb(149, 149, 149);
  padding: 10px;
}
.alert-minimalist > [data-notify="icon"] {
  height: 50px;
  margin-right: 12px;
}
.alert-minimalist > [data-notify="title"] {
  color: rgb(51, 51, 51);
  display: block;
  font-weight: bold;
  margin-bottom: 5px;
}
.alert-minimalist > [data-notify="message"] {
  font-size: 80%;
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 0px solid transparent;
    border-radius: 0px;
}
.alert-warning {
  color: #FFC107;
  border-color: #FFC107;
}

.alert-success {
  color: #009688;
  border-color: #009688;
}

.alert-danger {
  color: #C91111;
  border-color: #C91111;
}

.alert-primary {
  color: #3F51B5;
  background-color: #B2D0F6;
  border-color: #3F51B5;
}

.alert-info {
  color: #2196F3;
  border-color: #2196F3;
}

.home-container{
  background: #FFF none repeat scroll 0% 0%;
  position: relative;
  border-radius: 4px;
  min-height: 350px;
  padding: 20px;
  margin-top: -70px;
}

.text-danger:hover{
  color: red;
  text-decoration: none;
}

.mybtn {
    padding-right: 17.3px !important;
    background: #F9A21A;
    border-color: #F9A21A;
}

.sidebtn{
    background: #F9A21A !important;
    border-color: #F9A21A !important;
}

.sidebtn:hover{
    background:#F9A21A !important;
    border-color:#F9A21A !important;
}

/*slide*/
.carouseldummy{
     width: 100%;
    height: auto;
  }
.carouseldummy img{
  overflow: hidden;
  height: auto;
  }
body {
  /* padding-bottom: 40px; */
  color: #5a5a5a;
  padding-top: 69px;
  background: #F2F2F2 none repeat scroll 0% 0%;
}

.carousel-indicators{
  bottom: 20px;
} 




.carousel-control {
    width: 0;
}

.carousel-control.left {
   background: none;
}
.carousel-control.right {
  right: 0;
  left: auto;
  background: none;
}

.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
  filter: alpha(opacity=50);
  opacity: .5;
}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {

  /* Remve the edge padding needed for mobile */
  .marketing {
    padding-left: 0;
    padding-right: 0;
  }

  /* Navbar positioning foo */
  .navbar-wrapper {
    margin-top: 20px;
    margin-bottom: -90px; /* Negative margin to pull up carousel. 90px is roughly margins and height of navbar. */
  }
  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    border-radius: 4px;
  }

  /* Bump up size of carousel content */
  .carousel-caption p {
    font-size: 21px;
    line-height: 1.7;
  }

}

.carousel-caption {
    right: 0% !important;
    left: 1% !important;
    bottom: 0% !important;
    text-align: left;
}


.frow2{
  background:#F6F7F8;
  min-height:100px;
  color:#666;
  border-left: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  border-right: 1px solid #dddddd;  
}

.activemodal {
  z-index: 1040;
  background-color: #000;
  opacity: .4;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  max-width: 100%;
  width: 100%;
  min-width: 150px;
  padding:  0px;
  margin: 2px 0 0;
  font-size: 14px;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 2px !important;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;

}

.dropdown-menu > .active > a {
    color: #FFF !important;
    text-decoration: none;
    background-color: #F9A21A;
    outline: 0px none;
}

/*Tab Js*/
.tab-content {
  padding: 15px; 
}
@media (max-width: 480px) {

  .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
    background-color: #fff;
  }
  .nav-tabs > li > a, .nav-tabs > li > a:hover{
    color:#2980B9;
    font-weight: bold;
  }

    .tabbable.responsive .nav-tabs {
        font-size: 16px;
    }
    .tabbable.responsive .nav-tabs ul {
        margin: 0;
    }
  .tabbable.responsive .nav-tabs li {
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box; 
            -ms-box-sizing: border-box;
             -o-box-sizing: border-box;
                box-sizing: border-box; 
          display: inline-block; 
          width: 100%;  
          border-bottom: 2px solid #ddd;
          overflow: hidden;
          padding-bottom: 10px;
      background: #fff;
  }
    .tabbable.responsive .nav-tabs > li > a {
      border-style: none;
      display: inline-block;
      margin: 0;
      padding: 0;
    }
    .tabbable.responsive .nav-tabs > li > a:hover {
      border-style: none; 
      background-color: transparent;}
    .tabbable.responsive .nav-tabs > li > a:active,
    .tabbable.responsive .nav-tabs > .active > a,
    .tabbable.responsive .nav-tabs > .active > a:hover {
      border-style: none;
    }

}
/* sample styles for the tab controls on small screens  - start with left control and override for right */
.tabbable.responsive .nav-tabs > li > a.tab-control,
.tabbable.responsive .nav-tabs > li > span.tab-control-spacer {
  float: left;
  width: 36px;
  height: 36px;
  font-size: 46px;
  font-weight: 100;
  line-height: 26px;
  color: #F9A21A;
  text-align: center;
  background: #fff;
    -webkit-border-radius: 18px;
      -moz-border-radius: 18px;
            border-radius: 18px;
  }
.tabbable.responsive .nav-tabs > li > a.tab-control.right,
.tabbable.responsive .nav-tabs > li > span.tab-control-spacer.right {
  float: right;
}
.tabbable.responsive .nav-tabs > li > a.tab-control:hover {
  color: #F9A21A;
  background: #fff;
  cursor: pointer;
}
.tabbable.responsive .nav-tabs > li > span.tab-control-spacer {
  line-height: 28px;
  color: transparent;
  background: transparent;
}

/*Cad Tab*/
.cad > .nav-tabs > li.active > a, .cad > .nav-tabs > li.active > a:focus {
  background: #fff;
}

.cad > .tab-content {
  background: #fff;
  margin-bottom: 160px;
}
/*Menu*/
.holdissued > .nav-tabs > li.active > a, .holdissued > .nav-tabs > li.active > a:focus {
    background: #fff !important;
    border-bottom: 2px solid #F9A21A;
    border-right: 1px solid #EBEBEB;
    border-top: 1px solid #EBEBEB;
    border-left: 1px solid #EBEBEB;
    color: #333 !important;
}

.holdissued .nav-tabs li{
  border-bottom: 2px solid #fff !important;
}


.holdissued > .nav-tabs > li > a:hover{
    background: #EBEBEB;
}

.holdissued > .tab-content {
    background: #fff;
    margin-bottom: 160px;
}

.holdissued > .nav-tabs > li > a{
    background: #EBEBEB;
    color: #333;
    border-right: 1px solid #EBEBEB;
    border-top: 1px solid #EBEBEB;
    border-left: 1px solid #EBEBEB;
    border-bottom: 2px solid #EBEBEB;
}

@media (max-width: 480px) {
  .holdissued > .nav-tabs > li.active > a, .holdissued > .nav-tabs > li.active > a:hover, .holdissued > .nav-tabs > li.active > a:focus{
    background-color: #fff;
    border-left: 2px solid #F9A21A !important;
    padding-left: 10px;
  }
  .holdissued > .nav-tabs > li > a, .holdissued > .nav-tabs > li > a:hover{
    color: #333;
    font-weight: bold;
    padding-left: 10px !important;
    background: #fff;
    border-left: 2px solid #ddd !important;
  }
}

div.sidebar, .main{
  -webkit-transition: margin 200ms ease-out;
    -moz-transition: margin 200ms ease-out;
    -o-transition: margin 200ms ease-out;
    transition: margin 200ms ease-out;
}

@media(min-width:992px) and (max-width:1330px){
  /*Allow main to be next to Nav*/
  .main{
    position: absolute;
    width: calc(100% - 40px); /*keeps 100% minus nav size*/
    margin-left: 40px;
    float: right;
  }

  /*lets nav bar to be showed on mouseover*/
  div.sidebar:hover + .main{
    margin-left: 200px;
  }

  /*Center Brand*/
  div.sidebar.navbar.sidebar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    margin-left: 0px;
  }
  /*Center Brand*/
  div.sidebar .navbar-brand, div.sidebar .navbar-header{
    text-align: center;
    width: 100%;
    margin-left: 0px;
  }

  /*Center Icons*/
  div.sidebar a{
    padding-right: 13px;
  }

  /*adds border top to first nav box */
  div.sidebar .navbar-nav > li:first-child{
    border-top: 1px #e5e5e5 solid;
  }

  /*adds border to bottom nav boxes*/
  div.sidebar .navbar-nav > li{
    border-bottom: 1px #e5e5e5 solid;
  }

  /* Colors/style dropdown box*/
  div.sidebar .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  /*allows nav box to use 100% width*/
  div.sidebar .navbar-collapse, div.sidebar .container-fluid{
    padding: 0 0px 0 0px;
    margin-left: -15px;
    padding-right: 70px;
  }

  /*colors dropdown box text */
  .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
    color: #777;
  }

  /*gives sidebar width/height*/
  div.sidebar{
    width: 100%;
    height: 100%;
    margin-left: 0px;
    float: left;
    margin-bottom: 0px;
  }

  /*give sidebar 100% width;*/
  div.sidebar li {
    width: 100%;
  }

  /* Move nav to full on mouse over*/
  div.sidebar:hover{
    margin-left: 0px;
  }
  /*for hiden things when navbar hidden*/
  .forAnimate{
    opacity: 0;
  } 
}


@media (min-width: 768px) and (min-width:992px) and (min-width:980px) and (min-width:1330px){
  /*Allow main to be next to Nav*/
  .main{
    position: absolute;
    width: calc(100% - 40px); /*keeps 100% minus nav size*/
    margin-left: 40px;
    float: right;
  }

  /*lets nav bar to be showed on mouseover*/
  div.sidebar:hover + .main{
    margin-left: 200px;
  }

  /*Center Brand*/
  div.sidebar.navbar.sidebar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    margin-left: 0px;
  }
  /*Center Brand*/
  div.sidebar .navbar-brand, div.sidebar .navbar-header{
    text-align: center;
    width: 100%;
    margin-left: 0px;
  }

  /*Center Icons*/
  div.sidebar a{
    padding-right: 13px;
  }

  /*adds border top to first nav box */
  div.sidebar .navbar-nav > li:first-child{
    border-top: 1px #e5e5e5 solid;
  }

  /*adds border to bottom nav boxes*/
  div.sidebar .navbar-nav > li{
    border-bottom: 1px #e5e5e5 solid;
  }

  /* Colors/style dropdown box*/
  div.sidebar .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  /*allows nav box to use 100% width*/
  div.sidebar .navbar-collapse, div.sidebar .container-fluid{
    padding: 0 0px 0 0px;
    margin-left: -15px;
    padding-right: 40px;
  }

  /*colors dropdown box text */
  .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
    color: #777;
  }

  /*gives sidebar width/height*/
  div.sidebar{
    width: 100%;
    height: 100%;
    margin-left: -160px;
    float: left;
    margin-bottom: 0px;
  }

  /*give sidebar 100% width;*/
  div.sidebar li {
    width: 100%;
  }

  /* Move nav to full on mouse over*/
  div.sidebar:hover{
    margin-left: 0px;
  }
  /*for hiden things when navbar hidden*/
  .forAnimate{
    opacity: 0;
  }

}

  /* .....NavBar: Fully showing nav bar..... */
@media (min-width: 1330px) {

  /*Allow main to be next to Nav*/
  .main{
    width: calc(100% - 200px); /*keeps 100% minus nav size*/
    margin-left: 200px;
  }

  /*Show all nav*/
  div.sidebar{
    margin-left: 0px;
    float: left;
  }
  /*Show hidden items on nav*/
  div.sidebar .forAnimate{
    opacity: 1;
  }
}

div.sidebar .navbar-nav .open .dropdown-menu>li>a:hover, div.sidebar .navbar-nav .open .dropdown-menu>li>a:focus {
  color: #CCC;
  background-color: transparent;
}

div:hover .forAnimate{
  opacity: 1;
}

.cadtitle{

  font-size: 25px;
}
.cadsubtitle{
  font-size: 14px;
}

.cadbtn{
  position: absolute;
  z-index: 1;
  right: 0;
  margin: 40px 40px 40px 40px;
}

.cadwelcome{
  background: #F9A21A;
  color: #fff;
  padding: 5px 20px 25px 20px;
  margin-bottom: -5px;
}

.cad-icon{
  padding: 5px;
  margin-left: 30px;
  position: absolute;
}

.bg-round{
  padding: 10px;
  margin: auto;
}

.easy-pie{
  right: 50%;
  left: 50%;
  display: inline-block;
}

.bg{
  padding: 10px;
  color: #ffffff;
}

.bg-primary{
  background: #F9A21A;
}

.bg-success{
  background: #27AE60;
}

.bg-warning{
  background: #FAAE2A;
}

.cad-result-text{
  font-weight: bold;
  font-size: 24px;
}

.cad-layer{
  background-color: rgba(0, 0, 0, 0.6);
  
}

.h1-font-cad{
  font-size: 24px !important;
}

.p-font-cad{
  font-size: 16px !important;
}

.bg-dark-text{
}

.container-carousel{
  margin-top: 100px;
  padding: 20px;
}
.dataTables_filter{
  float: right;
}

.dataTables_paginate{
  float: right;
}

.topul{
  overflow-y: scroll;
  max-height: 250px;
}

#btns{
  position: relative;
  top: 40px;
  z-index: 1;
}
.hide{
  display: none;
}
.btn-save{
  margin-top:-40px;

}
@media (min-width: 480px) {
  .headcol {
      position:absolute; 
      background: #F3F5F6;
      width: 240px;
      white-space:nowrap;
      border:1px solid #DDD;
  }

  .head-fixed{
      overflow-y:visible;
      padding-bottom:1px;
  }
}

@keyframes fadeIn {
  to {
    opacity: 1;
  }
}

.fade-in {
  opacity: 0;
  -moz-animation: fadeIn .5s ease-in 1 forwards;
  -webkit-animation: fadeIn .5s ease-in 1 forwards;
  -ms-animation: fadeIn .5s ease-in 1 forwards;
  -o-animation: fadeIn .5s ease-in 1 forwards;
  animation: fadeIn .5s ease-in 1 forwards;
}

.is-paused {
  animation-play-state: paused;
}

.bootstrap-table .table thead > tr > th {
    vertical-align: middle;
    background: #F3F5F6 !important;
}

.hr-style{
  border-bottom:1px solid #DDD;margin:30px 0px 40px 0px;
}

.hr-profit{
  border-bottom:1px solid #DDD;margin:0px 0px 15px 0px ;
}

.inset-primary{
   box-shadow: 1px 0px 2px #F9A21A inset;
   -moz-box-shadow: 1px 0px 2px #F9A21A inset;
   -webkit-box-shadow: 1px 0px 2px #F9A21A inset;
   -o-box-shadow: 1px 0px 2px #F9A21A inset;
}

/* sidebar-rs */
.sidebar-rs-wrapper {
  height: 100%;
  overflow: hidden;
  background-color: #2E8FCE;
} 

.main-rs,
.sidebar-rs {
  position: relative;
  padding: 2em;
  float: left-rs;
}

.main-rs {
  position: relative;
  height: 100%;
  bottom: 0;
  top: 0;
  width: 75%;
  background:#ffffff;
  margin-left-rs: 25%;
  min-height: 1200px;
}

.sidebar-rs {
  position: relative;
  height: 100%;
  width: 25%;
  background: #2E8FCE;
  color: #ffffff;
}

.sidebar-rs.left-rs { margin-left-rs: -100%; }


@media all and (max-width: 750px) {
  .close-sidebar-rs{
    margin-top:-49px
  }
  .main-rs,
  .sidebar-rs { padding: 3.5em 2em; }

  .main-rs {
    position: relative;
    width: 100%;
    float: none;
    right: 0;
    margin: 0;
    transition: .5s left-rs ease, .5s right ease;
    /* box-shadow: 0 0 10px rgba(0,0,0,.5); */
    z-index: 5;
    min-height: 2000px;
  }


  .left-rs .main-rs,
  .left-rs .sidebar-rs {
    left-rs: 270px;
    right: auto;
  }

  .sidebar-rs {
    position: absolute;
    float: none;
    width: 270px;
    height: 100%;
    margin: 0;
    right: 0;
    top: 0;
    z-index: 1;
    transition: .5s right ease .5s left-rs ease;
  }

  .sidebar-rs.left-rs {
    left-rs: 0;
    right: auto;
    margin-left-rs: 0;
  }
}

@media (max-width: 480px) {}
  .close {
      float: right;
      font-size: 40px;
      font-weight: bold;
      line-height: 1;
      color: #000;
      text-shadow: 0px 1px 0px #FFF;
      opacity: 0.2;
      margin-top: -10px !important;
  }
}

.nav a:hover .caret {
    border-top-color: #F9A21A !important;
    border-bottom-color: #F9A21A !important;
}
.nav .caret {
    border-top-color: #F9A21A !important;
    border-bottom-color: #F9A21A !important;
}

.badge-position{
  top: 10px;
  position: absolute;
  right: -1px;
}

@media (max-width: 992px) {
  .badge-position{
    top: -10px;
    position: relative;
    right: 15px;
  }
}

.badge {
    display: inline-block;
    min-width: 20px;
    padding: 5px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    color: #FFF;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #27AE60;
    border-radius: 10px;
}

.badge-danger-red{
  background-color:  #C30 !important;
}

.dropdown-header {
    font-size: 14px !important;
    line-height: 1.42857;
    color: #F9A21A !important;
    background: #F6F7F8;
}

.custom-tab{
  background: #fff !important;
  min-height: 100px !important;
  border-bottom: 1px solid #fff !important;
  padding: 0px !important;
}

.input-group-addon:first-child {
    border-right: 1px solid #CCC !important;
}

.list-priority{
  cursor: pointer;
}

.ul-list-group li { margin: 0 0px 5px 0px; padding: 10px;}
.ui-state-highlight { height: 100%; }

.title-feed{
  font-weight: 700;
  font-style: normal;
  font-size: 36px;
  margin-left: -2.25px;
  line-height: 1.15;
  letter-spacing: -0.05em;
}

.article-feed{
    font-weight: 400;
    font-style: normal;
    font-size: 21px;
    line-height: 1.58;
    letter-spacing: -0.003em;
}

.dayofmonth{
  font-size: 48px;
  margin-bottom: -10px;
}


.title-archive{
  font-size: 24px;
  margin-left: -1.9375px;
  line-height: 1.12;
  font-weight: 700;
  font-style: normal;
  letter-spacing: -0.003em;
}

.article-archive{
  font-size: 18px;
  line-height: 1.5;
  letter-spacing: -0.004em;
  font-weight: 400;
  font-style: normal;
}

.btn-jstree.btn.active {                
  display: none;    
}

.btn-jstree.btn span:nth-of-type(1)  {              
  display: none;
}
.btn-jstree.btn span:last-child  {              
  display: block;   
}

.btn-jstree.btn.active  span:nth-of-type(1)  {              
  display: block;   
}
.btn-jstree.btn.active span:last-child  {             
  display: none;      
}

.label{
  font-weight: 300 !important;
}

.panel-default {
    border-color: #E8E8E8 !important;
}

.lastminutepromo{
  padding: 40px;
}
.featured-image{
  background: #fff !important;
  padding: 40px;
}

.featured-more{
  background: #F9A21A !important;
  padding: 40px;
  color: #fff;
}
.featured-award{
  background: #fff;
}

.box-thumbnail{
  background: #fff;
  padding: 20px;
  border: 1px solid #ddd;
  border-radius: 4px;
  top: -100px;
  position: relative;
  box-shadow: #CED2DB 0 1px 2px 0;
}

.box-vote{
  background: #fff;
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 0px 0px 4px 4px;
  position: relative;
  box-shadow: #CED2DB 0 1px 2px 0;
}

.box-price{
  background: #fff;
  padding: 20px;
  border: 1px solid #ddd;
  border-radius: 4px;
}

@media (max-width: 992px) {
  .media-sm{
    margin-top: 150px !important;
  }
}

.featured-article{
  margin-top: 50px;
}
h3{
  line-height: 1.228571429;
}

.btn-left{
  text-align: left;
  padding-left: 10px;
}

.well-tag{
  padding: 10px 10px 5px 10px;
  background-color: #F2F2F2;
  margin-top: 10px;
}

.well-rule{
  padding-bottom: 20px;
  margin-bottom: 2px;
}

.ui-sort-campaign{
  height: 6em;
}
.campaign-item{
  border: 1px solid #DDD;
  padding: 10px;
  margin-top: -1px;
  background: #fff;
}

.CS-block{
  border: 1px solid #EBEBEB;
  background: #F6F7F8;
  margin-bottom: 20px;
  padding: 20px;
}

.CS-block-col{
  transition: max-height 0.8s ease 0s;
}

.smooth{
  -webkit-transition: max-height 0.8s;
    -moz-transition: max-height 0.8s;
    transition: max-height 0.8s;
}

#CS-alert { overflow:hidden;max-height: 100px;margin-bottom: 20px;}
#CS-alert:hover { overflow-y:scroll;max-height: 100px; margin-bottom: 20px;}
.col-alert-calc{
  /* margin: 20px 20px 20px 0px; */
  margin-left: 10px;
}
.rule-item-container{
}
.item-block{
  padding: 10px;
  border: 1px solid #EBEBEB;
  background: rgb(255, 255, 255) none repeat scroll 0% 0%;
  margin-top: -1px;
}

.custom-alert-text{
  background: #eee;
  padding: 5px 10px 5px 10px;
  border-left: 2px solid #F9A21A;
  margin-bottom: 5px;
}

.mr15{
  margin-right:15px;
}

.rule-scroll{
  max-height: 350px;
  overflow-y: hidden;
}

.rule-scroll:hover{
  max-height: 350px;
  overflow-y: scroll;
}

.setscroll{
  background:white;padding:5px;max-height:400px;overflow-y:hidden
}

.setscroll:hover{
  background:white;padding:5px;max-height:400px;overflow-y:scroll
}

.modal-scroll{
  height: 400px;
  overflow-y:scroll; 
}

.control-label {
    text-align: left !important;
    font-weight: 800;
}

.chveron{
  position: absolute;
  z-index: 1;
  right: 40px;
}

#accordion .panel-heading {}
#accordion .panel-title > a {
  display: block;
    outline: none;
    font-weight:bold;
    text-decoration: none;
}

#accordion .panel-title > a.accordion-toggle::before, #accordion a[data-toggle="collapse"]::before  {
    content:"\e113";
    float: left;
    font-family: 'Glyphicons Halflings';
  margin-right :1em;
}
#accordion .panel-title > a.accordion-toggle.collapsed::before, #accordion a.collapsed[data-toggle="collapse"]::before  {
    content:"\e114";
}

.involving{
  padding-left: 15px;
}

.btn-icon-arrow{
  padding-left: 10px;
}

.btn-top{
  margin-top: 20px;
}

/* figure.image-cover-article {
    width: 100%;
    height: 70%;
    min-height: 70%;
    position: relative;
    overflow: hidden;
    background: #FFFFFF;
}

figure.image-cover-article img {
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    height: 100%;
}

@media  (max-width: 480px) {
    figure.image-cover-article img {
      width: 100%;
      position: absolute;
      height: 100%;
  }
  figure.image-cover-article {
    height: 200px !important;
    width: 100% !important;
    position: relative;
    min-height: 200px !important;
    min-width: 100%;
  }
}

@media  (min-width: 480px) and (max-width: 992px ) {
  figure.image-cover-article {
    min-height: 0px;
    height: 48% !important;
    width: 100%;
  }
  figure.image-cover-article img {
      width: 100%;
      position: absolute;
      height: 100%;
  }
}

@media  (min-width: 992) and (max-width: 1200px ) {
  figure.image-cover-article {
    min-height: 0px;
    height: 48% !important;
    width: 100%;
  }
  figure.image-cover-article img {
      width: 100%;
      position: absolute;
      height: 60%;
  }
}


@media  (min-width: 992) and (max-width: 1200px ) {
  figure.image-cover-article {
    min-height: 0px;
    height: 80% !important;
    width: 100%;
  }
  figure.image-cover-article img {
      width: 100%;
      position: absolute;
      height: 60%;
  }
}

@media  (min-width: 1200){
  figure.image-cover-article {
    height: 100% !important;
    width: 100%;
  }
  figure.image-cover-article img {
      width: 100%;
      position: absolute;
      height: 100%;
  }
}
 */


/* div.image-cover-article {
  width: 100%;
  height: 50%;
  min-height: 370px;
    position: relative;
    overflow: hidden;
    background: #F9A21A;
}

div.image-cover-article img {
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
}
div{
  margin: 0;
}

@media screen and (max-width: 767px) {
    div.image-cover-article {
      height: 140px;
      min-height: 100%;
    }
} */


figure.image-cover-hotel {
    width: 100%;
    height: 50%;
    min-height: 400px;
    min-width: 600px;
    position: relative;
    overflow: hidden;
    background: #F9A21A;
}

figure.image-cover-hotel img {
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
}
figure{
  margin: 0;
}

@media screen and (max-width: 767px) {
    figure.image-cover-hotel {
      height: 150px;
    }
}

.choosepax{
  background: #fff;
  padding: 10px;
  margin-bottom: 10px;
  position: absolute;
  z-index: 9;
  width: 100%;
  top: -15px;
  right: 15px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.13);
  border-radius: 2px;
}


.hidepax{
  display: none;
}


.menu-seat{
  float: left;
  display: table;
  width: 100%;
  margin-bottom: 10px !important;
}
.menu-seat-responsive ul {
  list-style-type:none;
  margin:0;
  padding:0;
}
.menu-seat li {
  display:inline-block;
  margin-right: 1px;
  display: table-cell;
  padding: 10px;
  border: 1px solid #fff;
}
.menu-seat li a {
  display:block;
  min-width:100%;
  height: 100%;
  text-align: center;
  line-height: 50px;
  color: #fff;
  background: #2980B9;
  text-decoration: none;
}
.menu-seat li:hover a {
  background: #27AE60;
}
.menu-seat li:hover ul a {
  background: #f3f3f3;
  color: #2f3036;
  height: 40px;
  line-height: 40px;
}
.menu-seat li:hover ul a:hover {
  background: #27AE60;
  color: #fff;
}
.menu-seat-responsive  li ul {
  display: none;
}
.menu-seat-responsive  li ul li {
  display: block;
  float: none;
}
.menu-seat-responsive  li ul li a {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  padding: 0 20px;
}

/*Responsive Styles*/
@media screen and (max-width : 760px){
  .menu-seat-responsive{
    max-height: 440px;
    overflow-y: scroll;
  }
  .menu-seat li {
    display:inline-block;
    float: left;
    margin-right: 1px;
  }
  ul .menu-seat {
    position: static;
    display: none;
  }
  .menu-seat li {
    margin-bottom: 1px;
  }
  .menu-seat-responsive ul li, .menu-seat li a {
    width: 100%;
  }
}

.white-hover, .white-hover:hover, .white-hover:focus{
  color: #fff;
}

/* btn bootstrap */

.btn {
  border-radius: 2px;
}

.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn:hover,
.btn:focus {
  color: #333333;
  text-decoration: none;
}

.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-default {
  color: #666675;
  background-color: #ffffff;
  border: 1px solid #DDD;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  color: #666675;
  background-color: #F6F7F8;
  border: 1px solid #cccccc;
}

.btn-primary {
  color: #ffffff;
  background-color: #F9A21A;
  border-color: #F9A21A;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: #F9A21A !important;
  border-color: #F9A21A !important;
}

.btn-danger {
  color: #ffffff;
  background-color: #C91111;
  border-color: #C91111;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  color: #ffffff;
  background-color: #d2322d;
  border-color: #ac2925;
}

.btn-warning {
  color: #ffffff;
  background-color: #FAAE2A;
  border-color: #FAAE2A;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  color: #ffffff;
  background-color: #F39C12;
  border-color: #F39C12;
}

/* Form-Control */
.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 0px 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #333;
    vertical-align: middle;
    background-color: #ffffff;
    border: 1px solid #ebebeb;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
          box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
    border-color: #F9A21A;
    outline: 0;
    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 0px 0px rgba(0,0,0,0), 0 0 8px rgba(102, 175, 233, .6);
}

/* Navbar */
.navbar-default {
    background-color: #fff;
    border-color: #fff;
}

.nav > li > a:hover  {
    text-decoration: none;
    background-color: #F9A21A;
    border-radius: 0px;
}

.nav > li > a:focus{
  background-color: #F9A21A;
}

.nav .open > a, .nav .open > a:hover {
    background-color: #F9A21A;
    border-color: #337ab7;
}

.nav .open > a:focus {
    background-color: #F9A21A;
    border-color: none;
}
.nav-tabs {
  border-bottom: 0px solid #dddddd;
  height:40px;
  margin-top: 5px;
}

.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
  margin-right: 1px;
}

.nav-tabs > li > a {
  margin-right: 0px;
  line-height: 1.428571429;
  border: 0px solid transparent;
  border-radius: 0px 0px 0 0;
  color:#fff;
  -webkit-transition:.3s;-moz-transition:.3s;transition:.3s;
  padding:10px 3px 10px 7px;
  background: #F9A21A;
}

@media (min-width:480px){

  .nav-tabs > li > a {
    margin-right: 0px;
    line-height: 1.428571429;
    border: 0px solid transparent;
    border-radius: 0px 0px 0 0;
    color:#fff;
    -webkit-transition:.3s;-moz-transition:.3s;transition:.3s;
    padding:10px;
    background-color: #F9A21A;
  }

    .nav-tabs > li > a:hover {
      border:0px solid transparent;
      background:#F9A21A;
    }

    .nav-tabs > li.active > a,
    .nav-tabs > li.active > a:hover,
    .nav-tabs > li.active > a:focus {
      color: #F9A21A;
      cursor: default;
      background-color: #F5F5F5;
      border: 0px solid #dddddd;
      border-bottom-color: transparent;
    }

    .nav-tabs > li.actif > a,
    .nav-tabs > li.actif > a:hover,
    .nav-tabs > li.actif {
      color: #434343;
      cursor: default;
      background-color: #ffffff;
      border: 0px solid #dddddd;
      border-bottom-color: transparent;
    }

    .nav-tabs.nav-justified {
      width: 100%;
      border-bottom: 0;
    }

    .nav-tabs.nav-justified > li {
      float: none;
    }

    .nav-tabs.nav-justified > li > a {
      text-align: center;
    }




  .nav-tabs.nav-justified > li > a {
    margin-right: 0;
    border-bottom: 1px solid #dddddd;
  }

  .nav-tabs.nav-justified > .active > a {
    border-bottom-color: #ffffff;
  }

  .dropdown-menu > li > a, .dropdown-menu > li > a:active,.dropdown-menu > li > a:focus {
      display: block;
      padding: 10px 20px;
      clear: both;
      font-weight: normal;
      line-height: 1.42857143;
      color: #333 !important;
      white-space: nowrap;
  }



  a:hover, a:focus {
      font-weight: bold;
  }

  .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
      color: #F9A21A;
      background-color: #fff;
  }
}

.label-primary {
    background-color: #F9A21A;

}
@media (min-width: 992px) {
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
}

@media (max-width: 767px) {
  .dropdown-menu > li > a{
    color: #fff !important;
  }
  .dropdown-menu > li a:hover{
    background: #F9A21A;
  }
  .white-hover-xs{
    color: #fff !important;
  }
}

/* Pagination */
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #F9A21A;
    border-color: #F9A21A;
}

.well {
    min-height: 20px !important;
    padding: 19px !important;
    margin-bottom: 5px !important;
    background-color: #ffffff !important;
    -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0) !important;
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0) !important;
    border-radius: 2px !important;
}

.well-trip-summary{
    padding: 15px !important;
    background-color: #F9F9F9 !important;
}

.wellform{
  min-height: 20px;
  padding: 19px;
  margin-bottom: 2px;
  margin-top: 15px;
  background-color: #F6F7F8;
}

.mywell{
  min-height: 20px;
  padding: 19px;
  margin-bottom: 2px;
  margin-top: 15px;
  background-color: #F6F7F8;
}

.container-fluid {
    padding-right: 0px;
    padding-left: 0px;
    margin-bottom: 5px;
}

/* Progress */


.progress-bar-danger {
    background-color: #C91111 !important;
}

 .progress {
    height: 20px !important;
    margin-bottom: 10px !important;
    overflow: hidden !important;
    background-color: #888 !important;
    border-radius: 0px !important;
}
.progress > .progress-type {
    left: 0px;
    font-weight: 800;
    padding: 3px 30px 2px 10px;
    color: rgb(255, 255, 255);
    background-color: rgba(25, 25, 25, 0.2);
}
.progress > .progress-completed {
    position: absolute;
    right: 0px;
    font-weight: 800;
    padding: 3px 10px 2px;
} 

.text-red{
  color: #C91111;
}
/* SpritE */
.sprite {
    background-image: url('../images/spritesheet.png');
    background-repeat: no-repeat;
    position: relative;
    top: 1px;
    display: inline-block;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.sprite-arrival {
    width: 22px;
    height: 21px;
    background-position: -5px -5px;
}
.sprite-arrow {
    width: 42px;
    height: 43px;
    background-position: -37px -5px;
}
.sprite-arrows {
    width: 9px;
    height: 12px;
    background-position: -89px -5px;
}
.sprite-arrowu {
    width: 12px;
    height: 5px;
    background-position: -108px -5px;
}
.sprite-arrowu-btm {
    width: 5px;
    height: 12px;
    background-position: -130px -5px;
}
.sprite-arrowu-top {
    width: 5px;
    height: 12px;
    background-position: -145px -5px;
}
.sprite-back-icon {
    width: 53px;
    height: 64px;
    background-position: -160px -5px;
}
.sprite-breadcrumb {
    width: 8px;
    height: 9px;
    background-position: -223px -5px;
}
.sprite-btn-plus {
    width: 33px;
    height: 51px;
    background-position: -5px -79px;
}
.sprite-btn-plus-over {
    width: 33px;
    height: 51px;
    background-position: -48px -79px;
}
.sprite-calendar {
    width: 21px;
    height: 27px;
    background-position: -91px -79px;
}
.sprite-caret {
    width: 10px;
    height: 5px;
    background-position: -122px -79px;
}
.sprite-check {
    width: 14px;
    height: 11px;
    background-position: -142px -79px;
}
.sprite-collapsearrow {
    width: 9px;
    height: 16px;
    background-position: -166px -79px;
}
.sprite-csscheckbox_5ab92245cf78caac21ff087cfc374219 {
    width: 21px;
    height: 42px;
    background-position: -185px -79px;
}
.sprite-csscheckbox_ece132b80c71fbeebe8df571c3f59c58 {
    width: 22px;
    height: 44px;
    background-position: -91px -131px;
}
.sprite-csscheckbox_f05df395838a10b479b7389aca0e53d5 {
    width: 18px;
    height: 36px;
    background-position: -123px -131px;
}
.sprite-dash {
    width: 3px;
    height: 1px;
    background-position: -108px -24px;
}
.sprite-departure {
    width: 22px;
    height: 15px;
    background-position: -151px -131px;
}
.sprite-icon-bank {
    width: 75px;
    height: 40px;
    background-position: -5px -156px;
}
.sprite-icon-facebook {
    width: 38px;
    height: 38px;
    background-position: -183px -131px;
}
.sprite-icon-gplus {
    width: 38px;
    height: 38px;
    background-position: -123px -179px;
}
.sprite-icon-master {
    width: 75px;
    height: 40px;
    background-position: -241px -5px;
}
.sprite-icon-twitter {
    width: 38px;
    height: 38px;
    background-position: -223px -55px;
}
.sprite-icon-visa {
    width: 75px;
    height: 40px;
    background-position: -231px -103px;
}
.sprite-icon-youtube {
    width: 38px;
    height: 38px;
    background-position: -271px -55px;
}
.sprite-icon_arrow_left_black {
    width: 14px;
    height: 14px;
    background-position: -5px -55px;
}
.sprite-icon_arrow_right_black {
    width: 14px;
    height: 14px;
    background-position: -89px -55px;
}
.sprite-kaiarrive {
    width: 23px;
    height: 16px;
    background-position: -122px -103px;
}
.sprite-kaidepart {
    width: 23px;
    height: 16px;
    background-position: -231px -153px;
}
.sprite-li {
    width: 13px;
    height: 13px;
    background-position: -113px -55px;
}
.sprite-li2 {
    width: 13px;
    height: 13px;
    background-position: -136px -55px;
}
.sprite-seat {
    width: 31px;
    height: 29px;
    background-position: -264px -153px;
}
.sprite-seatwhite {
    width: 31px;
    height: 29px;
    background-position: -171px -192px;
}
.sprite-spacer {
    width: 1px;
    height: 1px;
    background-position: -155px -103px;
}
.sprite-stop {
    width: 25px;
    height: 21px;
    background-position: -212px -192px;
}
.sprite-tip-arrow {
    width: 33px;
    height: 9px;
    background-position: -247px -192px;
}
.sprite-tip-arrowu {
    width: 33px;
    height: 9px;
    background-position: -5px -211px;
}

/* Icon Citos */
.sprites {
    background-image: url('../images/citos-icon.png');
    background-repeat: no-repeat;
    display: block;
}

.sprite-citos-car {
    width: 32px;
    height: 32px;
    background-position: -2px -2px;
}

.sprite-citos-flight {
    width: 32px;
    height: 32px;
    background-position: -38px -2px;
}

.sprite-citos-hotel {
    width: 32px;
    height: 32px;
    background-position: -2px -38px;
}

.sprite-citos-ppob {
    width: 32px;
    height: 32px;
    background-position: -38px -38px;
}

.sprite-citos-tour {
    width: 32px;
    height: 32px;
    background-position: -74px -2px;
}

.sprite-citos-train {
    width: 32px;
    height: 32px;
    background-position: -74px -38px;
}


/* Panel */
.panel-primary > .panel-heading {
    color: #fff !important;
    background-color: #F9A21A !important;
    border-color: #F9A21A !important;
}

@media (min-width: 992px) {
  .modal-lg {
      width: 1000px;
  }
}

table.table-expandable > tbody > tr:nth-child(odd) {
    cursor: pointer;
}
table.table-expandable.table-hover > tbody > tr:nth-child(even):hover td {
    background-color: white;
}
table.table-expandable > tbody > tr div.table-expandable-arrow {
    background:transparent url('../images/arrows.png') no-repeat scroll 0px -16px; width:16px; height:16px; display:block;
}
table.table-expandable > tbody > tr div.table-expandable-arrow.up {
    background-position:0px 0px;
}

.col-min-1{
  width: 1.7% !important;
  text-align: center;
}

.col-compact{
    padding: 0px 2px 0px 2px !important;
  }
.col-min-2{
 width: 5% !important;
  text-align: center;
}

@media (max-width: 992px) {
  .col-min-2{
  width:100% !important;
  text-align: center;
}
  .col-min-1{
  width:8%;
  text-align: center;
}
  .offset-0{padding-left:0px; padding-right:0px!important;}
}

@media (min-width: 760px) {
  .padding-right-small{
    margin-right:60px
  }
}

/* progress-loading */
.progress-loading {
      position: relative;
      height: 7px;
      display: block;
      width: 100%;
      background-color: #017EEE;
      border-radius: 2px;
      margin: 0.5rem 0 1rem 0;
      overflow: hidden;
    }
    .progress-loading .indeterminate {
      background-color: #F9A21A;
    }

    .progress-loading .indeterminate:before {
      content: '';
      position: absolute;
      background-color: inherit;
      top: 0;
      left: 0;
      bottom: 0;
      will-change: left, right;
      -webkit-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
              animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
    }

    .progress-loading .indeterminate:after {
      content: '';
      position: absolute;
      background-color: inherit;
      top: 0;
      left: 0;
      bottom: 0;
      will-change: left, right;
      -webkit-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
              animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
      -webkit-animation-delay: 1.15s;
              animation-delay: 1.15s;
    }

    @-webkit-keyframes indeterminate {
      0% {
        left: -35%;
        right: 100%;
      }
      60% {
        left: 100%;
        right: -90%;
      }
      100% {
        left: 100%;
        right: -90%;
      }
    }

    @keyframes indeterminate {
      0% {
        left: -35%;
        right: 100%;
      }
      60% {
        left: 100%;
        right: -90%;
      }
      100% {
        left: 100%;
        right: -90%;
      }
    }

    @-webkit-keyframes indeterminate-short {
      0% {
        left: -200%;
        right: 100%;
      }
      60% {
        left: 107%;
        right: -8%;
      }
      100% {
        left: 107%;
        right: -8%;
      }
    }

    @keyframes indeterminate-short {
      0% {
        left: -200%;
        right: 100%;
      }
      60% {
        left: 107%;
        right: -8%;
      }
      100% {
        left: 107%;
        right: -8%;
      }
    }

    .form0 {
        margin-bottom: 0px;
    }

/* Page */
.ge-content, .ge-content-type-ckeditor{
  word-break: break-all;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f2f2f2;
}

.material-switch > input[type="checkbox"] {
    display: none;   
}

.material-switch > label {
    cursor: pointer;
    height: 0px;
    position: relative; 
    width: 40px;  
}

.material-switch > label::before {
    background: rgb(0, 0, 0);
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    content: '';
    height: 16px;
    margin-top: -8px;
    position:absolute;
    opacity: 0.3;
    transition: all 0.4s ease-in-out;
    width: 40px;
}
.material-switch > label::after {
    background: rgb(255, 255, 255);
    border-radius: 16px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    content: '';
    height: 24px;
    left: -4px;
    margin-top: -8px;
    position: absolute;
    top: -4px;
    transition: all 0.3s ease-in-out;
    width: 24px;
}
.material-switch > input[type="checkbox"]:checked + label::before {
    background: inherit;
    opacity: 0.5;
}
.material-switch > input[type="checkbox"]:checked + label::after {
    background: inherit;
    left: 20px;
}

/* FADE/SCALE EFFECT */
  .modal.fade .modal-dialog {
    opacity: 0;
    -webkit-transform: scale(0.1);
      -ms-transform: scale(0.1);
       -o-transform: scale(0.1);
        transform: scale(0.1);
    -webkit-transition: all 0.3s ease;
       -moz-transition: all 0.3s ease;
       -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
  }

  .modal.fade.in .modal-dialog {
    opacity: 1;
    -webkit-transform: scale(1);
      -ms-transform: scale(1);
       -o-transform: scale(1);
        transform: scale(1);
    -webkit-transform: translate3d(0%, 0, 0);
      -ms-transform: translate3d(0%, 0, 0);
       -o-transform: translate3d(0%, 0, 0);
        transform: translate3d(0%, 0, 0);
  }

/* DIALOG CONTENT */
.modal-content {
  border: none;
  border-radius: 2px;
  -webkit-box-shadow: 0 40px 77px rgba(0, 0, 0, 0.22), 0 27px 24px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0 40px 77px rgba(0, 0, 0, 0.22), 0 27px 24px rgba(0, 0, 0, 0.2);
      box-shadow: 0 40px 77px rgba(0, 0, 0, 0.22), 0 27px 24px rgba(0, 0, 0, 0.2);
}

/* DIALOG HEADER */
.modal-header {
  min-height: 16px;
  padding: 24px;
  border-bottom: none;
}

.modal-title {
  font-weight: 500;
  font-size: 21px;
}

/* DIALOG BODY */
.modal-body {
  padding: 0 24px;
}

.modal-body p {
  font-weight: 400;
  font-size: 14px;
  color: #212121;
}

.modal-body .lead {
  font-weight: 300;
  font-size: 16px;
  color: #757575;
}

.modal-body p:last-child,
.modal-body .lead:last-child {
  margin-bottom: 0;
}

/* DIALOG FOOTER */
.modal-footer {
  margin-top: 24px;
  padding: 8px 0;
  border-top: none;
}

.modal-footer .btn {
  height: 36px;
  margin-right: 8px;
  padding: 8px 10px;
  border: none;
  border-radius: 0;
  text-transform: uppercase;
  font-weight: 500;
  color: #F9A21A;
  background-color: #fff;
}

.modal-footer .btn:focus {
  outline: none;
  box-shadow: none;
}

.modal-footer .btn:focus,
.modal-footer .btn:hover {
  color: #F9A21A;
}

.modal-footer .btn + .btn {
  margin-left: 0;
}

.modal-footer .btn + .btn:last-child {
  margin-left: -4px;
}

.alert-dismissable .close, .alert-dismissible .close{
  right: 0;
}
/* Font */
body{
    font-family: 'Roboto', sans-serif;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url('../fonts/ek4gzZ-GeXAPcSbHtCeQI_esZW2xOQ-xsNqO47m55DA.woff2') format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url('../fonts/mErvLBYg_cXG3rLvUsKT_fesZW2xOQ-xsNqO47m55DA.woff2') format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url('../fonts/-2n2p-_Y08sg57CNWQfKNvesZW2xOQ-xsNqO47m55DA.woff2') format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url('../fonts/u0TOpm082MNkS5K0Q4rhqvesZW2xOQ-xsNqO47m55DA.woff2') format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url('../fonts/NdF9MtnOpLzo-noMoG0miPesZW2xOQ-xsNqO47m55DA.woff2') format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url('../fonts/Fcx7Wwv8OzT71A3E1XOAjvesZW2xOQ-xsNqO47m55DA.woff2') format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url('../fonts/CWB0XYA8bzo0kSThX0UTuA.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}


/*Sidebar Left*/
.animate-trigger-close{
    -webkit-transition: all 2.5s ease-in;
    -moz-transition: all 2.5s ease-in;
    -o-transition: all 2.5s ease-in;
    -ms-transition: all 2.5s ease-in;
    transition: all 2.5s ease-in; 
    left: 0;
}

.animate-trigger-open{
    -webkit-transition: all 1s ease-in;
    -moz-transition: all 1s ease-in;
    -o-transition: all 1s ease-in;
    -ms-transition: all 1s ease-in;
    transition: all 1s ease-in;
    left: 50%;
}

.animate-close-fast {
    -webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    -ms-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
    left: 0.01%;
}
.animate-open-fast{
    -webkit-transition: all 0s ease-in;
    -moz-transition: all 0s ease-in;
    -o-transition: all 0s ease-in;
    -ms-transition: all 0s ease-in;
    transition: all 0s ease-in;
    left: 50%;
}

.sidebar-none{
    display: none;
}

.sidebar-block{
    display: block;
}


.layer-flight, .layer-hotel, .layer-train, .layer-tour, .layer-car, .layer-ppob{
    position: fixed;
    top: 0px;
    margin-left: -50%;
    padding: 15px 15px 15px 65px;
    height: 100%;
    width: 50%;
    background-color: #Ffffff;
    z-index: 9899;
    overflow: auto;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.13);
}

@media screen and (max-width: 760px) {
    .layer-flight, .layer-hotel, .layer-train, .layer-tour, .layer-car, .layer-ppob{
        display: none;
    }
}


@media (max-width: 992px) {
    .fixed-sidebar{ 
        position: fixed;
        cursor: pointer;
        z-index: 99;
        left: 0px;
        top: 615px;
    }
}
.fixed-sidebar{
    position: fixed;
    z-index: 9999;
    cursor: pointer;    
    left: 0px;
    top: 215px;
}
.sidebtn{
    border-radius: 0px !important;
}




/*Sidebar Right*/


.nav-controller {
    position: fixed;
    top: 175px;
    right: 0px;
    cursor: pointer;
    z-index: 1000;
    margin-right: -300px;
}

nav {
    position: fixed;
    top: 0px;
    right: -100%;
    padding: 10px 30px 20px 20px;
    height: 100%;
    max-width: 350px;
    background-color: rgb(255, 255, 255);
    color: #000;
    box-shadow: -3px 0px 3px 0px rgba(160, 160, 160, 0.30);
    z-index: 1000;
    overflow: auto
}

@media (max-width: 992px) {
    nav {
        padding: 20px 70px 20px 20px;
    }        
}

nav.focus {
    right: 0px
}

.side-menu {
    margin-bottom: 30px;
    padding-bottom: 150px;
}
.side-menu .navbar {
    border: none-flight;
    padding-left: 10px
}
.side-menu .navbar-header {
    width: 100%;
    border-bottom: 1px solid #e7e7e7
}
.side-menu .navbar-nav .active a {
    background-color: transparent
}
.side-menu .navbar-nav li {
    display: block;
    width: 100%;
    margin-left: 2px;
    border-bottom: 1px solid #e7e7e7
}
@media (max-width: 480px) {
    .nav-controller {
        position: fixed;
        top: 175px;
        right: 0px;
        cursor: pointer;
        z-index: 1000;
        margin-right: -300px;
        -webkit-overflow-scrolling: touch;
    }
    nav {
      position: fixed;
      top: 0px;
      right: -100%;
      padding: 10px 60px 20px 30px;
      height: 100%;
      width: 83% !important;
      background-color: rgb(255, 255, 255);
      color: #000;
      box-shadow: -3px 0px 3px 0px rgba(160, 160, 160, 0.30);
      z-index: 1000;
      overflow: auto
  }
}
@media (max-width: 1200px) {
    .side-menu .navbar-nav li {
        display: block;
        width: 100%;
        border-bottom: 1px solid #fff;
        margin-left: 15px
    }
    .side-menu .navbar-nav li a {
        border-bottom: 1px solid #fff
    }
}
.side-menu .navbar-nav li a {
    padding: 15px
}
.side-menu .navbar-nav li a .glyphicon {
    padding-right: 10px
}
.side-menu #dropdown {
    border: 0;
    margin-bottom: 0;
    border-radius: 0;
    background-color: transparent;
    box-shadow: none-flight
}
.side-menu #dropdown .caret {
    float: right;
    margin: 9px 5px 0
}
.side-menu #dropdown .indicator {
    float: right
}
.side-menu #dropdown > a {
    border-bottom: 0px solid #e7e7e7
}
.side-menu #dropdown .panel-body {
    padding: 0
}
.side-menu #dropdown .panel-body .navbar-nav {
    width: 100%
}
.side-menu #dropdown .panel-body .navbar-nav li {
    border-bottom: 1px solid #e7e7e7;
    width: 80%;
    margin-left: 20px;
}
.side-menu #dropdown .panel-body .navbar-nav li:last-child {
    border-bottom: none-flight
}
.side-menu #dropdown .panel-body .panel > a {
    margin-left: -20px;
    padding-left: 35px
}
.side-menu #dropdown .panel-body .panel-body {
    margin-left: -15px
}
.side-menu #dropdown .panel-body .panel-body li {
    padding-left: 30px
}
.side-menu #dropdown .panel-body .panel-body li:last-child {
    border-bottom: 1px solid #e7e7e7
}
.side-menu #search-trigger {
    background-color: #f3f3f3;
    border: 0;
    border-radius: 2px;
    position: absolute;
    top: 0;
    right: 0;
    padding: 10px;
    margin: 5px
}
.side-menu .brand-name-wrapper {
    min-height: 50px
}
.side-menu .brand-name-wrapper .navbar-brand {
    display: block
}
.side-menu #search {
    position: relative;
    z-index: 1000
}
.side-menu #search .panel-body {
    padding: 0
}
.side-menu #search .panel-body .navbar-form {
    padding: 0;
    padding-right: 50px;
    width: 100%;
    margin: 0;
    position: relative;
    border-top: 1px solid #e7e7e7
}
.side-menu #search .panel-body .navbar-form .form-group {
    width: 100%;
    position: relative
}
.side-menu #search .panel-body .navbar-form input {
    border: 0;
    border-radius: 0;
    box-shadow: none-flight;
    width: 100%;
    height: 50px
}
.side-menu #search .panel-body .navbar-form .btn {
    position: absolute;
    right: 0;
    top: 0;
    border: 0;
    border-radius: 2px;
    background-color: #f3f3f3;
    padding: 10px;
    margin: 5px
}

.btn-primary-plus{
    background-color:#000;
}
.btn-primary-plus:hover,.btn-primary-plus:focus,.btn-primary-plus:active,.btn-primary-plus:visited,.btn-primary-plus:link{
  background-color:#F9A21A;
    border-color:#F9A21A;
    color: #fff;
}

.btn-side{
  padding: 10px 14px;
  font-size: 18px;
  line-height: 1.3333333;
}

@media (max-width: 480px) {
.btn-small{
  padding: 6px 6px !important;
}
}

a > .btn-primary-plus > .btn:hover{
  color: #fff;
}

.panel-no-shadow{
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important;
}

.animate-right-open {
    -webkit-transition: all 1.25s ease-in;
     -moz-transition: all 1.5s ease-in;
     -o-transition: all 1.25s ease-in;
     -ms-transition: all 1.25s ease-in;
     transition: all 1.25s ease-in;
     right: 0px;
}

.animate-right-close{
    -webkit-transition: all 2.5s ease-in;
     -moz-transition: all 2.5s ease-in;
     -o-transition: all 2.5s ease-in;
     -ms-transition: all 2.5s ease-in;
     transition: all 2.5s ease-in;
     right: -360px;
}

.animate-right-close-fast {
    -webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    -ms-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
}

/* Style01.css */
.greyplus{
  margin-bottom: -22px;
  margin-right: -30px;
}

.mespin{
  color:#666675;
  margin:0px 0px 15px 10px;
}

.radio-toolbar input[type="radio"] {
    display:none; 
}

.radio-toolbar label {
    display:inline-block;
    background-color:#fff;
    
    padding:10px;
    cursor: pointer;
    position: relative;
    vertical-align: middle;
    float: left;
    margin-bottom: 15px;
    width: 50%;
    color: #F9A21A;
    padding-left:15px; 
    border: 1px solid #ebebeb;
    box-shadow: #CED2DB 0 1px 2px 0;
}

.radio-toolbar label:hover {
    background-color:#F9A21A;
    border: 1px solid #F9A21A;
    color: #fff;
}

.radio-toolbar input[type="radio"]:checked + label { 
    background-color:#F9A21A;
    color: #fff;
    border: 1px solid #F9A21A;
    box-shadow: #CED2DB 0 1px 2px 0;
}

.darkblue{
color:#003366;
}

.wh5percent{width:5%;}
.wh15percent{width:15%;}
.wh25percent{width:25%;}
.wh35percent{width:35%;}
.wh45percent{width:45%;}
.wh55percent{width:55%;}
.wh65percent{width:65%;}
.wh75percent{width:75%;}
.wh85percent{width:85%;}
.wh95percent{width:95%;}

.lh6{line-height:24px;}

.flightsgrid{
width:100%;
background:url('../img/bgflights.png') #000 repeat-y;
}
.flightsgridmore{
width:100%;
height:30px;
background:#F9A21A;
color:black;
text-align:center;
padding:4px 0px 0px 0px;
}


.filtertip2 {height:100px; background:#fff; padding:0px; color:#999999; position:relative; text-align:center; line-height:10px; }
.filtertip2 a{color:#999999;}
.tip-arrow2{width:33px; height:9px; background:url('../images/tip-arrowu.png'); position:absolute; bottom:-9px; left:50%; margin-left:-15px;}


/*#####################
    FLIGHTS
#####################*/
.fblueline{
  background:#000;
  padding:10px 10px 10px 10px;
  color:#fff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.13);
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  position: relative;
}
.fgreenline{
  background:#000;
  padding:10px 10px 10px 10px;
  color:#fff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.13);
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  position: relative;
}
.frow1{
  background:#f2f2f2;
  min-height:100px;
  color:#666;
  border-left: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  border-top: 1px solid #DDD;
  margin-top: -1px;

}
.frowexpand{
  background:#fff;
  color:#666;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
  box-shadow: 0px 11px 8px -13px #CCC inset, 0px -11px 8px -13px #CCC inset;
  -webkit-box-shadow: 0px 11px 8px -13px #CCC inset, 0px -11px 8px -13px #CCC inset;
}

.frow2{
  background:#F6F7F8;
  min-height:85px;
  color:#666;
  border-left: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  border-top: 1px solid #DDD;
  margin-top: -1px; 
}

.cartfrow{
  background:#FFFFFF;
  min-height:90px;
  color:#666666;
  padding: 15px 15px 15px 15px;
  border: 1px solid #DDD;
}

.activefrow{
  background:#F9FAE4;
}


.fselect{
  background:#f2f2f2;
  padding:10px;
  text-align:right;
  margin-bottom: 40px;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
}
.table  tbody > tr > td{
  /*border-top:0px!important;
  width:20%;*/
}

.mygrey{
  background: #fff;
  color:#666;
  border-right: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  padding: 10px;
  box-shadow: 0px 11px 8px -13px #CCC inset, 0px -11px 8px -13px #CCC inset;
  -webkit-box-shadow: 0px 11px 8px -13px #CCC inset, 0px -11px 8px -13px #CCC inset;
}

.mycartgrey{
  background: #fff;
  color:#666;
  border-right: 1px solid #DDD;
  border-left: 1px solid #DDD;
  border-bottom: 1px solid #DDD;
  padding: 10px;
  box-shadow: 0px 11px 8px -13px #CCC inset, 0px -11px 8px -13px #CCC inset;
  -webkit-box-shadow: 0px 11px 8px -13px #CCC inset, 0px -11px 8px -13px #CCC inset;
}



/*#####################
   Hide button
#####################*/
.hidebtn{
border:2px solid #ef9348;
padding:5px 15px 5px 15px;
background:#fff;
color:#ef9348;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-transition:.2s;-moz-transition:.2s;transition:.2s
}
.hidebtn:hover{
border:2px solid #ef9348;
color:#fff;
background:#ef9348;
}
.hidebtn:hover.cunvailable{
border:2px solid #ebebeb;
padding:5px 15px 5px 15px;
background:#fff;
color:#999;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-transition:.2s;-moz-transition:.2s;transition:.2s
}


.lightbtn{
border:2px solid #ebebeb;
padding:5px 15px 5px 15px;
background:#fff;
color:#999;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-transition:.2s;-moz-transition:.2s;transition:.2s
}
.lightbtn:hover{
border:2px solid #e2e2e2;
padding:5px 15px 5px 15px;
background:#F9A21A;
color:#fff;
}
.lightbtn:hover.cunvailable{
border:2px solid #ebebeb;
padding:5px 15px 5px 15px;
background:#fff;
color:#999;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-transition:.2s;-moz-transition:.2s;transition:.2s
}

.selectbtn{
border:2px solid #0099cc;
padding:5px 10px 5px 10px;
background:#0099cc;
color:#fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-transition:.2s;-moz-transition:.2s;transition:.2s
}
.selectbtn:hover{
border:2px solid #F9A21A;
padding:5px 10px 5px 10px;
background:#F9A21A;
color:#fff;
}
.selectbtn:hover.cunvailable{
border:2px solid #ebebeb;
padding:5px 15px 5px 15px;
background:#fff;
color:#999;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-transition:.2s;-moz-transition:.2s;transition:.2s
}


.bookbtn2{
border:2px solid #ebebeb;
padding:5px 15px 5px 15px;
background:#fff;
color:#999;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-transition:.2s;-moz-transition:.2s;transition:.2s
}
.bookbtn2:hover{
border:2px solid #72bf66;
color:#fff;
background:#72bf66;
}
.bookbtn2:hover.cunvailable{
border:2px solid #ebebeb;
padding:5px 15px 5px 15px;
background:#fff;
color:#999;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-transition:.2s;-moz-transition:.2s;transition:.2s
}




span.farrow{
width:12px;
height:5px;
display:inline-block;
background:url('../images/arrowu.png') no-repeat;
position:relative;
top:-2px;
}
span.farrow-top{
width:5px;
height:12px;
display:inline-block;
background:url('../images/arrowu-top.png') no-repeat;
}
span.farrow-btm{
width:5px;
height:12px;
display:inline-block;
background:url('../images/arrowu-btm.png') no-repeat;
}



/*###############################
   FLIGHTS TABLE RESPONSIVE
#################################*/

ul.flightstable{
margin:0px;
padding:0px;
}
ul.flightstable li{
min-height:40px;
border:0px solid #ccc;
list-style-type: none;
margin:0px;
padding:0px;
}

ul.flightstable li.ft1{
float:none;
width:100%;
padding: 0px 0px 0px 20px;
margin-top: -20px;
}
ul.flightstable li.ft2{
float:left;
width:33%;
padding: 0px 0px 0px 30px;
}
ul.flightstable li.ft3{
float:left;
width:33%;
padding: 0px 0px 0px 30px;
}
ul.flightstable li.ft4{
float:left;
width:33%;
padding: 0px 0px 0px 30px;
}
ul.flightstable li.ft5{
float:none;
width:100%;
clear:both;
padding: 0px 0px 0px 0px;
}

@media (min-width: 600px) {
  ul.flightstable li.ft1{
  float:left;
  width:20%;
  }
  ul.flightstable li.ft2{
  float:left;
  width:20%;
  }
  ul.flightstable li.ft3{
  float:left;
  width:20%;
  }
  ul.flightstable li.ft4{
  float:left;
  width:20%;
  }
  ul.flightstable li.ft5{
  float:left;
  width:20%;
  clear:none;
  }
}
/*   END OF FLIGHTS TABLE RESPONSIVE */


/*###############################
   FLIGHTS PAYMENT PAGE
#################################*/

.fdash{
width:100%;
height:1px;
background:url('../images/dash.png');
}

.fcircle{
width:39px;
height:39px;
border:2px solid #ebebeb;
background:#fff;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
position:relative;
z-index:100;
}
.fline2px{
width:100%;
height:2px;
background:#ebebeb;
display:block;
position:relative;
top:-20px;
z-index:10;
}

span.fdeparture{
width:25px;
height:21px;
background:url('../images/departure.png') no-repeat;
display:block;
margin:6px 0px 0px 4px;
}
span.traindeparture{
width:25px;
height:21px;
background:url('../images/kaidepart.png') no-repeat;
display:block;
margin:6px 0px 0px 4px;
}
span.fstop{
width:25px;
height:21px;
background:url('../images/stop.png') no-repeat;
display:block;
margin:6px 0px 0px 4px;
}
span.farrival{
width:25px;
height:21px;
background:url('../images/arrival.png') no-repeat;
display:block;
margin:6px 0px 0px 4px;
}
span.trainarrival{
width:25px;
height:21px;
background:url('../images/kaiarrive.png') no-repeat;
display:block;
margin:6px 0px 0px 4px;
}


span.fcaricon{
width:25px;
height:21px;
background:url('../images/caricon.png') no-repeat;
display:block;
margin:6px 0px 0px 4px;
}
span.fhotelicon{
width:25px;
height:21px;
background:url('../images/hotelicon.png') no-repeat;
display:block;
margin:6px 0px 0px 4px;
}

.deal{min-height:78px; padding:13px 0 13px 0; border-bottom:1px solid #ececec;font-weight:400;font-size:15px;}
img.dealthumb {float:left;}
.dealtitle{float:left; max-width:60%; margin-left:10px; border:0px solid black; line-height:16px;}
.dealprice{float:right; }
.price{font-weight:700; color:#F9A21A; font-size:18px;}
.dtitle{font-size:16px; color:#F39C12; font-weight:700;text-transform:uppercase;}




/*###############################
   WE ARE SEARCHING
#################################*/

img.search-logo{margin-bottom:5px; width:130px;}
.blue, .blue:hover, .blue:focus{color:#F9A21A;}
.fblue, .fblue:hover, .fblue:focus{color:#F9A21A !important;}
.login-wrap2{
width:80%;
height:450px;
background:transparent;
margin:auto auto;
position:absolute;
}
@media (min-width: 700px) {
  .login-wrap2{
  width:660px;
  height:450px;
  background:transparent;
  margin:auto auto;
  position:absolute;
  }
}

.searchingbg{
width:100%;
height:250px;
background:white;
}

ul.leftatr{
list-style-type:none;
margin:0px;
padding:0px;
float:left;
width:40%;
}
ul.leftatr li{
height:50px;
background:#F9A21A;
border-bottom:2px solid #e7e7e7;
text-align:right;
padding-top:15px;
padding-right:20px;
text-transform:uppercase;
color:#fff;
font-weight:700;
font-size:14px;
}


ul.rightatr{
list-style-type:none;
margin:0px;
padding:0px;
float:right;
width:60%;
}
ul.rightatr li{
height:50px;
background:#fff;
border-bottom:2px solid #e7e7e7;
text-align:left;
padding-top:15px;
padding-left:20px;
text-transform:uppercase;
color:#999999;
font-weight:700;
font-size:14px;
}


/*###############################
    CARS LISTINGS
#################################*/

.carscontainer{
border:1px solid #e6e6e6;

}


span.icn-air{
width:16px;
height:15px;
background:url('../images/icon-air.png')no-repeat;
display:inline-block;
position:relative;
top:3px;
margin-right:7px;
}
span.icn-gas{
width:16px;
height:15px;
background:url('../images/icon-gas.png')no-repeat;
display:inline-block;
position:relative;
top:3px;
margin-right:7px;
}
span.icn-gear{
width:16px;
height:15px;
background:url('../images/icon-gear.png')no-repeat;
display:inline-block;
position:relative;
top:3px;
margin-right:7px;
}
.purchasecontainer{
border-top:1px solid #e6e6e6;
margin-top:10px;
padding:10px 20px 10px 20px;
}


.carscontainer img{opacity:0.9; -webkit-transition:.2s;-moz-transition:.2s;transition:.2s}
.carscontainer img:hover{opacity:1;}



/*###############################
     RENTACARS PAYMENT
#################################*/

.cposalert{
position:absolute;
bottom:28px;
width:95%;
text-align:right;
}
.alertcust{
border-radius:0px;
margin:0 auto;
border:0px;
text-align:left;
}


/*###############################
      ACTIVITIES
#################################*/
.itemlabel4{background:#FFF; width:100%; height:210px;  ; font-size:13px; line-height:15px; overflow:hidden; border:1px solid #dddddd;}








/*###############################
      CRUISES
#################################*/


.cruisedropd{
width:100%;

background:#f2f2f2;
border:1px solid #dddddd;

}
.crclose{
border-top:1px solid #dddddd;
padding:10px;
background:#fff;
margin-top:-1px;
}

ul.cruislist{
list-style-type:none;
margin:0px;
padding:0px;
width:16.6%;
float:left;

}

ul.cruislist li{
height:65px;
background:url('../images/dash.png') repeat-x;
text-align:center;
padding:15px 0;
}

.crpos{
margin-right:5px;
float:right;
}
li.crcstm01{
text-transform:uppercase;
color:#999;
font-weight:700;
font-size:13px;
padding-top:24px!important;
}

li.crcstm02{
text-transform:uppercase;
color:#ff6633;
font-weight:600;
font-size:13px;

padding-top:24px!important;
}




span.greensquare{
width:28px;
height:28px;
background:#72bf66;
display:inline-block;
margin-right:20px;
}

span.bluesquare{
width:28px;
height:28px;
background:#6699cc;
display:inline-block;
margin-right:20px;
}

.navbar-brand{
padding:20px 15px 0px 0!important;
}

.nav2 > li > a{

font-size:14px;
font-weight:bold;
}
.nav2 > li.active > a{
}

.navlight > li > a{
color:#fff;
}
.navlight > li.active> a{
color:#fff;
}
.navdark > li > a{
color:#666!important;
}
.navdark > li.active > a{
color:#006599;
}


img.logo2 {width:108px; margin-top:-13px;}
@media (min-width: 992px) {
img.logo2 {width:108px; margin-top:-43px;}
}



.fullscreen-container2 {
  width:100% !important;
  position:relative;
  padding:0;
  height:100%!important;
}
@media (min-width: 992px) {
  .fullscreen-container2 {
    width:100% !important;
    position:relative;
    padding:0;
    height:100%!important;
  }
}


.navbar-fixed-top2{
position:fixed;
top:0;
left:0;
right:0;
z-index:1000;
}
.navbg{
background:#fff;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.13);
}

.searchvalign{
margin-top:200px;
}

.searchcontainer{
z-index:100; 
position:relative; 
left:0;
right:0; 
max-width:550px; 
margin:  auto; 
margin-top:160px;
}

.tsdow{
text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}

.tp-leftarrow{
display:block;
}
.tp-rightarrow{
display:block;
}

.mw400{
  max-width:400px;
}
.inph{
  height:40px;
  z-index:10000;
}
.nbtn-search {
  text-transform:uppercase;
  margin-top:-38px;
  margin-right:2px;
  height:36px;
  border: 1px solid #d75124;
  background: #e35121;
  background: -webkit-gradient(linear, left top, left bottom, from(#ff6633), to(#e35121));
  background: -webkit-linear-gradient(top, #ff6633, #e35121);
  background: -moz-linear-gradient(top, #ff6633, #e35121);
  background: -ms-linear-gradient(top, #ff6633, #e35121);
  background: -o-linear-gradient(top, #ff6633, #e35121);
  padding: 7.5px 13px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: rgba(0,0,0,0.18) 0 1px 0;
  -moz-box-shadow: rgba(0,0,0,0.18) 0 1px 0;
  box-shadow: rgba(0,0,0,0.18) 0 1px 0;
  text-shadow: rgba(0,0,0,.4) 0 -1px 0;
  color:#ffffff;
  font-size: 13px;
  
  text-decoration: none;
  vertical-align: middle;

  font-weight:700;
  
-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;
}
.nbtn-search:hover{
  /*color:#be3507;*/
  color:#ffffff;
  /*text-shadow: rgba(255,255,255,.4) 0 1px 0;*/
  text-shadow: rgba(0,0,0,.4) 0 -1px 0;
  
  background: #ff6633;
  background: -webkit-gradient(linear, left top, left bottom, from(#e35121), to(#ff6633));
  background: -webkit-linear-gradient(top, #e35121, #ff6633);
  background: -moz-linear-gradient(top, #e35121, #ff6633);
  background: -ms-linear-gradient(top, #e35121, #ff6633);
  background: -o-linear-gradient(top, #e35121, #ff6633);
}

.lnews{
padding:50px;
text-align:center;

font-size:24px;
color:#000;
text-transform:uppercase;
}

.right0{
right:0px;
}

.airlines{
  width: 100px;
  height: 100px;
  margin-top: -20px;
}

.Promo{
  background-color: #D35400;
  color: #fff;
}

.Economy{
  background-color: #27AE60;
  color: #fff;
}

.Business{
  background-color: #2980B9;
  color: #fff;
}


.label-promo{
  display: inline;
  padding: 7px;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #D35400;
  float: right;
  margin-right: 5px;
  margin-bottom: 5px;
  border-radius: 2px;
}

.label-economy{
  display: inline;
  padding: 7px;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #27AE60;
  float: right;
  margin-right: 5px;
  margin-bottom: 5px;
  border-radius: 2px;
}

.label-business{
  display: inline;
  padding: 7px;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #2980B9;
  float: right;
  margin-right: 5px;
  margin-bottom: 5px;
  border-radius: 2px;
}

.TrainEconomy{
  background-color: #D35400;
  color: #fff;
}

.TrainBusiness{
  background-color: #27AE60;
  color: #fff;
}

.TrainExecutive{
  background-color: #2980B9;
  color: #fff;
}

.label-TrainEconomy{
  display: inline;
  padding: 7px;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #D35400;
  float: right;
  margin-right: 5px;
  margin-bottom: 5px;
  border-radius: 2px;
}

.label-TrainBusiness{
  display: inline;
  padding: 7px;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #27AE60;
  float: right;
  margin-right: 5px;
  margin-bottom: 5px;
  border-radius: 2px;
}

.label-TrainExecutive{
  display: inline;
  padding: 7px;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #2980B9;
  float: right;
  margin-right: 5px;
  margin-bottom: 5px;
  border-radius: 2px;
}


.putih{
  background-color: #fff;
  padding: 10px;
  margin:-20px;
}

.full-width-tabs > ul.nav.nav-tabs {
    display: table;
    width: 100%;
    table-layout: fixed;
}
.full-width-tabs > ul.nav.nav-tabs > li {
    float: none;
    display: table-cell;
}
.full-width-tabs > ul.nav.nav-tabs > li > a {
    text-align: center;
}

.takeli{
    width:100%;
}

.logo_maskapai{
  margin-top: 0px;
  /* margin-left: 35px; */
}

.font18{
  font-size: 18px;
  color: #666;
  display: block;
}

.font16{
  font-size: 16px;
}

.nfont18{
  color: #666;
  font-size: 18px;
}

.font14{
  font-size: 14px;
}

#divSummary{
   position: relative;
}

#isiSummary{
  width: 100%;
  top: 0;
  left: 0;
}

#loadingSum{
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
} 

#loadingSum{
  z-index: 101;
  background-color: rgba(0,0,0,0.6);
    height: 100%;
}

.invalid{
  padding: 20px;
}

.reference{
  background: #F2F2F2;
  padding: 10px;
  display: inline-block;
}


/* Custom.css */
.image-maskapai{
  width:62px; 
  height:62px;
}
.text-carier-code{
  position:relative;margin-top:-5px;
  color: #666;
}
.date-std{
  font-size: 24px;
    color: #666;
    display: block;
    margin-top: 12px;
}
.direct-connect{
    margin-top: -15px;
}

.date-price{
  font-size: 20px;
  color: #666;
  display: block;
    margin-top: 12px;
}
@media (min-width: 480px) and (max-width: 1200px) {
    label.css-label{
        margin-top: 10px !important;
    }
}
@media (max-width: 992px) {
    .direct-connect{
        margin-top: 0px;
    }
  .image-maskapai{
    width:30px; 
    height:30px;
  }
  .text-carier-code{
        margin-top:0px;
    font-size: 12px;
    letter-spacing: 0px;
  }
  .date-std{
    font-size: 12px;
    letter-spacing: 0px;
        margin-top: 0px;
  }

  .date-price{
        margin-top: 0px;
    font-size: 14px;
    letter-spacing: 0px;
  }

  .form-inline-xs{
    display: inline-block;
  }

  .date-sta{
    font-size: 12px;
    letter-spacing: 0px;
  }
  .city-avaibility{
    font-size: 12px;
    letter-spacing: 0px;
  }
}


/*Makes bootstrap menu drop on hover*/
@media (min-width: 992px) {
  ul.nav li.dropdown > ul.dropdown-menu {
    display: block;  
    margin-top:40px;  
    opacity:0;
    
    transition: all .3s ease-in-out;  
    overflow:hidden;
  }

  ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;  
    margin-top:0px; 
    opacity:1;

  }
}



.mrdropdown{
  text-align: left;
}

.mruser{
  text-align: left;
  padding: 8px 8px 13px 8px !important;
  margin: 5px 15px 10px 15px;
}

@media (max-width: 992px) {
  .mrdropdown{
    text-align: left;
    margin-left: 65px;
  }
  .mruser{
    text-align: center;
  }
}
.lightcaret{

width:10px;
height:5px;
background:url('../images/caret.png') scroll 0 0 no-repeat;
display: inline-block;
margin-left: 2px;
vertical-align: middle;
}

ul.droplist { list-style:none;}
ul.droplist li{line-height:30px; border-bottom:1px solid #efefef; padding:0px 20px; -webkit-transition:.3s;-moz-transition:.3s;transition:.3s;}
ul.droplist li.dropdown-header{padding:0px 20px; }
ul.droplist li:hover.dropdown-header{background:#fff; }
ul.droplist li:hover{background:#efefef;}
ul.droplist li a{color:#444; -webkit-transition:.3s;-moz-transition:.3s;transition:.3s;}
ul.droplist li:hover a{color:#2980B9;  text-decoration:none;}

ul.droplist li.dropdown-title{  font-size:14px; color:#cccccc; padding:0px 20px; }
ul.droplist li:hover.dropdown-title{background:#fff; }

ul.droplist li.inactive{ }
ul.droplist li.inactive a{ color:#999; cursor:default;}
ul.droplist li:hover.inactive{background:#fff; }

.dropwidth01{width:650px;}
.dropwidth02{width:400px;}

.z-index100{z-index:100;}
.mtnav{position:relative; top:0px;}
.navbar-wrapper2{min-height:69px; background:#F9A21A; border-bottom:0px solid #cccccc; box-shadow: 0 0 5px rgba(0, 0, 0, 0.13); padding-bottom:0px;}
.mtslide{position:relative; top:50px;}
.mtslide2{position:relative; top:0px;}
@media (min-width: 992px) {
.navbar-wrapper2{height:69px; background:#F9A21A; border-bottom:0px solid #cccccc; box-shadow: 0 0 5px rgba(0, 0, 0, 0.13); padding-bottom:0px;}
.mtnav{position:relative; top:0px;}
.mtslide{position:relative; top:90px;}
}


.tp-leftarrow{top:240px!important;}
.tp-rightarrow{top:240px!important;}
@media (min-width: 992px) {
  .tp-leftarrow{
    top:50%!important;
  }
  .tp-rightarrow{
    top:50%!important;
  } 
}


img.fullwidth{width:100%; height:261px;}


img.logo {width:120px;margin-top: 7px;}
.logo-citos-down{
  height: 30px;
  margin-bottom:10px;
}
.mb5{
  margin-bottom: 5px;
}

.img-visa{
  height: 30px;
}

/*GLOBAL*/
.none{display:none;}
.block{display:block;}
.left{float:left;}
.right{float:right;}
.center{margin:0 auto; text-align:center;}
.textleft{text-align:left;}
.textright{text-align:right;}
.textcenter{text-align:center;}
.caps{text-transform:uppercase;}
.relative{position:relative;}
.absolute{position:absolute;}
.fixed{position:fixed!important;}
.cpointer{cursor:pointer;margin-bottom: 5px}
.cunvailable{cursor:not-allowed;}
.indent0{text-indent:0px;}

.ohidden{overflow:hidden;}


.posright-0{right:auto!important}


.line1{background:#e7e7e7; height:1px;  margin:16px 0 6px 0; padding:0; display:block;}
.line2{background:#e8e8e8; height:1px;  margin:12px 0 6px 0; padding:0; display:block;}
.line3{background:#e8e8e8; height:1px;  margin:0px 0 0px 0; padding:0; display:block;}
.line4{background:#e8e8e8; height:1px;  margin:10px 0px 15px; padding:0; display:block;}
.line5{background:#e8e8e8; height:1px;  margin:4px 0 12px 0; padding:0; display:block;}

/*TYPOGRAPHY CUSTOMISATION*/
.xslim{font-weight:100;}
.slim{font-weight:300;}
.normal{font-weight:400;}


.bold{font-weight:700;}


.lh1{line-height:7px !important;}
.lh2{line-height:15px;}
.lh3{line-height:60px;}
.lh4{line-height:17px;}
.lh5{line-height:36px;}

.lato{}
.opensans{}
.size8{font-size:8px;}
.size10{font-size:10px;}
.size11{font-size:11px;}
.size12{font-size:12px;}
.size13{font-size:13px;}
.size14{font-size:14px;}
.size16{font-size:16px;}
.size18{font-size:18px;}
.size20{font-size:20px;}
.size22{font-size:22px;}
.size24{font-size:24px;}
.size28{font-size:28px;}
.size26{font-size:26px;}
.size30{font-size:30px;}
.size40{font-size:40px;}
.size48{font-size:48px;}
.size60{font-size:60px;}
.size65{font-size:65px;}
.size100{font-size:100px;}






/*COLORS*/
.white{color:#fff;}
.dark{color:#F9A21A}
.lgrey{color:#ccc;}
.lightgrey{color:#ccc;}
.grey{color:#999;}
.grey2{color:#666;}
.green{color:#2ECC71;}
.green2{color:#339933;}
.lblue{color:#F9A21A;}
.yellow{color:#ffff00;}
.red{color:#ff3300;}
.lred{color:#ff9966;}
.lred2{color:#ff5a00;}

/*anchors*/
a.dark{color:#333;text-decoration:none;}
a:hover.dark{color:#2980B9;text-decoration:none;}

a.grey{color:#999; font-weight:normal;}
a.orange{color:#ff6633;}

a.whitelink{color:#fff;}

a.greylink{color:#666;}

a.clblue{color:#F9A21A;}
a:hover.clblue{color:#F9A21A;text-decoration:none;}


a.green2{color:#2ECC71; font-weight:normal; text-decoration:none; -webkit-transition:.3s;-moz-transition:.3s;transition:.3s;}
a:hover.green2{color:#339933; font-weight:normal; text-decoration:none;}


/*COLORS*/


/*SHADOW*/
.shadow{box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}

/*IMAGE*/
.fwi{width:100%; height:261px; overflow:hidden; position:relative;}
.fwi img{width:100%; margin-left:0px;}
@media (min-width: 992px) {
.fwi img{width:120%;margin-left:-20px;}
}
@media (min-width: 1200px) {
.fwi img{width:100%; margin-left:0px;}
}

/*bg*/
.sliderbg{
position:fixed; 
background:url('../images/slider-bg.png') #333 scroll center center;
}
.sliderbg2{
position:fixed; 
background:url('../images/bg.jpg') #0d73a5 scroll center -50px no-repeat;
Width:100%; height:720px; 
}


/*ROLLOVER*/
.mhover{
width:100%;
height:100%;
position:absolute;
top:0px;
z-index:100000;
background: rgba(21,38,47,0.8);
}
.mhover span{
width:30px;
height:30px;
margin-left:-30px;
background:url('../images/sprite.png') 2px -148px transparent;
position:absolute;
top:50%;
z-index:100000;
}
.mhover span img{
width:30px;
height:30px;
}


.ctitle{width:100%; height:63px;padding:18px;background:#15262f; position:relative; font-size:20px;color:#fff;text-transform:uppercase;}
.ctitle span {float:right; color:#2ECC71; font-size:18px;}
.ctitle a {float:right; padding:4px 0px 0px 20px;}
.ctitle a img {width:14px;height:18px; display:block; background:url('../images/sprite.png')  0px -36px}
.ctitle a:hover img {width:14px;height:18px; display:block; background:url('../images/sprite.png')  0px -54px}

.ftitle{ Font-size:16px; color:#666; font-weight:700;}

.ftitleblack{Font-size:16px; color:#fff; font-weight:700;}


/*Alignments positioning*/
.paddingg{padding:0px !important;}
.pbottom15{padding-bottom:10px;}
.m1{margin:13px 0px 0px 22px;}

.mt110{position:relative; top:90px;}
.mt1{position:relative; top:1px;}
.mt2{position:relative; top:2px;}
.mt3{position:relative; top:3px;}
.mt4{position:relative; top:4px;}
.mt5{position:relative; top:5px;}
.mt6{position:relative; top:6px;}
.mt7{position:relative; top:7px;}
.mt8{position:relative; top:8px;}
.mt9{position:relative; top:9px;}
.mt10{position:relative; top:10px;}
.mt15{position:relative; top:15px;}
.mt20{position:relative; top:20px;padding-bottom: 20px}
.mt25{position:relative; top:75px;}
.mt30{position:relative; top:30px;}
.mt-1{position:relative; top:-1px;}
.mt-2{position:relative; top:-2px;}
.mt-3{position:relative; top:-3px;}
.mt-4{position:relative; top:-4px;}
.mt-5{position:relative; top:-5px;}
.mt-6{position:relative; top:-6px;}
.mt-7{position:relative; top:-7px;}
.mt-8{position:relative; top:-8px;}
.mt-9{position:relative; top:-9px;}
.mt-10{position:relative; top:-10px;}
.mt-200{position:relative; top:-261px;}
.mt-130{position:relative; top:-130px;}


.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}

.cmtt{position:relative; top:500px;}

.mr20{margin-right:20px;}
.mr30{margin-right:30px;}

.pt-6{position:relative;top:-6px;}

.ca01{margin: 20px 0 0 30px;}
.ca02{position:relative; top:-10px; margin:8px 10px 0 0;color:#999;}
.ca03{position:relative; top:-5px; margin:7px 10px 0 0;color:#999;}

img.imgpos1{margin: 0px 10px;}

.margtop1{margin-top:1px!important;}
.margtop2{margin-top:2px!important;}
.margtop3{margin-top:3px!important;}
.margtop4{margin-top:4px!important;}
.margtop5{margin-top:5px!important;}
.margtop6{margin-top:6px!important;}
.margtop7{margin-top:7px!important;}
.margtop8{margin-top:8px!important;}
.margtop9{margin-top:9px!important;}
.margtop10{margin-top:10px!important;}
.margtop12{margin-top:12px!important;}
.margtop15{margin-top:15px!important;}
.margtop20{margin-top:20px!important;}
.margtop25{margin-top:25px!important;}
.margtop30{margin-top:30px!important;}
.margtop35{margin-top:35px!important;}
.margtop40{margin-top:40px!important;}

.margtop-0{margin-top:0px;}

.margtop-1{margin-top:-1px!important;}
.margtop-2{margin-top:-2px!important;}
.margtop-3{margin-top:-3px!important;}
.margtop-4{margin-top:-4px!important;}
.margtop-5{margin-top:-5px!important;}
.margtop-10{margin-top:-10px!important;}
.margtop-15{margin-top:-15px!important;}
.margtop-20{margin-top:-20px!important;}
.margtop-25{margin-top:-25px!important;}
.margtop-30{margin-top:-30px!important;}
.margtop-35{margin-top:-35px!important;}
.margtop-40{margin-top:-40px!important;}


.margleft15{margin-left:15px!important;}
.margleft20{margin-left:20px!important;}

.margright10{margin-right:10px!important;}
.margright20{margin-right:20px!important;}
.margbottom20{margin-bottom:35px!important;}

/*SEARCH BACKGROUND*/
.searchbg{
height:62px;
width:100%;
position:absolute;
top:301px;
display:block;
background:#f7f7f7;
border-top:1px solid #e8e8e8;
z-index:100;
}
.searchbg2{
height:62px;
width:100%;
position:absolute;
top:301px;
display:block;
background:#f7f7f7;
border-top:1px solid #e8e8e8;
z-index:100;
}
.searchbg3{
height:62px;
width:100%;
position:absolute;
top:730px;
display:block;
background:#f7f7f7;
border-top:1px solid #e8e8e8;
z-index:100;
}
@media (min-width: 992px) {
.searchbg2{
height:62px;
width:100%;
position:absolute;
top:171px;
display:block;
background:#f7f7f7;
border-top:1px solid #e8e8e8;
z-index:100;
}
.searchbg3{
height:62px;
width:100%;
position:absolute;
top:301px;
display:block;
background:#f7f7f7;
border-top:1px solid #e8e8e8;
z-index:100;
}


}

/*BUTTONS*/

.btn-search {
  /*color: #333333;
  background-color: #ffffff;
  border-color: #cccccc;
  */
  text-transform:uppercase;
  margin-left:30px;
  margin-top:12px;
  
  border: 1px solid #d75124;
  background: #e35121;
  background: -webkit-gradient(linear, left top, left bottom, from(#ff6633), to(#e35121));
  background: -webkit-linear-gradient(top, #ff6633, #e35121);
  background: -moz-linear-gradient(top, #ff6633, #e35121);
  background: -ms-linear-gradient(top, #ff6633, #e35121);
  background: -o-linear-gradient(top, #ff6633, #e35121);
  padding: 7.5px 20px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: rgba(0,0,0,0.18) 0 1px 0;
  -moz-box-shadow: rgba(0,0,0,0.18) 0 1px 0;
  box-shadow: rgba(0,0,0,0.18) 0 1px 0;
  text-shadow: rgba(0,0,0,.4) 0 -1px 0;
  color:#ffffff;
  font-size: 13px;
  
  text-decoration: none;
  vertical-align: middle;

  
  font-weight:700;
  
-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;
}
.btn-search:hover{
  /*color:#be3507;*/
  color:#ffffff;
  /*text-shadow: rgba(255,255,255,.4) 0 1px 0;*/
  text-shadow: rgba(0,0,0,.4) 0 -1px 0;
  
  background: #ff6633;
  background: -webkit-gradient(linear, left top, left bottom, from(#e35121), to(#ff6633));
  background: -webkit-linear-gradient(top, #e35121, #ff6633);
  background: -moz-linear-gradient(top, #e35121, #ff6633);
  background: -ms-linear-gradient(top, #e35121, #ff6633);
  background: -o-linear-gradient(top, #e35121, #ff6633);
  
  
}

.btn-search3 {
  /*color: #333333;
  background-color: #ffffff;
  border-color: #cccccc;
  */
  text-transform:uppercase;
  position:absolute;
  bottom:20px;
  
  border: 1px solid #d75124;
  background: #e35121;
  background: -webkit-gradient(linear, left top, left bottom, from(#ff6633), to(#e35121));
  background: -webkit-linear-gradient(top, #ff6633, #e35121);
  background: -moz-linear-gradient(top, #ff6633, #e35121);
  background: -ms-linear-gradient(top, #ff6633, #e35121);
  background: -o-linear-gradient(top, #ff6633, #e35121);
  padding: 7.5px 20px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: rgba(0,0,0,0.18) 0 1px 0;
  -moz-box-shadow: rgba(0,0,0,0.18) 0 1px 0;
  box-shadow: rgba(0,0,0,0.18) 0 1px 0;
  text-shadow: rgba(0,0,0,.4) 0 -1px 0;
  color:#ffffff;
  font-size: 13px;
  
  text-decoration: none;
  vertical-align: middle;

  font-weight:700;
  
-webkit-transition:.3s;-moz-transition:.3s;transition:.3s
}
.btn-search3:hover{
  /*color:#be3507;*/
  color:#ffffff;
  /*text-shadow: rgba(255,255,255,.4) 0 1px 0;*/
  text-shadow: rgba(0,0,0,.4) 0 -1px 0;
  
  background: #ff6633;
  background: -webkit-gradient(linear, left top, left bottom, from(#e35121), to(#ff6633));
  background: -webkit-linear-gradient(top, #e35121, #ff6633);
  background: -moz-linear-gradient(top, #e35121, #ff6633);
  background: -ms-linear-gradient(top, #e35121, #ff6633);
  background: -o-linear-gradient(top, #e35121, #ff6633);
}


.btn-search4 {
  text-transform:uppercase;
  border: 1px solid #d75124;
  background: #e35121;
  background: -webkit-gradient(linear, left top, left bottom, from(#ff6633), to(#e35121));
  background: -webkit-linear-gradient(top, #ff6633, #e35121);
  background: -moz-linear-gradient(top, #ff6633, #e35121);
  background: -ms-linear-gradient(top, #ff6633, #e35121);
  background: -o-linear-gradient(top, #ff6633, #e35121);
  padding: 7.5px 20px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: rgba(0,0,0,0.18) 0 1px 0;
  -moz-box-shadow: rgba(0,0,0,0.18) 0 1px 0;
  box-shadow: rgba(0,0,0,0.18) 0 1px 0;
  text-shadow: rgba(0,0,0,.4) 0 -1px 0;
  color:#ffffff;
  font-size: 13px;
  
  text-decoration: none;
  vertical-align: middle;

  font-weight:700;
    -webkit-transition:.3s;-moz-transition:.3s;transition:.3s
}
.btn-search4:hover{
  /*color:#be3507;*/
  color:#ffffff;
  /*text-shadow: rgba(255,255,255,.4) 0 1px 0;*/
  text-shadow: rgba(0,0,0,.4) 0 -1px 0;
  background: #ff6633;
  background: -webkit-gradient(linear, left top, left bottom, from(#e35121), to(#ff6633));
  background: -webkit-linear-gradient(top, #e35121, #ff6633);
  background: -moz-linear-gradient(top, #e35121, #ff6633);
  background: -ms-linear-gradient(top, #e35121, #ff6633);
  background: -o-linear-gradient(top, #e35121, #ff6633);
}


.btn-search5 {
  text-transform:uppercase;
  border: 1px solid #d8d8d8;
  background: #f2f2f2;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f2f2f2));
  background: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
  background: -moz-linear-gradient(top, #ffffff, #f2f2f2);
  background: -ms-linear-gradient(top, #ffffff, #f2f2f2);
  background: -o-linear-gradient(top, #ffffff, #f2f2f2);
  padding: 7.5px 20px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  box-shadow: rgba(0,0,0,0.1) 0 3px 2px;
  color:#999999;
  font-size: 14px;
  
  text-decoration: none;
  vertical-align: middle;
  
  font-weight:700;
  text-transform:uppercase;
    -webkit-transition:.3s;-moz-transition:.3s;transition:.3s
}
.btn-search5:hover{
  color:#333;
  border: 1px solid #bababa;  
  background: #f2f2f2;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f2f2f2));
  background: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
  background: -moz-linear-gradient(top, #ffffff, #f2f2f2);
  background: -ms-linear-gradient(top, #ffffff, #f2f2f2);
  background: -o-linear-gradient(top, #ffffff, #f2f2f2);
}


.bluebtn {
  text-transform:uppercase;
  border: 1px solid #F9A21A;
  background: #3994d4;
  background: -webkit-gradient(linear, left top, left bottom, from(#3994d4), to(#1d7db7));
  background: -webkit-linear-gradient(top, #3994d4, #1d7db7);
  background: -moz-linear-gradient(top, #3994d4, #1d7db7);
  background: -ms-linear-gradient(top, #3994d4, #1d7db7);
  background: -o-linear-gradient(top, #3994d4, #1d7db7);
  padding: 7.5px 20px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  box-shadow: rgba(0,0,0,0.3) 0 3px 5px;
  color:#fff;
  font-size: 14px;
  
  text-decoration: none;
  vertical-align: middle;

  font-weight:700;
  text-transform:uppercase;
    -webkit-transition:.3s;-moz-transition:.3s;transition:.3s
}
.bluebtn:hover{
  color:#fff;
  border: 1px solid #F9A21A;  
  background: #1d7db7;
  background: -webkit-gradient(linear, left top, left bottom, from(#1d7db7), to(#3994d4));
  background: -webkit-linear-gradient(top, #1d7db7, #3994d4);
  background: -moz-linear-gradient(top, #1d7db7, #3994d4);
  background: -ms-linear-gradient(top, #1d7db7, #3994d4);
  background: -o-linear-gradient(top, #1d7db7, #3994d4);
}


a.add2fav{
width:100%;
height:52px;
border:1px solid #e5e5e5;
background:url('../images/btn-plus.png') #fff no-repeat 20px 0;
padding:15px 10px 10px 10px;
display:block;
text-align:center;
text-transform:uppercase;
text-decoration:none; 

font-size:16px;
font-weight:700;
color:#7c8c94;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: rgba(0,0,0,0.1) 1px 1px 3px;
-moz-box-shadow: rgba(0,0,0,0.1) 1px 1px 3px;
box-shadow: rgba(0,0,0,0.1) 1px 1px 3px;
}
a:hover.add2fav{
text-decoration:none; 
color:#666!important; 
border:1px solid #ccc;
background:url('../images/btn-plus-over.png') #fff no-repeat 20px 0;
}
a:link.add2fav{text-decoration:none ; color:#7c8c94; }
a:active.add2fav{text-decoration:none ; color:#7c8c94; }
a:visited.add2fav {text-decoration:none ; color:#7c8c94; }

.btnmarg{margin-bottom:20px;}
@media (min-width: 992px){
.btnmarg{margin-bottom:0px;}
}

.booknow{
width:100%;
height:52px;
padding:15px 10px 10px 10px;
display:block;
text-align:center;
text-transform:uppercase;

font-size:16px;
font-weight:700;
color:#fff;
border: 1px solid #d75124;
background: url('../images/btn-book.png') #e35121 no-repeat -5px 0;
text-shadow: rgba(0,0,0,.4) 0 -1px 0;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: rgba(0,0,0,0.2) 1px 2px 3px;
-moz-box-shadow: rgba(0,0,0,0.2) 1px 2px 3px;
box-shadow: rgba(0,0,0,0.2) 1px 2px 3px;
}
.booknow:hover{
text-decoration:none; 
color:#fff; 
text-shadow: rgba(0,0,0,.4) 0 -1px 0;
background:url('../images/btn-book.png') #ff6633 no-repeat -5px -50px;
}
a:link.booknow{text-decoration:none ; color:#fff; }
a:active.booknow{text-decoration:none ; color:#fff; }
a:visited.booknow {text-decoration:none ; color:#fff; }



.updatebtn{
border:2px solid #ebebeb;
padding:5px 20px 5px 20px;
background:#fff;
color:#999;
font-weight:700;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.updatebtn:hover{
color:#666;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.popularbtn{
border:2px solid #ebebeb;
padding:5px 10px 5px 10px;
background:#fff;
color:#999;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.popularbtn:hover{
color:#666;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}


.bookbtn{
border:2px solid #ebebeb;
padding:5px 15px 5px 15px;
background:#fff;
color:#999;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-transition:.2s;-moz-transition:.2s;transition:.2s
}
.bookbtn:hover{
border:2px solid #F9A21A;
color:#fff;
background:#F9A21A;
}
.bookbtn:hover.cunvailable{
border:2px solid #ebebeb;
padding:5px 15px 5px 15px;
background:#fff;
color:#999;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-transition:.2s;-moz-transition:.2s;transition:.2s
}

.gridbtn{
width:25px;
background:url('../images/grid-icon.png') #fff no-repeat scroll -2px 0px;
border:2px solid #ebebeb;
padding:5px 15px 5px 15px;

color:#999;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-transition:.2s;-moz-transition:.2s;transition:.2s
}
.gridbtn:hover{
background:url('../images/grid-icon.png') #fff no-repeat scroll -33px 0px;
color:#666;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.gridbtn.active{
background:url('../images/grid-icon.png') #fff no-repeat scroll -33px 0px;
color:#666;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
cursor:not-allowed;
}


.listbtn{
width:25px;
background:url('../images/grid-icon.png') #fff no-repeat scroll -2px -31px;
border:2px solid #ebebeb;
padding:5px 15px 5px 15px;

color:#999;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-transition:.2s;-moz-transition:.2s;transition:.2s
}
.listbtn:hover{
background:url('../images/grid-icon.png') #fff no-repeat scroll -33px -31px;
color:#666;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.listbtn.active{
background:url('../images/grid-icon.png') #fff no-repeat scroll -33px -31px;
color:#666;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
cursor:not-allowed;
}

.grid2btn{
width:25px;
background:url('../images/grid-icon.png') #fff no-repeat scroll -2px -62px;
border:2px solid #ebebeb;
padding:5px 15px 5px 15px;

color:#999;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-transition:.2s;-moz-transition:.2s;transition:.2s
}
.grid2btn:hover{
background:url('../images/grid-icon.png') #fff no-repeat scroll -33px -62px;
color:#666;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.grid2btn.active{
background:url('../images/grid-icon.png') #fff no-repeat scroll -33px -62px;
color:#666;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
cursor:not-allowed;
}


.iosbtn {
border:2px solid #353535;
background:transparent;
color:#353535;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
font-weight:700;
text-transform:uppercase;
-webkit-transition:.2s;-moz-transition:.2s;transition:.2s
}
.iosbtn:hover{
border:2px solid #353535;
background:#353535;
color:white;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
font-weight:700;
text-transform:uppercase;
}

.roundbtn{
width:56px;
height:56px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
background:#fff;
border:1px solid #ccc;
-webkit-transition:.2s;-moz-transition:.2s;transition:.2s
}
.roundbtn:hover{
background:#15262f;
border:1px solid #15262f;
color:#fff;

}

/*CUSTOM COLUMNS*/
.w50percent{width:50%; float:left;}
.w50percentlast{width:50%; float:right;}

.wh33percent{width:33%;}
.wh66percent{width:66%;}

/*PERCENTAGES*/
.wh10percent{width:10%;}
.wh20percent{width:20%;}
.wh30percent{width:30%;}
.wh40percent{width:40%;}
.wh50percent{width:50%;}
.wh60percent{width:60%;}
.wh70percent{width:70%;}
.wh75percent{width:75%;}
.wh80percent{width:80%;}
.wh90percent{width:90%;}
.wh100percent{width:100%;}



/*TABS customisations*/
.tab-privilege{background: #F6F7F8 none repeat scroll 0% 0%;
padding: 20px;
min-height: 400px;
display: inline-block;
word-break: break-word;
min-width: 480px; }
.tab-content{background:#F6F7F8; padding:20px; min-height:400px; }
.tab-product{background:#FFFFFF; padding:20px; min-height:400px; }
.tab-content2{background:#ffffff; padding:30px 15px 30px 15px; height:324px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}
.tab-content3{background:#F5F5F5; padding:30px;margin-bottom: 20px;}
.tab-content4{background:#ffffff; padding: 10px 0px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.0); color:#999;}
.tab-content5{background:#ffffff}
#myTab > li > a > span.hidetext{display:none;}
#myTab2 > li > a > span.hidetext{display:none;}
@media (min-width: 992px) {
.tab-content2{background:#ffffff; padding:30px 15px 30px 15px; height:193px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}
#myTab > li > a > span.hidetext{display:inline-block;}
#myTab2 > li > a > span.hidetext{display:inline-block;}
}



/*CarouFredSel*/
.wrapper {
  /* background-color: white; */
  width: 100%;
  margin: 0px auto;
  padding: 5px;

}
.list_carousel {
  /* background-color: #fff; */
  margin: 0px;
  width: 100%;
  overflow:hidden;
  position:relative;
}
.list_carousel ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
}
.list_carousel li {
  font-size: 40px;
  color: #999;
  text-align: center;
  background-color: #fff;
  box-shadow: #CED2DB 0 1px 2px 0;
  border: 0px solid #efefef;
  width: 255px;
  height: 230px;
  padding: 0;
  margin: 0px 20px;
  display: block;
  float: left;
  line-height:10px ;
  text-align:left;
  border-radius: 2px;
}

.list_carousel.responsive {
  width: auto;
  margin-left: 0;
}
.clearfix {
  float: none;
  clear: both;
}
.prev {
  width:34px;
  height:55px;
  float: left;
  margin-left: 10px;
  background:#F9A21A;
  position:absolute;
  top:60px;
  left:-10px;
}

.prev:hover{
  background:#F9A21A;
}
a.prev    img {width:14px;height:18px; display:block; background:url('../images/sprite.png')  -14px -36px; margin:18px 0 0 9px;}
a:hover.prev   img {width:14px;height:18px; display:block; background:url('../images/sprite.png')  -14px -54px;}

.next-featured {
  width:34px;
  height:55px;
  float: right;
  margin-right: 10px;
  background:#F9A21A;
  position:absolute;
  top:60px;
  right:-11px;
} 
.next-featured:hover{
  background:#F9A21A;
}
a.next-featured    img {width:14px;height:18px; display:block; background:url('../images/sprite.png')  0px -36px; margin:18px 0 0 12px;}
a:hover.next-featured   img {width:14px;height:18px; display:block; background:url('../images/sprite.png')  0px -54px;}




.next {
top: 60px;
right: -11px;
margin-right: 10px;
} 
.next:hover{
  background:#F9A21A;
}
a.next    img {width:14px;height:18px; display:block; background:url('../images/sprite.png')  0px -36px; margin:18px 0 0 12px;}
a:hover.next   img {width:14px;height:18px; display:block; background:url('../images/sprite.png')  0px -54px;}

.pager {
  float: left;
  width: 100%;
  text-align: center;
}
.pager a {
  margin: 0 5px;
  text-decoration: none;
}
.pager a.selected {
  text-decoration: underline;
}
.timer {
  background-color: #999;
  height: 6px;
  width: 0px;
}

button.prev2 {
  width:34px;
  height:55px;
  float: left;
  margin-left: 10px;
  /*background:#15262f;*/
  position:absolute;
  bottom:40px;
  left:-10px;
  z-index:100;
  border:0;
  background:transparent;
}

button.prev2    img {width:14px;height:18px; display:block; background:url('../images/sprite.png')  -14px -36px; margin:0px 0 0 4px;}
button:hover.prev2   img {width:14px;height:18px; display:block; background:url('../images/sprite.png')  -42px -36px;}
.next2 {
  width:34px;
  height:55px;
  float: right;
  margin-right: 10px;
  /*background:#15262f;*/
  position:absolute;
  bottom:40px;
  right:-11px;
  z-index:100;  
  border:0;
  background:transparent;
}

button.next2    img {width:14px;height:18px; display:block; background:url('../images/sprite.png')  0px -36px; margin:0px 0 0 2px;}
button:hover.next2   img {width:14px;height:18px; display:block; background:url('../images/sprite.png')  -28px -36px;}

/*BLACK FOOTER*/
.footerbgblack{width:100%; background:#F9A21A;padding:60px 0;/*  margin-top:80px */; overflow:hidden;}
.footerbg3black{width:100%; background:#000;padding:30px 0; overflow:hidden;}
.footerbg3black a{color:#fff;}
.footerbg3black a:hover{text-decoration: underline;}
.fccustom2black{background:#495459; height:32px; color:#999!important; border:0px; -webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}

/*FOOTER BG*/
.footerbg{width:100%; background:#f2f2f2;padding:60px 0; overflow:hidden;}
.footerbg2{width:100%; background:#f2f2f2;padding:30px 0; overflow:hidden;}
.footerbg2 a{color:#999;}
.footerbg2 a:hover{color:#F9A21A; text-decoration:none;}

.footerbg3{width:100%; background:#fff;padding:30px 0; overflow:hidden;}
.footerbg3 a{color:#999;}
.footerbg3 a:hover{color:#F9A21A; text-decoration:none;}

.footer{text-align:center;color:#999; font-size:14px;}
.footer a{color:#2980B9; font-size:14px; font-weight:normal;   -webkit-transition:.3s;-moz-transition:.3s;transition:.3s}
.footer a:hover{color:#2ECC71; font-size:14px; font-weight:normal; text-decoration:none;}

.scont{color:#fff; font-size:14px;margin-top: 20px;}
.scont a{color:#fff; font-size:14px; font-weight:normal;   -webkit-transition:.3s;-moz-transition:.3s;transition:.3s}
.scont a:hover{font-size:14px; font-weight:normal; text-decoration: underline;}

ul.footerlist {padding-left:20px; list-style-image:url('../images/li.png');}
ul.footerlist li{line-height:24px; }
ul.footerlist li a{color:#999; }
ul.footerlist li a:hover{color:#F9A21A; text-decoration:none;}

ul.footerlistblack {padding-left:0px; list-style-type: none;}
ul.footerlistblack li{line-height:24px; }
ul.footerlistblack li a{color:#fff; }
ul.footerlistblack li a:hover{text-decoration: underline;}


.pnr{ font-size:15px; color:#FAAE2A; font-weight:300;}

.fccustom{background:#f2f2f2; height:32px; border:0px; -webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}
.fccustom2{background:#ffffff; height:32px; border:0px; -webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}
.btncustom{
width:32px; 
height:32px; 
background:url('../images/arrow.png') #F9A21A -5px -5px;
border:0px; 
text-indent:-100px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px; 
color:#fff; 
webkit-transition:.3s;
-moz-transition:.3s;
transition:.3s;
position:absolute;
top:0px;
right:0px;
overflow:hidden;
}
.btncustom:hover{
background:url('../images/arrow.png') #F9A21A 37px -5px; 
border:0px; 
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px; 
color:#fff;
}

.fbgfix{background:#FCFCFC; margin-top:80px;}
.bordertop1{border-top:1px solid #e5e5e5;}
.bordertype1{height:115px; border-right:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; text-align:center; color:#999;}
.bordertype2{height:115px; border-bottom:1px solid #e7e7e7; text-align:center; color:#999; padding:20px;}
.bordertype3{height:80px; border-bottom:1px solid #e7e7e7; text-align:center; color:#999; padding:20px;}

.bordertype4{ border-left:1px solid #e7e7e7; color:#999; }
.bordertype5{ border-right:1px solid #e7e7e7; color:#999; }
.sfix{position:absolute;top:995px;}
.sfix2{position:absolute;top:440px;}
.sfix3{position:absolute;top:790px;}
@media (min-width: 992px) {
.sfix{position:absolute;top:277px;}
.sfix2{position:absolute;top:277px;}
.sfix3{position:absolute;top:277px;}
}

.gotop{position:relative; top:100px;}
a.gotop {width:37px;height:37px; display:block; text-align:center;margin:0 auto;}
a.gotop img{width:37px;height:37px; display:block; background:url('../images/sprite.png')  0px -72px; }
a:hover.gotop img{width:37px;height:37px; display:block; background:url('../images/sprite.png')  0px -109px;}

a.social1 {margin:0 5px; position:relative; top:-120px; }
a.social2 {margin:0 5px; position:relative; top:-120px; }
a.social3 {margin:0 5px; position:relative; top:-120px; }
a.social4 {margin:0 5px; position:relative; top:-120px; }

a.social1b {margin:0 5px;}
a.social2b{margin:0 5px;}
a.social3b {margin:0 5px;}
a.social4b {margin:0 5px;}
.img-social{
  height: 30px;
}
.social-icon{
  margin-top: 15px;
  margin-left: -5px;
}

.customSelect {
background:url('../images/select.png') #fff no-repeat right;
border:2px solid #ebebeb;
}
.customSelect.customSelectOpen {
  background:url('../images/select-over.png') #fff no-repeat right;
  border-color: #66afe9;
  outline: 0;
  
}
.customSelect2 {
background:url('../images/select-intro.png') #e7e2e2 no-repeat right;
border:0px solid #fff;
color:#999;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.customSelect2.customSelect2Open {
  background:url('../images/select-over.png') #e7e2e2 no-repeat right;
  border:0px solid #66afe9;
  color:#999;
  outline: 0;
}

.mySelectCalendar {
background:url('../images/calendar.png') #fff no-repeat right;
background-position:98% 1px;
}
.mySelectCalendar2 {
background:url('../images/calendar2.png') #fff no-repeat right;
background-position:98% 1px;
}


.boxshadow{
min-height:100px;
background:#fff;
box-shadow:0 0 10px rgba(0, 0, 0, 0.1);
margin-bottom:30px;
}
@media (min-width: 992px) {
.boxshadow{margin-bottom:0px;}
}
.bscontainer{padding:30px;}
img.fwimg{width:100%;height: 100%;border-radius: 2px}


.slidercontainer{width:100%; height:446px; background:#fff; color:#666;}
.scolleft{background:#f2f2f2;height:100%; padding: 15px 30px 30px 30px; top:446px;}
.scolright{background:#333;height:100%; overflow:hidden; top:-410px;}
@media (min-width: 992px) {
.scolleft{background:white;height:450px; padding: 15px 30px 30px 30px; top:0px;}
.scolright{background:#333;height:100%; overflow:hidden; top:0px;}

}

.blacklable{height:75px; width:100%; padding:10px 10px 0 20px; display:block; background:rgba(24,24,24,0.9);}

.lbl{position:relative;}
.smallblacklabel{position:absolute; left:0; bottom:0; padding:5px 20px; Font-weight:700; text-transform:uppercase; font-size:16px; color:white; background:rgba(24,24,24,0.9); }

span.flight-ico {width:22px;height:16px; display:block; float:left; background:url('../images/sprite.png')  0px -215px;}
span.hotel-ico {width:22px;height:16px; display:block; float:left; background:url('../images/sprite.png')  -22px -215px; }
span.car-ico {width:22px;height:16px; display:block; float:left; background:url('../images/sprite.png')  -44px -215px; }
span.suitcase-ico {width:22px;height:16px; display:block; float:left; background:url('../images/sprite.png')  -66px -215px; }
span.cruise-ico {width:22px;height:16px; display:block; float:left; background:url('../images/sprite.png')  -88px -215px; }

.slideup{position:absolute;top:-446px; width:100%;}

.ctup{background:#fff; margin-top:498px; position:relative; z-index:100; display:block}
@media (min-width: 992px) {
.ctup{background:#fff; margin-top:600px; position:relative; z-index:100; display:block}
}
.sboxpurple{margin-left:25px;}
.slidecouple{
width:558px;
height:504px;
display:block;
background:url('../images/couple.png') no-repeat;
}

/*CSS FOR DETAILS PAGE*/
.pagecontainer2{background:#fff;  box-shadow: 0 0 5px rgba(0, 0, 0, 0.13); position:relative;border-radius: 4px;min-height: 400px;margin-bottom: 160px;}
@media (max-width: 1200px) {
  .pagecontainer2{margin:0px 5px 160px 5px; background:#fff;  box-shadow: 0 0 5px rgba(0, 0, 0, 0.13); position:relative;border-radius: 4px;min-height: 400px;}
}

.pagecontainer3{background:none;  box-shadow: 0 ; position:relative;border-radius: 4px;min-height: 400px;margin-bottom: 160px;}
@media (max-width: 1200px) {
  .pagecontainer3{margin:0px 5px 160px 5px; background:none;  box-shadow: 0 ; position:relative;border-radius: 4px;min-height: 400px;}
}
/*CSS FOR LIST PAGE*/
.thebg{background: #F6F7F9 }
.pagecontainer{ background:#fff; margin-top:50px;   box-shadow: 0 0 5px rgba(0, 0, 0, 0.13);}
.offset-0{padding-left:0px; padding-right:0px!important;}
.offset-1{padding-left:5px; padding-right:5px;}
.offset-2{padding-left:15px; padding-right:15px;}
.offset-3{padding-left:15px; padding-right:0px;}
@media (min-width: 992px) {
.offset-3{padding-left:15px!important; padding-right:0!important;}
}
.filters{background:#f2f2f2;  color:#666;}
.rightcontent{min-height:500px; }

.paddingbtm20{padding-bottom:20px;}
.padding0{margin:0px!important;}
.padding20{padding:20px;}
.padding30{padding:5px 30px 30px 30px;}
.hpadding30{padding:0 30px;}
.padding40{padding:10px 40px 40px 40px;}
.padding50{padding:50px;}
.hpadding50{padding:0 50px;}
.padding20title{padding:20px 20px 0px 10px;}
.hpadding20{padding: 0px 20px 0px 20px;}
.cpadding0{padding: 50px 50px 30px 50px;}
.cpadding1{padding: 0px 30px 10px 50px;}



.filtertip {height:100px; background:#F9A21A; padding:0px; color:#fff; position:relative; text-align:center; line-height:10px;}
.filtertip a{color:#fff;}
.tip-arrow{width:33px; height:9px; background:url('../images/tip-arrow.png'); position:absolute; bottom:-9px; left:50%; margin-left:-15px;}
.margin{margin-top: 230px;}
.breadcrub{margin-top:30px; color:#ccc;}
@media (min-width: 992px) {
.breadcrub{margin-top:100px; color:#ccc;}
}
.brlines{height:8px; width:100%; margin-top:10px; background:url('../images/breadcrumb.png');}

ul.bcrumbs {list-style:none; margin:0; padding:0;}
ul.bcrumbs li {float:left; margin-left:20px;}
ul.bcrumbs li a{color:#666;}
ul.bcrumbs li a:hover{color:#999; text-decoration:none;}
ul.bcrumbs li a.active{color:#999;}

a.homebtn{
width:21px; 
height:21px; 
background:url('../images/home-icon.png') #fff no-repeat  scroll -16px -10px; 
color:#222;  
-webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px;
-webkit-transition:.3s;-moz-transition:.3s;transition:.3s
}
a:hover.homebtn{
background:url('../images/home-icon.png') #222 no-repeat  scroll -16px -33px; 
}

a.backbtn{
width:21px; 
height:21px; 
background:url('../images/back-icon.png') #fff no-repeat  scroll -16px -12px; 
color:#222;  
-webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px;
-webkit-transition:.3s;-moz-transition:.3s;transition:.3s
}
a:hover.backbtn{
background:url('../images/back-icon.png') #222 no-repeat  scroll -16px -31px; 
}

.bookfilters{ position:relative; font-size:12px; padding-bottom:60px; padding-top:20px;}
.topsortby{ padding-top:30px; padding-bottom:0px;}

.itemlabel{background:#fff; width:100%; border-radius: 2px;box-shadow: #CED2DB 0 1px 2px 0;padding:10px 15px;  font-size:13px; line-height:15px;margin-bottom: 30px}

.listitem{background:#efefef; width:100%; overflow:hidden; position:relative;}
.listitem img{ height:100%; -webkit-transition:.3s;-moz-transition:.3s;transition:.3s}
.listitem:hover img{height:120%; margin-left:-10%; margin-top:-10%; -webkit-transition:.3s;-moz-transition:.3s;transition:.3s;}

@media (min-width: 480px) {
  .listitem{background:#efefef; width:100%; height:180px; overflow:hidden; position:relative;}
  .full-header-tabs > ul.nav.nav-tabs {
      display: table;
      width: 100%;
  }
  .full-header-tabs > ul.nav.nav-tabs > li {
      float: none;
      display: table-cell;
  }
  .full-header-tabs > ul.nav.nav-tabs > li > a {
      text-align: center;
  }
}

@media (max-width: 992px) {
  .listitem img{width:100%; -webkit-transition:.3s;-moz-transition:.3s;transition:.3s}
  .listitem:hover img{width:120%; margin-left:-10%; margin-top:-10%; -webkit-transition:.3s;-moz-transition:.3s;transition:.3s;}
}

@media (min-width: 1200px) {
  .listitem img{width:100%; -webkit-transition:.3s;-moz-transition:.3s;transition:.3s}
  .listitem:hover img{width:120%; margin-left:-10%; margin-top:-10%; -webkit-transition:.3s;-moz-transition:.3s;transition:.3s;}
  .full-header-tabs > ul.nav.nav-tabs {
      display: table;
      width: 100%;
  }
  .full-header-tabs > ul.nav.nav-tabs > li {
      float: none;
      display: table-cell;
  }
  .full-header-tabs > ul.nav.nav-tabs > li > a {
      text-align: center;
  }
}

.itemlabel3{background:#f2f2f2; width:100%; height:210px; font-size:13px; line-height:15px; overflow:hidden;}
.itemlabel2{background:#f2f2f2; width:100%; height:210px;  font-size:13px; line-height:15px; overflow:hidden;}
.labelright{float:right; height:100%; padding:10px; border-left:1px solid #e8e8e8;}
.labelleft{padding:10px 0 15px 15px;}
.labelleft2{padding:10px 0 15px 15px;font-size:13px; line-height:18px;}



.listitem2{background:#efefef; height:210px; overflow:hidden; position:relative;}
.listitem2 img{ height:100%; -webkit-transition:.3s;-moz-transition:.3s;transition:.3s}
.listitem2:hover img{height:120%; margin-left:-10%; margin-top:-10%; -webkit-transition:.3s;-moz-transition:.3s;transition:.3s;}

@media (max-width: 992px) {
.listitem2{background:#efefef; width:100%; height:100%; overflow:hidden; position:relative;}
.listitem2 img{width:100%; -webkit-transition:.3s;-moz-transition:.3s;transition:.3s}
.listitem2:hover img{width:120%; margin-left:-10%; margin-top:-10%; -webkit-transition:.3s;-moz-transition:.3s;transition:.3s;}
}
@media (min-width: 1200px) {
.listitem2 img{width:100%; -webkit-transition:.3s;-moz-transition:.3s;transition:.3s}
.listitem2:hover img{width:120%; margin-left:-10%; margin-top:-10%; -webkit-transition:.3s;-moz-transition:.3s;transition:.3s;}
}



.fav-icon{
width:25px; 
height:23px; 
background:url('../images/fav-book-icons.png') scroll 0 -70px no-repeat;
position:absolute;
top:0px;
}
.fav-icon:hover{
width:25px; 
height:23px; 
background:url('../images/fav-book-icons.png') scroll 0 -93px no-repeat;
position:absolute;
top:0px;
}
.book-icon{
width:25px; 
height:23px; 
background:url('../images/fav-book-icons.png') scroll 0 0 no-repeat;
position:absolute;
top:0px;
}
.book-icon:hover{
width:25px; 
height:23px; 
background:url('../images/fav-book-icons.png') scroll 0 -23px no-repeat;
position:absolute;
top:0px;
}

.collapsebtn{
width:100%;
height:40px;
border:0px solid black;
text-align:left;
padding-left:20px;
padding-right:20px;
color:#666;
font-size:14px;
font-weight:700;
background: #ebebeb;
border-radius: 2px;
margin-bottom: 5px;
}
.collapsebtn.last{

}
.collapsebtn  span.collapsearrow{
width:9px;
height:8px;
float:right;
margin-top:5px;
background:url('../images/collapsearrow.png') scroll 0 -8px no-repeat;
-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;
}
.collapsebtn.collapsed span.collapsearrow{
width:9px;
height:8px;
float:right;
margin-top:5px;
background:url('../images/collapsearrow.png') scroll 0 0px no-repeat;
-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;
}


.collapsebtn2{
width:100%;
height:32px;
border:0px solid black;
text-align:left;
padding-left:20px;
padding-right:20px;
color:#15262f;

font-size:14px;
font-weight:700;
background:#fff;
}
.collapsebtn2.last{

}
.collapsebtn2 span.collapsearrow{
width:9px;
height:8px;
float:right;
margin-top:10px;
background:url('../images/collapsearrow.png') scroll 0 -8px no-repeat;
-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;
}
.collapsebtn2.collapsed span.collapsearrow{
width:9px;
height:8px;
float:right;
margin-top:10px;
background:url('../images/collapsearrow.png') scroll 0 0px no-repeat;
-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;
}





.collapsebtn3{
width:9px;
height:6px;
border:0px solid black;
text-align:left;
padding-left:20px;
padding-right:20px;

font-size:14px;
font-weight:400;
background:url('../images/arrows.png') scroll 0 -6px no-repeat;
}
.collapsebtn3.collapsed{
width:9px;
height:6px;
border:0px solid black;
text-align:left;
padding-left:20px;
padding-right:20px;

font-size:14px;
font-weight:400;
background:url('../images/arrows.png') scroll 0 0 no-repeat;
}




/*PREFERENCE LIST*/
ul.hotelpreferences {margin: 0px;padding: 0px;list-style: none;}
.hotelpreferences li{
width:28px; 
height:28px; 
background:url('') #fff; border:2px solid #efefef;
border:2px solid #ebebeb;
padding:5px;
color:#999;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
/*-webkit-transition:.2s;-moz-transition:.2s;transition:.2s;  */
float:left;
margin-left:2px;
}
.hotelpreferences li:hover{}
.hotelpreferences li.icohp-internet{background:url('../images/hotelpref-ico.png') #fff scroll -3px -3px no-repeat;}
.hotelpreferences li:hover.icohp-internet{background:url('../images/hotelpref-ico.png') #fff scroll -33px -3px no-repeat;}
.hotelpreferences li.icohp-air{background:url('../images/hotelpref-ico.png') #fff scroll -3px -33px no-repeat;}
.hotelpreferences li:hover.icohp-air{background:url('../images/hotelpref-ico.png') #fff scroll -33px -33px no-repeat;}
.hotelpreferences li.icohp-pool{background:url('../images/hotelpref-ico.png') #fff scroll -3px -63px no-repeat;}
.hotelpreferences li:hover.icohp-pool{background:url('../images/hotelpref-ico.png') #fff scroll -33px -63px no-repeat;}
.hotelpreferences li.icohp-childcare{background:url('../images/hotelpref-ico.png') #fff scroll -3px -93px no-repeat;}
.hotelpreferences li:hover.icohp-childcare{background:url('../images/hotelpref-ico.png') #fff scroll -33px -93px no-repeat;}
.hotelpreferences li.icohp-fitness{background:url('../images/hotelpref-ico.png') #fff scroll -3px -123px no-repeat;}
.hotelpreferences li:hover.icohp-fitness{background:url('../images/hotelpref-ico.png') #fff scroll -33px -123px no-repeat;}
.hotelpreferences li.icohp-breakfast{background:url('../images/hotelpref-ico.png') #fff scroll -3px -153px no-repeat;}
.hotelpreferences li:hover.icohp-breakfast{background:url('../images/hotelpref-ico.png') #fff scroll -33px -153px no-repeat;}
.hotelpreferences li.icohp-parking{background:url('../images/hotelpref-ico.png') #fff scroll -3px -183px no-repeat;}
.hotelpreferences li:hover.icohp-parking{background:url('../images/hotelpref-ico.png') #fff scroll -33px -183px no-repeat;}
.hotelpreferences li.icohp-pets{background:url('../images/hotelpref-ico.png') #fff scroll -3px -213px no-repeat;}
.hotelpreferences li:hover.icohp-pets{background:url('../images/hotelpref-ico.png') #fff scroll -33px -213px no-repeat;}
.hotelpreferences li.icohp-spa{background:url('../images/hotelpref-ico.png') #fff scroll -3px -243px no-repeat;}
.hotelpreferences li:hover.icohp-spa{background:url('../images/hotelpref-ico.png') #fff scroll -33px -243px no-repeat;}
.hotelpreferences li.icohp-hairdryer{background:url('../images/hotelpref-ico.png') #fff scroll -3px -273px no-repeat;}
.hotelpreferences li:hover.icohp-hairdryer{background:url('../images/hotelpref-ico.png') #fff scroll -33px -273px no-repeat;}
.hotelpreferences li.icohp-garden{background:url('../images/hotelpref-ico.png') #fff scroll -3px -303px no-repeat;}
.hotelpreferences li:hover.icohp-garden{background:url('../images/hotelpref-ico.png') #fff scroll -33px -303px no-repeat;}
.hotelpreferences li.icohp-grill{background:url('../images/hotelpref-ico.png') #fff scroll -3px -333px no-repeat;}
.hotelpreferences li:hover.icohp-grill{background:url('../images/hotelpref-ico.png') #fff scroll -33px -333px no-repeat;}
.hotelpreferences li.icohp-kitchen{background:url('../images/hotelpref-ico.png') #fff scroll -3px -363px no-repeat;}
.hotelpreferences li:hover.icohp-kitchen{background:url('../images/hotelpref-ico.png') #fff scroll -33px -363px no-repeat;}
.hotelpreferences li.icohp-bar{background:url('../images/hotelpref-ico.png') #fff scroll -3px -393px no-repeat;}
.hotelpreferences li:hover.icohp-bar{background:url('../images/hotelpref-ico.png') #fff scroll -33px -393px no-repeat;}
.hotelpreferences li.icohp-living{background:url('../images/hotelpref-ico.png') #fff scroll -3px -423px no-repeat;}
.hotelpreferences li:hover.icohp-living{background:url('../images/hotelpref-ico.png') #fff scroll -33px -423px no-repeat;}
.hotelpreferences li.icohp-tv{background:url('../images/hotelpref-ico.png') #fff scroll -3px -453px no-repeat;}
.hotelpreferences li:hover.icohp-tv{background:url('../images/hotelpref-ico.png') #fff scroll -33px -453px no-repeat;}
.hotelpreferences li.icohp-fridge{background:url('../images/hotelpref-ico.png') #fff scroll -3px -483px no-repeat;}
.hotelpreferences li:hover.icohp-fridge{background:url('../images/hotelpref-ico.png') #fff scroll -33px -483px no-repeat;}
.hotelpreferences li.icohp-microwave{background:url('../images/hotelpref-ico.png') #fff scroll -3px -513px no-repeat;}
.hotelpreferences li:hover.icohp-microwave{background:url('../images/hotelpref-ico.png') #fff scroll -33px -513px no-repeat;}
.hotelpreferences li.icohp-washing{background:url('../images/hotelpref-ico.png') #fff scroll -3px -543px no-repeat;}
.hotelpreferences li:hover.icohp-washing{background:url('../images/hotelpref-ico.png') #fff scroll -33px -543px no-repeat;}
.hotelpreferences li.icohp-roomservice{background:url('../images/hotelpref-ico.png') #fff scroll -3px -573px no-repeat;}
.hotelpreferences li:hover.icohp-roomservice{background:url('../images/hotelpref-ico.png') #fff scroll -33px -573px no-repeat;}
.hotelpreferences li.icohp-safe{background:url('../images/hotelpref-ico.png') #fff scroll -3px -603px no-repeat;}
.hotelpreferences li:hover.icohp-safe{background:url('../images/hotelpref-ico.png') #fff scroll -33px -603px no-repeat;}
.hotelpreferences li.icohp-playground{background:url('../images/hotelpref-ico.png') #fff scroll -3px -633px no-repeat;}
.hotelpreferences li:hover.icohp-playground{background:url('../images/hotelpref-ico.png') #fff scroll -33px -633px no-repeat;}
.hotelpreferences li.icohp-conferenceroom{background:url('../images/hotelpref-ico.png') #fff scroll -3px -663px no-repeat;}
.hotelpreferences li:hover.icohp-conferenceroom{background:url('../images/hotelpref-ico.png') #fff scroll -33px -663px no-repeat;}



/*PREFERENCE LIST GREEN VERSION*/
ul.hotelpreferences2 {margin: 0px;padding: 0px;list-style: none;}
.hotelpreferences2 li{
width:28px; 
height:28px; 
background:url('') #2ECC71; 
border:2px solid #2ECC71;
padding:5px;
color:#999;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
/*-webkit-transition:.2s;-moz-transition:.2s;transition:.2s;  */

margin-top:4px;
}
.hotelpreferences2 li:hover{}
.hotelpreferences2 li.icohp-internet{background:url('../images/hotelpref-ico-green.png') #2ECC71 scroll -3px -3px no-repeat;}
.hotelpreferences2 li:hover.icohp-internet{background:url('../images/hotelpref-ico-green.png') #2ECC71 scroll -33px -3px no-repeat;}
.hotelpreferences2 li.icohp-air{background:url('../images/hotelpref-ico-green.png') #2ECC71 scroll -3px -33px no-repeat;}
.hotelpreferences2 li:hover.icohp-air{background:url('../images/hotelpref-ico-green.png') #2ECC71 scroll -33px -33px no-repeat;}
.hotelpreferences2 li.icohp-pool{background:url('../images/hotelpref-ico-green.png') #2ECC71 scroll -3px -63px no-repeat;}
.hotelpreferences2 li:hover.icohp-pool{background:url('../images/hotelpref-ico-green.png') #2ECC71 scroll -33px -63px no-repeat;}
.hotelpreferences2 li.icohp-childcare{background:url('../images/hotelpref-ico-green.png') #2ECC71 scroll -3px -93px no-repeat;}
.hotelpreferences2 li:hover.icohp-childcare{background:url('../images/hotelpref-ico-green.png') #2ECC71 scroll -33px -93px no-repeat;}
.hotelpreferences2 li.icohp-fitness{background:url('../images/hotelpref-ico-green.png') #2ECC71 scroll -3px -123px no-repeat;}
.hotelpreferences2 li:hover.icohp-fitness{background:url('../images/hotelpref-ico-green.png') #2ECC71 scroll -33px -123px no-repeat;}
.hotelpreferences2 li.icohp-breakfast{background:url('../images/hotelpref-ico-green.png') #2ECC71 scroll -3px -153px no-repeat;}
.hotelpreferences2 li:hover.icohp-breakfast{background:url('../images/hotelpref-ico-green.png') #2ECC71 scroll -33px -153px no-repeat;}
.hotelpreferences2 li.icohp-parking{background:url('../images/hotelpref-ico-green.png') #2ECC71 scroll -3px -183px no-repeat;}
.hotelpreferences2 li:hover.icohp-parking{background:url('../images/hotelpref-ico-green.png') #2ECC71 scroll -33px -183px no-repeat;}
.hotelpreferences2 li.icohp-pets{background:url('../images/hotelpref-ico-green.png') #2ECC71 scroll -3px -213px no-repeat;}
.hotelpreferences2 li:hover.icohp-pets{background:url('../images/hotelpref-ico-green.png') #2ECC71 scroll -33px -213px no-repeat;}
.hotelpreferences2 li.icohp-spa{background:url('../images/hotelpref-ico-green.png') #2ECC71 scroll -3px -243px no-repeat;}
.hotelpreferences2 li:hover.icohp-spa{background:url('../images/hotelpref-ico-green.png') #2ECC71 scroll -33px -243px no-repeat;}
.hotelpreferences2 li.icohp-hairdryer{background:url('../images/hotelpref-ico-green.png') #2ECC71 scroll -3px -273px no-repeat;}
.hotelpreferences2 li:hover.icohp-hairdryer{background:url('../images/hotelpref-ico-green.png') #2ECC71 scroll -33px -273px no-repeat;}
.hotelpreferences2 li.icohp-garden{background:url('../images/hotelpref-ico-green.png') #2ECC71 scroll -3px -303px no-repeat;}
.hotelpreferences2 li:hover.icohp-garden{background:url('../images/hotelpref-ico-green.png') #2ECC71 scroll -33px -303px no-repeat;}
.hotelpreferences2 li.icohp-grill{background:url('../images/hotelpref-ico-green.png') #2ECC71 scroll -3px -333px no-repeat;}
.hotelpreferences2 li:hover.icohp-grill{background:url('../images/hotelpref-ico-green.png') #2ECC71 scroll -33px -333px no-repeat;}
.hotelpreferences2 li.icohp-kitchen{background:url('../images/hotelpref-ico-green.png') #2ECC71 scroll -3px -363px no-repeat;}
.hotelpreferences2 li:hover.icohp-kitchen{background:url('../images/hotelpref-ico-green.png') #2ECC71 scroll -33px -363px no-repeat;}
.hotelpreferences2 li.icohp-bar{background:url('../images/hotelpref-ico-green.png') #2ECC71 scroll -3px -393px no-repeat;}
.hotelpreferences2 li:hover.icohp-bar{background:url('../images/hotelpref-ico-green.png') #2ECC71 scroll -33px -393px no-repeat;}
.hotelpreferences2 li.icohp-living{background:url('../images/hotelpref-ico-green.png') #2ECC71 scroll -3px -423px no-repeat;}
.hotelpreferences2 li:hover.icohp-living{background:url('../images/hotelpref-ico-green.png') #2ECC71 scroll -33px -423px no-repeat;}
.hotelpreferences2 li.icohp-tv{background:url('../images/hotelpref-ico-green.png') #2ECC71 scroll -3px -453px no-repeat;}
.hotelpreferences2 li:hover.icohp-tv{background:url('../images/hotelpref-ico-green.png') #2ECC71 scroll -33px -453px no-repeat;}
.hotelpreferences2 li.icohp-fridge{background:url('../images/hotelpref-ico-green.png') #2ECC71 scroll -3px -483px no-repeat;}
.hotelpreferences2 li:hover.icohp-fridge{background:url('../images/hotelpref-ico-green.png') #2ECC71 scroll -33px -483px no-repeat;}
.hotelpreferences2 li.icohp-microwave{background:url('../images/hotelpref-ico-green.png') #2ECC71 scroll -3px -513px no-repeat;}
.hotelpreferences2 li:hover.icohp-microwave{background:url('../images/hotelpref-ico-green.png') #2ECC71 scroll -33px -513px no-repeat;}
.hotelpreferences2 li.icohp-washing{background:url('../images/hotelpref-ico-green.png') #2ECC71 scroll -3px -543px no-repeat;}
.hotelpreferences2 li:hover.icohp-washing{background:url('../images/hotelpref-ico-green.png') #2ECC71 scroll -33px -543px no-repeat;}
.hotelpreferences2 li.icohp-roomservice{background:url('../images/hotelpref-ico-green.png') #2ECC71 scroll -3px -573px no-repeat;}
.hotelpreferences2 li:hover.icohp-roomservice{background:url('../images/hotelpref-ico-green.png') #2ECC71 scroll -33px -573px no-repeat;}
.hotelpreferences2 li.icohp-safe{background:url('../images/hotelpref-ico-green.png') #2ECC71 scroll -3px -603px no-repeat;}
.hotelpreferences2 li:hover.icohp-safe{background:url('../images/hotelpref-ico-green.png') #2ECC71 scroll -33px -603px no-repeat;}
.hotelpreferences2 li.icohp-playground{background:url('../images/hotelpref-ico-green.png') #2ECC71 scroll -3px -633px no-repeat;}
.hotelpreferences2 li:hover.icohp-playground{background:url('../images/hotelpref-ico-green.png') #2ECC71 scroll -33px -633px no-repeat;}
.hotelpreferences2 li.icohp-conferenceroom{background:url('../images/hotelpref-ico-green.png') #2ECC71 scroll -3px -663px no-repeat;}
.hotelpreferences2 li:hover.icohp-conferenceroom{background:url('../images/hotelpref-ico-green.png') #2ECC71 scroll -33px -663px no-repeat;}


ul.hpref-text {list-style:none; margin-top:-5px; padding-left:10px;}
.hpref-text li{margin-top:12px;}



.testimonialbox{ margin-left:-15px; margin-right:-15px; margin-top:20px;}
.needassistancebox{ margin-left:-15px; margin-right:-15px;}
.alsolikebox{ margin-left:-15px; margin-right:-15px;}
.loginbox{ margin-left:-15px; margin-right:-15px;}
.paymentbox{ /* margin-left:-15px; margin-right:-15px; */}
@media (min-width: 992px) {
.testimonialbox{ margin-left:10px; margin-right:-15px; margin-top:0px;}
.needassistancebox{ margin-left:10px; margin-right:-15px;}
.alsolikebox{ margin-left:10px; margin-right:-15px;}
.loginbox{ margin-left:10px; margin-right:-15px;}
.paymentbox{ margin-left:10px; margin-right:-15px;}
}


.testimonialbox2{ margin-left:0px; margin-right:0px; margin-top:0px;}
.needassistancebox2{ margin-left:0px; margin-right:0px;}
.alsolikebox2{ margin-left:0px; margin-right:0px; margin-bottom:50px;}
@media (min-width: 992px) {
.testimonialbox2{ margin-left:0px; margin-right:20px; margin-top:0px;}
.needassistancebox2{ margin-left:0px; margin-right:20px;}
.alsolikebox2{ margin-left:0px; margin-right:20px;}
}

.details-slider2{height:734px; overflow:hidden;}
@media (min-width:992px){
.details-slider2{height:534px; overflow:hidden;}
}



span.icon-quote{
width:27px;
height:27px;
background:url('../images/icon-quote.png') no-repeat;
display:block;
position:absolute;
float:left;
left:15px;
}

span.icon-help{
width:24px;
height:24px;
background:url('../images/icon-phone.png') no-repeat;
display:block;
position:absolute;
float:left;
left:15px;
}

span.icon-location{
width:17px;
height:24px;
background:url('../images/icon-location.png') no-repeat;
display:block;
position:absolute;
float:left;
left:15px;
}

span.icon-lockk{
width:23px;
height:29px;
background:url('../images/lock.png') no-repeat;
display:block;
position:absolute;
float:left;
left:15px;
}

.detailsright{min-height:534px; border-left:1px solid #e7e7e7;}



.details-slider{height:334px; overflow:hidden;}
#inner{height:334px;}


@media (min-width:399px) and (max-width:499px){
.details-slider{height:434px; overflow:hidden;}
#inner{height:434px;}
}
@media (min-width:500px){
.details-slider{height:534px; overflow:hidden;}
#inner{height:534px;}
.caroufredsel_wrapper{max-height:400px!important;}
}

/*
###########################
CAROUFREDSEL DETAILS PAGE
###########################
*/
#c-carousel {
  height: 100%;
  padding: 0;
  margin: 0;
}
#c-carousel {
  background: #fff;
  min-height: 534px;
}
#c-carousel * {
  
  font-size: 14px;
  color: #333;
  line-height: 22px;
}

#wrapper {
  /* background: #fff; */
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#inner {
  width: 100%;
  min-width: 250px;
  max-width: 960px;
  /*height:534px;*/
  position: absolute;
  top: 0px;
  left: 0px;
}
#carousel-wrapper {
  background: #fff;
  width: 100%;
  height: 434px;

  position: absolute;
  bottom: 0px;
  left: 0;
}
.carousel-icon{
    position: absolute;
    top: 45%;
    z-index: 15;
    display: inline-block;
}
#carousel {
  width: 800px;
  height: 500px;
  overflow: hidden;
}
#carousel img {
  display: block;
  float: left;
  width:100%; 
}
#pager-wrapper {
  height: 120px;
  width: 100%;
  overflow: hidden;
  position: absolute;
  bottom: 0px;
  left: 0;
  z-index: 2;
}
#pager img {
  cursor: pointer;
  background: #fff;
  /*box-shadow: 0 2px 5px rgba(0,0,0,0.2);*/
  display: block;
  width: 120px;
  height: 80px;
  padding: 2px;
  margin: 10px;
  float: left;
}
#pager img:hover {
  background: #eff;
}
#pager img.selected {
  background: #F9A21A;
}






ul.checklist  {margin:0px;padding:0px;}
.checklist li {list-style-image:url('../images/check.png'); list-style-position:inside; padding:5px; margin-left:-20px;}

ul.checklist2  {margin:0px;padding:0px;}
.checklist2 li {list-style-image:url('../images/check.png'); list-style-position:inside; padding:0px; margin-left:0px; color:#2ECC71;}

#map-canvas { width:100%; height: 648px; display:none;}
#map-canvas2 { width:100%; height: 80%; display:none;}

.gm-style-mtc:nth-child(1){margin-top:25px;}
.gm-style-mtc:nth-child(2){margin-top:25px;}




.scircle{
width:62px;
height:65px;
background:url('../images/circle.png') no-repeat;

font-size:16px;
font-weight:700;
color:#333;
padding: 14px 0 0 12px;
}
.sctext{

font-size:14px;
font-weight:700;
color:#666;
}
.circlewrap{
width:52px;
height:52px;
margin:0 auto;
position:relative;
}
.circlewrap span{
width:23px;
height:23px;
-webkit-border-radius: 23px;
-moz-border-radius: 23px;
border-radius: 23px;
position:absolute;
bottom:0px;
right:-10px;
background:#2980B9;
color:#fff;
font-size:11px;
padding-top:3px;
}

.circleimg{
-webkit-border-radius: 52px;
-moz-border-radius: 52px;
border-radius: 52px;
}

ul.circle-list{
list-style:none;
padding-left:0px;
}
.circle-list li{
float:left;
background:#fff;
width:23px;
height:23px;
color:#999999;
font-size:11px;
border:2px solid #e7e7e7;
-webkit-border-radius: 23px;
-moz-border-radius: 23px;
border-radius: 23px;
padding-top:3px;
padding-left:1px;
margin-left:3px;
}



ul.jslidetext{
width:100px;
list-style:none;
padding-left:0px;
padding-top:10px;
text-align:right;
margin:0 auto;
}
.jslidetext li{
margin-top:10px;
}

ul.jslidetext2{
width:100px;
list-style:none;
padding-left:0px;
text-align:right;
margin:-5px auto 0 auto;
}
.jslidetext2 li{
margin-top:22px;
}

#ascrail2000_{width:16px !important}

/* Styles */
.cstyle01{display: inline-block; width: 100%;  font-size:13px}
.cstyle02{position:absolute; background:#f7f7f7; width:100%; margin-left:-20px; padding:20px;}
.cstyle03{background:#fff; margin-top:800px; position:relative; z-index:100; display:block;}
.cstyle04{position:relative; top:-41px;}
.cstyle05{display:block; background:white; width:100%; height:324px; overflow:hidden;}
.cstyle06{min-height:640px;}
.cstyle07{min-height:570px;}
.cstyle08{line-height:7px; margin-top:16px;}
.cstyle09{display: inline-block; width: 100%;  font-size:13px;}
.cstyle10{background:#F9A21A; height:45px; position:absolute; top:0px; width:100%}
.cstyle11{background:#ccc; width:100%; height:100%;}


/* MEDIA FIXES*/
.mediafix1{margin-top:30px;margin-left:-15px;margin-bottom:15px;}

@media (min-width: 992px){
.mediafix1{margin-top:0px;margin-left:0px;margin-bottom:0px;}
}



/* LOGIN PAGE CSS*/
.login-fullwidith{
width:100%;
height:100%;
background:url('../images/login-bg.jpg') #fff scroll center center no-repeat;
position:relative;
}

.login-wrap{
width:250px;
height:310px;
background:transparent;
margin:auto auto;
position:absolute;
}
.cpadding50{padding:20px;}
.chpadding50{padding:0 20px;}


@media (min-width:400px){

  .login-wrap{width:372px;height:380px;}
  .cpadding50{padding:50px;}
  .chpadding50{padding:0 50px;}
  img.login-img{margin-left:5px; margin-bottom:5px; width:147px!important;}
  
  .login-c1{  height:195px!important; }
  .login-c2{height:231px!important;}
  .login-c3{ margin-top:281px!important; }
  .alignbottom{right:50px!important;}
  .alignbottom2{left:50px!important;}
  
}

img.login-img{margin-left:5px; margin-bottom:5px; width:110px;}

.login-c1{
width:94%;
height:147px;
background:#ffffff;
z-index:100;
position:absolute;
margin-left:3%;
border:1px solid #dcdcdc;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.1)
}

.login-c2{
width:100%;
height:171px;
background:#f2f2f2;
color:#666;
z-index:50;
margin-top:50px;
position:absolute;
border:1px solid #dcdcdc;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.1)
}
.login-c3{
width:94%;
height:54px;
background:#F9A21A url(../images/login-blue.png) repeat-y left;
z-index:10;
margin-top:221px;
margin-left:3%;
position:absolute;
}
.logmargfix{
padding-left:3%;
padding-right:3%;
}
input.logpadding{
height:42px;
}

.alignbottom{
position:absolute; 
bottom:25px;
right:20px;
margin-right:3%;
}

.alignbottom2{
position:absolute; 
bottom:23px;
left:20px;
margin-left:3%;
}
.login-c3 .right{margin-right:20px; margin-top:15px;}
.login-c3 .left{margin-left:20px; margin-top:15px;}
.login-c3 .left span{
width:26px;
height:26px;
background:url('../images/login-home.png') scroll 0 0 no-repeat;
display:block;
float:left;
margin-top:-3px;
margin-right:5px;
}

.roundstep.active{
width:23px;
height:23px;
background:#2ECC71;
color:#fff;
border-radius:23px;
padding:1px 0 0 6px;
border:1px solid #2ECC71;
}
.roundstep{
width:23px;
height:23px;
background:#fff;
color:#666;
border-radius:23px;
padding:1px 0 0 6px;
border:1px solid #ccc;
}


/*Navigation-tabs*/
.navigation-tabs{
  height:43px;
  border-bottom:1px solid #ebebeb;
}
.navigation-tabs li{
  width: 50%;
  height:43px;
  float:left;
  background:#ebebeb;
  color:#999999;
  padding:0 15px 0 10px;
  margin:0px;
  border-left:1px solid #ebebeb;
  border-top:1px solid #ebebeb;
  border-right:1px solid #ebebeb;
  border-radius:5px 5px 0 0;
}
.navigation-tabs li a{
  color:#999999;
}
.navigation-tabs li.active{
  background:#fff;
  color:#333;
  border-left:1px solid #e5e5e5;
  border-top:1px solid #e5e5e5;
  border-right:1px solid #e5e5e5;
}
.navigation-tabs li.active a{
  color:#333;
}

.navigation-tab{
  height:43px;
  border-bottom:1px solid #ebebeb;
}
.navigation-tab li{
  width: 33.33%;
  height:43px;
  float:left;
  background:#ebebeb;
  color:#999999;
  padding:0 15px 0 10px;
  margin:0px;
  border-left:1px solid #ebebeb;
  border-top:1px solid #ebebeb;
  border-right:1px solid #ebebeb;
  border-radius:5px 5px 0 0;
}
.navigation-tab li a{
  color:#999999;
}
.navigation-tab li.active{
  background:#fff;
  color:#333;
  border-left:1px solid #e5e5e5;
  border-top:1px solid #e5e5e5;
  border-right:1px solid #e5e5e5;
}
.navigation-tab li.active a{
  color:#333;
}


/*profile-tabs*/

.profile-tabs{
  border-bottom:1px solid #ebebeb;
}
.profile-tabs li{
  background:#f2f2f2;
  color:#999999;
  padding:0px;
  margin:0px;
  border-bottom:1px solid #e6e6e6;
}
.profile-tabs li a{
  width:100%;
  height:115px;
  color:#999999;
  padding-top:30px;
  text-align:center;
}
.profile-tabs li.active{
  background:#fff;
  color:#333;
  border-bottom:1px solid #ffffff;
}
.profile-tabs li.active a{
  color:#333;
}

.tab-content5{
  width:100%;
}


.myTab2pos{
  z-index:100;
  position:relative;
  left:1px;
  top:1px;
}

.tab-content6{
  width:100%;
  min-height:160px;
  border:1px solid #e8e8e8;
  position:relative;
  top:-40px;
  z-index:10;
  padding: 60px 20px 76px 20px;
}


/*ABOUT PAGE*/
.progress-about {
  height: 35px;
  margin-bottom: 0px;
  overflow: hidden;
  background-color: #f5f5f5;
  border-radius: 0px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
          box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.pbar1,.pbar2,.pbar3,.pbar4 {
text-align:left;
overflow:hidden;
padding:9px 10px;
}
.margbtm10{margin-bottom:10px;}
.cpdd01{padding:0px 15px 0px 0px;}
.cpdd02{padding:0px 0px 0px 15px;}

.hpadding50c{padding:20px 10px;}

@media (min-width:480px){
.hpadding50c{padding:20px 50px;}
}

span.gcircle{display:block; float:left; padding-top:7px; width:40px; height:40px; background:#666; text-align:center; font-size:18px;  font-weight:700; color:#fff; -webkit-border-radius: 100px; -moz-border-radius: 100px;  border-radius: 100px;}
.aboutarrow{display:block; float:left; position:relative; left:50%; bottom:-20px; width:25px; height:13px; background:url('../images/about-arrow.png') no-repeat; }

.abover{position:relative; overflow:hidden;}
.abover-off{position:relative; overflow:hidden;}
.abbg{background:#2980B9; background:rgba(114,191,102,0.8); position:absolute;top:0;}


span.socials-twitter{width:18px; height:18px; display:block; background:url('../images/socials.png') 0 0 no-repeat;  }
span.socials-twitter:hover{width:18px; height:18px; display:block; background:url('../images/socials.png') 0 -18px no-repeat; }

span.socials-facebook{width:18px; height:18px; display:block; background:url('../images/socials.png') -18px 0 no-repeat;   }
span.socials-facebook:hover{width:18px; height:18px; display:block; background:url('../images/socials.png') -18px -18px no-repeat; }  

span.socials-gplus{width:18px; height:18px; display:block; background:url('../images/socials.png') -36px 0 no-repeat;   }
span.socials-gplus:hover{width:18px; height:18px; display:block; background:url('../images/socials.png') -36px -18px no-repeat; } 

.socials-container{position:relative;}

/*BLOG PAGE*/
ul.blogcat{padding:0; margin:0; list-style:none;}
ul.blogcat li{border-bottom:1px solid #e5e5e5; padding:5px 0;}
ul.blogcat li a{color:#333; transition: all .3s ease-in-out; }
ul.blogcat li a:hover{color:#2980B9; text-decoration:none;}


a.blogpost-hover{position:absolute; width:50px; height:50px; display:block; background:#333; color:#fff; font-size:20px; padding:12px 0; text-align:center; border-radius:100px; text-decoration:none; transition: all .3s ease-in-out; }
a.blogpost-hover:hover{background:#fff; color:#333;}

a.blogpost-hover2{position:absolute; width:50px; height:50px; display:block; background:#333; color:#fff; font-size:20px; padding:12px 0; text-align:center; border-radius:100px; text-decoration:none; transition: all .3s ease-in-out; }
a.blogpost-hover2:hover{background:#fff; color:#333;}

/*Navigation-tabs3*/
.navigation-tabs3{
height:43px;
border-bottom:1px solid #ebebeb;
}
.navigation-tabs3 li{
height:43px;
float:left;
background:#efefef;
color:#999999;
padding:0 15px 0 10px;
margin-left:2px;
border-left:1px solid #ebebeb;
border-top:1px solid #ebebeb;
border-bottom:1px solid #ebebeb;
border-right:1px solid #ebebeb;
border-radius:5px 5px 0 0;
}
.navigation-tabs3 li.active{
border-bottom:1px solid #fff;
}
.navigation-tabs3 li a{
color:#999999;
}
.navigation-tabs3 li.active{
background:#fff;
color:#333;
border-left:1px solid #e5e5e5;
border-top:1px solid #e5e5e5;
border-right:1px solid #e5e5e5;
}
.navigation-tabs3 li.active a{
color:#333;
}

/*CarouFredSel Blog*/
.wrapper2 {
  background-color: white;
  width: 100%;
  height:407px; 
  margin: 0px auto;
  padding: 5px;

}
.list_carousel2 {
  background-color: #fff;
  margin: 0px;
  width: 100%;
  height:407px; 
  overflow:hidden;
  position:relative;
}
.list_carousel2 ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
  
}
.list_carousel2 li {
  font-size: 40px;
  color: #999;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  border: 0px solid #efefef;
  width: 100%px;
  max-height:407px;
  padding: 0;
  margin: 0px 20px;
  display: block;
  float: left;
  line-height:10px ;
  text-align:left;
}

.list_carousel2.responsive {
  width: auto;
  margin-left: 0;
}
.xprev {
  width:34px;
  height:55px;
  float: left;
  margin-left: 10px;
  background:#15262f;
  position:absolute;
  top:40%;
  left:-10px;
}

.xprev:hover{
  background:#2ECC71;
}
a.xprev    img {width:14px;height:18px; display:block; background:url('../images/sprite.png')  -14px -36px; margin:18px 0 0 9px;}
a:hover.xprev   img {width:14px;height:18px; display:block; background:url('../images/sprite.png')  -14px -54px;}


.xnext {
  width:34px;
  height:55px;
  float: right;
  margin-right: 10px;
  background:#15262f;
  position:absolute;
  top:40%;
  right:-11px;
}
.xnext:hover{
  background:#2ECC71;
}
a.xnext    img {width:14px;height:18px; display:block; background:url('../images/sprite.png')  0px -36px; margin:18px 0 0 12px;}
a:hover.xnext   img {width:14px;height:18px; display:block; background:url('../images/sprite.png')  0px -54px;}


.circlewrap2{
width:52px;
height:52px;
margin:0;
position:relative;
}
.circlewrap2 span{
width:23px;
height:23px;
-webkit-border-radius: 23px;
-moz-border-radius: 23px;
border-radius: 23px;
position:absolute;
bottom:0px;
right:-10px;
background:#2980B9;
color:#fff;
font-size:11px;
padding-top:3px;
}
.cpdl{padding:0 6px;top:28px;}

.cpwidth{width:150px;}
.cpwidth2{width:90px;}
.cpwidth3{width:290px;}
.line6{background:#e8e8e8; height:1px;  margin:30px 0 30px 0; padding:0; display:block;}



.pay{
  margin-left: 10px;
  font-weight: bold;
}

.allclass{
  /* margin-left: 90px;
  font-weight: bold; */
}

.route{
  margin-left: 10px;
  font-weight: bold;
  padding: 10px;
}

.lowhigh{
  margin-left: 27%;
}


/*Login*/
.form-signin
{
    max-width: 330px;
    padding: 15px;
    margin: 0 auto;
}
.form-signin .form-signin-heading, .form-signin .checkbox
{
    margin-bottom: 10px;
}
.form-signin .checkbox
{
    font-weight: normal;
}

.form-signin .form-control
{
    position: relative;
    font-size: 16px;
    height: auto;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.form-signin .form-control:focus
{
    z-index: 2;
}
.form-signin input[type="text"]
{
    margin-bottom: -1px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.form-signin input[type="password"]
{
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.account-wall
{
    /* margin-top: 170px; */
    top: 20%;
    bottom:20%;
    padding: 10px 0px 20px 0px;
    background-color: #fff;
    box-shadow: #CED2DB 0 1px 2px 0;
}

.login-title
{
    font-size: 18px;
    font-weight: 400;
    display: block;
    text-align: center;
}

.profile-img
{
    width: 96px;
    height: 96px;
    margin: 0 auto 10px;
    display: block;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
.need-help
{
    margin-top: 10px;
}
.new-account
{
    display: block;
    margin-top: 10px;
}

.bglogin{
  background-color: #F2F2F2;
}

@media (max-width: 480px) {
  .bglogin{
    background-color: #F2F2F2;
    padding-top: 0px;
  }
}


/*Sidebar*/
:focus {
  outline: none;
}
.row {
  margin-right: 0;
  margin-left: 0;
}

.kakimelayang{
  position: fixed; 
  clear: both; 
  width: 100%; 
  bottom: 0; 
  border: none; 
  padding: 5px;
  background-color: #000;
  color: #fff;
  z-index: 100000;
  height: auto;
}

.uptop{
  margin: 10px;
}

.btnright{
  right: 0;
}

.layang{
  margin-top:5px;
  /* margin-left: 300px;  */
}

.biru{
  background-color: #3498DB;
  padding: 5px;
}

.fade-carousel {
    position: relative;
    height: 100%;
    margin-top: -72px;
}
.fade-carousel .carousel-inner .item {
    height: 70vh;
}
.fade-carousel .carousel-indicators > li {
    margin: 0 2px;
    background-color: #FAAE2A;
    border-color: #FAAE2A;
    opacity: .7;
}
.fade-carousel .carousel-indicators > li.active {
  width: 10px;
  height: 10px;
  background-color: #D35400;
  border-color: #D35400;
  opacity: 1;
}

.log-reg{
  background: #ffffff;
  padding:40px;
}

.hero {
    position: absolute;
    top: 70%;
    left: 50%;
    z-index: 3;
    color: #fff;
    text-align: center;
    text-shadow: 1px 1px 0 rgba(0,0,0,.75);
      -webkit-transform: translate3d(-50%,-50%,0);
         -moz-transform: translate3d(-50%,-50%,0);
          -ms-transform: translate3d(-50%,-50%,0);
           -o-transform: translate3d(-50%,-50%,0);
              transform: translate3d(-50%,-50%,0);
 }


    
}
.hero h2 {
    font-size: 60px;  
    font-weight: 400;
    margin: 0;
    padding: 0;
    text-shadow: 0px 1px 16px rgba(0, 0, 0, 0.2);
    text-align: center;
}

.hero p{
  font-size: 20px; 
  text-shadow: 0px 1px 16px rgba(0, 0, 0, 0.2);
  text-align: center;
}

.fade-carousel .carousel-inner .item .hero {
    opacity: 0;
    -webkit-transition: 2s all ease-in-out .1s;
       -moz-transition: 2s all ease-in-out .1s; 
        -ms-transition: 2s all ease-in-out .1s; 
         -o-transition: 2s all ease-in-out .1s; 
            transition: 2s all ease-in-out .1s; 
}
.fade-carousel .carousel-inner .item.active .hero {
    opacity: 1;
    -webkit-transition: 2s all ease-in-out .1s;
       -moz-transition: 2s all ease-in-out .1s; 
        -ms-transition: 2s all ease-in-out .1s; 
         -o-transition: 2s all ease-in-out .1s; 
            transition: 2s all ease-in-out .1s;    
}

/********************************/
/*            Overlay           */
/********************************/
.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-color: #080d15;
    opacity: .7;
}

/********************************/
/*          Media Queries       */
/********************************/
@media screen and (min-width: 980px){
    .hero { width: 980px; }    
}
@media screen and (max-width: 640px){
    .hero h1 { font-size: 4em; }  
}

.text-award{
  font-size: 35px;
  margin: 50px;
  color: #222;
}  

.scroll-top-wrapper {
    position: fixed;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  text-align: center;
  z-index: 999;
    background-color: #FAAE2A;
  color: #eeeeee;
  width: 50px;
  height: 48px;
  line-height: 40px;
  right: 40px;
  bottom: 53px;
  padding-top: 2px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.scroll-top-wrapper:hover {
  background-color: #F39C12;
}
.scroll-top-wrapper.show {
    visibility:visible;
    cursor:pointer;
  opacity: 1.0;
}
.scroll-top-wrapper i.fa {
  line-height: inherit;
}

.navbar{
  margin-bottom: 0px;
}

.navbar-header .navbar-toggle .icon-bar{
  background-color: #ffffff;
}

/*Form Wizard*/
.stepwizard-step p {
    margin-top: 10px;
}

.stepwizard-row {
    display: table-row;
}

.stepwizard {
    display: table;
    width: 100%;
    position: relative;
    margin-bottom: 20px;
  margin-top: 20px;
}

.stepwizard-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

.stepwizard-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 2px;
    background-color: #ccc;
    z-order: 0;

}

.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
    width: 25%;
}

.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
}
/*End Form Wizard*/

.thumb{
  height: 120px;
}

.banactive{
  margin-top: -5px;
}

.setaction{
  padding-top: 5px;
  padding-bottom: 5px;
}

/*Train*/
.box{
  height: 20px;
  width: 20px;
  float: left;
  margin: 2px;
  cursor: pointer;
}

.line-box{
  height: 24px;
  width: 16px;
  float: left;
  cursor: pointer;
/*  background: #999;*/
}

.traingray{
  background-color: #7F8C8D;
}.gray:hover, .gray:focus, .gray:active, .gray:visited{
  background-color: #2980B9;
}

.trainwhite{
  background-color: #FFFFFF; 
}

.trainred{
  background-color: #ff3300; 
}

.traingreen{
  background-color: #2ECC71; 
}

.block{
  clear: both;
}

.text{
  font-weight: bold;
  text-align: center;
}

.head{
  margin-left: 15px;
  margin-right: 10px;
}

@media screen and (max-width: 480px){
  .input-center{
    padding: 0px 0px 0px 0px;
  }

  .xs-btn{
    padding: 7px 7px;
  }
}

input[type=checkbox].css-checkbox {
  position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
}

input[type=checkbox].css-checkbox + label.css-label {
  padding-left:27px;
  height:22px; 
  display:inline-block;
  line-height:22px;
  background-repeat:no-repeat;
  background-position: 0 0;
  font-size:22px;
  vertical-align:middle;
  cursor:pointer;

}

input[type=checkbox].css-checkbox:checked + label.css-label {
  background-position: 0 -22px;
}
label.css-label {
  background-image:url(../images/csscheckbox_ece132b80c71fbeebe8df571c3f59c58.png);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

input[type=radio].css-radio {
  position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
}

input[type=radio].css-radio + label.css-label-radio {
  padding-left:23px;
  height:18px; 
  display:inline-block;
  line-height:18px;
  background-repeat:no-repeat;
  background-position: 0 0;
  font-size:18px;
  vertical-align:middle;
  cursor:pointer;
}

input[type=radio].css-radio:checked + label.css-label-radio {
  background-position: 0 -18px;
}
label.css-label-radio {
  background-image:url(../images/csscheckbox_f05df395838a10b479b7389aca0e53d5.png);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

input[type=radio].radio-primary {
  position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
}

input[type=radio].radio-primary + label.css-radio-primary {
  padding-left:26px;
  height:21px; 
  display:inline-block;
  line-height:21px;
  background-repeat:no-repeat;
  background-position: 0 0;
  font-size:21px;
  vertical-align:middle;
  cursor:pointer;

}

input[type=radio].radio-primary:checked + label.css-radio-primary {
  background-position: 0 -21px;
}

label.css-radio-primary {
background-image:url(../images/csscheckbox_5ab92245cf78caac21ff087cfc374219.png);
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

.radio-primary input[type="radio"] {
    display:none; 
}

.radio-primary label {
    display:inline-block;
    background-color:#F9A21A;
    cursor: pointer;
    position: relative;
    vertical-align: middle;
    float: left;
    margin-bottom: 15px;
    color: #fff;
    padding: 7px 15px;
    border-radius: 0px;
}

.radio-primary input[type="radio"]:checked + label { 
    background-color:#F9A21A;
    color: #fff;
    border-radius: 0px;
}

.radio-warning input[type="radio"] {
    display:none; 
}

.radio-warning label {
    display:inline-block;
    background-color:#FAAE2A;
    cursor: pointer;
    position: relative;
    vertical-align: middle;
    float: left;
    margin-bottom: 15px;
    color: #fff;
    padding: 7px 10px;
    border-radius: 0px;
}

.radio-warning input[type="radio"]:checked + label { 
    background-color:#F39C12;
    color: #fff;
    border-radius: 0px;
}

.blur{
  background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 1) 1%, rgba(0, 0, 0, 0) 2%, rgba(0, 0, 0, 0.9) 99%, rgba(0, 0, 0, 0.9) 100%) repeat scroll 0 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
    box-shadow: 0px 0px 100px rgba(0, 0, 0, 0.5) inset;
    -webkit-filter: blur(2px); -moz-filter: blur(2px); -o-filter: blur(2px); -ms-filter: blur(2px); filter: blur(2px);
}

.img-map{
  cursor: pointer;
}

.wrap {
  position:relative;
  clear:none;
  overflow:hidden;
  padding-top: 10px;
  padding-bottom: 10px;

}
.wrap img {
  position:relative;
  z-index:1;
  cursor: pointer;
}
.wrap .desc {
    cursor: pointer;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  text-align: center;
  background: #F9A21A;
  padding: 20px;
  border-radius: 2px;
  color: #fff;
  margin-left: 20px;
}

.wrap .desc:hover{
  background: #F9A21A;
} 

.btn-outline-inverse {
    border: 2px solid #FFF !important;
    color: #FFF;
    background: #fff !important;
}

.btn-outline-inverse:active, .btn-outline-inverse:focus, .btn-outline-inverse:hover {
    background: white;
    color: #008A45;
    font-weight: bold;
    border: 2px solid #FFF !important;
    text-shadow: none;
}

.modal {
    z-index: 99999;
}

.layover{
  background: #F2F2F2;
  color: #666666;
  padding: 10px;
  margin: 5px 24%;
  border-radius: 2px;
  position: relative;
  z-index: 2;
}

.layhrt{
  position: relative;
  /* top: 20px; */
  top: 27px;
  border-bottom: 2px dotted #F2F2F2;
}

.layhrb{
  position: relative;
  bottom: 20px;
  border-bottom: 2px dotted #F2F2F2;
}

.alert-minimalist {
  background-color: rgb(241, 242, 240);
  border-color: rgba(149, 149, 149, 0.3);
  border-radius: 3px;
  color: rgb(149, 149, 149);
  padding: 10px;
}
.alert-minimalist > [data-notify="icon"] {
  height: 50px;
  margin-right: 12px;
}
.alert-minimalist > [data-notify="title"] {
  color: rgb(51, 51, 51);
  display: block;
  font-weight: bold;
  margin-bottom: 5px;
}
.alert-minimalist > [data-notify="message"] {
  font-size: 80%;
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 0px solid transparent;
    border-radius: 0px;
}


.home-container{
  background: #FFF none repeat scroll 0% 0%;
  position: relative;
  border-radius: 4px;
  min-height: 350px;
  padding: 20px;
  margin-top: -70px;
}

.text-danger:hover{
  color: red;
  text-decoration: none;
}

.mybtn {
    padding-right: 17.3px !important;
    background: #F9A21A;
    border-color: #F9A21A;
}

.sidebtn{
    background: #F9A21A !important;
    border-color: #F9A21A !important;
}

.sidebtn:hover{
    background:#F9A21A !important;
    border-color:#F9A21A !important;
}

/*slide*/
.carouseldummy{
     width: 100%;
    height: auto;
  }
.carouseldummy img{
  overflow: hidden;
  height: auto;
  }
body {
  /* padding-bottom: 40px; */
  color: #5a5a5a;
  padding-top: 69px;
  background: #F2F2F2 none repeat scroll 0% 0%;
}

.carousel-indicators{
  bottom: 20px;
} 




.carousel-control {
    width: 0;
}

.carousel-control.left {
   background: none;
}
.carousel-control.right {
  right: 0;
  left: auto;
  background: none;
}

.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
  filter: alpha(opacity=50);
  opacity: .5;
}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {

  /* Remve the edge padding needed for mobile */
  .marketing {
    padding-left: 0;
    padding-right: 0;
  }

  /* Navbar positioning foo */
  .navbar-wrapper {
    margin-top: 20px;
    margin-bottom: -90px; /* Negative margin to pull up carousel. 90px is roughly margins and height of navbar. */
  }
  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    border-radius: 4px;
  }

  /* Bump up size of carousel content */
  .carousel-caption p {
    font-size: 21px;
    line-height: 1.7;
  }

}

.carousel-caption {
    right: 0% !important;
    left: 1% !important;
    bottom: 0% !important;
    text-align: left;
}


.frow2{
  background:#F6F7F8;
  min-height:100px;
  color:#666;
  border-left: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  border-right: 1px solid #dddddd;  
}

.activemodal {
  z-index: 1040;
  background-color: #000;
  opacity: .4;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  max-width: 100%;
  width: 100%;
  min-width: 150px;
  padding:  0px;
  margin: 2px 0 0;
  font-size: 14px;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 2px !important;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;

}

.dropdown-menu > .active > a {
    color: #FFF !important;
    text-decoration: none;
    background-color: #F9A21A;
    outline: 0px none;
}

/*Tab Js*/
.tab-content {
  padding: 15px; 
}
@media (max-width: 480px) {

  .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
    background-color: #fff;
  }
  .nav-tabs > li > a, .nav-tabs > li > a:hover{
    color:#2980B9;
    font-weight: bold;
  }

    .tabbable.responsive .nav-tabs {
        font-size: 16px;
    }
    .tabbable.responsive .nav-tabs ul {
        margin: 0;
    }
  .tabbable.responsive .nav-tabs li {
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box; 
            -ms-box-sizing: border-box;
             -o-box-sizing: border-box;
                box-sizing: border-box; 
          display: inline-block; 
          width: 100%;  
          border-bottom: 2px solid #ddd;
          overflow: hidden;
          padding-bottom: 10px;
      background: #fff;
  }
    .tabbable.responsive .nav-tabs > li > a {
      border-style: none;
      display: inline-block;
      margin: 0;
      padding: 0;
    }
    .tabbable.responsive .nav-tabs > li > a:hover {
      border-style: none; 
      background-color: transparent;}
    .tabbable.responsive .nav-tabs > li > a:active,
    .tabbable.responsive .nav-tabs > .active > a,
    .tabbable.responsive .nav-tabs > .active > a:hover {
      border-style: none;
    }

}
/* sample styles for the tab controls on small screens  - start with left control and override for right */
.tabbable.responsive .nav-tabs > li > a.tab-control,
.tabbable.responsive .nav-tabs > li > span.tab-control-spacer {
  float: left;
  width: 36px;
  height: 36px;
  font-size: 46px;
  font-weight: 100;
  line-height: 26px;
  color: #F9A21A;
  text-align: center;
  background: #fff;
    -webkit-border-radius: 18px;
      -moz-border-radius: 18px;
            border-radius: 18px;
  }
.tabbable.responsive .nav-tabs > li > a.tab-control.right,
.tabbable.responsive .nav-tabs > li > span.tab-control-spacer.right {
  float: right;
}
.tabbable.responsive .nav-tabs > li > a.tab-control:hover {
  color: #F9A21A;
  background: #fff;
  cursor: pointer;
}
.tabbable.responsive .nav-tabs > li > span.tab-control-spacer {
  line-height: 28px;
  color: transparent;
  background: transparent;
}

/*Cad Tab*/
.cad > .nav-tabs > li.active > a, .cad > .nav-tabs > li.active > a:focus {
  background: #fff;
}

.cad > .tab-content {
  background: #fff;
  margin-bottom: 160px;
}
/*Menu*/
.holdissued > .nav-tabs > li.active > a, .holdissued > .nav-tabs > li.active > a:focus {
    background: #fff !important;
    border-bottom: 2px solid #F9A21A;
    border-right: 1px solid #EBEBEB;
    border-top: 1px solid #EBEBEB;
    border-left: 1px solid #EBEBEB;
    color: #333 !important;
}

.holdissued .nav-tabs li{
  border-bottom: 2px solid #fff !important;
}


.holdissued > .nav-tabs > li > a:hover{
    background: #EBEBEB;
}

.holdissued > .tab-content {
    background: #fff;
    margin-bottom: 160px;
}

.holdissued > .nav-tabs > li > a{
    background: #EBEBEB;
    color: #333;
    border-right: 1px solid #EBEBEB;
    border-top: 1px solid #EBEBEB;
    border-left: 1px solid #EBEBEB;
    border-bottom: 2px solid #EBEBEB;
}

@media (max-width: 480px) {
  .holdissued > .nav-tabs > li.active > a, .holdissued > .nav-tabs > li.active > a:hover, .holdissued > .nav-tabs > li.active > a:focus{
    background-color: #fff;
    border-left: 2px solid #F9A21A !important;
    padding-left: 10px;
  }
  .holdissued > .nav-tabs > li > a, .holdissued > .nav-tabs > li > a:hover{
    color: #333;
    font-weight: bold;
    padding-left: 10px !important;
    background: #fff;
    border-left: 2px solid #ddd !important;
  }
}

div.sidebar, .main{
  -webkit-transition: margin 200ms ease-out;
    -moz-transition: margin 200ms ease-out;
    -o-transition: margin 200ms ease-out;
    transition: margin 200ms ease-out;
}

@media(min-width:992px) and (max-width:1330px){
  /*Allow main to be next to Nav*/
  .main{
    position: absolute;
    width: calc(100% - 40px); /*keeps 100% minus nav size*/
    margin-left: 40px;
    float: right;
  }

  /*lets nav bar to be showed on mouseover*/
  div.sidebar:hover + .main{
    margin-left: 200px;
  }

  /*Center Brand*/
  div.sidebar.navbar.sidebar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    margin-left: 0px;
  }
  /*Center Brand*/
  div.sidebar .navbar-brand, div.sidebar .navbar-header{
    text-align: center;
    width: 100%;
    margin-left: 0px;
  }

  /*Center Icons*/
  div.sidebar a{
    padding-right: 13px;
  }

  /*adds border top to first nav box */
  div.sidebar .navbar-nav > li:first-child{
    border-top: 1px #e5e5e5 solid;
  }

  /*adds border to bottom nav boxes*/
  div.sidebar .navbar-nav > li{
    border-bottom: 1px #e5e5e5 solid;
  }

  /* Colors/style dropdown box*/
  div.sidebar .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  /*allows nav box to use 100% width*/
  div.sidebar .navbar-collapse, div.sidebar .container-fluid{
    padding: 0 0px 0 0px;
    margin-left: -15px;
    padding-right: 70px;
  }

  /*colors dropdown box text */
  .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
    color: #777;
  }

  /*gives sidebar width/height*/
  div.sidebar{
    width: 100%;
    height: 100%;
    margin-left: 0px;
    float: left;
    margin-bottom: 0px;
  }

  /*give sidebar 100% width;*/
  div.sidebar li {
    width: 100%;
  }

  /* Move nav to full on mouse over*/
  div.sidebar:hover{
    margin-left: 0px;
  }
  /*for hiden things when navbar hidden*/
  .forAnimate{
    opacity: 0;
  } 
}


@media (min-width: 768px) and (min-width:992px) and (min-width:980px) and (min-width:1330px){
  /*Allow main to be next to Nav*/
  .main{
    position: absolute;
    width: calc(100% - 40px); /*keeps 100% minus nav size*/
    margin-left: 40px;
    float: right;
  }

  /*lets nav bar to be showed on mouseover*/
  div.sidebar:hover + .main{
    margin-left: 200px;
  }

  /*Center Brand*/
  div.sidebar.navbar.sidebar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    margin-left: 0px;
  }
  /*Center Brand*/
  div.sidebar .navbar-brand, div.sidebar .navbar-header{
    text-align: center;
    width: 100%;
    margin-left: 0px;
  }

  /*Center Icons*/
  div.sidebar a{
    padding-right: 13px;
  }

  /*adds border top to first nav box */
  div.sidebar .navbar-nav > li:first-child{
    border-top: 1px #e5e5e5 solid;
  }

  /*adds border to bottom nav boxes*/
  div.sidebar .navbar-nav > li{
    border-bottom: 1px #e5e5e5 solid;
  }

  /* Colors/style dropdown box*/
  div.sidebar .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  /*allows nav box to use 100% width*/
  div.sidebar .navbar-collapse, div.sidebar .container-fluid{
    padding: 0 0px 0 0px;
    margin-left: -15px;
    padding-right: 40px;
  }

  /*colors dropdown box text */
  .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
    color: #777;
  }

  /*gives sidebar width/height*/
  div.sidebar{
    width: 100%;
    height: 100%;
    margin-left: -160px;
    float: left;
    margin-bottom: 0px;
  }

  /*give sidebar 100% width;*/
  div.sidebar li {
    width: 100%;
  }

  /* Move nav to full on mouse over*/
  div.sidebar:hover{
    margin-left: 0px;
  }
  /*for hiden things when navbar hidden*/
  .forAnimate{
    opacity: 0;
  }

}

  /* .....NavBar: Fully showing nav bar..... */
@media (min-width: 1330px) {

  /*Allow main to be next to Nav*/
  .main{
    width: calc(100% - 200px); /*keeps 100% minus nav size*/
    margin-left: 200px;
  }

  /*Show all nav*/
  div.sidebar{
    margin-left: 0px;
    float: left;
  }
  /*Show hidden items on nav*/
  div.sidebar .forAnimate{
    opacity: 1;
  }
}

div.sidebar .navbar-nav .open .dropdown-menu>li>a:hover, div.sidebar .navbar-nav .open .dropdown-menu>li>a:focus {
  color: #CCC;
  background-color: transparent;
}

div:hover .forAnimate{
  opacity: 1;
}

.cadtitle{

  font-size: 25px;
}
.cadsubtitle{
  font-size: 14px;
}

.cadbtn{
  position: absolute;
  z-index: 1;
  right: 0;
  margin: 40px 40px 40px 40px;
}

.cadwelcome{
  background: #F9A21A;
  color: #fff;
  padding: 5px 20px 25px 20px;
  margin-bottom: -5px;
}

.cad-icon{
  padding: 5px;
  margin-left: 30px;
  position: absolute;
}

.bg-round{
  padding: 10px;
  margin: auto;
}

.easy-pie{
  right: 50%;
  left: 50%;
  display: inline-block;
}

.bg{
  padding: 10px;
  color: #ffffff;
}

.bg-primary{
  background: #F9A21A;
}

.bg-success{
  background: #27AE60;
}

.bg-warning{
  background: #FAAE2A;
}

.cad-result-text{
  font-weight: bold;
  font-size: 24px;
}

.cad-layer{
  background-color: rgba(0, 0, 0, 0.6);
  
}

.h1-font-cad{
  font-size: 24px !important;
}

.p-font-cad{
  font-size: 16px !important;
}

.bg-dark-text{
}

.container-carousel{
  margin-top: 100px;
  padding: 20px;
}
.dataTables_filter{
  float: right;
}

.dataTables_paginate{
  float: right;
}

.topul{
  overflow-y: scroll;
  max-height: 250px;
}

#btns{
  position: relative;
  top: 40px;
  z-index: 1;
}
.hide{
  display: none;
}
.btn-save{
  margin-top:-40px;

}
@media (min-width: 480px) {
  .headcol {
      position:absolute; 
      background: #F3F5F6;
      width: 240px;
      white-space:nowrap;
      border:1px solid #DDD;
  }

  .head-fixed{
      overflow-y:visible;
      padding-bottom:1px;
  }
}

@keyframes fadeIn {
  to {
    opacity: 1;
  }
}

.fade-in {
  opacity: 0;
  -moz-animation: fadeIn .5s ease-in 1 forwards;
  -webkit-animation: fadeIn .5s ease-in 1 forwards;
  -ms-animation: fadeIn .5s ease-in 1 forwards;
  -o-animation: fadeIn .5s ease-in 1 forwards;
  animation: fadeIn .5s ease-in 1 forwards;
}

.is-paused {
  animation-play-state: paused;
}

.bootstrap-table .table thead > tr > th {
    vertical-align: middle;
    background: #F3F5F6 !important;
}

.hr-style{
  border-bottom:1px solid #DDD;margin:30px 0px 40px 0px;
}

.hr-profit{
  border-bottom:1px solid #DDD;margin:0px 0px 15px 0px ;
}

.inset-primary{
   box-shadow: 1px 0px 2px #F9A21A inset;
   -moz-box-shadow: 1px 0px 2px #F9A21A inset;
   -webkit-box-shadow: 1px 0px 2px #F9A21A inset;
   -o-box-shadow: 1px 0px 2px #F9A21A inset;
}

/* sidebar-rs */
.sidebar-rs-wrapper {
  height: 100%;
  overflow: hidden;
  background-color: #2E8FCE;
} 

.main-rs,
.sidebar-rs {
  position: relative;
  padding: 2em;
  float: left-rs;
}

.main-rs {
  position: relative;
  height: 100%;
  bottom: 0;
  top: 0;
  width: 75%;
  background:#ffffff;
  margin-left-rs: 25%;
  min-height: 1200px;
}

.sidebar-rs {
  position: relative;
  height: 100%;
  width: 25%;
  background: #2E8FCE;
  color: #ffffff;
}

.sidebar-rs.left-rs { margin-left-rs: -100%; }


@media all and (max-width: 750px) {
  .close-sidebar-rs{
    margin-top:-49px
  }
  .main-rs,
  .sidebar-rs { padding: 3.5em 2em; }

  .main-rs {
    position: relative;
    width: 100%;
    float: none;
    right: 0;
    margin: 0;
    transition: .5s left-rs ease, .5s right ease;
    /* box-shadow: 0 0 10px rgba(0,0,0,.5); */
    z-index: 5;
    min-height: 2000px;
  }


  .left-rs .main-rs,
  .left-rs .sidebar-rs {
    left-rs: 270px;
    right: auto;
  }

  .sidebar-rs {
    position: absolute;
    float: none;
    width: 270px;
    height: 100%;
    margin: 0;
    right: 0;
    top: 0;
    z-index: 1;
    transition: .5s right ease .5s left-rs ease;
  }

  .sidebar-rs.left-rs {
    left-rs: 0;
    right: auto;
    margin-left-rs: 0;
  }
}

@media (max-width: 480px) {}
  .close {
      float: right;
      font-size: 40px;
      font-weight: bold;
      line-height: 1;
      color: #000;
      text-shadow: 0px 1px 0px #FFF;
      opacity: 0.2;
      margin-top: -10px !important;
  }
}

.nav a:hover .caret {
    border-top-color: #F9A21A !important;
    border-bottom-color: #F9A21A !important;
}
.nav .caret {
    border-top-color: #F9A21A !important;
    border-bottom-color: #F9A21A !important;
}

.badge-position{
  top: 10px;
  position: absolute;
  right: -1px;
}

@media (max-width: 992px) {
  .badge-position{
    top: -10px;
    position: relative;
    right: 15px;
  }
}

.badge {
    display: inline-block;
    min-width: 20px;
    padding: 5px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    color: #FFF;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #27AE60;
    border-radius: 10px;
}

.badge-danger-red{
  background-color:  #C30 !important;
}

.dropdown-header {
    font-size: 14px !important;
    line-height: 1.42857;
    color: #F9A21A !important;
    background: #F6F7F8;
}

.custom-tab{
  background: #fff !important;
  min-height: 100px !important;
  border-bottom: 1px solid #fff !important;
  padding: 0px !important;
}

.input-group-addon:first-child {
    border-right: 1px solid #CCC !important;
}

.list-priority{
  cursor: pointer;
}

.ul-list-group li { margin: 0 0px 5px 0px; padding: 10px;}
.ui-state-highlight { height: 100%; }

.title-feed{
  font-weight: 700;
  font-style: normal;
  font-size: 36px;
  margin-left: -2.25px;
  line-height: 1.15;
  letter-spacing: -0.05em;
}

.article-feed{
    font-weight: 400;
    font-style: normal;
    font-size: 21px;
    line-height: 1.58;
    letter-spacing: -0.003em;
}

.dayofmonth{
  font-size: 48px;
  margin-bottom: -10px;
}


.title-archive{
  font-size: 24px;
  margin-left: -1.9375px;
  line-height: 1.12;
  font-weight: 700;
  font-style: normal;
  letter-spacing: -0.003em;
}

.article-archive{
  font-size: 18px;
  line-height: 1.5;
  letter-spacing: -0.004em;
  font-weight: 400;
  font-style: normal;
}

.btn-jstree.btn.active {                
  display: none;    
}

.btn-jstree.btn span:nth-of-type(1)  {              
  display: none;
}
.btn-jstree.btn span:last-child  {              
  display: block;   
}

.btn-jstree.btn.active  span:nth-of-type(1)  {              
  display: block;   
}
.btn-jstree.btn.active span:last-child  {             
  display: none;      
}

.label{
  font-weight: 300 !important;
}

.panel-default {
    border-color: #E8E8E8 !important;
}

.lastminutepromo{
  padding: 40px;
}
.featured-image{
  background: #fff !important;
  padding: 40px;
}

.featured-more{
  background: #F9A21A !important;
  padding: 40px;
  color: #fff;
}
.featured-award{
  background: #fff;
}

.box-thumbnail{
  background: #fff;
  padding: 20px;
  border: 1px solid #ddd;
  border-radius: 4px;
  top: -100px;
  position: relative;
  box-shadow: #CED2DB 0 1px 2px 0;
}

.box-vote{
  background: #fff;
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 0px 0px 4px 4px;
  position: relative;
  box-shadow: #CED2DB 0 1px 2px 0;
}

.box-price{
  background: #fff;
  padding: 20px;
  border: 1px solid #ddd;
  border-radius: 4px;
}

@media (max-width: 992px) {
  .media-sm{
    margin-top: 150px !important;
  }
}

.featured-article{
  margin-top: 50px;
}
h3{
  line-height: 1.228571429;
}

.btn-left{
  text-align: left;
  padding-left: 10px;
}

.well-tag{
  padding: 10px 10px 5px 10px;
  background-color: #F2F2F2;
  margin-top: 10px;
}

.well-rule{
  padding-bottom: 20px;
  margin-bottom: 2px;
}

.ui-sort-campaign{
  height: 6em;
}
.campaign-item{
  border: 1px solid #DDD;
  padding: 10px;
  margin-top: -1px;
  background: #fff;
}

.CS-block{
  border: 1px solid #EBEBEB;
  background: #F6F7F8;
  margin-bottom: 20px;
  padding: 20px;
}

.CS-block-col{
  transition: max-height 0.8s ease 0s;
}

.smooth{
  -webkit-transition: max-height 0.8s;
    -moz-transition: max-height 0.8s;
    transition: max-height 0.8s;
}

#CS-alert { overflow:hidden;max-height: 100px;margin-bottom: 20px;}
#CS-alert:hover { overflow-y:scroll;max-height: 100px; margin-bottom: 20px;}
.col-alert-calc{
  /* margin: 20px 20px 20px 0px; */
  margin-left: 10px;
}
.rule-item-container{
}
.item-block{
  padding: 10px;
  border: 1px solid #EBEBEB;
  background: rgb(255, 255, 255) none repeat scroll 0% 0%;
  margin-top: -1px;
}

.custom-alert-text{
  background: #eee;
  padding: 5px 10px 5px 10px;
  border-left: 2px solid #F9A21A;
  margin-bottom: 5px;
}

.mr15{
  margin-right:15px;
}

.rule-scroll{
  max-height: 350px;
  overflow-y: hidden;
}

.rule-scroll:hover{
  max-height: 350px;
  overflow-y: scroll;
}

.setscroll{
  background:white;padding:5px;max-height:400px;overflow-y:hidden
}

.setscroll:hover{
  background:white;padding:5px;max-height:400px;overflow-y:scroll
}

.modal-scroll{
  height: 400px;
  overflow-y:scroll; 
}

.control-label {
    text-align: left !important;
    font-weight: 800;
}

.chveron{
  position: absolute;
  z-index: 1;
  right: 40px;
}

#accordion .panel-heading {}
#accordion .panel-title > a {
  display: block;
    outline: none;
    font-weight:bold;
    text-decoration: none;
}

#accordion .panel-title > a.accordion-toggle::before, #accordion a[data-toggle="collapse"]::before  {
    content:"\e113";
    float: left;
    font-family: 'Glyphicons Halflings';
  margin-right :1em;
}
#accordion .panel-title > a.accordion-toggle.collapsed::before, #accordion a.collapsed[data-toggle="collapse"]::before  {
    content:"\e114";
}

.involving{
  padding-left: 15px;
}

.btn-icon-arrow{
  padding-left: 10px;
}

.btn-top{
  margin-top: 20px;
}

/* figure.image-cover-article {
    width: 100%;
    height: 70%;
    min-height: 70%;
    position: relative;
    overflow: hidden;
    background: #FFFFFF;
}

figure.image-cover-article img {
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    height: 100%;
}

@media  (max-width: 480px) {
    figure.image-cover-article img {
      width: 100%;
      position: absolute;
      height: 100%;
  }
  figure.image-cover-article {
    height: 200px !important;
    width: 100% !important;
    position: relative;
    min-height: 200px !important;
    min-width: 100%;
  }
}

@media  (min-width: 480px) and (max-width: 992px ) {
  figure.image-cover-article {
    min-height: 0px;
    height: 48% !important;
    width: 100%;
  }
  figure.image-cover-article img {
      width: 100%;
      position: absolute;
      height: 100%;
  }
}

@media  (min-width: 992) and (max-width: 1200px ) {
  figure.image-cover-article {
    min-height: 0px;
    height: 48% !important;
    width: 100%;
  }
  figure.image-cover-article img {
      width: 100%;
      position: absolute;
      height: 60%;
  }
}


@media  (min-width: 992) and (max-width: 1200px ) {
  figure.image-cover-article {
    min-height: 0px;
    height: 80% !important;
    width: 100%;
  }
  figure.image-cover-article img {
      width: 100%;
      position: absolute;
      height: 60%;
  }
}

@media  (min-width: 1200){
  figure.image-cover-article {
    height: 100% !important;
    width: 100%;
  }
  figure.image-cover-article img {
      width: 100%;
      position: absolute;
      height: 100%;
  }
}
 */


/* div.image-cover-article {
  width: 100%;
  height: 50%;
  min-height: 370px;
    position: relative;
    overflow: hidden;
    background: #F9A21A;
}

div.image-cover-article img {
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
}
div{
  margin: 0;
}

@media screen and (max-width: 767px) {
    div.image-cover-article {
      height: 140px;
      min-height: 100%;
    }
} */


figure.image-cover-hotel {
    width: 100%;
    height: 50%;
    min-height: 400px;
    min-width: 600px;
    position: relative;
    overflow: hidden;
    background: #F9A21A;
}

figure.image-cover-hotel img {
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
}
figure{
  margin: 0;
}

@media screen and (max-width: 767px) {
    figure.image-cover-hotel {
      height: 150px;
    }
}

.choosepax{
  background: #fff;
  padding: 10px;
  margin-bottom: 10px;
  position: absolute;
  z-index: 9;
  width: 100%;
  top: -15px;
  right: 15px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.13);
  border-radius: 2px;
}


.hidepax{
  display: none;
}


.menu-seat{
  float: left;
  display: table;
  width: 100%;
  margin-bottom: 10px !important;
}
.menu-seat-responsive ul {
  list-style-type:none;
  margin:0;
  padding:0;
}
.menu-seat li {
  display:inline-block;
  margin-right: 1px;
  display: table-cell;
  padding: 10px;
  border: 1px solid #fff;
}
.menu-seat li a {
  display:block;
  min-width:100%;
  height: 100%;
  text-align: center;
  line-height: 50px;
  color: #fff;
  background: #2980B9;
  text-decoration: none;
}
.menu-seat li:hover a {
  background: #27AE60;
}
.menu-seat li:hover ul a {
  background: #f3f3f3;
  color: #2f3036;
  height: 40px;
  line-height: 40px;
}
.menu-seat li:hover ul a:hover {
  background: #27AE60;
  color: #fff;
}
.menu-seat-responsive  li ul {
  display: none;
}
.menu-seat-responsive  li ul li {
  display: block;
  float: none;
}
.menu-seat-responsive  li ul li a {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  padding: 0 20px;
}

/*Responsive Styles*/
@media screen and (max-width : 760px){
  .menu-seat-responsive{
    max-height: 440px;
    overflow-y: scroll;
  }
  .menu-seat li {
    display:inline-block;
    float: left;
    margin-right: 1px;
  }
  ul .menu-seat {
    position: static;
    display: none;
  }
  .menu-seat li {
    margin-bottom: 1px;
  }
  .menu-seat-responsive ul li, .menu-seat li a {
    width: 100%;
  }
}

.white-hover, .white-hover:hover, .white-hover:focus{
  color: #fff;
}

/* btn bootstrap */

.btn {
  border-radius: 2px;
}

.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn:hover,
.btn:focus {
  color: #333333;
  text-decoration: none;
}

.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-default {
  color: #666675;
  background-color: #ffffff;
  border: 1px solid #DDD;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  color: #666675;
  background-color: #F6F7F8;
  border: 1px solid #cccccc;
}

.btn-primary {
  color: #ffffff;
  background-color: #F9A21A;
  border-color: #F9A21A;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: #F9A21A !important;
  border-color: #F9A21A !important;
}

.btn-danger {
  color: #ffffff;
  background-color: #C91111;
  border-color: #C91111;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  color: #ffffff;
  background-color: #d2322d;
  border-color: #ac2925;
}

.btn-warning {
  color: #ffffff;
  background-color: #FAAE2A;
  border-color: #FAAE2A;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  color: #ffffff;
  background-color: #F39C12;
  border-color: #F39C12;
}

/* Form-Control */
.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 0px 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #333;
    vertical-align: middle;
    background-color: #ffffff;
    border: 1px solid #ebebeb;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
          box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
    border-color: #F9A21A;
    outline: 0;
    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 0px 0px rgba(0,0,0,0), 0 0 8px rgba(102, 175, 233, .6);
}

/* Navbar */
.navbar-default {
    background-color: #fff;
    border-color: #fff;
}

.nav > li > a:hover  {
    text-decoration: none;
    background-color: #F9A21A;
    border-radius: 0px;
}

.nav > li > a:focus{
  background-color: #000;
}

.nav .open > a, .nav .open > a:hover {
    background-color: #000;
    border-color: #337ab7;
}

.nav .open > a:focus {
    background-color: #000;
    border-color: none;
}
.nav-tabs {
  border-bottom: 0px solid #dddddd;
  height:40px;
  margin-top: 5px;
}

.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
  margin-right: 1px;
}

.nav-tabs > li > a {
  margin-right: 0px;
  line-height: 1.428571429;
  border: 0px solid transparent;
  border-radius: 0px 0px 0 0;
  color:#fff;
  -webkit-transition:.3s;-moz-transition:.3s;transition:.3s;
  padding:10px 3px 10px 7px;
  background: #F9A21A;
}

@media (min-width:480px){

  .nav-tabs > li > a {
    margin-right: 0px;
    line-height: 1.428571429;
    border: 0px solid transparent;
    border-radius: 0px 0px 0 0;
    color:#fff;
    -webkit-transition:.3s;-moz-transition:.3s;transition:.3s;
    padding:10px;
    background-color:#1E90FF;
  }

    .nav-tabs > li > a:hover {
      border:0px solid transparent;
      background:#1E90FF;
    }

    .nav-tabs > li.active > a,
    .nav-tabs > li.active > a:hover,
    .nav-tabs > li.active > a:focus {
      color: #F9A21A;
      cursor: default;
      background-color: #F5F5F5;
      border: 0px solid #dddddd;
      border-bottom-color: transparent;
    }

    .nav-tabs > li.actif > a,
    .nav-tabs > li.actif > a:hover,
    .nav-tabs > li.actif {
      color: #434343;
      cursor: default;
      background-color: #ffffff;
      border: 0px solid #dddddd;
      border-bottom-color: transparent;
    }

    .nav-tabs.nav-justified {
      width: 100%;
      border-bottom: 0;
    }

    .nav-tabs.nav-justified > li {
      float: none;
    }

    .nav-tabs.nav-justified > li > a {
      text-align: center;
    }




  .nav-tabs.nav-justified > li > a {
    margin-right: 0;
    border-bottom: 1px solid #dddddd;
  }

  .nav-tabs.nav-justified > .active > a {
    border-bottom-color: #ffffff;
  }

  .dropdown-menu > li > a, .dropdown-menu > li > a:active,.dropdown-menu > li > a:focus {
      display: block;
      padding: 10px 20px;
      clear: both;
      font-weight: normal;
      line-height: 1.42857143;
      color: #333 !important;
      white-space: nowrap;
  }



  a:hover, a:focus {
      font-weight: bold;
  }

  .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
      color: #F9A21A;
      background-color: #fff;
  }
}

.label-primary {
    background-color: #F9A21A;

}
@media (min-width: 992px) {
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
}

@media (max-width: 767px) {
  .dropdown-menu > li > a{
    color: #fff !important;
  }
  .dropdown-menu > li a:hover{
    background: #F9A21A;
  }
  .white-hover-xs{
    color: #fff !important;
  }
}

/* Pagination */
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #F9A21A;
    border-color: #F9A21A;
}

.well {
    min-height: 20px !important;
    padding: 19px !important;
    margin-bottom: 5px !important;
    background-color: #ffffff !important;
    -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0) !important;
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0) !important;
    border-radius: 2px !important;
}

.well-trip-summary{
    padding: 15px !important;
    background-color: #F9F9F9 !important;
}

.wellform{
  min-height: 20px;
  padding: 19px;
  margin-bottom: 2px;
  margin-top: 15px;
  background-color: #F6F7F8;
}

.mywell{
  min-height: 20px;
  padding: 19px;
  margin-bottom: 2px;
  margin-top: 15px;
  background-color: #F6F7F8;
}

.container-fluid {
    padding-right: 0px;
    padding-left: 0px;
    margin-bottom: 5px;
}

/* Progress */


.progress-bar-danger {
    background-color: #C91111 !important;
}

 .progress {
    height: 20px !important;
    margin-bottom: 10px !important;
    overflow: hidden !important;
    background-color: #888 !important;
    border-radius: 0px !important;
}
.progress > .progress-type {
    left: 0px;
    font-weight: 800;
    padding: 3px 30px 2px 10px;
    color: rgb(255, 255, 255);
    background-color: rgba(25, 25, 25, 0.2);
}
.progress > .progress-completed {
    position: absolute;
    right: 0px;
    font-weight: 800;
    padding: 3px 10px 2px;
} 

.text-red{
  color: #C91111;
}
/* SpritE */
.sprite {
    background-image: url('../images/spritesheet.png');
    background-repeat: no-repeat;
    position: relative;
    top: 1px;
    display: inline-block;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.sprite-arrival {
    width: 22px;
    height: 21px;
    background-position: -5px -5px;
}
.sprite-arrow {
    width: 42px;
    height: 43px;
    background-position: -37px -5px;
}
.sprite-arrows {
    width: 9px;
    height: 12px;
    background-position: -89px -5px;
}
.sprite-arrowu {
    width: 12px;
    height: 5px;
    background-position: -108px -5px;
}
.sprite-arrowu-btm {
    width: 5px;
    height: 12px;
    background-position: -130px -5px;
}
.sprite-arrowu-top {
    width: 5px;
    height: 12px;
    background-position: -145px -5px;
}
.sprite-back-icon {
    width: 53px;
    height: 64px;
    background-position: -160px -5px;
}
.sprite-breadcrumb {
    width: 8px;
    height: 9px;
    background-position: -223px -5px;
}
.sprite-btn-plus {
    width: 33px;
    height: 51px;
    background-position: -5px -79px;
}
.sprite-btn-plus-over {
    width: 33px;
    height: 51px;
    background-position: -48px -79px;
}
.sprite-calendar {
    width: 21px;
    height: 27px;
    background-position: -91px -79px;
}
.sprite-caret {
    width: 10px;
    height: 5px;
    background-position: -122px -79px;
}
.sprite-check {
    width: 14px;
    height: 11px;
    background-position: -142px -79px;
}
.sprite-collapsearrow {
    width: 9px;
    height: 16px;
    background-position: -166px -79px;
}
.sprite-csscheckbox_5ab92245cf78caac21ff087cfc374219 {
    width: 21px;
    height: 42px;
    background-position: -185px -79px;
}
.sprite-csscheckbox_ece132b80c71fbeebe8df571c3f59c58 {
    width: 22px;
    height: 44px;
    background-position: -91px -131px;
}
.sprite-csscheckbox_f05df395838a10b479b7389aca0e53d5 {
    width: 18px;
    height: 36px;
    background-position: -123px -131px;
}
.sprite-dash {
    width: 3px;
    height: 1px;
    background-position: -108px -24px;
}
.sprite-departure {
    width: 22px;
    height: 15px;
    background-position: -151px -131px;
}
.sprite-icon-bank {
    width: 75px;
    height: 40px;
    background-position: -5px -156px;
}
.sprite-icon-facebook {
    width: 38px;
    height: 38px;
    background-position: -183px -131px;
}
.sprite-icon-gplus {
    width: 38px;
    height: 38px;
    background-position: -123px -179px;
}
.sprite-icon-master {
    width: 75px;
    height: 40px;
    background-position: -241px -5px;
}
.sprite-icon-twitter {
    width: 38px;
    height: 38px;
    background-position: -223px -55px;
}
.sprite-icon-visa {
    width: 75px;
    height: 40px;
    background-position: -231px -103px;
}
.sprite-icon-youtube {
    width: 38px;
    height: 38px;
    background-position: -271px -55px;
}
.sprite-icon_arrow_left_black {
    width: 14px;
    height: 14px;
    background-position: -5px -55px;
}
.sprite-icon_arrow_right_black {
    width: 14px;
    height: 14px;
    background-position: -89px -55px;
}
.sprite-kaiarrive {
    width: 23px;
    height: 16px;
    background-position: -122px -103px;
}
.sprite-kaidepart {
    width: 23px;
    height: 16px;
    background-position: -231px -153px;
}
.sprite-li {
    width: 13px;
    height: 13px;
    background-position: -113px -55px;
}
.sprite-li2 {
    width: 13px;
    height: 13px;
    background-position: -136px -55px;
}
.sprite-seat {
    width: 31px;
    height: 29px;
    background-position: -264px -153px;
}
.sprite-seatwhite {
    width: 31px;
    height: 29px;
    background-position: -171px -192px;
}
.sprite-spacer {
    width: 1px;
    height: 1px;
    background-position: -155px -103px;
}
.sprite-stop {
    width: 25px;
    height: 21px;
    background-position: -212px -192px;
}
.sprite-tip-arrow {
    width: 33px;
    height: 9px;
    background-position: -247px -192px;
}
.sprite-tip-arrowu {
    width: 33px;
    height: 9px;
    background-position: -5px -211px;
}

/* Icon Citos */
.sprites {
    background-image: url('../images/citos-icon.png');
    background-repeat: no-repeat;
    display: block;
}

.sprite-citos-car {
    width: 32px;
    height: 32px;
    background-position: -2px -2px;
}

.sprite-citos-flight {
    width: 32px;
    height: 32px;
    background-position: -38px -2px;
}

.sprite-citos-hotel {
    width: 32px;
    height: 32px;
    background-position: -2px -38px;
}

.sprite-citos-ppob {
    width: 32px;
    height: 32px;
    background-position: -38px -38px;
}

.sprite-citos-tour {
    width: 32px;
    height: 32px;
    background-position: -74px -2px;
}

.sprite-citos-train {
    width: 32px;
    height: 32px;
    background-position: -74px -38px;
}


/* Panel */
.panel-primary > .panel-heading {
    color: #fff !important;
    background-color: #F9A21A !important;
    border-color: #F9A21A !important;
}

@media (min-width: 992px) {
  .modal-lg {
      width: 1000px;
  }
}

table.table-expandable > tbody > tr:nth-child(odd) {
    cursor: pointer;
}
table.table-expandable.table-hover > tbody > tr:nth-child(even):hover td {
    background-color: white;
}
table.table-expandable > tbody > tr div.table-expandable-arrow {
    background:transparent url('../images/arrows.png') no-repeat scroll 0px -16px; width:16px; height:16px; display:block;
}
table.table-expandable > tbody > tr div.table-expandable-arrow.up {
    background-position:0px 0px;
}

.col-min-1{
  width: 1.7% !important;
  text-align: center;
}

.col-compact{
    padding: 0px 2px 0px 2px !important;
  }
.col-min-2{
 width: 5% !important;
  text-align: center;
}

@media (max-width: 992px) {
  .col-min-2{
  width:100% !important;
  text-align: center;
}
  .col-min-1{
  width:8%;
  text-align: center;
}
  .offset-0{padding-left:0px; padding-right:0px!important;}
}

@media (min-width: 760px) {
  .padding-right-small{
    margin-right:60px
  }
}

/* progress-loading */
.progress-loading {
      position: relative;
      height: 7px;
      display: block;
      width: 100%;
      background-color: #017EEE;
      border-radius: 2px;
      margin: 0.5rem 0 1rem 0;
      overflow: hidden;
    }
    .progress-loading .indeterminate {
      background-color: #F9A21A;
    }

    .progress-loading .indeterminate:before {
      content: '';
      position: absolute;
      background-color: inherit;
      top: 0;
      left: 0;
      bottom: 0;
      will-change: left, right;
      -webkit-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
              animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
    }

    .progress-loading .indeterminate:after {
      content: '';
      position: absolute;
      background-color: inherit;
      top: 0;
      left: 0;
      bottom: 0;
      will-change: left, right;
      -webkit-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
              animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
      -webkit-animation-delay: 1.15s;
              animation-delay: 1.15s;
    }

    @-webkit-keyframes indeterminate {
      0% {
        left: -35%;
        right: 100%;
      }
      60% {
        left: 100%;
        right: -90%;
      }
      100% {
        left: 100%;
        right: -90%;
      }
    }

    @keyframes indeterminate {
      0% {
        left: -35%;
        right: 100%;
      }
      60% {
        left: 100%;
        right: -90%;
      }
      100% {
        left: 100%;
        right: -90%;
      }
    }

    @-webkit-keyframes indeterminate-short {
      0% {
        left: -200%;
        right: 100%;
      }
      60% {
        left: 107%;
        right: -8%;
      }
      100% {
        left: 107%;
        right: -8%;
      }
    }

    @keyframes indeterminate-short {
      0% {
        left: -200%;
        right: 100%;
      }
      60% {
        left: 107%;
        right: -8%;
      }
      100% {
        left: 107%;
        right: -8%;
      }
    }

    .form0 {
        margin-bottom: 0px;
    }

/* Page */
.ge-content, .ge-content-type-ckeditor{
  word-break: break-all;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f2f2f2;
}

.material-switch > input[type="checkbox"] {
    display: none;   
}

.material-switch > label {
    cursor: pointer;
    height: 0px;
    position: relative; 
    width: 40px;  
}

.material-switch > label::before {
    background: rgb(0, 0, 0);
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    content: '';
    height: 16px;
    margin-top: -8px;
    position:absolute;
    opacity: 0.3;
    transition: all 0.4s ease-in-out;
    width: 40px;
}
.material-switch > label::after {
    background: rgb(255, 255, 255);
    border-radius: 16px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    content: '';
    height: 24px;
    left: -4px;
    margin-top: -8px;
    position: absolute;
    top: -4px;
    transition: all 0.3s ease-in-out;
    width: 24px;
}
.material-switch > input[type="checkbox"]:checked + label::before {
    background: inherit;
    opacity: 0.5;
}
.material-switch > input[type="checkbox"]:checked + label::after {
    background: inherit;
    left: 20px;
}

.checkbox-style {
  padding-left: 20px; }
  .checkbox-style label {
    display: inline-block;
    position: relative;
    padding-left: 5px; }
    .checkbox-style label::before {
      content: "";
      display: inline-block;
      position: absolute;
      width: 17px;
      height: 17px;
      left: 0;
      margin-left: -20px;
      border: 1px solid #cccccc;
      border-radius: 3px;
      background-color: #fff;
      -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
      -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
      transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
    .checkbox-style label::after {
      display: inline-block;
      position: absolute;
      width: 16px;
      height: 16px;
      left: 0;
      top: 0;
      margin-left: -20px;
      padding-left: 3px;
      padding-top: 1px;
      font-size: 11px;
      color: #555555; }
  .checkbox-style input[type="checkbox"] {
    opacity: 0; }
    .checkbox-style input[type="checkbox"]:focus + label::before {
      outline: thin dotted;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px; }
    .checkbox-style input[type="checkbox"]:checked + label::after {
      font-family: 'FontAwesome';
      content: "\f00c"; }
    .checkbox-style input[type="checkbox"]:disabled + label {
      opacity: 0.65; }
      .checkbox-style input[type="checkbox"]:disabled + label::before {
        background-color: #eeeeee;
        cursor: not-allowed; }
  .checkbox-style.checkbox-circle label::before {
    border-radius: 50%; }
  .checkbox-style.checkbox-inline {
    margin-top: 0; }

.checkbox-primary input[type="checkbox"]:checked + label::before {
  background-color: #F9A21A;
  border-color: #F9A21A; }
.checkbox-primary input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-danger input[type="checkbox"]:checked + label::before {
  background-color: #d9534f;
  border-color: #d9534f; }
.checkbox-danger input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-info input[type="checkbox"]:checked + label::before {
  background-color: #5bc0de;
  border-color: #5bc0de; }
.checkbox-info input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-warning input[type="checkbox"]:checked + label::before {
  background-color: #f0ad4e;
  border-color: #f0ad4e; }
.checkbox-warning input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-success input[type="checkbox"]:checked + label::before {
  background-color: #5cb85c;
  border-color: #5cb85c; }
.checkbox-success input[type="checkbox"]:checked + label::after {
  color: #fff; }

.radio-style {
  padding-left: 20px; }
  .radio-style label {
    display: inline-block;
    position: relative;
    padding-left: 5px; }
    .radio-style label::before {
      content: "";
      display: inline-block;
      position: absolute;
      width: 17px;
      height: 17px;
      left: 0;
      margin-left: -20px;
      border: 1px solid #cccccc;
      border-radius: 50%;
      background-color: #fff;
      -webkit-transition: border 0.15s ease-in-out;
      -o-transition: border 0.15s ease-in-out;
      transition: border 0.15s ease-in-out; }
    .radio-style label::after {
      display: inline-block;
      position: absolute;
      content: " ";
      width: 11px;
      height: 11px;
      left: 3px;
      top: 3px;
      margin-left: -20px;
      border-radius: 50%;
      background-color: #555555;
      -webkit-transform: scale(0, 0);
      -ms-transform: scale(0, 0);
      -o-transform: scale(0, 0);
      transform: scale(0, 0);
      -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
      -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
      -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
      transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }
  .radio-style input[type="radio"] {
    opacity: 0; }
    .radio-style input[type="radio"]:focus + label::before {
      outline: thin dotted;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px; }
    .radio-style input[type="radio"]:checked + label::after {
      -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
      -o-transform: scale(1, 1);
      transform: scale(1, 1); }
    .radio-style input[type="radio"]:disabled + label {
      opacity: 0.65; }
      .radio-style input[type="radio"]:disabled + label::before {
        cursor: not-allowed; }
  .radio-style.radio-inline {
    margin-top: 0; }

.radio-primary input[type="radio"] + label::after {
  background-color: #428bca; }
.radio-primary input[type="radio"]:checked + label::before {
  border-color: #428bca; }
.radio-primary input[type="radio"]:checked + label::after {
  background-color: #428bca; }

.radio-danger input[type="radio"] + label::after {
  background-color: #d9534f; }
.radio-danger input[type="radio"]:checked + label::before {
  border-color: #d9534f; }
.radio-danger input[type="radio"]:checked + label::after {
  background-color: #d9534f; }

.radio-info input[type="radio"] + label::after {
  background-color: #5bc0de; }
.radio-info input[type="radio"]:checked + label::before {
  border-color: #5bc0de; }
.radio-info input[type="radio"]:checked + label::after {
  background-color: #5bc0de; }

.radio-warning input[type="radio"] + label::after {
  background-color: #f0ad4e; }
.radio-warning input[type="radio"]:checked + label::before {
  border-color: #f0ad4e; }
.radio-warning input[type="radio"]:checked + label::after {
  background-color: #f0ad4e; }

.radio-success input[type="radio"] + label::after {
  background-color: #5cb85c; }
.radio-success input[type="radio"]:checked + label::before {
  border-color: #5cb85c; }
.radio-success input[type="radio"]:checked + label::after {
  background-color: #5cb85c; }

input[type="text"].intl-tel-input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #ffffff;
}
input[type="text"].intl-tel-input::-moz-placeholder { /* Firefox 19+ */
  color: #ffffff;
}
input[type="text"].intl-tel-input:-ms-input-placeholder { /* IE 10+ */
  color: #ffffff;
}
input[type="text"].intl-tel-input:-moz-placeholder { /* Firefox 18- */
  color: #ffffff;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  background: #F9A21A !important;
}

.nav.navbar-nav > li {
    position: relative;
    display: inline-block;
}
.nav.navbar-nav > li:last-child {
    display: block;
}