/**************************************************/
/*** && GET DIRECTIONS ELEMENT				    ***/
/**************************************************/

/*.elm-get-directions-wrapper { opacity: 1 !important; }*/

/* Form */

.elm-get-directions-main .route_form:after								{ content: "."; display: block; height: 0; overflow:hidden; clear: both; visibility: hidden; }

.elm-get-directions-main .directions_route_table						{ width: 100% !important; background: #ffffff; border: 1px solid #ececec; table-layout: fixed; }

.elm-get-directions-main .directions_route_table tr:nth-child(2n) 		{ background: rgba(0, 0, 0, 0.03); }

.elm-get-directions-main .directions_route_table td 					{ padding: 10px 25px; vertical-align: middle; }
.elm-get-directions-main .directions_route_table td label				{ font-weight: bold; color: #666666; }

.elm-get-directions-main .directions_route_table input,
.elm-get-directions-main .directions_route_table select					{ width: 100%; height: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.elm-get-directions-main .directions_route_table input[type="checkbox"] { width: auto; margin: 10px 0; }
.elm-get-directions-main .directions_route_table input[type="text"],
.elm-get-directions-main .directions_route_table input[type="number"],
.elm-get-directions-main .directions_route_table select					{ padding: 10px; border: 1px solid #dddddd; }

.elm-get-directions-main .directions_route_table .sbHolder				{ padding: 10px; height: auto; min-height: 0; background: #ffffff; border: 1px solid #dddddd !important; }
.elm-get-directions-main .directions_route_table .sbHolder,
.elm-get-directions-main .directions_route_table input					{ -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
																		-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.elm-get-directions-main .directions_route_table .sbSelector			{ padding: 0; height: auto; line-height: normal !important; }
.elm-get-directions-main .directions_route_table .sbToggle:before 		{ top: 18px; line-height: 0; }

/* Submit */

.elm-get-directions-main .directions_buttons 			{ padding: 25px 25px 0; width: 100%; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.elm-get-directions-main .directions_buttons a 			{ padding: 10px 20px; color: #ffffff; font-weight: bold; text-transform: uppercase; }
.elm-get-directions-main .directions_buttons > * 		{ display: inline-block; margin-bottom: 10px; }
.elm-get-directions-main .directions_buttons > * + * 	{ margin-left: 10px; }

.elm-get-directions-main .directions_buttons .route_link_to_google_directions a:after { content: "\f08e"; font-family: "FontAwesome"; font-weight: normal; line-height: 0; margin-left: 10px; }

/* Map */

.elm-get-directions-main .getDirGoogleMap				{ margin-top: 25px; }
.elm-get-directions-main .draggable-toggle-button    	{ cursor: pointer; background-color: #fff; z-index: 1000; position: absolute; bottom: 30px; right: 10px; padding: 10px; }

/*** ELEMENT & ITEM DETAIL ***/

/* Error */

#errorLog p			{ margin-top: 5px; padding: 25px; background: rgba(0, 0, 0, 0.03); border: 1px solid #ececec; font-weight: bold; text-align: center; color: #d05756; }

/* Google Map */

#mapcontainer img 	{ max-width: none; }
#googleMap img 		{ max-width: none; }

.getDirGoogleMap 	{ display: none; height: 400px; border: 1px solid #dddddd; }

/* Navigation */

.getDirDirections					{ display: none; margin: 10px 0; max-height: 350px; overflow-y: auto; }
.getDirDirections .adp				{ background: #ffffff; }

.adp-placemark 						{ margin: 0; width: 100%; border: none; background: #f2f2f2; border: 1px solid #ececec;
									-wekbit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.adp-placemark:hover 				{ background: #ececec; }
.adp-placemark td:first-child 		{ padding: 10px; text-align: center; width: 8%; min-width: 30px; }
img.adp-marker						{ max-width: none; vertical-align: top; }
.adp-text							{ color: #666666; font-weight: bold; vertical-align: middle; }

.adp-summary						{ padding: 10px; }

.adp-directions						{ width: 100% !important; margin-bottom: 10px; border-bottom: 1px solid #ececec; }
.adp-directions tr				 	{ -wekbit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.adp-directions tr:nth-child(2n+1) 	{ background: rgba(0, 0, 0, 0.03); }
.adp-directions tr:hover 			{ background: #f2f2f2; }
.adp-directions tr td:nth-child(2) 	{ color: #666666; font-weight: bold; }

.adp-step, 
.adp-substep						{ padding: 8px 3px; border-top: 1px solid #ececec; }
.adp-substep .adp-stepicon			{ margin: 0 auto; top: 2px; }

.adp-details, .adp-legal			{ padding: 10px; font-size: 11px; }

/* Colorbox */

#colorbox #addressInput  .route-button						{ width: 100% !important; text-align: center; cursor: pointer; display: block !important; }
#colorbox #addressInput  .route-button + .route-button		{ margin-top: 10px !important; }

/******************************************************************************/
/* ========================================================================== */
/* = MAX WIDTH 640px                                                        = */
/* ========================================================================== */
/******************************************************************************/

@media all and (max-width: 640px) {
/* && START 320 */
	
	.elm-get-directions-main .directions_route_table td:first-child	{ width: auto; }
	
	.elm-get-directions-main .directions_buttons					{ padding: 25px 0; }
	.elm-get-directions-main .directions_buttons > *				{ display: block; }
	.elm-get-directions-main .directions_buttons > * + *			{ margin: 10px 0 0 0; }
	.elm-get-directions-main .directions_buttons a.ait-sc-button 	{ width: 100% !important; }
	
	.adp-directions						{ table-layout: fixed; }
	.adp-directions td:first-child 		{ width: 5%; }
	.adp-directions td:nth-child(2) 	{ width: 10%; }
	.adp-directions td:nth-child(3) 	{ width: 60%; }

/* && END 320 */
}