@charset "UTF-8";

 
/* Default
------------------------------------------------------------------------------- */

html, body { height:100%; }

#form ul li:after {  content: " ";  display: block; height: 0; clear: both; visibility: hidden; } 

/* Notices
------------------------------------------------------------------------------- */

#notice { display:none; }

#error { float:left; display:block; border:1px solid #d00; width: 100%; margin:20px 0; background:#ffeded; }

#error p { width:100%; color:#d00; margin:10px; font-size:12px;  } 

#success { float:left; display:block; border:1px solid #078d00; width: 100%; margin:20px 0; background:#e1ffed; }

#success p { width:100%; color:#078d00; margin:10px; font-size:12px;  } 

.error.error { border-color:#f00 !important; }

.pac-container:after{ content:none !important; }


/* Offers
------------------------------------------------------------------------------- */

#offer { float:left; width:100%;  position:relative; z-index:10;  min-height:100px; padding:20px; max-width:1024px; margin:auto;  }

#offer h2 {  font-size:21px; font-family:Exo, Arial; font-weight:300; color:#1197D4; }


#offer .steps .add , #offer .steps .add_return { padding: 20px 0px 17px 20px; display:block; margin:-4px 0 10px; background-color:#F8F8F8; color:#006585; text-decoration:none; position: relative; }

/*#offer .steps .add span , #offer .steps .add_return span { font-size: 25px; margin: 20px; line-height: 0px; color:inherit; position: relative; top: 4px; }*/
#offer .steps .add span , #offer .steps .add_return span { display:none; }
#offer .steps .add:before  , #offer .steps .add_return:before { font-size: 25px; margin: 20px; line-height: 0px; color:inherit; position: relative; top: 4px; content:"+" }

#offer .steps input , #offer .steps select, #offer .steps textarea{ background:#fff; border:1px solid #b3d8e7; padding:7px; color:#1197d4; font-size:16px; font-family:Exo, Arial; font-weight:500;  -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; line-height: 22px;}


#offer #steps_nav { float:left;  padding:0; position: relative; width:100%; }

#offer #steps_nav ol { float:left; width: 100%; }

#offer #steps_nav ol li { float:left; width:33.33%;  }

#offer #steps_nav ol li button { font-family:Exo, Arial; font-size:13px; float:left; background:#1197d4 url('/_img/bushuren/offer/step_left.png') left no-repeat; padding:6px 0; width:100%; margin:0; color:#fff; border:0; height:33px; text-align:center; padding-left: 35px; }

#offer #steps_nav ol li button.first { padding-left:22px; background:#1197d4; margin-left:0px; -webkit-border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; }

#offer #steps_nav ol li button.last { padding-right:23px; -webkit-border-top-right-radius: 5px; -moz-border-top-right-radius: 5px; border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }

#offer #steps_nav ol li button:hover , #offer .steps #steps_nav button.active { background-color:#c4183f; cursor:pointer; }    

#offer #steps_nav ol li button span { float:right; width:30px; height:33px; margin:-7px 0 -7px 0px; background: url('/_img/bushuren/offer/step_right.png') right top no-repeat; display:block; }

#offer #steps_nav div { clear:both; float:left; width:100%; margin:20px 0; }

#offer #steps_nav button.offer_next { background:#b3b719; padding:8px 20px; float:right; margin-right:1px; font-family:Exo, Arial; font-size:13px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}

#offer #steps_nav button.offer_prev { background:#b3b719; padding:8px 20px; float:left; font-family:Exo, Arial; font-size:13px;  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}


#offer .steps textarea {   resize: none; height:200px; width: 100%;  }

#offer .steps ul.form li { float:left; margin:4px 0; width:100%; position: relative; }

#offer .steps ul li label { display:inline-block; width: 20%; color: #1197d4; font-size: 16px; font-family: Exo, Arial; font-weight: 500; margin: 10px 0 10px 0; }

#offer .steps ul li label.radio { width:100px; }

#offer .steps ul li label.radio_huge { width: 250px; }

#offer .steps ul li label.wide { width:100%; }

#offer .steps ul li input { width:79%;  }

#offer .steps div.select { display:inline-block; width: 79%;  }

#offer .steps div.select select { width: 100%;  }

#offer .steps ul li input.date { width: 61%; }

#offer .steps div.select.time {  margin-left:1%; width: 17%;}

#offer .steps ul li label.large { width:300px; }

#offer .steps ul.form li.stop { margin-top: 20px;}

#offer .steps ul.form li.bg { background:#f4f9fd; margin:0; padding:4px 0;  }

#offer .steps ul.form li.space { height:12px; }

#offer .steps ul.form li.stop a , #return_fields  a.close { float:right; margin: 15px 10px; color:#fff !important; text-decoration: none;  background-color:#c81d3d; padding: 4px 7px; width: 25px; height: 24px; line-height: 17px; margin-bottom:-10px; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px;}

#offer .steps ul li label.head , #offer .steps ul li label.header { width:400px; color:#c81d3d; margin-top:20px; }

#offer .steps ul li label.header{ font-size: 22px; }

#offer .steps span { margin-left: 10px; color: #1197d4; font-family: Exo, Arial; }

#offer .steps hr { clear:both; border:0; border-top:1px dotted #1197d4; color: #fff; margin-top:10px; height:1px; background:none; }

#offer .steps .button { border:0px solid black; padding:5px 10px; color:#fff; background-color:#1197d4; float:right; }

#offer .steps .button:hover { background-color:#c4183f;  cursor:pointer;  }

#offer .steps .lats , #offer .steps .lngs { display:none; }

#offer .steps a { color:#1197d4; font-size: 16px; font-family: Exo, Arial; font-weight: 500; }

#offer .steps .number { margin: 11px -14px 10px -6px; color:#f00; display: block; float:left; clear:both; }



#offer #step_4 li p { color:#1197d4; }

#offer #step_4 li label.header{ margin: 15px 0;}

#offer.collapsed { cursor:pointer; }

#offer.collapsed div.steps, #offer.collapsed span.service , #offer.collapsed #small_map { display:none;  }

#offer .isdestination { margin-top:-20px !important; margin-bottom: 12px !important;   }

.steps form fieldset{ min-height: 160px; width: 100%;     clear: both;}

#info { left: 50%; top: 50%; height: 425px; margin-left: -285px; margin-top: -213px; display: none; position: fixed; background-color: #fff; padding: 20px; width: 570px; z-index: 55;  -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;  }

#info > div { overflow: hidden; overflow-y: auto; height:100%; }

#info > div div {   padding: 10px; margin-bottom: 20px; margin-right: 10px; background: #f8f8f8; -webkit-border-radius: 6px; -moz-border-radius: 6px;; border-radius: 6px;}

#info p  { width: 340px; float: left; color: #1197D4; line-height: 22px; }

#info h2  { width: 50%; color:#c81d3d; margin:0 0 20px; clear:both; font-size: 16px; display: inline-block; }

#info a.close { float:right; padding: 4px 8px; background-color:inherit; color:#000;  text-decoration: none; margin: -19px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }

#info img { float:right; width: 180px; height: 115px; }

#overlay { width:100%; height:110%; position: fixed; z-index:51; background: url('/_img/bushuren/bgs/overlay.png') repeat; display:none;  }

/* Step 1
------------------------------------------------------------------------------- */

#step_1 p.intro { color: #1197D4; line-height: 22px; margin:10px 0; } 

#step_1 p.intro a{ text-decoration: underline; font-size:14px;} 

/* Step 2
------------------------------------------------------------------------------- */
#step_1 ul li.hide { display:none; }

#step_1 ul .remove { display:none !important; }

#step_1 ul li.copy { display:none; }

#step_1 ul li.copy label + label { width: 490px; }

#step_1 #destination + label { margin-top:18px; }

#offer #step_1 label.head { width: 178px; }

#offer #step_1 .copy .countries { padding: 6px 1px 5px 7px; margin-bottom: 0;}


/* Step 3
------------------------------------------------------------------------------- */
#step_2 ul li.hide { display:none; }

#step_2 ul li.location { float:left; padding:15px 20px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; background:#f8f8f8;  margin:7px 0 !important; }

#step_2 ul li.location .marker { float:right; margin:15px 10px; position: absolute; right:0; }

#step_2 ul li.location h3 { float:left; color:#c81d3d; font-weight:300; font-size:15px; margin-bottom:5px; }

#step_2 ul li.location span { clear:left; float:left; color:#006585; margin:5px 0; }

#step_2 ul li.location strong { float:left; color:#006585; width: 100%;  max-width: 200px; font-size:13px; font-weight:300;   margin: 7px 0;  }

#step_2 ul li.location p { float:left; width:100%; max-width: 300px;  font-size:13px; font-weight:300; }

/* Maps
------------------------------------------------------------------------------- */
#offer #map { width:100%; height:350px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;}


/* Forms
------------------------------------------------------------------------------- */

form { padding:0; float:left; width: 100%; }

form ol { list-style:none; margin:0; padding:0; }

form ol li { display:block;  margin-top:10px !important; }

form ol li span.required { color:#d00; clear:both; margin-left:3px; }

form ol li label { width:150px; display:block; float:left; color:#195467; font-size:14px; margin-top:6px; }

form ol li input[type="text"], form ol li input[type="password"] { width:250px; padding:7px 5px; }

form ol li select { width:362px; padding:5px; border:0; color:#555555; float:left; font-family: 'Open Sans', Arial, sans-serif; font-size:13px; }

form ol li textarea { width:250px; padding:5px; height:120px; line-height:22px; font-size:13px; resize:none; }

form li input, form li input,  form li textarea{ background:#fff; border:1px solid #b3d8e7; color:#1197d4; font-size:13px; font-family:Exo, Arial; font-weight:500; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; }

form ol li button { border: 0px solid #fff; padding:10px 20px; background-color:#b3b719; color:#fff; cursor:pointer; font-family:Raleway, Arial; font-size:13px;  }



form  li input[type="radio"] { display:none; }

form  li input[type="radio"] + label { margin:0; width:30px; background:url('/_img/bushuren/forms/radio.png') no-repeat 0px 0; padding: 1.5px 0 1.5px  25px }

form  li input[type="radio"]:checked + label { background:url('/_img/bushuren/forms/radio.png') no-repeat 0px -42px; }

form  li input[type="checkbox"]{ display:none; }

form  li input[type="checkbox"] + label { background:url('/_img/bushuren/forms/checkbox.png') no-repeat 0px 0; padding:1.5px 0; padding-left:20px;}

form  li input[type="checkbox"]:checked + label { background:url('/_img/bushuren/forms/checkbox.png') no-repeat 0px -40px; color:#c81d3d; }

/* Responsive
------------------------------------------------------------------------------- */
@media only screen and (max-width:750px)
{
    #offer .steps ul li label.head, #offer .steps ul li label.header , #offer .steps ul li label  { width:100%  !important ;}
    
    #offer .steps ul li input, #offer .steps ul li .select, #offer .steps ul li textarea { width:100%; }
    
    #offer #steps_nav ol li { width:100% }
    
    #offer #steps_nav ol li button { border-radius: 5px !important; }
    
    #offer .steps div.select.time { width: 36%;  }
    
   
}


@media only screen and (max-width:475px)
{
    #offer .steps .add:before, #offer .steps .add_return:before { display: none; }
    #offer .steps .add:after, #offer .steps .add_return:after { font-size: 25px; margin: 20px; line-height: 0px; color:inherit; position: relative;   top: 8px; content:"+"; position: absolute; right: 0;}
}