.initialdhide{display:none;}
            .glyphicon{top:3px;} .top18{top:10px} .padding26{padding:0 31px 0 0; }
            .room_home{margin:0; display:inline-block; color:#475a20; cursor:pointer;}
            .room_home:hover{color:#475a20; text-decoration:none;}
            .inner_res .home_collapse {top: 50px;}
            .sign_bg{background:none;}
            .MT_5{ margin-top:-6px}
            @media screen and (min-width: 320px) and (max-width: 1199px) {
            .mobiletop-box-divs{display:block !important;}
            }
            @media screen and (min-width: 320px) and (max-width: 767px) {
            .reservation label, .panel-body{ color:#475a20;}
            
            }
            @media screen and (min-width: 320px) and (max-width: 1023px) {
            .direction-arrow img{transform: rotate(90deg); margin: 15px auto !important;}
            }
            .duration {
              font-size: 2em;
			  text-transform: uppercase;
			  text-align: center;
			  color:var(--primary);
            }
            .marker1 {

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

            .mapboxgl-popup {
            max-width: 270px;
            }

            
            #map_type {
                position: absolute;
                top: 5px;
                z-index: 1;
                padding: 6px 7px;
                font-size: 16px;
                font-weight: bold;
                text-transform: uppercase;
                left: 5px;
                background-color: white;
                /* width: auto; */
                /* display: flex; */
                /* justify-content: center; */
            }
			
			#bor_left ul {margin-left:20px;}

 .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: 10px;
 }

 .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 #868686;
}
.direction {
    background: #fff;
    -webkit-box-shadow: 0px 2px 34px 1px rgba(0, 0, 0, 0.10);
    -moz-box-shadow: 0px 2px 34px 1px rgba(0, 0, 0, 0.10);
    box-shadow: 0px 2px 34px 1px rgba(0, 0, 0, 0.10);
    border-radius: 10px;
	padding: 12px;
	position: relative;
    z-index: 1;
    margin-top: -80px;
	/*margin-bottom:50px;*/
}
 .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) {
    span#from_address_show, span#to_address_show{width: 85%;}
 .direction a {
    width: 77px;
}


 
 }



 #fromAddress {
     border-top: none;
     width: 100%;
     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_to_box {
		padding-top: 50px;
		padding-bottom: 30px;
	}
 .map_trans {
    background: var(--primary);
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
	border-bottom-left-radius: 25px;
	border-bottom-right-radius: 25px;
 }

 @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) {
    direction-arrow img {transform: rotate(90deg); max-height: 90%; margin: 20px auto;}
 .direction{margin-top: 0px;}
 
     .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){ span#from_address_show, span#to_address_show { width: 92%;}}

 @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 0px;
 }

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

 #fromAddress:focus {
     border: 0 !important;
     border-bottom: 1px solid var(--primary) !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;
	 text-align:left;
 }

 #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 {
    height: 220px;
    overflow: hidden;
	margin-top: 30px;
	text-align:center;
}

#bor_left.expanded {
    overflow: auto;
}


a.print-button {
  width: 100px;
  height: 50px;
}
span.print-icon, span.print-icon::before, span.print-icon::after, a.print-button:hover .print-icon::after {
  border: solid 3px #cdcdcd;
}
span.print-icon::after {
  border-width: 2px;
}

a.print-button {
  position: relative;
  padding: 0;
  border: 0;
  
  border: none;
  background: transparent;
}

span.print-icon, span.print-icon::before, span.print-icon::after, a.print-button:hover .print-icon::after {
  box-sizing: border-box;
  background-color: #fff;
}

span.print-icon {
    position: relative;
    display: inline-block;
    padding: 0;
    margin-top:12%;
    width: 40%;
    height: 48%;
    background: #fff;
    border-radius: 20% 20% 0 0;
}

span.print-icon::before {
    content: " ";
    position: absolute;
    bottom: 100%;
    left: 12%;
    right: 12%;
    height: 82%;
    transition: height .2s .15s;
}

span.print-icon::after {
  content: " ";
  position: absolute;
  top: 55%;
  left: 12%;
  right: 12%;
  height: 0%;
  background: #fff;
  background-repeat: no-repeat;
  background-size: 70% 90%;
  background-position: center;
  background-image: linear-gradient(
    to top,
    #fff 0, #fff 14%,
    #333 14%, #333 28%,
    #fff 28%, #fff 42%,
    #333 42%, #333 56%,
    #fff 56%, #fff 70%,
    #333 70%, #333 84%,
    #fff 84%, #fff 100%
  );

  transition: height .2s, border-width 0s .2s, width 0s .2s;
}

a.print-button:hover {
  cursor: pointer;
}

a.print-button:hover .print-icon::before {
  height:0px;
  transition: height .2s;
}
a.print-button:hover .print-icon::after {
  height:120%;
  transition: height .2s .15s, border-width 0s .16s;
}
.direction-info-box {
    background: #fff;
    -webkit-box-shadow: 0px 2px 34px 1px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0px 2px 34px 1px rgba(0, 0, 0, 0.10);
    box-shadow: 0px 2px 34px 1px rgb(0 0 0 / 10%);
    border-radius: 10px;
    padding: 12px;
}
.flex-centered{
	font-size:20px;
}
.flex-centered em {
    font-size: 50px;
    margin-right: 20px;
    color:var(--primary);
}
.direction-arrow img {
    height: 65px;
	text-align: center;
    margin: auto;
}

span.customedeatetimesout:focus, .PDP >.customedeatetimesin:focus {border-color: 1.5px solid #10ae42 !important;}
span#from_address_show, span#to_address_show {
    float: left;
 
}



em.fas.fa-building.MR10, em.fas.fa-map-marker-alt.MR10 {
    float: left;
    width: 5%;
}