.ui-datepicker {
    width: 20.8em!important;
}
.loc-main-color{
    color: #09496F;
}

.loc-bg-color{
    background-color: #09496F;
}

.loc-header{
    background-image: url(/static/aj-assets/img/aj-route.jpg);
    width:100%;
    min-height: 280px;
    background-size: 100%;
    background-repeat: no-repeat;
}

.loc-header .loc-tabs{
    width: 90%;
    display: block;
    position: relative;
    bottom: -170px;
    left: 5%;
}

.loc-title {
    width: 40%;
    background-color: #2F8BC0;
    font-size: x-large;
    padding: 0em 1em;
    opacity: 0.6;
    color: white;
    position: relative;
    left: 30%;
    top: 100px;
    border-radius: 8px;
    text-align: center;
    line-height: 40px;
}

#content{
    background-color: #eee;
}

.loc-form-container{
    border: 1px solid #eee;
    display: block;
    width: 86.5%;
    margin: 5%;
    min-height: 500px;
    margin-top:3em;
    padding: 2% 2%;
    background-color: white;
    -moz-box-shadow:    inset 0 0 2px #aaa;
    -webkit-box-shadow: inset 0 0 2px #aaa;
    box-shadow:         inset 0 0 2px #aaa;
}

.loc-select{

    /* make arrow and background */

    background:
        linear-gradient(45deg, transparent 50%, blue 50%),
        linear-gradient(135deg, blue 50%, transparent 50%),
        linear-gradient(to right, white, white);
    background-position:
        calc(100% - 21px) calc(.7em + 2px),
        calc(100% - 16px) calc(.7em + 2px),
        100% 0;
    background-size:
        5px 5px,
        5px 5px,
        2.5em 2.5em;
    background-repeat: no-repeat;

    /* styling and reset */    
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance:none;
    -moz-appearance:none;
}

.loc-label{
    color: #6D93AC;
    display: block;
}

.loc-input{
    border: 1px solid #6D93AC!important;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    color: #6D93AC;
}

.loc-input-time select{
    width: 50%;
    border-radius: 1px;
    -moz-border-radius: 1px;;
    -webkit-border-radius: 1px;
    -o-border-radius: 1px;
    margin-top: 5px;
    text-align: center;
    text-align-last: center;
}

.loc-input-time select:nth-child(2){
    margin-left: -5px;
}

.loc-date{
    background-image: url(/static/aj-assets/img/loc-calendar.png);
    background-repeat: no-repeat;
    background-position: right 5px bottom 4px;
    background-size: 25px;
}

.loc-geo{
    background-image: url(/static/aj-assets/img/loc-geo.png);
    background-repeat: no-repeat;
    background-position: right 5px bottom 4px;
    background-size: 22px;
}

.loc-time{
    background: url(/static/aj-assets/img/loc-clock.png)!important;
    background-repeat: no-repeat!important;
    background-position: left 5px bottom 4px!important;
    background-size: 22px!important;
}

.loc-date{
    background-image: url(/static/aj-assets/img/loc-calendar.png);
    background-repeat: no-repeat;
    background-position: right 5px bottom 3px;
    background-size: 20px;
}

.loc-geo{
    background-image: url(/static/aj-assets/img/loc-geo.png);
    background-repeat: no-repeat;
    background-position: right 5px bottom 3px;
    background-size: 20px;
}

.loc-time{
    background: url(/static/aj-assets/img/loc-clock.png)!important;
    background-repeat: no-repeat!important;
    background-position: left 5px bottom 3px!important;
    background-size: 20px!important;
}

.loc-message{
    width: 93.5%!important;
}

.f-text {
    width: 95%;
}

.with-driver{
    display: none;
}

.control {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 15px;
    cursor: pointer;
    color: #6D93AC;
}
.control input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.control__indicator {
    position: absolute;
    top: 2px;
    left: 0;
    height: 20px;
    width: 20px;
    background: #e6e6e6;
}
.control--radio .control__indicator {
    border-radius: 50%;
}
.control:hover input ~ .control__indicator,
.control input:focus ~ .control__indicator {
    background: #ccc;
}
.control input:checked ~ .control__indicator {
    background: #2aa1c0;
}
.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked:focus ~ .control__indicator {
    background: #0e647d;
}
.control input:disabled ~ .control__indicator {
    background: #e6e6e6;
    opacity: 0.6;
    pointer-events: none;
}
.control__indicator:after {
    content: '';
    position: absolute;
    display: none;
}
.control input:checked ~ .control__indicator:after {
    display: block;
}
.control--checkbox .control__indicator:after {
    left: 8px;
    top: 4px;
    width: 3px;
    height: 8px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.control--checkbox input:disabled ~ .control__indicator:after {
    border-color: #7b7b7b;
}
.control--radio .control__indicator:after {
    left: 7px;
    top: 7px;
    height: 6px;
    width: 0px;
    border-radius: 50%;
    background: #fff;
}
.control--radio input:disabled ~ .control__indicator:after {
    background: #7b7b7b;
}

.loc-header li.active a{
    background-image: url(/static/aj-assets/img/loc-drive-2.png)!important;
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: 70px
}

.loc-header li a{
    background-image: url(/static/aj-assets/img/loc-drive-1.png);
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: 70px
}

.invalid {
    border-color: #D05141!important;
    box-shadow: none;
}

.opt-driver{
    display: none;
}

.with-driver{
    display: none;
}

.menu-top{
    width: 87%!important;
}

.blogger-international{
    display: none;
}

.blog-article-toolbar{
    position: absolute;
    right: 1em;
    top: 1.2em;
}

.blog-article-toolbar li{
    display: inline-block;
    padding-left: 1em;
}

.blog-article-toolbar a{
    color: white!important;
    font-size: x-small;
}

.blog-article-toolbar a:hover{
    color: orange!important;
}

.blog-new-article{
    position: absolute;
    top: 1.2em;
    right: 1em;
}

.blog-new-article a{
    color: white!important;
}

.blog-new-article a:hover{
    color: orange!important;
}

.blogger-list-container{
    padding-left: 1em;
    font-family: arial;
}

.blogger-list-container .row{
    margin-bottom: 1em;
    margin-right: .5em;
}

.blogger-list-container .head{
    background-color: white;
}

.blogger-list-container .head h2{
    color: orange;
}

.blogger-list-container hr.separator{
    border: 0; 
    height: 1px; 
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
    display: block;
}

.blogger-list-container .blogger-art-title{
    font-size: large;
    color: #19A1EA;
    text-transform: uppercase;
}

.blogger-list-container .blogger-art-readmore{
    text-align: right;
    padding-right: 2em;
}

.blogger-list-container .blogger-art-readmore a{
    color: orange;
}

.blogger-list-container .blogger-art-readmore a:hover{
    color: #19A1EA;
}

.blogger-draft{
    position: absolute;
    top: 1.2em;
    right: 2em;
}

.blogger-draft a{
    color: #0081BC!important;
}

.blogger-draft a:hover{
    color: orange!important;
}

.blog-slik-related{
    background-color: #fff;
    margin: 0.2%;
    padding: 0.5em;
    border: 1px solid #eee;
    border-radius: 5px;
}

.blog-related{
    width: 98%!important;
    background-color: white;
    height: 24em;
    margin-top: 2em;
    padding: 1%;
}

.blogger-related-title{
    color: #19A1EA;
    font-size: x-large;
    border-bottom: 3px solid #eee;
    padding-bottom: .2em;
    padding-left: .3em;
    text-transform: uppercase;
    margin-bottom: .3em;
}

.blogger-short-description{
    color: #777;
    font-size: 14px
}

.blogger-related-deal-image{
    height: 11em;
    background-size: cover;
    border-radius: 5px;
}

.blog-related-slide{
    width: 90%;
    margin-left: 5%;
    display: none;
}

.blog-slik-related{
    height: 15em!important;
    overflow: hidden;
}

.blog-slik-related:hover{
    background-color: #eee;
    opacity: 0.8;
}

.slick-arrow:after, .slick-arrow:before{
    display: none!important;
}

.blog-related-slide-nav{
    max-height: 0;
    font-size: x-large;
    color: #555;
}

div.blog-related-slide-nav span:last-of-type{
    position: relative;
    right: -92%;
    top: -5em;
    cursor: pointer;
}

div.blog-related-slide-nav span:first-of-type{
    position: relative;
    left: 1%;
    top: -5em;
    cursor: pointer;
}

div.blog-related-slide-nav span:last-of-type:hover{
    color: #222;
}

div.blog-related-slide-nav span:first-of-type:hover{
    color: #222;
}

.blogger-deal-discount{
    background-color: #F11C22;
    text-align: center;
    color: white;
    padding: .2em;
    position: absolute;
    top: 22px;
    margin-left: 140px;
    width: 6em;
    -ms-transform: rotate(30deg);
    -webkit-transform: rotate(30deg); 
    transform: rotate(30deg);
    -webkit-clip-path: url("#swipe__clip__discount");
    -o-clip-path: url("#swipe__clip__discount");
    -moz-clip-path: url("#swipe__clip__discount");
    clip-path: url("#swipe__clip__discount");
}

.blogger-related-deal-title{
    color: #666;
}

.blogger-list-container .blogger-thumb-image{
    width: 100%;
    height: 12em;
    background-size: cover;
    background-color: #eee;
    background-position: center bottom;
    border-radius: 5px;
}

.blogger-list-container .blogger-thumb-image:hover{
    opacity: .5;
    background-position: right bottom;
}

.blogger-list-container .blogger-thumb-image:hover{
    opacity: .9;
}

.blogger-art-readmore{
    font-size: large;
}

.blogger-page-title{
    padding-left: 0!important;
}

.blogger-page-title h2{
    padding-left: 0!important;
}

@media (min-width: 769px) {
    .filter-voyage .filter-select select{
        width: 76%;
    }
}

.blogger-content .blogger-image-article{
    height: 25em;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    /* lt ie8 */
    -ms-background-position-x: center;
    -ms-background-position-y: bottom;
    background-position: center bottom;
    margin: 1em auto 1em;
}

.blogger-content .blogger-article-title{
    font-size: x-large;
    text-transform: uppercase;
    color: #777;
    text-align: justify;
    color: #2F8BC0;
}

.blogger-content{
    padding-left: 4%!important;
}
.blogger-related-team-price{
    position: absolute;
    top: 8.55em;
    margin-left: 100px;
    background-color: #EC6923;
    color: white;
    width: 6em;
    padding: 4px 5px;
    text-align: center;
    -moz-clip-path: url("#swipe__clip-path");
    -o-clip-path: url("#swipe__clip-path");
    -webkit-clip-path: url("#swipe__clip-path");
    clip-path: url("#swipe__clip-path");
}

.blogger-related-deal-price{
    position: absolute;
    top: 9em;
    background-color: #2986BF;
    color: white;
    width: 191px;
    padding: 1px 5px;
    margin: -4px;
    border-left: 1px solid #333;
    border-right: 1px solid #333;
}

.blogger-related-team-price .currency{
    font-size: x-small!important;
    position: relative;
    top: -4px;
}

.blogger-related-market-price{
    text-decoration: line-through;
    color: orange;
}

div.blogger-rSocio{
    padding-left: 75%;
}
div.blogger-rSocio div{
    display: inline-block;
}
/*
.slick-slide{
    width: 195px;
    margin: .5em!important;
}
*/
div.aj-extra {
    position: absolute;
    width: 8%;
    top:1em;
    padding: .2em;
    line-height: 0;
    opacity: .8;
    border-radius: .2em;
    margin-left: -4%;
}

div.aj-extra img{
    width: 2.5em;
    display: inline-block;
}

.aj-main-slider{
    max-height: 0;
    font-size: large;
    color: #555;
    display: none;
}

div.aj-main-slider span:last-of-type{
    position: relative;
    right: -.5em;
    top: -22em;
    cursor: pointer;
    background-color: #FFA500;
    padding: .2em;
    border-radius: 2px;
    opacity: 0.5;
}

div.aj-main-slider span:first-of-type{
    position: relative;
    left: 1%;
    top: -22em;
    cursor: pointer;
    background-color: #FFA500;
    padding: .2em;
    border-radius: 2px;
    opacity: 0.5;
}

div.aj-main-slider span:last-of-type:hover{
    color: #222;
    opacity: 0.9;
}

div.aj-main-slider span:first-of-type:hover{
    color: #222;
    opacity: 0.9;
}

.one-deal .b-nav li a{
  background: orange;
}

.one-deal .b-nav .active a{
  background-color: #2F8BC0;
}