@media screen and (min-width: 48em) and (max-width: 69.250em)
{
	body
	{
		margin: 0;
		min-width: 20em;
		width: 100%;
		height: 100%;
		background-color: #aadbdf;
		font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
	}
	.stop-scrolling 
	{
		height: 100%;
		overflow: hidden;
	}
	#header
	{
		z-index: 111;
		position: realitve;
		width: 100%;
		height: 9.5em;
		background: #fff;
		border-bottom: solid 0.3em #52ad84;
	}
	#header .vindalogo
	{
		position: relative;
		float: left;
		overflow: hidden;
		height: 7em;
		width: 100%;
	}
	.vindaheaderlogo
	{
		display: block;
		position: absolute;
		width: 20.688em;
		height: 6.625em;
		margin: 0.375em 26em;
	}
	.gwologo
	{
		display: block;
		position: absolute;
		width: 9.375em;
		height: 4.313em;
		margin: 3.063em 3em;
	}
	.safetyonlogo
	{
		display: block;
		position: absolute;
		width: 9.375em;
		margin: 0.25em 16em;
	}
		.opitologo
	{
		display: block;
		position: absolute;
		width: 3em;
		height: 3em;
		margin: 3.25em 13em;
	}
	#header .fcontact
	{
		position: relative;
		float: right;
		margin: 3em 3em;
		width: 25em;
		text-align: right;
	}
	#header .fcontact img
	{
		position: relative;
		float: left;
		height: 24px;
		width: 24px;
		margin: 0 1em;
	}
	#header .fcontact span
	{
		display: block;
		position: relative;
		float: left;
		font-size: 14pt;
		color: #333;
		padding: 0;
		margin: 0;
	}
	/* menu all pages */
	#header .menu_cont
	{
		position: relative;
		float: left;
		width: 100%;
		height: 2.5em;
		overflow: hidden;
	}
	#nav-top
	{
		display: none; /* menu for mobile view */
	}
	#menu
	{	
		position: relative;
		width: 100%;
	}
	#menu ul
	{
		list-style-type: none;
		float: right;	
		text-align: center;
		padding: 0;
		margin: 0 3em;
	}

	#menu li
	{
		display: inline-block;
		position: relative;
		float: left;
		cursor: pointer;
	}
	#menu .mbefore
	{
		position: absolute;
		display: inline-block;
		width: 0.688em;
		left: -0.688em;
		height: 2.125em;
	}
	#menu a.active
	{
		color: #c1c1c1;
	}
	#menu a
	{
		display: block;
		padding: 0.625em 1em;
		text-decoration: none;
		color: #333;
		font-size: 12pt;
	}
	#menu a:visited, a:active, a:link
	{
		color: #333;	
	}
	#menu a:hover
	{
		color: #aadbdf;
	}

	#content
	{
		position: relative;
		float: left;
		width: 100%;
		height: 100%;
		text-align: center;
	}
	#content .indeximage
	{
		position: relative;
		float: left;
		width: 100%;
		height: 100%;
	}
	#content .indeximage .big
	{
		display: block;
		width: 100%;
	}
	#content .indeximage .mobile
	{
		display: none;
	}
	#content .motto
	{
		width: 41em;
		text-align: right;
		display: block;
		position: absolute;
		right: 0;
		color: #333;
		margin-right: 3em;
		margin-top: 5em;
		font-size: 20pt;
		font-weight: bold;
		text-align: justify;
		text-justify: inter-word;
	}
	/* Training page */
	#tr_main
	{
		position: relative;
		width: 90%;
		margin: 3em auto;
		padding: 2em;
		border-radius: 0.5em;
		box-shadow: 0em 0em 0.7em #333;
		-webkit-box-shadow: 0em 0em 0.7em #333;
		-moz-box-shadow: 0em 0em 0.7em #333;
		background: #fff;
		overflow: hidden;
		text-align: center;
	}
	
	#tr_main p
	{
		font-weight: bold;
		font-size: 14pt;
		
	}
	.tr_row
	{
		position: relative;
		float: left;
		width: 50%;
		height: 480px;
		margin: 1em 0;
		text-align: left;
		overflow: hidden;
	}
	.tr_row_img
	{
		position: relative;
		width: 320px;
		height: 480px;
		background: #aadbdf;
		margin: auto;
	}
	.tr_row_cont
	{
		display: block;
		position: relative;
		width: 320px;
		height: 480px;
		margin: auto;
		margin-top: -130px;
		background: #aadbdf;
		color: #333;
	}
	.tr_row_all
	{
		width: 320px;
		height: 480px;
		margin: auto;
	}
	.tr_row_cont p
	{
		margin: 0;
		padding: 0;
	}
	.tr_row_cont_header
	{
		padding-top: 1em;
		width: 95%;
		margin: auto;
	}
	.tr_row_cont_info
	{
		width: 95%;
		margin: auto;
		display: none;
		font-size: 11.5pt;
	}
	.tr_row_booking
	{
		display: block;
		position: absolute;
		top: 350px;
		width: 95%;
		margin: 0;
		padding: 0;
	}
	.tr_row_custval
	{
		display: block;
		position: absolute;
		font-size: 10pt;
		font-weight: bold;
		width: 95%;
		top: 320px;
	}
	.tr_row_MBGlobalus
	{
		display: block;
		position: absolute;
		font-size: 8pt; 
		font-weight: bold;
		width: 95%;
		top: 338px;
	}
	.tr_row_booking a:link
	{
		text-decoration: none;
	}
	.tr_row_booking span
	{
		display: block;
		margin: 0.5em 0;
		color: red;
		font-weight: bold;
	}
	.tr_row_cont span
	{
		display: block;
		width: 100%;
		text-align: justify;
		text-justify: inter-word;
	}
	#tr_main .bookbtn
	{
		position: relative;
		display: block;
		cursor: pointer;
		margin: 0.5em 0;
		padding: 1em 0;
		width: 100%;
		font-size: 12pt;
		background-color: #52ad84;
		color: #ffffff;
		font-weight: bold;
		border: none;
	}
	#tr_main .bookbtn:hover
	{
		background-color: #aadbdf;
	}
	#else-content
	{
		width: 100%;
		position: realitve;
		float: left;
		margin-top: 0.5em;
		margin-bottom: 0.5em;
		text-align: left;
		font-size: 14pt; 
		font-weight: bold;
		color: #333;
	}
	#tr_main .training-before
	{
		display: block;
		width: 100%;
		height: 0.188em;
		content: " ";
		background: #c1c1c1; 
		position: relative;
		float: left;
		margin: 0.5em 0;
	}
	/* booking page */
	#booking_tab_background
	{
		position: fixed; 
		overflow-y:scroll;
		top:0; 
		left:0; 
		width: 100%;
		height: 100%;
		background: url(overlay.png) repeat; 
		text-align:center;
		z-index: 2;
		display: none;

	} 
	#booking_tab_content
	{
		display: block;
		position: relative;
		top: 15%;
		left: 0;
		right: 0;
		margin: auto;
		width: 900px;
		background-color: #fff;
		z-index: 99;
		margin-bottom: 15%;
	}
	#booking_tab_course_name
	{
		font-size: 16pt;
		padding: 35px;
	}
	#booking_tab_content .booking_tab_content_tab
	{
		display: none;
	}
	#training_course_booking_form
	{
		display: block;
		margin: auto;
		position: relative;
		width: 800px;
		background: 0;
	}
	.booking_date_selection
	{
		display: block;
		position: relative;
		width: 100%;
		max-width: 600px;
		border: 1px solid #c1c1c1;
		padding: 0;
		margin: auto;
		border-bottom: transparent;
		overflow: auto;
	}
	.booking_date_selection:hover
	{
		background: #aadbdf;

	}
	.booking_date_selection_last_border
	{
		display: block;
		content: ' ';
		position: relative;
		border-bottom: 1px solid #c1c1c1;
		width: 600px;
		margin: auto;
	}
	.booking_date_selection p
	{
		width: 200px;
		position: relative;
		float: left;
		padding: 20px;
	}
	.date_select_btn
	{
		-webkit-appearance: none;
		border: none;
		display: block;
		padding: 10px 30px;
		margin: 25px auto;
		background: #fff;
		border-radius: 3px;
		color: #52ad84;
	}
	.date_select_btn:hover
	{
		color: #fff;
		background: #52ad84;
		cursor: pointer;
	}
	.booking_form_header
	{
		width: 100%;
		margin: auto;
		overflow: auto;
		text-align: left;
	}
	.booking_form_tab_h2
	{
		display: inline-block;
		float: left;
		text-align: left;
		font-size: 16pt;
		font-weight: 400;
		overflow: auto;
	}
	#booking_form_tab_h2_date_selected
	{
		display: inline-block;
		float: left;
		text-align: left;
		font-size: 16pt;
		font-weight: 400;
		padding: 0 20px;
		color: #52ad84;
	}
	.booking_form_tab_paragraph
	{
		text-align: left;
		font-size: 14pt;
		padding: 20px 0;
	}
	#city_selection
	{
		position: relative;
		width: 100%;
		margin: auto;
	}
	#city_selection ul
	{
		display: block;
		width: 100%;
		text-align: left;
		overflow: auto;
		list-style: none;
		margin: 0;
		padding: 0;
	}
	#city_selection ul li
	{
		display: inline-block;
		position: relative;
		float: left;
		margin: 0 20px 0 5px;
	}	
	#city_selection ul li input[type=radio]
	{
		position: absolute;
		visibility: hidden;
	}
	#city_selection ul li label
	{
		display: block;
		position: relative;
		font-size: 12pt;
		padding: 15px 25px 15px 50px;
		margin: 10px auto;
		z-index: 1;
		cursor: pointer;
		-webkit-transition: all 0.25s linear;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
		border-radius: 3px;
		color: #aaa;
	}
	#city_selection ul li:hover label
	{
		color: #52ad84;
	}
	#city_selection ul li .booking_form_radio
	{
		display: block;
		position: absolute;
		border: 2px solid #aaa;
		border-radius: 100%;
		height: 20px;
		width: 20px;
		top: 23px;
		left: 20px;
		z-index: 5;
		transition: border .25s linear;
		-webkit-transition: border .25s linear;
	}
	#city_selection ul li:hover .booking_form_radio
	{
		border: 5px solid #52ad84;
	}
	#city_selection ul li input[type=radio]:checked ~ .booking_form_radio 
	{
		background: #52ad84;
		border: 2px solid #52ad84;
	}

	#city_selection ul li input[type=radio]:checked ~ label
	{
		color: #52ad84;
	}
	#city_selection ul li input[type=radio].invalid ~ label
	{
		color: #ff0000;
	}	

	#city_selection ul li input[type=radio].invalid ~ .booking_form_radio
	{
		border: 2px solid #ff0000;
	}
	.booking_tab_content_tab input[type=text]
	{
		-webkit-appearance: none;
		background: 0 0;
		display: block;
		outline: none;
		width: 100%;
		border: 0;
		border-radius: 0;
		border-bottom: 1px solid #f2f2f2;
		padding: 0 0 20px;
		font-size: 12pt;
		line-height: 1.5;
	}
	.booking_tab_content_tab input[type=text].invalid
	{
		border-bottom: 1px solid #ff0000;
	}
	.booking_tab_content_tab input[type=text].invalid::placeholder
	{
		color: #ff0000;
	}
	.booking_tab_content_tab input[type=text].invalid::-webkit-input-placeholder
	{
		color: #ff0000;
	}

	.booking_form_btn_div
	{
		width: 100%;
		text-align: right;
	}
	#prevBtn
	{
		-webkit-appearance: none;
		border: none;
		position: relative;
		display: block;
		padding: 10px 30px;
		margin: 25px auto;
		background: #c2c2c2;
		border-radius: 3px;
		color: #fff;
	}
	#prevBtn:hover
	{
		color: #fff;
		background: #52ad84;
		cursor: pointer;
	}
	#nextBtn
	{
		-webkit-appearance: none;
		border: none;
		position: relative;
		display: block;
		padding: 10px 30px;
		margin: 25px auto;
		background: #c2c2c2;
		color: #fff;
		border-radius: 3px;
	}	
	#nextBtn:hover
	{
		color: #fff;
		background: #52ad84;
		cursor: pointer;
	}
	
	#privacy_agrenment
	{
		display: block;
		width: 100%;
		box-sizing: inherit;
	}

	#privacy_agrenment input[type="checkbox"]
	{
		opacity: 0;
		width: 0;
		height: 0;
		cursor: pointer;
	}

	.privacy_confirm_label
	{
		display: block;
		position: relative;
		background: #c2c2c2;
		padding: 48px 30px 48px 60px;
		cursor: pointer;
		border-radius: 3px;
		color: #fff;
		text-align: justify;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		font-size: 14pt;
		font-weight: 400;
	}
	.privacy_confirm_label a
	{
		text-decoration: none;
		color: #fff;
	}
	.form_checkbox
	{
		position: absolute;
		height: 20px;
		width: 20px;
		top: 53px;
		left: 20px;
		z-index: 5;
		background-color: #eee;
		border-radius: 3px;
	}
	.form_checkbox:after
	{
		content: "";
		position: absolute;
		display: none;
	}
	.privacy_confirm_label:hover
	{
		background: #52ad84;
	}
	#privacy_confirm:checked ~ .privacy_confirm_label .form_checkbox:after
	{
		display: block;
	}
	.privacy_confirm_label .form_checkbox:after
	{
		left: 9px;
		top: 5px;
		width: 5px;
		height: 10px;
		border: solid #49a653;
		border-width: 0 3px 3px 0;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	#privacy_confirm.invalid ~ .privacy_confirm_label
	{
		color: #ff0000;
	}
	
	/*For services page*/
	#services-content
	{
		display: table;
		width: 90%;
		max-width: 85em;
		position: relative;
		text-align: left;
		margin: 3em auto;
		padding: 2em;
		border-radius: 0.5em;
		box-shadow: 0em 0em 0.7em #333;
		-webkit-box-shadow: 0em 0em 0.7em #333;
		-moz-box-shadow: 0em 0em 0.7em #333;
		background: #fff;
	}
	#services-content p
	{
		text-align: justify;
		text-justify: inter-word;
		font-size: 14pt;
		color: #333;
	}
	/* career content */
	#career-content
	{
		display: table;
		width: 90%;
		max-width: 85em;
		position: relative;
		text-align: left;
		margin: 3em auto;
		padding: 2em;
		border-radius: 0.5em;
		box-shadow: 0em 0em 0.7em #333;
		-webkit-box-shadow: 0em 0em 0.7em #333;
		-moz-box-shadow: 0em 0em 0.7em #333;
		background: #fff;
	}
	#career-content p
	{
		font-size: 14pt;
		color: #333;
	}
	/* media content */
	#media-cont span
	{
		display: block;
		width: 100%;
		position: relative;
		float: left;
		text-align: left;
		font-size: 14pt;
		color: #333
	}
	#media-cont
	{
		width: 90%;
		max-width: 85em;
		position: relative;
		text-align: left;
		margin: 3em auto;
		padding: 2em;
		border-radius: 0.5em;
		box-shadow: 0em 0em 0.7em #333;
		-webkit-box-shadow: 0em 0em 0.7em #333;
		-moz-box-shadow: 0em 0em 0.7em #333;
		background: #fff;
		overflow: hidden;
	}
	#photos
	{
		display: table;
		width: 100%;
		position: relative;
		float: left;
	}
	#media-cont .photo-link
	{
		display: table-cell;
		width: 20%;
		height: 9.375em;
		position: relative;
		float: left;
		overflow: hidden;
	}
	#lightbox 
	{
		position:fixed; /* keeps the lightbox window in the current viewport */
		top:0; 
		left:0; 
		width:100%; 
		height:100%; 
		background: url(overlay.png) repeat; 
		text-align:center;
		z-index: 9999;
		display: none;
	}
	#lightbox .lightbox-cont
	{
		position: fixed;
		top: 5%;
		left: 0;
		right: 0;
		bottom: 5%;
		margin: auto;
		max-width: 90%;
		max-height: 90%;
	}
	#photo-close
	{
		position: absolute;
		left: 0;
		right: 0;
		max-width: 6.25em;
		margin: auto;
		z-index: 999;
		cursor: pointer;
		background: url(overlay.png) repeat; 
		overflow: hidden;
		border-radius: 1.8em 0em 0em 1.8em;
	}
	#photo-close img
	{
		position: relative;
		float: left;
		height: 1.8em;
		width: 1.8em;
		padding: 0.188em;
	}
	#photo-close a
	{
		position: relative;
		float: left;
		color: #fff; 
		padding: 0.216em;
		text-decoration: none;
		font-size: 16pt;
	}
	#photo-close:hover
	{
		background: rgba(100, 100, 100, 0.8); 
	}
	#photo_content img
	{
		position: absolute;
		top: 10%;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		max-width: 90%;
		max-height: 90%;
		padding: 0.5em;
		background: rgba(100, 100, 100, 0.8); 
		box-shadow: 0 0 25px #111;
		-webkit-box-shadow: 0 0 25px #111;
		-moz-box-shadow: 0 0 25px #111;
	}
	.prev, .next
	{
		z-index: 999;
		background: url(overlay.png) repeat; 
		cursor: pointer;
		position: absolute;
		padding: 0.375em;
		color: #fff;
		text-decoration: none;
		font-size: 16pt;
		text-shadow: 1px 1px 0px #444;
		top: 50%;
	}
	.prev:hover, .next:hover
	{
		background: rgba(100, 100, 100, 0.8); 
	}
	.next
	{
		right: 0;
	}
	.prev
	{
		left: 0;
	}
	/* Contacts page */
	#contact-art
	{
		display: table;
		position: relative;
		width: 90%;
		max-width: 85em;
		margin: 3em auto;
		padding: 2em;
		border-radius: 0.5em;
		box-shadow: 0em 0em 0.7em #333;
		-webkit-box-shadow: 0em 0em 0.7em #333;
		-moz-box-shadow: 0em 0em 0.7em #333;
		background: #fff;
	}
	#contact-art .contact-art-lcell
	{
		display: table-cell;
		position: relative;
		float: left;
		width: 66%;
		text-align: left;
		font-size: 14pt;
		color: #333;
	}
	#contact-art .contact-art-lcell-detail
	{
		display: block;
		width: 100%;
		position: relative;
		float: left;
	}
	#contact-art .contact-art-lcell-map-cell
	{
		display: table-cell;
		width: 100%;
		position: relative;
		float: left;
		vertical-align: middle;
	}
	#contact-art-lcell-map
	{
		display: block;
		min-width: 18.750em;
		width: 70%;
		margin-left: 15%;
		height: 18.750em;
		position: relative;
		float: left;
	}
	#contact-art .contact-art-rcell
	{
		display: table-cell;
		position: relative;
		float: left;
		width: 34%;
		vertical-align: middle;
	}
	#contact-art .vinda-info
	{
		display: block;
		margin-top: 3.25em;
		width: 100%;
		text-align: left;
		font-size: 14pt;
		color: #333;
	}
	#contact-art .contact-art-credentials
	{
		display: table-row;
		width: 100%;
		position: relative;
		float: left;
		vertical-align: middle;
	}
	#contact-art .contact-art-cr-cell
	{
		display: table-cell;
		width: 50%;
		position: relative;
		float: left;
		margin: auto;
		text-align: left;
	}
	#contact-art .contact-art-cr-cell p
	{
		margin: 15px 0;
		color: #333;
		font-size: 10pt;
	}
	#contact-art .contact-art-details-row
	{
		display: table-row;
		position: relative;
		width: 100%;
		float: left;
		margin-bottom: 3em;
	}
	/* footer content */
	#footer
	{
		position: fixed;
		height: 2.2em;
		overflow: hidden;
		right: 0;
		left: 0;
		bottom: 0;
		width: 100%;
		text-align: center;
		margin: 0;
		padding: 0;
		background: #fff;
		font-size: 10pt;
		border-top: solid 0.3em #52ad84;
		color: 333;
	}
	.footerleft
	{
		width: 25%;
		min-height: 1em;
		position: relative;
		float: left;
	}
	.copyright
	{
		width: 50%;
		height: 2.2em;
		position: relative;
		float: left;
		margin: 0.3em 0;
	}
	.footerright
	{
		width: 25%;
		min-height: 1em;
		position: relative;
		float: left;
	}
	.footerright a
	{
		display: block;
		text-decoration: none;
		color: #333;
		padding: 0.4em;
		font-weight: bold;
	}
	.footerright a:active, a:link, a:visited
	{
		color: #333;
	}
}

@media screen and (min-width: 69.250em) and (max-width: 90.250em)
{
	body
	{
		margin: 0;
		min-width: 20em;
		width: 100%;
		height: 100%;
		background-color: #aadbdf;
		font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
	}
	.stop-scrolling 
	{
		height: 100%;
		overflow: hidden;
	}
	#header
	{
		z-index: 111;
		position: realitve;
		width: 100%;
		height: 9.5em;
		background: #fff;
		border-bottom: solid 0.3em #52ad84;
	}
	#header .vindalogo
	{
		position: relative;
		float: left;
		overflow: hidden;
		height: 7em;
		width: 100%;
	}
	.vindaheaderlogo
	{
		display: block;
		position: absolute;
		width: 20.688em;
		height: 6.625em;
		margin: 0.375em 26em;
	}
	.gwologo
	{
		display: block;
		position: absolute;
		width: 9.375em;
		height: 4.313em;
		margin: 3.063em 3em;
	}
	.safetyonlogo
	{
		display: block;
		position: absolute;
		width: 9.375em;
		margin: 0.25em 16em;
	}
		.opitologo
	{
		display: block;
		position: absolute;
		width: 3em;
		height: 3em;
		margin: 3.25em 13em;
	}
	#header .fcontact
	{
		position: relative;
		float: right;
		margin: 5.5em 3em;
		width: 25em;
		text-align: right;
	}
	#header .fcontact img
	{
		position: relative;
		float: left;
		height: 24px;
		width: 24px;
		margin: 0 1em;
	}
	#header .fcontact span
	{
		display: block;
		position: relative;
		float: left;
		font-size: 14pt;
		color: #333;
		padding: 0;
		margin: 0;
	}
	/* menu all pages */
	#header .menu_cont
	{
		position: relative;
		float: left;
		width: 100%;
		height: 2.5em;
		overflow: hidden;
	}
	#nav-top
	{
		display: none; /* menu for mobile view */
	}
	#menu
	{	
		position: relative;
		width: 100%;
	}
	#menu ul
	{
		list-style-type: none;
		float: right;	
		text-align: center;
		padding: 0;
		margin: 0 3em;
	}

	#menu li
	{
		display: inline-block;
		position: relative;
		float: left;
		cursor: pointer;
	}
	#menu .mbefore
	{
		position: absolute;
		display: inline-block;
		width: 0.688em;
		left: -0.688em;
		height: 2.125em;
	}
	#menu a.active
	{
		color: #c1c1c1;
	}
	#menu a
	{
		display: block;
		padding: 0.625em 1em;
		text-decoration: none;
		color: #333;
		font-size: 12pt;
	}
	#menu a:visited, a:active, a:link
	{
		color: #333;	
	}
	#menu a:hover
	{
		color: #aadbdf;
	}

	#content
	{
		position: relative;
		float: left;
		width: 100%;
		height: 100%;
		text-align: center;
	}
	#content .indeximage
	{
		position: relative;
		float: left;
		width: 100%;
		height: 100%;
	}
	#content .indeximage .big
	{
		display: block;
		width: 100%;
	}
	#content .indeximage .mobile
	{
		display: none;
	}
	#content .motto
	{
		width: 41em;
		text-align: right;
		display: block;
		position: absolute;
		right: 0;
		color: #333;
		margin-right: 3em;
		margin-top: 5em;
		font-size: 20pt;
		font-weight: bold;
		text-align: justify;
		text-justify: inter-word;
	}
	/* Training page */
	#tr_main
	{
		position: relative;
		width: 90%;
		margin: 3em auto;
		padding: 2em;
		border-radius: 0.5em;
		box-shadow: 0em 0em 0.7em #333;
		-webkit-box-shadow: 0em 0em 0.7em #333;
		-moz-box-shadow: 0em 0em 0.7em #333;
		background: #fff;
		overflow: hidden;
		text-align: center;
	}
	
	#tr_main p
	{
		font-weight: bold;
		font-size: 14pt;
		
	}
	.tr_row
	{
		position: relative;
		float: left;
		width: 33%;
		height: 480px;
		margin: 1em 0;
		text-align: left;
		overflow: hidden;
	}
	.tr_row_img
	{
		position: relative;
		width: 320px;
		height: 480px;
		background: #aadbdf;
		margin: auto;
	}
	.tr_row_cont
	{
		display: block;
		position: relative;
		width: 320px;
		height: 480px;
		margin: auto;
		margin-top: -130px;
		background: #aadbdf;
		color: #333;
	}
	.tr_row_all
	{
		width: 320px;
		height: 480px;
		margin: auto;
	}
	.tr_row_cont p
	{
		margin: 0;
		padding: 0;
	}
	.tr_row_cont_header
	{
		padding-top: 1em;
		width: 95%;
		margin: auto;
	}
	.tr_row_cont_info
	{
		width: 95%;
		margin: auto;
		display: none;
		font-size: 11.5pt;
	}
	.tr_row_booking
	{
		display: block;
		position: absolute;
		top: 350px;
		width: 95%;
		margin: 0;
		padding: 0;
	}
	.tr_row_custval
	{
		display: block;
		position: absolute;
		font-size: 10pt; 
		font-weight: bold;
		width: 95%;
		top: 320px;
	}
	.tr_row_MBGlobalus
	{
		display: block;
		position: absolute;
		font-size: 8pt; 
		font-weight: bold;
		width: 95%;
		top: 338px;
	}
	.tr_row_booking a:link
	{
		text-decoration: none;
	}
	.tr_row_booking span
	{
		display: block;
		margin: 0.5em 0;
		color: red;
		font-weight: bold;
	}
	.tr_row_cont span
	{
		display: block;
		width: 100%;
		text-align: justify;
		text-justify: inter-word;
	}
	#tr_main .bookbtn
	{
		position: relative;
		display: block;
		cursor: pointer;
		margin: 0.5em 0;
		padding: 1em 0;
		width: 100%;
		font-size: 12pt;
		background-color: #52ad84;
		color: #ffffff;
		font-weight: bold;
		border: none;
	}
	#tr_main .bookbtn:hover
	{
		background-color: #aadbdf;
	}
	#else-content
	{
		width: 100%;
		position: realitve;
		float: left;
		margin-top: 0.5em;
		margin-bottom: 0.5em;
		text-align: left;
		font-size: 14pt; 
		font-weight: bold;
		color: #333;
	}
	#tr_main .training-before
	{
		display: block;
		width: 100%;
		height: 0.188em;
		content: " ";
		background: #c1c1c1; 
		position: relative;
		float: left;
		margin: 0.5em 0;
	}
	/* booking page */
	#booking_tab_background
	{
		position: fixed; 
		overflow-y:scroll;
		top:0; 
		left:0; 
		width: 100%;
		height: 100%;
		background: url(overlay.png) repeat; 
		text-align:center;
		z-index: 2;
		display: none;

	} 
	#booking_tab_content
	{
		display: block;
		position: relative;
		top: 15%;
		left: 0;
		right: 0;
		margin: auto;
		width: 900px;
		background-color: #fff;
		z-index: 99;
		margin-bottom: 15%;
	}
	#booking_tab_course_name
	{
		font-size: 16pt;
		padding: 35px;
	}
	#booking_tab_content .booking_tab_content_tab
	{
		display: none;
	}
	#training_course_booking_form
	{
		display: block;
		margin: auto;
		position: relative;
		width: 800px;
		background: 0;
	}
	.booking_date_selection
	{
		display: block;
		position: relative;
		width: 100%;
		max-width: 600px;
		border: 1px solid #c1c1c1;
		padding: 0;
		margin: auto;
		border-bottom: transparent;
		overflow: auto;
	}
	.booking_date_selection:hover
	{
		background: #aadbdf;

	}
	.booking_date_selection_last_border
	{
		display: block;
		content: ' ';
		position: relative;
		border-bottom: 1px solid #c1c1c1;
		width: 600px;
		margin: auto;
	}
	.booking_date_selection p
	{
		width: 200px;
		position: relative;
		float: left;
		padding: 20px;
	}
	.date_select_btn
	{
		-webkit-appearance: none;
		border: none;
		display: block;
		padding: 10px 30px;
		margin: 25px auto;
		background: #fff;
		border-radius: 3px;
		color: #52ad84;
	}
	.date_select_btn:hover
	{
		color: #fff;
		background: #52ad84;
		cursor: pointer;
	}
	.booking_form_header
	{
		width: 100%;
		margin: auto;
		overflow: auto;
		text-align: left;
	}
	.booking_form_tab_h2
	{
		display: inline-block;
		float: left;
		text-align: left;
		font-size: 16pt;
		font-weight: 400;
		overflow: auto;
	}
	#booking_form_tab_h2_date_selected
	{
		display: inline-block;
		float: left;
		text-align: left;
		font-size: 16pt;
		font-weight: 400;
		padding: 0 20px;
		color: #52ad84;
	}
	.booking_form_tab_paragraph
	{
		text-align: left;
		font-size: 14pt;
		padding: 20px 0;
	}
	#city_selection
	{
		position: relative;
		width: 100%;
		margin: auto;
	}
	#city_selection ul
	{
		display: block;
		width: 100%;
		text-align: left;
		overflow: auto;
		list-style: none;
		margin: 0;
		padding: 0;
	}
	#city_selection ul li
	{
		display: inline-block;
		position: relative;
		float: left;
		margin: 0 20px 0 5px;
	}	
	#city_selection ul li input[type=radio]
	{
		position: absolute;
		visibility: hidden;
	}
	#city_selection ul li label
	{
		display: block;
		position: relative;
		font-size: 12pt;
		padding: 15px 25px 15px 50px;
		margin: 10px auto;
		z-index: 1;
		cursor: pointer;
		-webkit-transition: all 0.25s linear;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
		border-radius: 3px;
		color: #aaa;
	}
	#city_selection ul li:hover label
	{
		color: #52ad84;
	}
	#city_selection ul li .booking_form_radio
	{
		display: block;
		position: absolute;
		border: 2px solid #aaa;
		border-radius: 100%;
		height: 20px;
		width: 20px;
		top: 23px;
		left: 20px;
		z-index: 5;
		transition: border .25s linear;
		-webkit-transition: border .25s linear;
	}
	#city_selection ul li:hover .booking_form_radio
	{
		border: 5px solid #52ad84;
	}
	#city_selection ul li input[type=radio]:checked ~ .booking_form_radio 
	{
		background: #52ad84;
		border: 2px solid #52ad84;
	}

	#city_selection ul li input[type=radio]:checked ~ label
	{
		color: #52ad84;
	}
	#city_selection ul li input[type=radio].invalid ~ label
	{
		color: #ff0000;
	}	

	#city_selection ul li input[type=radio].invalid ~ .booking_form_radio
	{
		border: 2px solid #ff0000;
	}
	.booking_tab_content_tab input[type=text]
	{
		-webkit-appearance: none;
		background: 0 0;
		display: block;
		outline: none;
		width: 100%;
		border: 0;
		border-radius: 0;
		border-bottom: 1px solid #f2f2f2;
		padding: 0 0 20px;
		font-size: 12pt;
		line-height: 1.5;
	}
	.booking_tab_content_tab input[type=text].invalid
	{
		border-bottom: 1px solid #ff0000;
	}
	.booking_tab_content_tab input[type=text].invalid::placeholder
	{
		color: #ff0000;
	}
	.booking_tab_content_tab input[type=text].invalid::-webkit-input-placeholder
	{
		color: #ff0000;
	}

	.booking_form_btn_div
	{
		width: 100%;
		text-align: right;
	}
	#prevBtn
	{
		-webkit-appearance: none;
		border: none;
		position: relative;
		display: block;
		padding: 10px 30px;
		margin: 25px auto;
		background: #c2c2c2;
		border-radius: 3px;
		color: #fff;
	}
	#prevBtn:hover
	{
		color: #fff;
		background: #52ad84;
		cursor: pointer;
	}
	#nextBtn
	{
		-webkit-appearance: none;
		border: none;
		position: relative;
		display: block;
		padding: 10px 30px;
		margin: 25px auto;
		background: #c2c2c2;
		color: #fff;
		border-radius: 3px;
	}	
	#nextBtn:hover
	{
		color: #fff;
		background: #52ad84;
		cursor: pointer;
	}
	
	#privacy_agrenment
	{
		display: block;
		width: 100%;
		box-sizing: inherit;
	}

	#privacy_agrenment input[type="checkbox"]
	{
		opacity: 0;
		width: 0;
		height: 0;
		cursor: pointer;
	}

	.privacy_confirm_label
	{
		display: block;
		position: relative;
		background: #c2c2c2;
		padding: 48px 30px 48px 60px;
		cursor: pointer;
		border-radius: 3px;
		color: #fff;
		text-align: justify;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		font-size: 14pt;
		font-weight: 400;
	}
	.privacy_confirm_label a
	{
		text-decoration: none;
		color: #fff;
	}
	.form_checkbox
	{
		position: absolute;
		height: 20px;
		width: 20px;
		top: 53px;
		left: 20px;
		z-index: 5;
		background-color: #eee;
		border-radius: 3px;
	}
	.form_checkbox:after
	{
		content: "";
		position: absolute;
		display: none;
	}
	.privacy_confirm_label:hover
	{
		background: #52ad84;
	}
	#privacy_confirm:checked ~ .privacy_confirm_label .form_checkbox:after
	{
		display: block;
	}
	.privacy_confirm_label .form_checkbox:after
	{
		left: 9px;
		top: 5px;
		width: 5px;
		height: 10px;
		border: solid #49a653;
		border-width: 0 3px 3px 0;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	#privacy_confirm.invalid ~ .privacy_confirm_label
	{
		color: #ff0000;
	}
	/*For services page*/
	#services-content
	{
		display: table;
		width: 90%;
		max-width: 85em;
		position: relative;
		text-align: left;
		margin: 3em auto;
		padding: 2em;
		border-radius: 0.5em;
		box-shadow: 0em 0em 0.7em #333;
		-webkit-box-shadow: 0em 0em 0.7em #333;
		-moz-box-shadow: 0em 0em 0.7em #333;
		background: #fff;
	}
	#services-content p
	{
		text-align: justify;
		text-justify: inter-word;
		font-size: 14pt;
		color: #333;
	}
	/* career content */
	#career-content
	{
		display: table;
		width: 90%;
		max-width: 85em;
		position: relative;
		text-align: left;
		margin: 3em auto;
		padding: 2em;
		border-radius: 0.5em;
		box-shadow: 0em 0em 0.7em #333;
		-webkit-box-shadow: 0em 0em 0.7em #333;
		-moz-box-shadow: 0em 0em 0.7em #333;
		background: #fff;
	}
	#career-content p
	{
		font-size: 14pt;
		color: #333;
	}
	/* media content */
	#media-cont span
	{
		display: block;
		width: 100%;
		position: relative;
		float: left;
		text-align: left;
		font-size: 14pt;
		color: #333
	}
	#media-cont
	{
		width: 90%;
		max-width: 85em;
		position: relative;
		text-align: left;
		margin: 3em auto;
		padding: 2em;
		border-radius: 0.5em;
		box-shadow: 0em 0em 0.7em #333;
		-webkit-box-shadow: 0em 0em 0.7em #333;
		-moz-box-shadow: 0em 0em 0.7em #333;
		background: #fff;
		overflow: hidden;
	}
	#photos
	{
		display: table;
		width: 100%;
		position: relative;
		float: left;
	}
	#media-cont .photo-link
	{
		display: table-cell;
		width: 20%;
		height: 9.375em;
		position: relative;
		float: left;
		overflow: hidden;
	}
	#lightbox 
	{
		position:fixed; /* keeps the lightbox window in the current viewport */
		top:0; 
		left:0; 
		width:100%; 
		height:100%; 
		background: url(overlay.png) repeat; 
		text-align:center;
		z-index: 9999;
		display: none;
	}
	#lightbox .lightbox-cont
	{
		position: fixed;
		top: 5%;
		left: 0;
		right: 0;
		bottom: 5%;
		margin: auto;
		max-width: 90%;
		max-height: 90%;
	}
	#photo-close
	{
		position: absolute;
		left: 0;
		right: 0;
		max-width: 6.25em;
		margin: auto;
		z-index: 999;
		cursor: pointer;
		background: url(overlay.png) repeat; 
		overflow: hidden;
		border-radius: 1.8em 0em 0em 1.8em;
	}
	#photo-close img
	{
		position: relative;
		float: left;
		height: 1.8em;
		width: 1.8em;
		padding: 0.188em;
	}
	#photo-close a
	{
		position: relative;
		float: left;
		color: #fff; 
		padding: 0.216em;
		text-decoration: none;
		font-size: 16pt;
	}
	#photo-close:hover
	{
		background: rgba(100, 100, 100, 0.8); 
	}
	#photo_content img
	{
		position: absolute;
		top: 10%;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		max-width: 90%;
		max-height: 90%;
		padding: 0.5em;
		background: rgba(100, 100, 100, 0.8); 
		box-shadow: 0 0 25px #111;
		-webkit-box-shadow: 0 0 25px #111;
		-moz-box-shadow: 0 0 25px #111;
	}
	.prev, .next
	{
		z-index: 999;
		background: url(overlay.png) repeat; 
		cursor: pointer;
		position: absolute;
		padding: 0.375em;
		color: #fff;
		text-decoration: none;
		font-size: 16pt;
		text-shadow: 1px 1px 0px #444;
		top: 50%;
	}
	.prev:hover, .next:hover
	{
		background: rgba(100, 100, 100, 0.8); 
	}
	.next
	{
		right: 0;
	}
	.prev
	{
		left: 0;
	}
	/* Contacts page */
	#contact-art
	{
		display: table;
		position: relative;
		width: 90%;
		max-width: 85em;
		margin: 3em auto;
		padding: 2em;
		border-radius: 0.5em;
		box-shadow: 0em 0em 0.7em #333;
		-webkit-box-shadow: 0em 0em 0.7em #333;
		-moz-box-shadow: 0em 0em 0.7em #333;
		background: #fff;
	}
	#contact-art .contact-art-lcell
	{
		display: table-cell;
		position: relative;
		float: left;
		width: 66%;
		text-align: left;
		font-size: 14pt;
		color: #333;
	}
	#contact-art .contact-art-lcell-detail
	{
		display: block;
		width: 100%;
		position: relative;
		float: left;
	}
	#contact-art .contact-art-lcell-map-cell
	{
		display: table-cell;
		width: 100%;
		position: relative;
		float: left;
		vertical-align: middle;
	}
	#contact-art-lcell-map
	{
		display: block;
		min-width: 18.750em;
		width: 70%;
		margin-left: 15%;
		height: 18.750em;
		position: relative;
		float: left;
	}
	#contact-art .contact-art-rcell
	{
		display: table-cell;
		position: relative;
		float: left;
		width: 34%;
		vertical-align: middle;
	}
	#contact-art .vinda-info
	{
		display: block;
		margin-top: 3.25em;
		width: 100%;
		text-align: left;
		font-size: 14pt;
		color: #333;
	}
	#contact-art .contact-art-credentials
	{
		display: table-row;
		width: 100%;
		position: relative;
		float: left;
		vertical-align: middle;
	}
	#contact-art .contact-art-cr-cell
	{
		display: table-cell;
		width: 50%;
		position: relative;
		float: left;
		margin: auto;
		text-align: left;
	}
	#contact-art .contact-art-cr-cell p
	{
		margin: 15px 0;
		color: #333;
		font-size: 10pt;
	}
	#contact-art .contact-art-details-row
	{
		display: table-row;
		position: relative;
		width: 100%;
		float: left;
		margin-bottom: 3em;
	}
	/* footer content */
	#footer
	{
		position: fixed;
		height: 2.2em;
		overflow: hidden;
		right: 0;
		left: 0;
		bottom: 0;
		width: 100%;
		text-align: center;
		margin: 0;
		padding: 0;
		background: #fff;
		font-size: 10pt;
		border-top: solid 0.3em #52ad84;
		color: 333;
	}
	.footerleft
	{
		width: 25%;
		min-height: 1em;
		position: relative;
		float: left;
	}
	.copyright
	{
		width: 50%;
		height: 2.2em;
		position: relative;
		float: left;
		margin: 0.3em 0;
	}
	.footerright
	{
		width: 25%;
		min-height: 1em;
		position: relative;
		float: left;
	}
	.footerright a
	{
		display: block;
		text-decoration: none;
		color: #333;
		padding: 0.4em;
		font-weight: bold;
	}
	.footerright a:active, a:link, a:visited
	{
		color: #333;
	}
}