/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 10-Aug-2015, 20:50:42
    Author     : maruf
*/
html,body
{
 margin:0px;
 font-family:Raleway;
 width:100%;
 height:100%;
   /*background-image: url('../images/bg4.jpg');*/ 
   background-image: url('../images/body-bg-chaufmen.jpg'); 
   background-attachment: fixed;
   background-repeat: no-repeat;
   background-size:100%;
   background-position: center;
 
  /*overflow-x: hidden;*/ /* this causes google autocomplete to position on wrong place*/
}
.p
{
   color:#666;
   font-size:14px;
}

div.inner_header
{
   
    clear:both; 
  
    height:auto;
    width:100%;
    margin-top:0px; 
    background:#fff;
}


.a
{
 color: #0074a6;
}


.page_header_contact
{
    float:left; width:100%; height:400px; background:#1a1819; 
    background-image: url('../images/bg3.jpg'); background-attachment: fixed;
    background-position: center; background-repeat: no-repeat;
}

.page_header_about_2
{
    float:left; width:100%; height:60%; background:#1a1819; 
    background-image: url('../images/page-header-wrap-bg.jpg'); 
    background-attachment: fixed;
    background-position: center; 
    background-repeat: no-repeat;
    background-size: contain;
    
}
.header_h1
{
    padding:10px; line-height:400px; color:#fff; text-align:center; width:98%; display:block; margin-left:auto; margin-right:auto;
}

/*
.contact_form input {
    float: left;
    width:68%;
    height:40px;
    font-size:20px;
    padding:5px;
    border:solid 1px #888;
    border-radius:5px;
    margin:5px;
}
 .contact_form textarea {
    float: left;
    width:68%;
    height:200px;
    font-size:20px;
    padding:5px;
    border:solid 1px #888;
    border-radius:5px;
    margin:5px;
}

.contact_form label{
    float: left;
    width:28%;
    height:30px;
    font-size:20px;
    padding:5px;
     margin:5px;
}


.contact_sidebar_img
{
    width: 30%;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.map_contact
{
    clear:both;
    margin:1%;
    width:60%;
    height:25%;
    border:1px solid #3db3fb;
    border-radius:2px;
    text-align:center;
    margin-left: auto;
    margin-right:auto;
    margin-bottom:5%;
    padding:1%;
}
.map_contact p{
    text-align:center;
    font-size:13px;
} */

div.logo a:link
{
border:none;
}
.price_table
{
  /*background:#D4D6D6;*/
}
div.logo img
{
border:none;
}




.servce_block_front
{
    float:left; width:22%; margin:30px 0px 0px 30px; height:320px; overflow:hidden; background:#fff; 
    border-radius:10px;
}
.service_front_button
{
   float:right; margin:5px; padding:10px; border-radius:5px; background:#3db3fb; color:#fff;
   text-decoration:none;
}
.service_section
{
    padding:10px;
    overflow: hidden;
    height: 250px;
}

.mob_menu_bar
{
display:none;
}

/*.selected
{
    background:#fff;
    color:#ffffff;
}*/


.info
{
    cursor:pointer;
}

a.tip {
  color: #900;
  text-decoration: none;
}

a.tip:hover {
  color: red;
  position: relative;
}

a.tip[data]:hover:after {
    font-size:12px;
  content: attr(data);
  padding: 4px 8px;
  width:100px;
  height:auto;
  color:#000;
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 2;
  border-radius: 5px ;
  background:#fdf5ce;
}









div.clear-div
{
    clear:both; height:120px;
    z-index:10;
}


div.quote-div
{
    clear:both; margin-top:0px; 
	background:#eeeeee;
	height:auto;
}

span.form-span
{
    float:left; width:30%; height:95%; margin:5px;
    background:#FCBC0A;
}

.single_form_div
{
    width:75%;
    margin-left:auto;
    margin-right:auto;
}
.onward_span
{
float:left; width:48%; min-height:52%; margin-left:1%;  background:#eeeeee;
}

.time_label
{
    float:left;
}




.booking_table
{
    
    width:98%;
    height:50%;
    margin-left:auto;
    margin-right:auto;
}
.hour_span select, .minute_span select
{
    padding:2px;
    float:left;
    font-size:15px;
    font-weight:bold;
    margin-right:5px;
    
}

.colon_label
{

    float:left;
    font-size:15px;
    font-weight:bold;
}

.radio
{
    width:20px;
}
.info_window
{
    background:#FCBC0A;
    color:#000;
}
.content_service{
    overflow:auto;
}
.service_div
{
    position:relative;
    float:left;
    margin-left:10%;
    margin-top:5%;
    width:40%;
}
.service_div img, .service_div h1, .service_div p
{
    clear:both;
    width:400px;
}
.img_div, .para_div
{
    overflow:auto;
    clear:both;
    width:400px;
    
   background:red;
}

.about_img{
    float:left;
    width: 30%;
    margin:0% 1% 0% 1%;
}




.small_span
{
    float:left;
    width:200px;
    margin:2px;
    height:50px;
}
.big_span
{
    clear:both;
    width:800px;
    margin:2px;
    height:50px;
}
.date_span
{
    float:left;
    width:150px;
    margin:2px;
    height:50px;
}
.time_span
{
    float:left;
    width:auto;
    margin:2px;
    height:50px;
}
.flight_span
{
    float:left;
    width:100px;
    margin:2px;
    height:50px;
}
.luggage_span
{
     float:left;
    width:100px;
    margin:2px;
    height:50px;
}
.title_span
{
    float:left;
    width:100px;
    margin:2px;
}






.smaller_input
{
    float:left; 
    width:13%; 
    padding:5px;
    margin:2px 5px 2px 2px;
    font-size:18px;
    font-family: arial;
    background:#fff;
    color:#000;
    border: 1px solid #D4D6D6;

}

.smaller_input_ret
{
    float:left; 
    width:18%; 
    padding:5px;
    margin:2px 5px 2px 2px;
    font-size:18px;
    font-family: arial;
    background:#fff;
    color:#000;
    border: 1px solid #D4D6D6;

}

span.form_cover_span{

    float:left;
    width:80%; 
    /*height:62%;*/
    margin-left:10%; 

    background:#eeeeee;
}
.ret_form_personal_span
{
    display: block;
    clear:both;
    width:80%; 
    height:20%;
    margin-left:10%; 
    background:#eeeeee;
}

.ret_form_address_span{
    float:left;
    width:40%; 
    height:50%;
    margin-left:10%; 
    background:#eeeeee;
}
.ret_form_address_span1{
    float:left;
    width:40%; 
    height:50%;
   background:#eeeeee;
}



.title
{
    float:left;
    width:100%; 
   margin:2px;
    font-size:18px;
    font-family: arial;
/*    background:#666666;*/
/*background:#D4D6D6;*/
background:#fff;
    
    color:#000;
border: 1px solid #D4D6D6;
}

.quote-dropdown
{
    
    font-size:20px;
    width:90%; 
    padding:15px;
    background:#666666;
    color:#fff;
    font-family:arial;
    border: 1px solid #2F2F2F;
   
}


/*
.search_box_h3{
    margin:0px;
    padding:10px;
    width: 90%;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
} */



/*div#main-map{
	width:73%;
	height:90%;
	//margin-right:1%;
	float:left;
       // border:1% solid orange;
        border-width:1%;
        border-style: solid;
        border-color: orange;
        border-top:0px;
}*/

div#main-map_sm{
	width:48%;
	height:90%;
	margin-right:1%;
	float:left;
}

/*div#side{
	width:25%;
	float:left;
}*/

div#side-bottom
{
	clear:both;
	width:90%;
	float:left;
}





/* Chrome, Safari, Opera */
@-webkit-keyframes example {
    0%   { left:0px; top:0px;}
    25%  {left:200px; top:0px;}
    50%  {left:200px; top:200px;}
    75%  { left:0px; top:200px;}
    100% { left:0px; top:0px;}
}

/* Standard syntax */
@keyframes example {
    0%   { left:0px; top:0px;}
    25%  {left:200px; top:0px;}
    50%  { left:200px; top:200px;}
    75%  { left:0px; top:200px;}
    100% { left:0px; top:0px;}
}
.info-img
{
    right: 1000px;
     animation-name: example;
    animation-duration: 3s;
    animation-iteration-count: 15;
    animation-direction: reverse; 
}



.quote-selection-table
{
    width:80%;
    height:90%;
    margin-left:20%; 
     margin-right:auto; 
    color:#fff; 
    font-family:arial;
    font-size:20px;
    padding:20px;
}



tr.yellow
{
 color:#000;
}

div.testimonial
{
    clear:both; height:350px; 
    /*background:#FCBC0A;*/
    background:#3db3fb;
}


span.testimonial_bubble
{
float:left;
margin-left:6%;
margin-top:80px;
width:22%;
height:250px;
background-image: url("../images/testimonial.png");
background-repeat:no-repeat;
font-family:arial;

}



span.testimonial_bubble p
{
	margin:20px;
	font-family:arial;
	text-align:center;
}
span.testimonial_bubble h4
{
  clear:both; text-align:right; margin:0px 30px 0px 0px; padding:0px;
}

span.testimonial_bubble h5
{
  color:#FCBC0A;text-align:right; margin:0px 30px 0px 0px; padding:0px;
}

/*.address_div
{
    float:left; width:30%; margin:20px; font-family:arial;
}
.contact_form_div
{
    float:left; width:60%; margin:20px; font-family:arial;
}*/



div.footer
{
    clear:both; height:200px; background:#000; color:#fff; text-align: center; overflow: auto
}

div.footer p{
    margin-top: 50px;
}
span.footer_span
{
float:left;
margin-left:6%;
margin-top:50px;
width:25%;
height:150px;
color:#fff;
font-family:arial;

}

span.footer_span_map
{
float:left;
margin-left:6%;
margin-top:50px;
width:25%;
height:150px;
color:#fff;
font-family:arial;
background-image: url("../images/map.jpg");
background-repeat:no-repeat;
}

div.footer1
{
    clear:both; height:50px; background:#474444;
    font-family:arial;
    color:#fff;
    font-size:12px;
    
}
.footer_menu
{
   list-style:none;
 
  width:800px;
  margin:0px;
  margin-right:auto;
 margin-left:auto;
 line-height:50px;
 
}

.footer_menu li
{
  float:left;
  display:inline;
}

.footer_menu li a
{
     display:inline;
font-family:arial;
font-size:12px;
 color:#fff;
  float:left;
  margin:0px 0px 0px 10px;
}

@media screen and (max-aspect-ratio: 13/9), screen and (min-device-width: 1450px)  /* solves the orientation problem on forms*/
        {
            p{
                
                font-size:16px;
            }
            
           
        }
        
       @media screen and (max-aspect-ratio: 13/9), screen and (min-device-width: 1000px) and (orientation: landscape )  
        {
            p{
                
                font-size:12px;
            }
             div.h-menu ul li a{
                
                font-size:12px;
            }
            
           
        }

/************ Responsive CSS *********************/
/*@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation: portrait) */
@media screen and (max-aspect-ratio: 13/9), screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation: landscape ) /* solves the orientation problem on forms*/
{
  

.bg_wrap
{
    float:left; width:100%; height:600px; background:#000;  background-image: url('../images/bg3.jpg'); background-attachment: fixed;
    background-position: center; background-repeat: no-repeat; 
}

.bg_wrap_inner_div
{
     height:80px; margin-top:350px;  width:90%; margin-left: auto; margin-right:auto;
}

.servce_block_front
{
    float:left; width:90%; 
    height:320px; overflow:hidden; background:#fff; 
    border-radius:10px;
   /* margin-left:auto;
    margin-right:auto;*/
    clear:both;
}
.content-div
{
   clear:both;
    width:98%;
    background:#fff;
    overflow:auto;
}
.content-div-span{
    clear:both;
    width:98%;
    background:#fff;
}


/*.price_table
{
    width:100%;
}
.price_table tr td img{
    width: auto;
    height:40%;
}*/
.carname_span, .direction_span
{
    font-size:16px;
    font-weight:bold;
}
div.testimonial {
    height:auto;
     background:#515959;
     overflow:auto;
}
.quote_brief{
    font-weight:bold;
    width:90%;
}
.about_img{
    width:95%;
    margin:10px;
}
span.testimonial_bubble{
    clear:both;
    width:75%;
}
.footer_span_map{
    display:none;
}
span.footer_span
{
    width:40%;
}
span.form_cover_span{
    width:97%;
    margin:1%;
}
.contact_form_div
{
    width: 98%;
}
.form_lable, .smaller_input
{
    width:45%;
}

.loading_img
{
    margin-left: 100px; z-index:5; position:absolute;  width:100px; margin-top:180px;  display:none;
}
.service_div
{
   
    clear:both;
    width:98%;
    margin:1%;
}

.service_div p, .service_div img
{
    width:95%;
    margin-left:1%;
}

/*#pac-input, #dest-input, #no-of-passanger, .date_input, .quote_btn, .pax_input
{
  height:40px;
  font-size:18px;
}*/
.address_div, contact_form_div
{
    clear:both; width:98%; margin:20px; font-family:arial; height:auto;
}
.map_contact
{
    height:auto;
}
.footer_menu{
    width:100%;
}

.car_list h3{
    padding:0px;
    margin:0px;
    font-size:16px;
}
.onward_span
{
clear:both; width:98%; height:auto;  margin-left:1%;  background:#eeeeee;
}

.smaller_input_ret
{
    float:left; 
    width:48%; 
    padding:5px;
    margin:2px 5px 2px 2px;
    font-size:18px;
    font-family: arial;
    background:#fff;
    color:#000;
    border: 1px solid #D4D6D6;

}
.hour_span select, .minute_span select
{
    width:20%;
}

}