.bar_overview {
     background: url("../themes/yosemite/img/guestrooms.png") no-repeat;
     height: 15px;
     margin-bottom: 10px;
     width: 92%;
 }

 .shadow {
     -webkit-box-shadow: 0px 2px 13px 0px rgba(138, 138, 138, 1);
     -moz-box-shadow: 0px 2px 13px 0px rgba(138, 138, 138, 1);
     box-shadow: 0px 2px 13px 0px rgba(138, 138, 138, 1);
 }

 .headdingtext {
     color: #000;

     font-weight: bold;
 }

 .attention {
    width: 100%;
}

 footer {
     margin-top: 0 !important;
 }

 .inner_tab {
     background: none repeat scroll 0 0 #e8e8e8;
 }

 /*.direction {background: none repeat scroll 0 0 #eeeded ;}*/
 .g-recaptcha {
     border-right: 1px solid #d3d3d3;
     height: 76px;
     width: 201px;
 }

 .bt_success {
     font-size: 20px;
     padding: 10px 50px !important;
 }

 .map_to,
 .map_to_box,
 .map_by,
 .map_trans {
     padding-bottom: 5px;
     padding-top: 5px;
 }

 .book_btn .btn {
     font-size: 18px;
     left: -6px;
     position: relative;
     text-transform: inherit;
     top: 13px;
 }

 .book_btn {
     border-radius: 3px;
     display: inline-block;
     margin: 16px 0 0 6px;
     padding: 0;
 }

 .btn {
     padding: 6px 11px;
 }

 .initialmapwd {
     width: 100%;
     /* border: 1px solid #4a4443; */
 }

 #map {
    border: 1px solid #444;
}

 .direction a {
    background: url('../images/direction_icon.svg') no-repeat 0 0 /cover rgba(0, 0, 0, 0);
    display: inline-block;
    height: 52px;
    width: 87px;
    background-size: 500px 500px;
 }

 .car {
    background-position: -25px -175px !important;
 }

 .walk {
    background-position: -150px -175px !important;
 }

 .cycle {
    background-position: -270px -175px !important;
 }

 .bus {
    background-position: -395px -175px !important;
 }

 .car_active,
 .car:hover {
    background-position: -25px -275px !important;
 }

 a:hover,
 a:focus {
     color: #2a6496;
     text-decoration: none;
 }

 .walk_active,
 .walk:hover {
    background-position: -150px -275px !important;
 }

 .cycle_active,
 .cycle:hover {
    background-position: -270px -275px !important;
 }

 .bus_active,
 .bus:hover {
    background-position: -395px -275px !important;
 }

 .red {
     color: #ff0000;
 }

 .pop_address {
     background: none repeat scroll 0 0 rgba(74, 68, 67, 0.6);
     bottom: 20px;
     color: #fff;
     font-size: 18px;
     left: 50%;
     margin: 0px auto 0px -160px;
     min-width: 320px;
     padding: 10px 20px;
     position: absolute;
 }

 .icons {
     position: absolute;
     left: -21px;
     top: -3px;
 }

 .pop_address a {
     color: #fff;
 }

 .F24 {
     font-size: 24px;
 }

 .F30 {
     font-size: 30px;
 }

 .but_bgdirection {
     background: #197b30;
     padding: 15px 20px;
     color: #fff;
     border: none;
 }

 @media (max-width: 767px) {}



 #fromAddress {
     border-top: none;
     width: 50%;
     border-radius: 0;
     /* height: 45px; */
     border-bottom: 1px solid;
     border-left: none;
     border-right: none;
 }

 .bg_img a {
     background: none;
     color: #475a20;
 }

 .bg_img {
     padding-top: 34px;
 }

 .map_trans {
     padding-top: 34px;
 }

 @media screen and (min-width: 320px) and (max-width: 350px) {
     .pop_address {
         padding: 10px 5px;
         margin: 0 auto 0 -67px;
         left: 26%;
         font-size: 15px;
         min-width: 278px;
     }
 }

 @media (max-width: 991px) {
     .pop_address {
         position: absolute;
         bottom: -1px;
     }

     #map {
         height: 450px !important;
     }
 }

 .car,
 .walk,
 .cycle,
 .bus {
     transition: all .3s;
 }

 @media screen and (min-width: 320px) and (max-width: 767px) {
     .bg_img {
         padding-top: 2px;
     }

     .map_trans {
         padding-top: 2px;
     }

     .book_btn .btn {
         top: 0px;
     }

     .R15 {
         right: 15px;
     }

     .map_to,
     .map_to_box,
     .map_by,
     .map_trans {
         padding-top: 20px;
     }
	 
	 #fromAddress {
		width: 80%;
	 }

 }

 @media screen and (min-width: 768px) and (max-width: 1023px) {
     .bg_img {
         padding-top: 37px;
     }
 }

 @media screen and (min-width: 768px) and (max-width: 1199px) {
     .F12sm {
         font-size: 12px;
     }
 }

 .PA {
     position: absolute;
     cursor: pointer;
     right: 0px;
 }

 .F82 {
     font-size: 82px;
     color: #5dbe0f;
 }

 .M10 {
     margin: 10px;
 }

 .but_bg {
     padding: 11px 20px !important;
     transition: all .2s;
 }

 .but_bg:focus {
     outline: none;
 }


 .messagebg {
     margin-bottom: 10px;
     padding: 5px 0px 5px 0px;
 }

 .gm-style div {
     transition-duration: 0s;
     transition-property: none
 }

 .startover a {
     background: none;
     height: auto;
     width: auto;
     font-size: 16px;
     color: #475a20;
 }


 #fromAddress {
     border: 0;
     border-bottom: 1px solid black;
     padding: 2px 6px;
 }

 #fromAddress::placeholder {
     font-size: 16px;
 }

 #fromAddress:focus {
     border: 0 !important;
     border-bottom: 1px solid #00a651 !important;
     outline: none;
     box-shadow: none;
 }


 /* Button Animation */

 /* Shutter Out Horizontal */
 .hvr-shutter-out-horizontal {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     position: relative;
     background: #e1e1e1;
     -webkit-transition-property: color;
     transition-property: color;
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
 }

 .hvr-shutter-out-horizontal:before {
     content: "";
     position: absolute;
     z-index: -1;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     background: #2098D1;
     -webkit-transform: scaleX(0);
     transform: scaleX(0);
     -webkit-transform-origin: 50%;
     transform-origin: 50%;
     -webkit-transition-property: transform;
     transition-property: transform;
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-timing-function: ease-out;
     transition-timing-function: ease-out;
 }

 .hvr-shutter-out-horizontal:hover,
 .hvr-shutter-out-horizontal:focus,
 .hvr-shutter-out-horizontal:active {
     color: white;
 }

 .hvr-shutter-out-horizontal:hover:before,
 .hvr-shutter-out-horizontal:focus:before,
 .hvr-shutter-out-horizontal:active:before {
     -webkit-transform: scaleX(1);
     transform: scaleX(1);
 }

 .but_bg {
     background: #00a651;
     border-radius: 0;
     color: #ffffff;
     font-size: 18px;
     padding: 11px 20px !important;
     border: none !important;
     text-transform: uppercase
 }

 /* For Hiding Placeholder on focus */


 ::-webkit-input-placeholder {
     opacity: 1;
     -webkit-transition: opacity .3s;
     transition: opacity .3s;
 }

 /* Chrome <=56, Safari < 10 */
 :-moz-placeholder {
     opacity: 1;
     -moz-transition: opacity .3s;
     transition: opacity .3s;
 }

 /* FF 4-18 */
 ::-moz-placeholder {
     opacity: 1;
     -moz-transition: opacity .3s;
     transition: opacity .3s;
 }

 /* FF 19-51 */
 :-ms-input-placeholder {
     opacity: 1;
     -ms-transition: opacity .3s;
     transition: opacity .3s;
 }

 /* IE 10+ */
 ::placeholder {
     opacity: 1;
     transition: opacity .3s;
 }

 /* Modern Browsers */

 *:focus::-webkit-input-placeholder {
     opacity: 0;
 }

 /* Chrome <=56, Safari < 10 */
 *:focus:-moz-placeholder {
     opacity: 0;
 }

 /* FF 4-18 */
 *:focus::-moz-placeholder {
     opacity: 0;
 }

 /* FF 19-50 */
 *:focus:-ms-input-placeholder {
     opacity: 0;
 }

 /* IE 10+ */
 *:focus::placeholder {
     opacity: 0;
 }

 /* Modern Browsers */


 .book_btn .btns {
     border: 0;
 }

 .between-arrow {
     display: block;
     text-align: center;
 }

 #bor_left li {
     line-height: 1.5;
     font-size: 16px;
 }

 #marker {

     /*background-size: cover;*/
     width: 70px;
     height: 70px;
     background-repeat: no-repeat;
     /*border-radius: 50%;*/
     cursor: pointer;
 }

 .msg-text {
    flex-grow: 1;
}


.moreDirection {
    text-align: center;
    padding: 15px;
    
}

.moreDirection__btn {
    border: 0;
    background: var(--primary);
    color: #fff;
    padding: 1rem 2rem;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: bold;
}

#bor_left ul {
   margin-left:20px;
   
}