input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}


.room-check h4:after {
    position: static;
    display:none!important ;
}

.orange{

    background: #2fec87 !important;
}

.fa.fa-calendar{
    font-size:20px;
    padding: 11px;
}

.transparent-menu {
    background: #07253F!important;
}

.btn-primary{
    color:#fff !important;
    background: #07253F;
    border:none;
}

.room-check-size{

    max-width: 111%!important;

}

.room-check .form-control{

    height: 44px !important;
}


    /*.hotel-tagline {
        margin-top: 30%!important;
    }*/

    #loader div {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-45%);
        margin-top: 0 !important;
    }



body {

    overflow-x: hidden!important;
}

.room-check button {
    background: #2fec87 none repeat !important;
}

.col-centered{
    float: none;
    margin: 0 auto;
}

#previous{

    margin-right: 10px;
}
.navbar-header a {
    font-size: 15px!important;
}

.map-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}


#footer{

        width: 100%!important;
        background: #07253F
    }

/* Style the form */
#reservation {
    /*background-color: #ffffff;*/
    margin: 0px auto;
   /* padding: 40px;*/
    width: 70%;
    min-width: 300px;
}

/* Style the input fields */
/*
input {
    padding: 10px;
    width: 100%;
    font-size: 17px;
    font-family: Raleway;
    border: 1px solid #aaaaaa;
}
*/

/* Mark input boxes that gets an error on validation: */
input.invalid {
    background-color: #ffdddd!important;
}

textarea.invalid {
    background-color: #ffdddd!important;
}

/* Hide all steps by default: */
.tab {
    display: none;
}

/* Make circles that indicate the steps of the form: */
.step {
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #bbbbbb;
    border: none;
    border-radius: 50%;
    display: inline-block;
    opacity: 0.5;
}

/* Mark the active step: */
.step.active {
    opacity: 1;
}

/* Mark the steps that are finished and valid: */
.step.finish {
    background-color: #4CAF50;
}







/*=-=-=-=-NAVBAR=-=-=-=-*/
.nav-link-color{
    color:#fff !important;
}

.nav-item:hover .nav-link i{
    color:#2fec87 !important;
}

.site-wrapper .navbar-contact .info-a:hover{
    color:#fff!important;
}
/*=-=-=-=-END NAVBAR=-=-=-=-*/

/*=-=-=-=-HOME=-=-=-=-*/

.home-row{
    padding-top: 90px;
}

 .btn-primary:hover{
    /*background: #0A3152;*/
    /*background:#264d6f;*/
    background:#0a3152;
}

#home .room-check{
    margin: 0 auto !important;
    width: 100%;
}

/*=-=-=-=-END HOME=-=-=-=-*/

/*=-=-=-=-ABOUT US=-=-=-=-*/
#about-us{
    width: 100% !important;
    background-image: none;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #fff;
}

#about-us .row:first-child{
    padding-top:40px;
    padding-bottom:60px;
}

.third-step{

    margin-top: 0px;
}
/*=-=-=-=-END ABOUT US=-=-=-=-*/


/*=-=-=-=-BOOKING FORM=-=-=-=-*/
.room-check .input-group {
	margin-bottom: 4px;
}
/*=-=-=-=-END BOOKING FORM=-=-=-=-*/


/*=-=-=-=-COLLECTION POINTS=-=-=-=-*/
#collection-points{
    width: 100% !important;
    padding-bottom: 40px;
    background-color: #fff;
    padding-top: 0px !important;
    margin-top: 0px !important;
    background-image: url(/themes/algarvetopdirectcarhire_com/assets/images/halfback.svg);
    background-repeat: no-repeat;
    background-size: cover;
}

#collection-points h2, #our-vehicles h2{
    margin-top: 40px !important;
}

#collection-points h4:nth-of-type(2){
    padding-right:15px;
}

.map-column{
    height: 500px;
}
/*=-=-=-=-END COLLECTION POINTS=-=-=-=-*/

/*=-=-=-=-FOOTER=-=-=-=-*/
.sm-footer h4 {
	margin: 40px 0px 20px;
}

.sm-footer {
	padding-bottom: 50px;
}

.sm-footer-nav {
	background: #0A3152;
	padding-top: 20px;
    padding-bottom: 15px;
	position: relative;
}

.sm-footer-nav p a {
	border-right: 1px solid #bec4c8;
    color: ##2fec87
    font-size: 13px;
    padding: 0 10px;
}
.sm-footer-nav p a:hover {
    color:#FFF !important;
}

.sm-footer-nav .copyright {
	color: #FFF;
	font-weight: bold;
	font-size: 12px;
	margin: 0;
}

.sm-footer-nav div a{
    color:#FFF;
}
.sm-footer-nav div a:hover {
    color:#FFF;
}

#footer .contact-box .social-media a i{
    background:none;
    transition: background 0.17s;
}
#footer .contact-box .social-media a:hover i{
    background:#2fec87
}

/*.sm-footer .social-media i {
     border-radius: 50%;
	background: #00adef;
	color: #fff;
    height: 30px;
    margin: 0;
    padding: 9px;
    width: 30px; 
}*/

#footer .contact-box a, #footer .contact-box a:hover p{
    color:#fff;
    padding-left: 5px;
    padding-right: 5px;
}

#footer .go-up a {
    padding:0!important;
    padding-top: 4px!important;
}

.go-up {
	position: absolute;
	top: 22%;
	right: 10%;
}
/*=-=-=-=-END FOOTER=-=-=-=-*/

/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
                                    MEDIA QUERYS
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/


@media (max-height:425px) {
    .home-row{
        padding-top: 20px;
    }
}
@media only screen and (min-width : 320px) {

    .hotel-tagline {
        margin-top: 81%!important;
    }

    .room-check {

        margin: 31px auto!important;
    }

    .room-check-size {
        /* max-width: 121%!important; */
        width: 320px!important;
        margin-left: -15px!important;
    }

    #booking {

        margin-top: 6px;
        padding-top: 41px!important;
    }

    #loader div {
        position: absolute;
        top: 50%!important;
        left: 35%!important;
        transform: translate(-50%,-45%);
        margin-top: 0 !important;
    }

    #about-us{
        height: 100%;
    }

    .map-column{
        height: 440px;
    }

    .work-step {
        margin-top: 30px;
    }

    .tour-grid .tour-brief h4{
        font-size:17px;
    }
}

@media only screen and (min-width : 375px) {

    .hotel-tagline {
        margin-top: 70%!important;
    }

    .room-check-size {
        /* max-width: 121%!important; */
        width: 375px!important;
        margin-left: -15px!important;
    }

    #loader div {
        position: absolute;
        top: 50%;
        left: 35%;
        transform: translate(-50%,-45%);
        margin-top: 0 !important;
    }

}


@media only screen and (min-width : 425px) {
    .tour-grid .tour-brief h4{
        font-size:22.5px;
    }
}

@media only screen and (min-width : 480px) {

    .hotel-tagline {
        margin-top: 62%!important;

    }

    .room-check {
        margin: 42px auto!important;
    }

    #booking {
        margin-top: 6px;
        padding-top: 30px!important;
    }

    .room-check-size {
        /* max-width: 121%!important; */
        width: 608px!important;
        margin-left: -15px!important;
    }

    #loader div {
        position: absolute;
        top: 50%;
        left: 40%;
        transform: translate(-50%,-45%);
        margin-top: 0 !important;
    }

}


@media only screen and (min-width : 576px) {
.tour-grid .tour-brief h4 {
        font-size: 15px;
    }
}

@media (max-width:576px) {
    .go-up {
        padding-top:20px;
    	position: unset;
    	top: 40%;
    	right: unset;
    }
}


@media only screen and (min-width : 640px) {

    .hotel-tagline {
        margin-top: 75%!important;
    }

    /* #home .container{

        height: 960px!important;
    } */
    .room-check-size {
        /* max-width: 121%!important; */
        width: 640px!important;
        margin-left: -15px!important;
    }

    #loader div {
        position: absolute;
        top: 50%!important;
        left: 40%!important;
        transform: translate(-50%,-45%);
        margin-top: 0 !important;
    }

}


@media only screen and (min-width : 750px) {

    .hotel-tagline {
        margin-top: 40%!important;
    }


    .room-check-size {
        /* max-width: 121%!important; */
        width: 735px!important;
        margin-left: -15px!important;
    }


    #booking .room-check{

        margin: 43px auto!important;
        width: 736px!important;
    }

    .room-check-size {
        max-width: 224%!important;
    }
    #home{

        height: 100%!important;
    }

    .about-intro{

        height: 100%!important;
    }


    #booking {
        margin-top: 841px;
        padding-top: 30px!important;
        margin-left: -15px!important;
    }



    #our-vehicles{

        height: 190%!important;
    }

    .field-adjust{

        margin-top:41px!important;
    }

    .field2-adjust{

        margin-top:20px!important;
    }


    #collection-points .map-responsive{

        margin-top: 25px!important;
    }


    #loader div {
        position: absolute;
        top: 50%;
        left: 30%;
        transform: translate(-50%,-45%);
        margin-top: 0 !important;
    }

}


@media only screen and (min-width : 768px) {
    #about-us{
        background-image: url(/themes/algarvetopdirectcarhire_com/assets/images/halfback.svg);
    }

    .tour-grid .tour-brief h4 {
        font-size: 13px;
    }
}

@media (max-width:767px) {
    .go-up {
        padding-top:20px;
    	position: unset;
    	top: 40%;
    	right: unset;
    }
}


@media only screen and (min-width : 970px) {

    #home .hotel-tagline {
        margin-top: 55%!important;
        margin-left: 35px;
        width: 600px;
    }


    #booking .room-check{

        margin: 19px auto!important;
        width: 960px!important;
    }

    .room-check-size {
        max-width: 320%!important;
    }
    #home{

        height: 100%!important;
    }

    .about-intro{

        height: 100%!important;
    }




    #our-vehicles{

        height: 48%!important;

    }


    /* #home .container{

        height: 100px;

    } */

    #booking {
        padding-top: 53px!important;

    }


    .field-adjust{

        margin-top:41px!important;
    }

    .field2-adjust{

        margin-top:20px!important;
    }


    #collection-points .map-responsive{

        margin-top: -204px!important;
    }



    /*#booking{

        margin-top: -294px!important;

    }*/

    #loader div {
        position: absolute;
        top: 50%;
        left: 30%;
        transform: translate(-50%,-45%);
        margin-top: 0 !important;
    }

}
@media only screen and (min-width : 992px) {
    #about-us{
        /* height: 100vh; */
        background-image: url(/themes/algarvetopdirectcarhire_com/assets/images/halfback.svg);
    }

    .tour-grid .tour-brief h4 {
        font-size: 20px;
        margin-left: -5px;
    }
}


@media only screen and (min-width : 1024px) {

    #home .hotel-tagline {
        margin-top: 30%!important;
        margin-left: 170px;
        width: 600px;
    }


    #booking .room-check{

        margin: 90px auto!important;
        width: 1215px!important;
    }

    #booking .room-check-size {
        max-width: 324%!important;
    }
    #home{

        height: 100%!important;
    }

    .about-intro{

        height: 100%!important;
    }



    #our-vehicles{

        height: 182%!important;

    }


    /* #home .container{

        height: 100px;

    } */

    #booking {
        padding-top: 53px!important;

    }

    .field-adjust{

        margin-top:41px!important;
    }

    .field2-adjust{

        margin-top:20px!important;
    }


    #collection-points .map-responsive{

        margin-top: 0 !important;
        margin-left: 0 !important;
        width: 500px;
        height: 70px!important;
        padding-bottom: 220px;

    }



    #booking{

        padding-top:32px!important;
    }

    #loader div {
        position: absolute;
        top: 50%;
        left: 30%;
        transform: translate(-50%,-45%);
        margin-top: 0 !important;
    }

}

@media only screen and (min-width : 1200px) {

    #home .hotel-tagline {
        margin-top: 15%!important;
        margin-left: 255px;
        width: 600px;
    }


    #booking .room-check{

        margin: 40px auto!important;
        width: 1215px!important;
    }

    #booking .room-check-size {
        width: 101.5%!important;
    }
    #home{

        height: 100%!important;
    }

    .about-intro{

        height: 100%!important;
        width: 1280px;
    }

    #booking {

        height: 26%!important;
    }



    #our-vehicles{

        height: 2%!important;

    }


    /* #home .container{

        height: 100px;

    } */

    #booking {
        padding-top: 53px!important;

    }

    .field-adjust{

        margin-top:41px!important;
    }

    .field2-adjust{

        margin-top:20px!important;
    }




    #collection-points .map-responsive{

        margin-top: 152px!important;
        margin-left: -50px!important;
        width: 550px!important;
    }


    #booking{

        padding-top:32px!important;
    }

    #loader div {
        position: absolute;
        top: 50%!important;
        left: 45%!important;
        transform: translate(-50%,-45%);
        margin-top: 0 !important;
    }



    .work-step {
        margin-top: 90px;
    }

}

@media only screen and (min-width : 1300px) {

    #home .hotel-tagline {
        margin-top: 15%!important;
        margin-left: 255px;
        width: 600px;
    }


    #booking .room-check{

        margin: 40px auto!important;
        width: 1215px!important;
    }

    #booking .room-check-size {
        width: 1350px!important;
    }
    #home{

        height: 100%!important;
    }

    .about-intro{

        height: 100%!important;
        width: 1350px;
    }

    #booking {

        height: 24%!important;
    }



    #our-vehicles{

        height: 2%!important;

    }


    /* #home .container{

        height: 100px;

    } */

    #booking {
        padding-top: 53px!important;

    }

    .field-adjust{

        margin-top:41px!important;
    }

    .field2-adjust{

        margin-top:20px!important;
    }


    #collection-points .map-responsive{

        margin-top: 80px!important;
        margin-left: -50px!important;
        width: 550px!important;
    }


    #booking{

        padding-top:32px!important;
    }

    #loader div {
        position: absolute;
        top: 50%!important;
        left: 45%!important;
        transform: translate(-50%,-45%);
        margin-top: 0 !important;
    }

}



@media only screen and (min-width : 1400px) {

    #home .hotel-tagline {
        margin-top: 15%!important;
        margin-left: 245px;
        width: 600px;
    }


    #booking .room-check{

        margin: 40px auto!important;
        width: 1407px!important;
    }

    .room-check-size {
        max-width: 320%!important;
    }
    #home{

        height: 100%!important;
    }

    .about-intro{

        height: 100%!important;
        width: 1407px;
    }


    #our-vehicles{

        height: 2%!important;

    }


    /* #home .container{

        height: 100px;

    } */

    #booking {
        padding-top: 53px!important;

    }

    .field-adjust{

        margin-top:41px!important;
    }

    .field2-adjust{

        margin-top:20px!important;
    }


    #collection-points .map-responsive{

        margin-top: 140px!important;
    }



    #booking{

        padding-top:32px!important;
    }

    #loader div {
        position: absolute;
        top: 50%;
        left: 30%;
        transform: translate(-50%,-45%);
        margin-top: 0 !important;
    }

}


@media only screen and (min-width : 1580px) {


    #booking .room-check-size {
        width: 102%!important;
    }


    .about-intro{

        height: 100%!important;
        width: 1649px;
    }


}

@media only screen and (min-width : 1900px) {


    #booking .room-check-size {
        width: 102%!important;
    }

    .about-intro{

        height: 100%!important;
        width: 1890px;
    }

}

@media only screen and (min-width : 2500px) {


    #booking .room-check-size {
        width: 2530px!important;
    }


    .about-intro{

        height: 100%!important;
        width: 2530px;
    }


}

.lang-margin{
    margin-right: 200px;
}
/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
                                -END- MEDIA QUERYS
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/
 /* Rui Styles*/

.coockies-adjust
{
    /*padding:0 0 0 0!important;*/
    background-color: white;
}

.slideInUp {
    padding-bottom: 60px!important;
}

.has-tip:after{
    font-family: "Glyphicons Halflings";
    content: " \e085";
    color: #2fec87
}



.tour-detail{
    text-transform: uppercase;
}

.navbar-nav .nav-link {
    
    width: 200%;
}

.border-warning{
    /* border-color: #2fec87!important; */
    /* border-radius: 10px!important; */
    border: 4px!important;
    padding: 0 0 0 0!important;

} 

.border {
    border: 2px solid #2fec87!important;
}

.items-adjust{
    margin-left: -160px;
    margin-top: 5px;
} 

.border-right{
    
    border-right: 1px solid #2fec87!important;
} 

.border-bottom{
    border-bottom: 1px solid #2fec87!important;
    
} 

.border-items{
    border-right: 1px solid #2fec87!important;
    
} 

.vl {
    border-left: 1px solid #2fec87!important;
    
  }


 
  
  /* Tooltip text */
  .has-tip .tooltiptext {
    visibility: hidden;
    width: 100% ;
    background-color: rgba(10, 49, 82, 1);
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
  
    /* Position the tooltip text */
    position: absolute;
    z-index: 9999;
    bottom: 90%;
    left: 21.5%;
    margin-left: -60px;
    border: 2px solid #2fec87;
  
    /* Fade in tooltip */
    opacity: 0;
    transition: opacity 0.3s; 
  }
  
  /* Tooltip arrow */
  .has-tip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #2fec87 transparent transparent transparent;
  }
  
  /* Show the tooltip text when you mouse over the tooltip container */
  .has-tip:hover .tooltiptext {
    visibility: visible;
    opacity: 5;
  }

  #our-vehicles2.top-tour {
    padding: 60px 0px 80px;
    background: rgba(10, 49, 82)!important;
    color: #fff;
}

.highlight{
    background-color: #2fec87;
    opacity: 0.9;
}

.comparison_table tr th {
    position: relative;
    z-index: 1;
    padding: 39px 45px 15px;
    overflow: hidden;
    font-family: "League Spartan",Arial,Helvetica;
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    text-align: center;
}

.comparison_table{
    width: 100%;
}

.iconography{
    text-align: center;
}

.fa-check{
    color: green!important;
    font-size: 20px!important;
}

.fa-times{
    color: red!important;
    font-size: 20px!important;
}

.line-color{
    background-color: lightgray;
}

.load-full-screen {
    width: 100%!important;
}

table {
    border-collapse: unset!important;
}

.sticky-top {
    z-index: 0!important; 
}

.table-adjust{
    width: 12%;
} 

.gray{
    background-color:rgb(202, 197, 197)!important;
}

.mx-auto{
    margin-right: 18%!important;
}

.tour-grid .tour-brief {
   
    /*padding: 14px!important;*/
    background-color:#2fec87 !important ;
    color: #07253F!important;
}