html, body {
	font-family: 'Overpass', 'Open Sans', 'Helvetica', 'sans-serif' !important;
	font-size: 16px !important;
	-webkit-user-select: none; /* Safari */
	-ms-user-select: none; /* IE 10 and IE 11 */
	user-select: none; /* Standard syntax */
	/*height:100%;*/
}
body {
    /*background: url("../images/background.jpg");*/
    margin: 0px auto !important;
    padding: 0;
    border: 0;
    outline: none;
    vertical-align: baseline;
    background: transparent;	
}
main{
	width:100vw;
	height: calc(100vh - 68px);
}
/* 1. Dark Menu Bar */
.megamenu_long_dark_bar {
    width: 100%;
    /*height: 49.5px;*/
    height: 69px;
    margin: 0 auto;
    position: relative;
    z-index: 9999;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    background: #333333;
    background: -webkit-linear-gradient(top,#333333 0%,#181818);
    background: -moz-linear-gradient(top,#333333 0%,#181818);
    background: -o-linear-gradient(top,#333333 0%,#181818);
    background: linear-gradient(top,#333333 0%,#181818);
   /* border: 1px solid #171717;*/
    border-bottom: 0px;
    -webkit-box-shadow: inset 0px 0px 2px rgba(40,40,40,0.7);
    -moz-box-shadow: inset 0px 0px 2px rgba(40,40,40,0.7);
    box-shadow: inset 0px 0px 2px rgba(40,40,40,0.7);
}

.page_grand_wrapper{
	width: 100%;
	margin: auto;
	margin-top:0px;
	font-family:'Open Sans', Arial, Helvetica, sans-serif!important;
	font-size:0.75rem;
	line-height:21px;
}
.page_wrapper {
	width: 1024px;
	margin: 0px auto;
}

.page_wrapper_vertical {
	width: 860px;
	margin: 36px auto;
	margin-top: 0px;
	font-size:0.75rem;
	line-height:21px;
}
.menu_description {
	color:#333333!important;
	text-shadow:1px 1px 1px #ffffff !important;
	padding-bottom: 0px;
}
.menu_description h1 {
	margin-top: 24px;
	font-size:24px;
	line-height:38px;
}
.menu_description h2 {
	font-size:20px;
	line-height:24px;
}
.menu_description h3 {
        font-size: 16px;
        line-height: 20px;
}
.menu_description ul.description {
	font-size:12px;
	line-height:21px;
	list-style: square;
	margin: 0 0 0 15px;
	padding: 0;
}
.menu_description a {
	color: #888888!important;
	text-decoration: none;
}
.page_wrapper_vertical {
	width:960px;
	margin: 36px auto;
}
.page_wrapper_vertical .menu_description {
	float:left;
	width: 760px;
	margin-left: 40px;
}
.page_wrapper_vertical .menu_description h1 {
	margin-top: -6px;
}
.page_wrapper_fixed {
	margin: 68px auto;
}
.page_wrapper {width:100%;}






	/*  _______________________________________________

    01 MEGA MENU BAR
    _______________________________________________  */




.megamenu_container {
	width: 100%;
	height: 68px;
	*height: 44px;
	margin: 0 auto;
	position: relative;
	z-index: 9999;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 0;
	-moz-border-radius: 0 ;
	border-radius: 0;
}

	.megamenu_fixed {
		width: inherit;
		position: fixed;
		top: 0;
		/* IE7 Fix */
		*width: expression(this.parentNode.currentStyle['width']);
	}

	.megamenu {
		list-style: none;
		padding: 0;
		position: relative; /* For IE7 */
		margin: 0;
		font-family: 400 16px/1.667 "Open Sans", Arial, Helvetica, sans-serif !important;
		font-size: 1rem;
		line-height: 1;
		width: 94%;
		left:3%;
	}

		.megamenu > li {
			float: left;
			margin: 0;
			border: none;
			-webkit-transition: background 0.5s ease;
			-moz-transition: background 0.5s ease;
			-o-transition: background 0.5s ease;
			transition: background 0.5s ease;
			height:68px;
		}

			.megamenu > li > a {
				font-size: 16px;
				/*text-transform: uppercase;*/
				outline: 0;
				text-decoration: none;
				display: block;
				/*padding: 16px 15px 17px 15px;*/
				padding: 26px 15px 27px 15px;
			}

			.megamenu > li .megamenu_drop {
				padding-right: 30px;
				
			}
		.megamenu li.megamenu_button {
			display: none;
			-webkit-transition: none;
			-moz-transition: none;
			-o-transition: none;
			transition: none;
			font-weight: 800 !important;
		}

.megamenu_MenuButtonBar1, .megamenu_MenuButtonBar2, .megamenu_MenuButtonBar3 {
	width: 18px;
	height: 2px;
	background-color: white;
	margin: 3px 0;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}

	.change .megamenu_MenuButtonBar1 {
		-ms-transform: rotate(-45deg) translate(0px, 7px);
		-webkit-transform: rotate(-45deg) translate(0px, 7px);
		transform: rotate(-45deg) translate(0px, 7px);
		background-color: #808080;
	}

	.change .megamenu_MenuButtonBar2, .change .map_MenuButtonBar2 {
		opacity: 0;
	}

	.change .megamenu_MenuButtonBar3 {
		-ms-transform: rotate(45deg) translate(0px, -7px);
		-webkit-transform: rotate(45deg) translate(0px, -7px);
		transform: rotate(45deg) translate(0px, -7px);
		background-color: #808080;
	}

	.container_MenuButton {
		display: inline-block;
		float: right;
		cursor: pointer;
		margin-right: 10px;
	}

	.megamenu_MenuButton {
		/*background: url("../images/dropdown.png") no-repeat right 19px;*/
		padding: 26px 10px 42px 10px !important;
		width:40px;
		float: right;
	}

	.megamenu_MenuButton_active {
		/*background: url("../images/dropdown-up.png") no-repeat right 18px;*/
		display: flow-root !important;
		padding-bottom: 24px !important;
	}


	.menuLogo {
		font-weight: 700!important;
		font-size: 1.2em!important;
		padding: 23px 15px 27px 0px!important;
	}


	/* Right aligned menu item */

	.megamenu li.megamenu_right {
		float: right;
		margin-right: -1px;
	}

		.megamenu li.megamenu_right a {
			/* margin-right:5px; */
		}




	/*  _______________________________________________

    02 MEGA MENU CONTAINERS
    _______________________________________________  */




.megamenu li .dropdown_container,
.megamenu li .dropdown_fullwidth,
.megamenu li .dropdown_multilevel {
	position: absolute;
	margin: 0;
	padding-top: 24px;
	padding-bottom: 10px;
	left: auto;
	top: 69px;
	display: block;
	zoom: 1;
	z-index: 9998;
	float: left;
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
	display: none;
	opacity: 0;
}

	.megamenu li .dropdown_first {
		margin-left: -1px;
	}

	.megamenu li .droplast_right {
		margin-right: -1px;
	}
.megamenu li .dropdown_container,
.megamenu li .dropdown_multilevel,
.megamenu li .dropdown_right {
	left: auto;
}
.megamenu li .dropdown_fullwidth {
	left: -1px;
	font-family: "Roboto"!important;
}
.megamenu li .dropdown_right {
	right: 0;
}

/* Showing Drop Down on Mouse Hover 
.megamenu li:hover .dropdown_container {
	top: 54px;
	left: auto;
}

	.megamenu li:hover .dropdown_fullwidth {
		top: 45px;
		left: -1px;
	}

	

	.megamenu li:hover .dropdown_right {
		top: 45px;
		left: auto;
		right: 0;
	}

*/
/*
	Bigger containers need smaller padding values and
	on the opposite, smaller containers will have
	higher paddings. 
	This makes the content within each kind of drop down 
	equally distant from the left edge. 
*/
.megamenu .dropdown_1column {
	width: 8.3334%;
	padding-left: 2%;
	padding-right: 2%;
}

	.megamenu .dropdown_2columns {
		width: 16.6667%;
		padding-left: 15px;
		padding-right: 1.8333%;
	}

	.megamenu .dropdown_3columns {
		width: 25%;
		padding-left: 1.5%;
		padding-right: 1.5%;
	}

	.megamenu .dropdown_4columns {
		width: 33.3334%;
		padding-left: 1.333%;
		padding-right: 1.333%;
	}

	.megamenu .dropdown_5columns {
		width: 41.6667%;
		padding-left: 1.166%;
		padding-right: 1.166%;
	}

	.megamenu .dropdown_6columns {
		width: 50%;
		padding-left: 1%;
		padding-right: 1%;
	}

	.megamenu .dropdown_7columns {
		width: 58.3334%;
		padding-left: 0.833%;
		padding-right: 0.833%;
	}

	.megamenu .dropdown_8columns {
		width: 66.6667%;
		padding-left: 0.666%;
		padding-right: 0.666%;
	}

	.megamenu .dropdown_9columns {
		width: 75%;
		padding-left: 0.5%;
		padding-right: 0.5%;
	}

	.megamenu .dropdown_10columns {
		width: 83.3334%;
		padding-left: 0.333%;
		padding-right: 0.333%;
	}

	.megamenu .dropdown_11columns {
		width: 91.6667%;
		padding-left: 0.1666%;
		padding-right: 0.1666%;
	}

	.megamenu .dropdown_12columns,
	.megamenu .dropdown_fullwidth {
		width: 100%;
	}




	/*  _______________________________________________

    03 DROP DOWN COLUMNS GRID
    _______________________________________________  */




	.megamenu .col_1,
	.megamenu .col_2,
	.megamenu .col_3,
	.megamenu .col_4,
	.megamenu .col_5,
	.megamenu .col_6,
	.megamenu .col_7,
	.megamenu .col_8,
	.megamenu .col_9,
	.megamenu .col_10,
	.megamenu .col_11,
	.megamenu .col_12 {
		float: left;
		display: inline;
		position: relative;
		margin-left: 2%;
		margin-right: 2%;
		/* 
	Rounding error with IE7.
	Lower margin values will absorb the difference.
	*/
		*margin-left: 1.9%;
		*margin-right: 1.9%;
	}

	.megamenu .col_1 {
		width: 4.33%;
	}

	.megamenu .col_2 {
		width: 12.66%;
	}

	.megamenu .col_3 {
		width: 21%;
	}

	.megamenu .col_4 {
		width: 29.33%;
	}

	.megamenu .col_5 {
		width: 37.66%;
	}

	.megamenu .col_6 {
		width: 46%;
	}

	.megamenu .col_7 {
		width: 54.33%;
	}

	.megamenu .col_8 {
		width: 62.66%;
	}

	.megamenu .col_9 {
		width: 71%;
	}

	.megamenu .col_10 {
		width: 79.33%;
	}

	.megamenu .col_11 {
		width: 87.66%;
	}

	.megamenu .col_12 {
		width: 96%;
	}

	.megamenu .rowcontent {
		clear: left;
		/*
	IE7 clear issue.
	Display inline required.
	*/
		*display: inline;
	}




	/*  _______________________________________________

    04 FLY-OUT MENU
    _______________________________________________  */




	.megamenu .dropdown_flyout,
	.megamenu .dropdown_flyout .dropdown_flyout_level {
		padding: 0;
		margin: 0;
		list-style: none;
		z-index: 9;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}

		.megamenu .dropdown_flyout li {
			float: left;
			width: 92%;
			padding: 3px 4% 3px 4%;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
		}

		.megamenu .dropdown_flyout ul li {
			width: 140px;
			padding: 3px 10px 3px 10px;
		}

		.megamenu .dropdown_flyout a {
			display: block;
			/*width: 10rem;*/
			max-width: 20rem;
		}

		.megamenu .dropdown_flyout .dropdown_flyout_level {
			position: absolute;
			margin: 15px 0 0 4px;
			padding: 6px;
			left: -9999em;
			top: -9999em;
			display: block;
			zoom: 1;
			float: left;
		}

		.megamenu .dropdown_flyout li:hover > .dropdown_flyout_level {
			left: 95%;
			top: -21px;
		}

		.megamenu .dropdown_flyout li:hover > .dropdown_flyout_level_left {
			left: -108%;
			right: 100%;
		}




	/*  _______________________________________________

    05 MEGA MENU WEB ELEMENTS
    _______________________________________________  */




	/* 1. General Typography */


	.megamenu p,

	.megamenu h2,
	.megamenu h3,
	.megamenu h4,
	.megamenu h5,
	.megamenu h6 {
		padding: 0;
		margin: 0 0 20px;
	}

	.megamenu > li > div a {
		text-decoration: none;
		outline: none;
	}

		.megamenu > li > div a:hover {
			-webkit-transition: color 0.3s;
			-moz-transition: color 0.3s;
			-o-transition: color 0.3s;
			transition: color 0.3s;
		}

	.megamenu p {
		font-size: 1rem;
		line-height: 21px;
	}


.megamenu h2,
.megamenu h3,
.megamenu h4,
.megamenu h5,
.megamenu h6 {
	/*font-weight: bold;*/
	margin: 0 0 20px 0;
}

	.megamenu h1 {
		font-size: 1.2rem;

	}

	.megamenu h2 {
		font-size: 1rem;
		line-height: 1.2rem;
	}

	.megamenu h3 {
		font-size: 16px;
		line-height: 20px;
	}

	.megamenu h4 {
		font-size: 14px;
		line-height: 18px;
		margin-bottom: 14px;
	}

	.megamenu h5 {
		font-size: 12px;
		line-height: 18px;
		margin-bottom: 14px;
	}

	.megamenu h6 {
		font-size: 10px;
		line-height: 16px;
		margin-bottom: 14px;
		text-transform: uppercase;
	}


	/* 2. Lists */


	.megamenu li ul,
	.megamenu li ol {
		padding: 0;
		margin: 0 0 18px 20px;
	}

	.megamenu li ul {
		list-style: disc;
	}

	.megamenu li ol {
		list-style: decimal;
		*margin-left: 22px;
	}

		.megamenu li ul li,
		.megamenu li ol li {
			font-size: 1rem /*12px;*/;
			line-height: 21px;
			position: relative;
			padding: 0;
			margin: 0;
			float: none;
			text-align: left;
		}

	.megamenu li .list_unstyled {
		list-style: none;
		margin-left: 0;
	}


	/* 3. Custom Paragraphs */


	.megamenu .blue,
	.megamenu .grey,
	.megamenu .orange,
	.megamenu .dark,
	.megamenu .purple,
	.megamenu .yellow{
		padding: 0 0 0 15px;
		margin-bottom: 18px;
		border-left: solid 5px;
	}
	.yellow{
		border-left-color:yellow
	}
	.megamenu .blue {
		border-left-color: #929292;
	}

	.megamenu .grey {
		border-left-color: #ECE7BA;
	}

	.megamenu .orange {
		border-left-color: #BD4F33;
	}

	.megamenu .dark {
		border-left-color: #3F3F3F;
	}

	.megamenu .purple {
		border-left-color: #382E34;
	}

	.megamenu .black_box {
		text-shadow: none;
		padding: 10px;
		margin-top: -10px;
		*margin-top: 0;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}


	/* 4. Video + Misc. */

	.megamenu .map_container {
		position: relative;
		padding-bottom: 56.25%;
		overflow: hidden;
		margin-bottom: 24px;
		border: 4px solid #ddd;
	}

		.megamenu .map_container .map {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			border: none;
		}

	.megamenu .video_container {
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 30px;
		height: 0;
		overflow: hidden;
		margin-bottom: 24px;
	}

		.megamenu .video_container iframe,
		.megamenu .video_container object,
		.megamenu .video_container embed {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			border: none;
		}

	.megamenu .dropcap {
		display: block;
		float: left;
		font-size: 42px;
		line-height: 36px;
		margin: 4px 8px 0 0;
	}

	.megamenu hr {
		width: 100%;
		height: 0;
		*height: 2px;
		border: none;
		margin-bottom: 24px;
	}


	/* 5. Images */


	.megamenuimg {
		max-width: 100%;
		height: auto;
		border: none;
		margin-bottom: 18px;
	}

		.megamenuimg.img_left {
			float: left;
			margin-right: 18px;
		}

		.megamenuimg.img_right {
			float: right;
			margin-left: 18px;
		}

	.megamenuimg {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
		filter: alpha(opacity=70);
		opacity: 0.7;
		-webkit-transition: opacity 0.3s ease-in-out;
		-moz-transition: opacity 0.3s ease-in-out;
		-o-transition: opacity 0.3s ease-in-out;
		transition: opacity 0.3s ease-in-out;
	}

		.megamenuimg:hover {
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
			filter: alpha(opacity=100);
			opacity: 1;
			-webkit-transition: opacity 0.3s ease-in-out;
			-moz-transition: opacity 0.3s ease-in-out;
			-o-transition: opacity 0.3s ease-in-out;
			transition: opacity 0.3s ease-in-out;
		}


	/* 6. Paragraph Icons */


	.megamenu .paragraph_icon {
		padding-left: 36px;
		padding-right: 20px;
		margin-bottom: 18px;
	}

	.megamenu .empty-paragraph_icon {
		padding-left: 36px;
		margin-bottom: 18px;
	}

	.megamenu .mini_icon, .megamenu .mini_icon_x {
		background-repeat: no-repeat;
		margin-top: 4px;
		margin-left: -34px;
		float: left;
		width: 20px;
		height: 20px;
	}

	.megamenu_dark .megamenu .mini_icon {
		background-image: url("../images/icons/mini-icons-white.png");
	}

	.megamenu_light .megamenu .mini_icon {
		background-image: url("../images/icons/mini-icons-black.png");
	}

	.ruber-services-black {
		background-image: url("../images/icons/mini-icons-black_ruber-services.png");
		background-repeat: no-repeat;
		margin-top: 0px;
		margin-left: -34px;
		float: left;
		width: 20px;
		height: 20px;
	}

	.ruber-no-service {
		background-image: url("../images/icons/empty.png");
		background-size: 14px 14px;
		background-repeat: no-repeat;
		margin-top: 2px;
		margin-left: -34px;
		float: left;
		width: 16px;
		height: 16px;
	}

	.megamenu .ic_archive {
		background-position: 0px 0px;
	}

	.megamenu .ic_attachment {
		background-position: 0px -56px;
	}

	.megamenu .ic_bookmark {
		background-position: 0px -112px;
	}

	.megamenu .ic_brush {
		background-position: 0 -168px;
	}

	.megamenu .ic_calc {
		background-position: 0 -224px;
	}

	.megamenu .ic_calendar {
		background-position: 0 -280px;
	}

	.megamenu .ic_cancel {
		background-position: 0 -336px;
	}

	.megamenu .ic_chat {
		background-position: 0 -392px;
	}

	.megamenu .ic_chats {
		background-position: 0 -448px;
	}

	.megamenu .ic_cloud {
		background-position: 0 -504px;
	}

	.megamenu .ic_delete {
		background-position: 0 -560px;
	}

	.megamenu .ic_documents {
		background-position: 0 -616px;
	}

	.megamenu .ic_down {
		background-position: 0 -672px;
	}

	.megamenu .ic_down_circle {
		background-position: 0 -728px;
	}

	.megamenu .ic_download {
		background-position: 0 -784px;
	}

	.megamenu .ic_edit {
		background-position: 0 -840px;
	}

	.megamenu .ic_empty_document {
		background-position: 0 -896px;
	}

	.megamenu .ic_favorite {
		background-position: 0 -952px;
	}

	.megamenu .ic_folder {
		background-position: 0 -1008px;
	}

	.megamenu .ic_fullscreen {
		background-position: 0 -1064px;
	}

	.megamenu .ic_graph {
		background-position: 0 -1120px;
	}

	.megamenu .ic_grid {
		background-position: 0 -1176px;
	}

	.megamenu .ic_left {
		background-position: 0 -1232px;
	}

	.megamenu .ic_left_circle {
		background-position: 0 -1288px;
	}

	.megamenu .ic_list {
		background-position: 0 -1344px;
	}

	.megamenu .ic_lock {
		background-position: 0 -1400px;
	}

	.megamenu .ic_mail {
		background-position: 0 -1456px;
	}

	.megamenu .ic_minus {
		background-position: 0 -1512px;
	}

	.megamenu .ic_ok {
		background-position: 0 -1568px;
	}

	.megamenu .ic_picture {
		background-position: 0 -1624px;
	}

	.megamenu .ic_pin {
		background-position: 0 -1680px;
	}

	.megamenu .ic_plus {
		background-position: 0px -1736px;
	}

	.megamenu .ic_power {
		background-position: 0 -1792px;
	}

	.megamenu .ic_print {
		background-position: 0 -1848px;
	}

	.megamenu .ic_refresh {
		background-position: 0 -1904px;
	}

	.megamenu .ic_right {
		background-position: -56px 0;
	}

	.megamenu .ic_right_circle {
		background-position: -56px -56px;
	}

	.megamenu .ic_settings {
		background-position: -56px -112px;
	}

	.megamenu .ic_sound {
		background-position: -56px -168px;
	}

	.megamenu .ic_sync {
		background-position: -56px -224px;
	}

	.megamenu .ic_tag {
		background-position: -56px -280px;
	}

	.megamenu .ic_target {
		background-position: -56px -336px;
	}

	.megamenu .ic_text_document {
		background-position: -56px -392px;
	}

	.megamenu .ic_time {
		background-position: -56px -448px;
	}

	.megamenu .ic_unlock {
		background-position: -56px -504px;
	}

	.megamenu .ic_up {
		background-position: -56px -560px;
	}

	.megamenu .ic_up_circle {
		background-position: -56px -616px;
	}

	.megamenu .ic_user {
		background-position: -56px -672px;
	}

	.megamenu .ic_users {
		background-position: -56px -728px;
	}

	.megamenu .ic_zoom {
		background-position: -56px -784px;
	}

	.ic_driver_x {
		background-position: 0 0;
	}

	.ic_mover_x {
		background-position: 0 -56px;
	}

	.ic_maid_x {
		background-position: 0 -112px;
	}

	.ic_babysitter_x {
		background-position: 0 -168px;
	}

	.ic_tow_x {
		background-position: 0 -224px;
	}
.ic_handyman_x {
	background-position: 0 -24px;
}
	.ic_technician_x {
		background-position: 0 -280px;
	}

	/* Style the button that is used to open and close the collapsible content */
	.collaps, .active-service-button {
		background-color: #f5f5f5;
		color: #444;
		cursor: pointer;
		padding: 14px;
		width: 100%;
		border: none;
		text-align: left;
		outline: none;
		font-size: 15px;
	}

	.active-service-button {
		cursor: default;
	}

.serviceTransition {
	-webkit-transition: left 0.5s cubic-bezier(.42,-0.3,.78,1.25), top 0.8s cubic-bezier(.42,-0.3,.78,1.25);
	-moz-transition: left 0.5s cubic-bezier(.42,-0.3,.78,1.25), top 0.8s cubic-bezier(.42,-0.3,.78,1.25);
	-o-transition: left 0.5s cubic-bezier(.42,-0.3,.78,1.25), top 0.8s cubic-bezier(.42,-0.3,.78,1.25);
	transition: left 0.5s cubic-bezier(.42,-0.3,.78,1.25), top 0.8s cubic-bezier(.42,-0.3,.78,1.25);
}
	/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
	.active, .collaps:hover {
		background-color: #eeeeee;
	}

	.active-services {
		padding: 18px 0px 0px 18px;
		overflow: hidden;
	}

	.active-services .paragraph_icon, .inactive-services .paragraph_icon {
			padding-right: 0px;
			cursor: pointer;
			pointer-events: all;
	}

.active-services .paragraph_icon::after {
	content: "\2796"; /* Unicode character for "minus" sign (-) */
	padding-right: 14px;
	font-weight: bold;
	float: right;
	display: none;
}
.active-services .paragraph_icon:hover:after {
display: inline;
}
	/* Style the collapsible content. Note: hidden by default */
.inactive-services {
	padding: 18px 18px 0px 18px;
	max-height: 0;
	overflow: hidden;
	background-color: white;
	-webkit-transition: max-height 0.2s ease-out;
	-moz-transition: max-height 0.2s ease-out;
	-o-transition: max-height 0.2s ease-out;
	transition: max-height 0.2s ease-out;
}

	.collaps:after {
		content: '\02795'; /* Unicode character for "plus" sign (+) */
		font-size: 13px;
		color: white;
		float: right;
		margin-left: 5px;
	}


	.activated:after {
		content: "\2796"; /* Unicode character for "minus" sign (-) */
	}

	.margin-top-24 {
		margin-top: 24px !important;
	}
	/* 7. Social Icons */


	.megamenu .social_icon {
		width: 42px;
		height: 42px;
		margin-bottom: 12px;
		*padding-bottom: 18px;
		float: left;
		background: url("../images/icons/social-icons.png") no-repeat top left;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
		filter: alpha(opacity=60);
		opacity: 0.6;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		-webkit-transition: .3s all ease-in;
		-o-transition: .3s all ease-in;
		-moz-transition: .3s all ease-in;
		transition: .3s all ease-in;
	}

		.megamenu .social_icon:hover {
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
			filter: alpha(opacity=100);
			opacity: 1;
		}

	.megamenu .social_icon_delicious {
		background-position: 0 0;
	}

	.megamenu .social_icon_digg {
		background-position: 0 -62px;
	}

	.megamenu .social_icon_dribble {
		background-position: 0 -124px;
	}

	.megamenu .social_icon_ember {
		background-position: 0 -186px;
	}

	.megamenu .social_icon_facebook {
		background-position: 0 -248px;
	}

	.megamenu .social_icon_flickr {
		background-position: 0 -310px;
	}

	.megamenu .social_icon_forrst {
		background-position: 0 -372px;
	}

	.megamenu .social_icon_google {
		background-position: 0 -434px;
	}

	.megamenu .social_icon_last_fm {
		background-position: 0 -496px;
	}

	.megamenu .social_icon_linkedin {
		background-position: 0 -558px;
	}

	.megamenu .social_icon_my_space {
		background-position: 0 -620px;
	}

	.megamenu .social_icon_quora {
		background-position: 0 -682px;
	}

	.megamenu .social_icon_rss {
		background-position: 0 -744px;
	}

	.megamenu .social_icon_sharethis {
		background-position: 0 -806px;
	}

	.megamenu .social_icon_skype {
		background-position: 0 -868px;
	}

	.megamenu .social_icon_stumbleupon {
		background-position: 0 -930px;
	}

	.megamenu .social_icon_tumblr {
		background-position: 0 -992px;
	}

	.megamenu .social_icon_twitter {
		background-position: 0 -1054px;
	}

	.megamenu .social_icon_vimeo {
		background-position: 0 -1116px;
	}

	.megamenu .social_icon_you_tube {
		background-position: 0 -1178px;
	}


	/* 8. Form Elements */
	.megamenu #megamenu_form {
		margin: 0 0 20px 0;
		display: block;
	}

		.megamenu #megamenu_form fieldset {
			border: 0;
			margin: 0;
			padding: 0;
			position: relative;
		}

		.megamenu #megamenu_form label {
			width: 94%;
			float: left;
			margin: 0 0 12px 0;
			padding-top: 3px;
			font-size: 12px;
			font-family: 'Open Sans', Arial, Helvetica, sans-serif !important;
		}

		.megamenu #megamenu_form input.form-input,
		.megamenu #megamenu_form textarea {
			width: 90%;
			padding: 6px;
			border: 1px solid #dddddd;
			box-shadow: none;
			margin: 0 0 12px 0;
			-webkit-transition: border-color 0.2s;
			-o-transition: border-color 0.2s;
			-moz-transition: border-color 0.2s;
			transition: border-color 0.2s;
			font-family: 'Open Sans', Arial, Helvetica, sans-serif !important;
			font-size: 12px;
		}

		.megamenu #megamenu_form input.form-captcha {
			width: 40px;
		}

		.megamenu #megamenu_form textarea {
			height: 120px;
		}

			.megamenu #megamenu_form input.form-input:hover,
			.megamenu #megamenu_form textarea:hover {
				border: 1px solid #bbbbbb;
			}

			.megamenu #megamenu_form input.form-input:focus,
			.megamenu #megamenu_form textarea:focus {
				border: 1px solid #aaaaaa;
				box-shadow: none;
				outline: none;
			}

		.megamenu #megamenu_form .form-buttons {
			list-style: none;
			width: 94%;
			margin: 6px 0 0 0;
		}

			.megamenu #megamenu_form .form-buttons li {
				float: left;
				margin: 0 12px 0 0;
			}

				.megamenu #megamenu_form .form-buttons li input {
					float: left;
					margin: 0 12px 0 0;
					padding: 9px 0;
					width: 90px;
					font-size: 12px;
					cursor: pointer;
					color: #eeeeee;
					border: none;
					outline:none;
					background: #000000;
				}

		/* Colored elements */

		.megamenu #megamenu_form label.error,
		.megamenu #megamenu_form #error,
		.megamenu #megamenu_form #success {
			color: #fff;
			clear: both;
			width: 90%;
			padding: 6px;
			font-size: 12px;
			line-height: 18px;
		}

		.megamenu #megamenu_form label.error,
		.megamenu #megamenu_form #error {
			background: #E45635;
		}

		.megamenu #megamenu_form input.error,
		.megamenu #megamenu_form input.error:hover,
		.megamenu #megamenu_form input.error:focus,
		.megamenu #megamenu_form textarea.error,
		.megamenu #megamenu_form textarea.error:hover,
		.megamenu #megamenu_form textarea.error:focus {
			border-color: #f4baad;
		}

		.megamenu #megamenu_form #success {
			background: #90AB76;
		}

		.megamenu #megamenu_form #success,
		.megamenu #megamenu_form #error {
			display: none;
			position: absolute;
			top: 0;
			margin-left: 0;
			width: 90%;
		}

		.megamenu #megamenu_form .required {
			color: #e9266d;
		}


	/* 9. Tables */


	.megamenu .table_light,
	.megamenu .table_dark {
		width: 100%;
		padding: 0;
		margin: 6px 0 18px 0;
		font-size: 12px;
		border-spacing: 0px;
		border-collapse: collapse;
	}

		.megamenu .table_light th,
		.megamenu .table_dark th {
			text-align: left;
			padding: 12px 9px 12px 9px;
			font-weight: bold;
			font-size: 12px;
		}

		.megamenu .table_light td,
		.megamenu .table_dark td {
			padding: 12px 9px 12px 9px;
		}




	/*  _______________________________________________

    06 DEFAULT THEMES, DARK & LIGHT (REQUIRED)
    _______________________________________________  */




	.megamenu_dark_bar {
		background: #333333;
		background: -webkit-linear-gradient(top,#333333 0%,#181818);
		background: -moz-linear-gradient(top,#333333 0%,#181818);
		background: -o-linear-gradient(top,#333333 0%,#181818);
		background: -ms-linear-gradient(top,#333333 0%,#181818);
		background: linear-gradient(top,#333333 0%,#181818);
		/*border: 1px solid #171717;*/
		-webkit-box-shadow: inset 0px 0px 2px rgba(40,40,40,0.7);
		-moz-box-shadow: inset 0px 0px 2px rgba(40,40,40,0.7);
		box-shadow: inset 0px 0px 2px rgba(40,40,40,0.7);
	}

		.megamenu_dark_bar .megamenu {
			color: #FFFFFF;
		}

			.megamenu_dark_bar .megamenu > li:hover,
			.megamenu_dark_bar .megamenu > li.active {
				background: #121212;
				-webkit-box-shadow: inset 0px 3px 6px rgba(0,0,0,0.2);
				-moz-box-shadow: inset 0px 3px 6px rgba(0,0,0,0.2);
				box-shadow: inset 0px 3px 6px rgba(0,0,0,0.2);
				transition: all .3s linear;
			}

			.megamenu_dark_bar .megamenu li.noactive {
				background: none;
				-webkit-box-shadow: none;
				-moz-box-shadow: none;
				box-shadow: none;
			}

	.logo {
		color: #FFFFFF !important;
		height:34px
	}

.mlogo {
	float: left;
	margin-top: 11px;
	margin-left: 9px;
}

	.megamenu_dark_bar .megamenu > li > a {
		color: #F2F2F9;
		/*text-shadow: 1px 1px 1px #000000;*/
		transition: all .3s linear;
		font-weight:600;
	}

	.megamenu_dark_bar .megamenu > li:hover > a,
	.megamenu_dark_bar .megamenu > li.active > a {
		color: #ffffff;
		text-shadow: 1px 1px 1px #000000;
	}

	.megamenu_dark_bar .megamenu > li .megamenu_drop {
		background: url("../images/dropdown.png") no-repeat right 28px;
	}

	.megamenu_dark_bar .megamenu .active .megamenu_drop {
		background: url("../images/dropdown-up.png") no-repeat right 28px;
	}

	.megamenu_dark_bar .megamenu_vertical > li .megamenu_drop {
		background: url("../images/right.png") no-repeat right 16px;
	}

.megamenu_dark_bar .megamenu li.megamenu_button,
.megamenu_dark_bar .megamenu li.megamenu_button:hover
/*.megamenu_dark_bar .megamenu li.logo_container_fw*/ {
	/*background:url("../images/dropdown.png") no-repeat right 19px;*/
	height: 68px;
	-webkit-box-shadow: inset 0px 3px 6px rgba(0,0,0,0.2);
	-moz-box-shadow: inset 0px 3px 6px rgba(0,0,0,0.2);
	box-shadow: inset 0px 3px 6px rgba(0,0,0,0.2);
	transition: all .3s linear;
}
.megamenu_dark_bar .megamenu li.logo_container_fw {
/*margin-top: 4px;*/
}
	.megamenu_dark_bar .megamenu li.megamenu_button_active, .megamenu_dark_bar .megamenu li.megamenu_button_active:hover {
		background: url("../images/dropdown-up.png") no-repeat right 18px;
	}


	/* 2. Light Menu Bar */


	.megamenu_light_bar {
		background: #eeeeee;
		background: -webkit-linear-gradient(top,#f8f8f8 0%,#eeeeee);
		background: -moz-linear-gradient(top,#f8f8f8 0%,#eeeeee);
		background: -o-linear-gradient(top,#f8f8f8 0%,#eeeeee);
		background: -ms-linear-gradient(top,#f8f8f8 0%,#eeeeee);
		background: linear-gradient(top,#f8f8f8 0%,#eeeeee);
		border: 1px solid #CCCCCC;
		-webkit-box-shadow: inset 0px 0px 2px rgba(255,255,255,0.7);
		-moz-box-shadow: inset 0px 0px 2px rgba(255,255,255,0.7);
		box-shadow: inset 0px 0px 2px rgba(255,255,255,0.7);
	}

		.megamenu_light_bar .megamenu {
			color: #333333;
		}

			.megamenu_light_bar .megamenu > li:hover,
			.megamenu_light_bar .megamenu > li.active {
				background: #DDDDDD;
			}

			.megamenu_light_bar .megamenu li.noactive {
				background: none;
				-webkit-box-shadow: none;
				-moz-box-shadow: none;
				box-shadow: none;
			}

			.megamenu_light_bar .megamenu > li > a {
				color: #333333;
				text-shadow: 1px 1px 1px #FFFFFF;
			}

			.megamenu_light_bar .megamenu > li:hover > a {
				color: #333333;
				text-shadow: 1px 1px 1px #FFFFFF;
			}

			.megamenu_light_bar .megamenu > li .megamenu_drop {
				background: url("../images/dropdown-b.png") no-repeat right 18px;
			}

		.megamenu_light_bar .megamenu_vertical > li .megamenu_drop {
			background: url("../images/right-b.png") no-repeat right 16px;
		}

		.megamenu_light_bar .megamenu li.megamenu_button,
		.megamenu_light_bar .megamenu li.megamenu_button:hover {
			background: url("../images/dropdown-b.png") no-repeat right 19px;
		}

		.megamenu_light_bar .megamenu li.megamenu_button_active,
		.megamenu_light_bar .megamenu li.megamenu_button_active:hover {
			background: url("../images/dropdown-b-up.png") no-repeat right 18px;
		}


	/* 3. Dark Drop Down */


	.megamenu_dark .megamenu li .dropdown_container,
	.megamenu_dark .megamenu li .dropdown_fullwidth,
	.megamenu_dark .megamenu li .dropdown_flyout li ul {
		border: 1px solid #000000;
		border-top-width: 0;
		background: #111111;
		color: #f6f6f6;
	}

	.megamenu_container_vertical .megamenu li .dropdown_container,
	.megamenu_container_vertical .megamenu li .dropdown_fullwidth,
	.megamenu_container_vertical .megamenu li .dropdown_flyout li ul {
		border-top-width: 1px;
	}

	.megamenu_dark .megamenu li .dropdown_flyout li ul {
		border: 1px solid #000000;
	}

	.megamenu_dark .megamenu li .dropdown_flyout .dropdown_parent {
		background: url("../images/right.png") no-repeat right 9px;
	}

		.megamenu_dark .megamenu li .dropdown_flyout .dropdown_parent:hover,
		.megamenu_dark .megamenu li .dropdown_flyout .dropdown_parent.active {
			background-color: #000000;
		}

		.megamenu_dark .megamenu li .dropdown_flyout .dropdown_parent.noactive {
			background-color: transparent;
		}

	.megamenu_dark .megamenu p,
	.megamenu_dark .megamenu h1,
	.megamenu_dark .megamenu h2,
	.megamenu_dark .megamenu h3,
	.megamenu_dark .megamenu h4,
	.megamenu_dark .megamenu h5,
	.megamenu_dark .megamenu h6 {
		color: #f6f6f6;
		text-shadow: 1px 1px 1px #000000;
	}

	.megamenu_dark .megamenu > li > div a,
	.megamenu_dark .megamenu li ul li,
	.megamenu_dark .megamenu li ol li {
		color: #aaaaaa;
	}

		.megamenu_dark .megamenu > li > div a:hover {
			color: #dddddd;
		}

		.megamenu_dark .megamenu li ul li:hover,
		.megamenu_dark .megamenu li ol li:hover,
		.megamenu_dark .megamenu .blue,
		.megamenu_dark .megamenu .grey,
		.megamenu_dark .megamenu .orange,
		.megamenu_dark .megamenu .dark,
		.megamenu_dark .megamenu .purple {
			color: #eeeeee;
		}

	.megamenu_dark .megamenu .black_box {
		background: #000000;
		color: #ffffff;
	}

	.megamenu_dark .megamenu .grey_bg {
		background: #eeeeee;
		color: #000000;
		text-shadow: 1px 1px 1px #ffffff;
	}

	.megamenu_dark .megamenu > li.megamenu_searchform:hover {
		background: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}

	.megamenu_dark .megamenu hr {
		border: none;
		border-bottom: 1px solid #202020;
		border-top: 1px solid #000000;
	}


	/* 4. Light Drop Down */


	.megamenu_light .megamenu li .dropdown_container,
	.megamenu_light .megamenu li .dropdown_fullwidth,
	.megamenu_light .megamenu li .dropdown_flyout li ul {
		background: #ffffff;
		/*border:1px unset;
    
    border:1px solid #CCCCCC;
	border-top-width: 0;
	background: #FAFAFA;*/
		color: #333333;
	}

	.megamenu_container_vertical .megamenu li .dropdown_container,
	.megamenu_container_vertical .megamenu li .dropdown_fullwidth,
	.megamenu_container_vertical .megamenu li .dropdown_flyout li ul {
		border-top-width: 1px;
	}

	.megamenu_light .megamenu li .dropdown_flyout li ul {
		border: 1px solid #CCCCCC;
	}

	.megamenu_light .megamenu li .dropdown_flyout .dropdown_parent {
		background: url("../images/right-b.png") no-repeat right 9px;
	}

		.megamenu_light .megamenu li .dropdown_flyout .dropdown_parent:hover,
		.megamenu_light .megamenu li .dropdown_flyout .dropdown_parent.active {
			background-color: #eeeeee;
		}

		.megamenu_light .megamenu li .dropdown_flyout .dropdown_parent.noactive {
			background-color: transparent;
		}

	.megamenu_light .megamenu p,
	.megamenu_light .megamenu h1,
	.megamenu_light .megamenu h2,
	.megamenu_light .megamenu h3,
	.megamenu_light .megamenu h4,
	.megamenu_light .megamenu h5,
	.megamenu_light .megamenu h6 {
		color: #333333;
		text-shadow: 1px 1px 1px #FFFFFF;
	}

/*	.megamenu_light .megamenu > li > div a,
	.megamenu_light .megamenu li ul li,

		.megamenu_light .megamenu li ul li:hover,
		.megamenu_light .megamenu li ol li:hover,
		.megamenu_light .megamenu .blue,
		.megamenu_light .megamenu .grey,
		.megamenu_light .megamenu .orange,
		.megamenu_light .megamenu .dark,
		.megamenu_light .megamenu .purple {
			color: #444444;
		}*/

	.megamenu_light .megamenu .black_box {
		background: #333333;
		color: #ffffff;
		text-shadow: 1px 1px 1px #000000;
	}

	.megamenu_light .megamenu .grey_bg {
		background: #eeeeee;
	}

	.megamenu_light .megamenu > li.megamenu_searchform:hover {
		background: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}

	.megamenu_light .megamenu hr {
		border: none;
		border-bottom: 1px solid #ffffff;
		border-top: 1px solid #e4e4e4;
	}


	/* 5. Neutral Colored Elements */


	/* Form Elements */

	.megamenu > li.megamenu_searchform {
		padding: 7px 12px 0 0;
	}

		.megamenu > li.megamenu_searchform .megamenu_searchfield {
			background: #fff;
			border: solid 1px #bcbbbb;
			-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
			-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
			box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
			border-radius: 3px;
			margin-top: 2px;
			outline: medium none;
			padding: 4px 4px 4px 6px;
			width: 202px;
		}


	/* Tables */

	.megamenu .table_light {
		border: 1px solid #cbcbcb;
		border-bottom: none;
	}

		.megamenu .table_light th {
			color: #3A3A3A;
			border-bottom: 1px solid #cbcbcb;
			background: #F5F5F5;
		}

		.megamenu .table_light td {
			border-bottom: 1px solid #cbcbcb;
			background: #fff;
			color: #888;
		}

	.megamenu .table_dark {
		border: 1px solid #000;
		border-bottom: none;
	}

		.megamenu .table_dark th {
			color: #FFF;
			border-bottom: 1px solid #000;
			background: #0D0D0D;
		}

		.megamenu .table_dark td {
			border-bottom: 1px solid #000;
			background: #0F0F0F;
			color: #DDD;
		}




	/*  _______________________________________________

    07 ADDITIONAL THEMES (OPTIONNAL)
    _______________________________________________  */




	.megamenu_bluetheme .megamenu,
	.megamenu_browntheme .megamenu,
	.megamenu_cherrytheme .megamenu,
	.megamenu_coffeetheme .megamenu,
	.megamenu_greentheme .megamenu,
	.megamenu_greytheme .megamenu,
	.megamenu_oceantheme .megamenu,
	.megamenu_orangetheme .megamenu,
	.megamenu_pinktheme .megamenu,
	.megamenu_purpletheme .megamenu,
	.megamenu_redtheme .megamenu,
	.megamenu_tantheme .megamenu,
	.megamenu_yellowtheme .megamenu {
		color: #FFFFFF;
	}

		.megamenu_bluetheme .megamenu > li:hover,
		.megamenu_bluetheme .megamenu > li.active,
		.megamenu_browntheme .megamenu > li:hover,
		.megamenu_browntheme .megamenu > li.active,
		.megamenu_cherrytheme .megamenu > li:hover,
		.megamenu_cherrytheme .megamenu > li.active,
		.megamenu_coffeetheme .megamenu > li:hover,
		.megamenu_coffeetheme .megamenu > li.active,
		.megamenu_greentheme .megamenu > li:hover,
		.megamenu_greentheme .megamenu > li.active,
		.megamenu_greytheme .megamenu > li:hover,
		.megamenu_greytheme .megamenu > li.active,
		.megamenu_oceantheme .megamenu > li:hover,
		.megamenu_oceantheme .megamenu > li.active,
		.megamenu_orangetheme .megamenu > li:hover,
		.megamenu_orangetheme .megamenu > li.active,
		.megamenu_pinktheme .megamenu > li:hover,
		.megamenu_pinktheme .megamenu > li.active,
		.megamenu_purpletheme .megamenu > li:hover,
		.megamenu_purpletheme .megamenu > li.active,
		.megamenu_redtheme .megamenu > li:hover,
		.megamenu_redtheme .megamenu > li.active,
		.megamenu_tantheme .megamenu > li:hover,
		.megamenu_tantheme .megamenu > li.active,
		.megamenu_yellowtheme .megamenu > li:hover,
		.megamenu_yellowtheme .megamenu > li.active {
			background: #121212;
			-webkit-box-shadow: inset 0px 3px 6px rgba(0,0,0,0.2);
			-moz-box-shadow: inset 0px 3px 6px rgba(0,0,0,0.2);
			box-shadow: inset 0px 3px 6px rgba(0,0,0,0.2);
		}

		.megamenu_bluetheme .megamenu > li > a,
		.megamenu_browntheme .megamenu > li > a,
		.megamenu_cherrytheme .megamenu > li > a,
		.megamenu_coffeetheme .megamenu > li > a,
		.megamenu_greentheme .megamenu > li > a,
		.megamenu_greytheme .megamenu > li > a,
		.megamenu_oceantheme .megamenu > li > a,
		.megamenu_orangetheme .megamenu > li > a,
		.megamenu_pinktheme .megamenu > li > a,
		.megamenu_purpletheme .megamenu > li > a,
		.megamenu_redtheme .megamenu > li > a,
		.megamenu_tantheme .megamenu > li > a,
		.megamenu_yellowtheme .megamenu > li > a {
			color: #FFFFFF;
			text-shadow: 1px 1px 1px #000000;
		}

		.megamenu_bluetheme .megamenu > li:hover > a,
		.megamenu_browntheme .megamenu > li:hover > a,
		.megamenu_cherrytheme .megamenu > li:hover > a,
		.megamenu_coffeetheme .megamenu > li:hover > a,
		.megamenu_greentheme .megamenu > li:hover > a,
		.megamenu_greytheme .megamenu > li:hover > a,
		.megamenu_oceantheme .megamenu > li:hover > a,
		.megamenu_orangetheme .megamenu > li:hover > a,
		.megamenu_pinktheme .megamenu > li:hover > a,
		.megamenu_purpletheme .megamenu > li:hover > a,
		.megamenu_redtheme .megamenu > li:hover > a,
		.megamenu_tantheme .megamenu > li:hover > a,
		.megamenu_yellowtheme .megamenu > li:hover > a {
			color: #FFFFFF;
			text-shadow: 1px 1px 1px #000000;
		}

		.megamenu_bluetheme .megamenu > li .megamenu_drop,
		.megamenu_browntheme .megamenu > li .megamenu_drop,
		.megamenu_cherrytheme .megamenu > li .megamenu_drop,
		.megamenu_coffeetheme .megamenu > li .megamenu_drop,
		.megamenu_greentheme .megamenu > li .megamenu_drop,
		.megamenu_greytheme .megamenu > li .megamenu_drop,
		.megamenu_oceantheme .megamenu > li .megamenu_drop,
		.megamenu_orangetheme .megamenu > li .megamenu_drop,
		.megamenu_pinktheme .megamenu > li .megamenu_drop,
		.megamenu_purpletheme .megamenu > li .megamenu_drop,
		.megamenu_redtheme .megamenu > li .megamenu_drop,
		.megamenu_tantheme .megamenu > li .megamenu_drop,
		.megamenu_yellowtheme .megamenu > li .megamenu_drop {
			background: url("../images/dropdown.png") no-repeat right 18px;
		}

	.megamenu_bluetheme .megamenu_vertical > li .megamenu_drop,
	.megamenu_browntheme .megamenu_vertical > li .megamenu_drop,
	.megamenu_cherrytheme .megamenu_vertical > li .megamenu_drop,
	.megamenu_coffeetheme .megamenu_vertical > li .megamenu_drop,
	.megamenu_greentheme .megamenu_vertical > li .megamenu_drop,
	.megamenu_greytheme .megamenu_vertical > li .megamenu_drop,
	.megamenu_oceantheme .megamenu_vertical > li .megamenu_drop,
	.megamenu_orangetheme .megamenu_vertical > li .megamenu_drop,
	.megamenu_pinktheme .megamenu_vertical > li .megamenu_drop,
	.megamenu_purpletheme .megamenu_vertical > li .megamenu_drop,
	.megamenu_redtheme .megamenu_vertical > li .megamenu_drop,
	.megamenu_tantheme .megamenu_vertical > li .megamenu_drop,
	.megamenu_yellowtheme .megamenu_vertical > li .megamenu_drop {
		background: url("../images/right.png") no-repeat right 16px;
	}


	/* 1. Blue */


	.megamenu_bluetheme {
		background: #536987;
		background: -webkit-linear-gradient(top,#526886 0%,#4A5E79);
		background: -moz-linear-gradient(top,#526886 0%,#4A5E79);
		background: -o-linear-gradient(top,#526886 0%,#4A5E79);
		background: -ms-linear-gradient(top,#526886 0%,#4A5E79);
		background: linear-gradient(top,#526886 0%,#4A5E79);
		border: 1px solid #222222;
		-webkit-box-shadow: inset 0px 0px 2px rgba(40,40,40,0.4);
		-moz-box-shadow: inset 0px 0px 2px rgba(40,40,40,0.4);
		box-shadow: inset 0px 0px 2px rgba(40,40,40,0.4);
	}

		.megamenu_bluetheme .megamenu > li > div a,
		.megamenu_bluetheme .megamenu li ul li,
		.megamenu_bluetheme .megamenu li ol li {
			color: #6a82a3;
		}

			.megamenu_bluetheme .megamenu > li > div a:hover,
			.megamenu_bluetheme .megamenu li ul li:hover,
			.megamenu_bluetheme .megamenu li ol li:hover {
				color: #536987;
			}


	/* 2. Brown */


	.megamenu_browntheme {
		background: #866e56;
		background: -webkit-linear-gradient(top,#866E56 0%,#78624D);
		background: -moz-linear-gradient(top,#866E56 0%,#78624D);
		background: -o-linear-gradient(top,#866E56 0%,#78624D);
		background: -ms-linear-gradient(top,#866E56 0%,#78624D);
		background: linear-gradient(top,#866E56 0%,#78624D);
		border: 1px solid #222222;
		-webkit-box-shadow: inset 0px 0px 2px rgba(40,40,40,0.4);
		-moz-box-shadow: inset 0px 0px 2px rgba(40,40,40,0.4);
		box-shadow: inset 0px 0px 2px rgba(40,40,40,0.4);
	}

		.megamenu_browntheme .megamenu > li > div a,
		.megamenu_browntheme .megamenu li ul li,
		.megamenu_browntheme .megamenu li ol li {
			color: #a1886e;
		}

			.megamenu_browntheme .megamenu > li > div a:hover,
			.megamenu_browntheme .megamenu li ul li:hover,
			.megamenu_browntheme .megamenu li ol li:hover {
				color: #866e56;
			}


	/* 3. Cherry */


	.megamenu_cherrytheme {
		background: #ab2d5c;
		background: -webkit-linear-gradient(top,#AB2D5C 0%,#992852);
		background: -moz-linear-gradient(top,#AB2D5C 0%,#992852);
		background: -o-linear-gradient(top,#AB2D5C 0%,#992852);
		background: -ms-linear-gradient(top,#AB2D5C 0%,#992852);
		background: linear-gradient(top,#AB2D5C 0%,#992852);
		border: 1px solid #222222;
		-webkit-box-shadow: inset 0px 0px 2px rgba(40,40,40,0.4);
		-moz-box-shadow: inset 0px 0px 2px rgba(40,40,40,0.4);
		box-shadow: inset 0px 0px 2px rgba(40,40,40,0.4);
	}

		.megamenu_cherrytheme .megamenu > li > div a,
		.megamenu_cherrytheme .megamenu li ul li,
		.megamenu_cherrytheme .megamenu li ol li {
			color: #cc3f73;
		}

			.megamenu_cherrytheme .megamenu > li > div a:hover,
			.megamenu_cherrytheme .megamenu li ul li:hover,
			.megamenu_cherrytheme .megamenu li ol li:hover {
				color: #ab2d5c;
			}


	/* 4. Coffee */


	.megamenu_coffeetheme {
		background: #7b675c;
		background: -webkit-linear-gradient(top,#7B675C 0%,#6E5C52);
		background: -moz-linear-gradient(top,#7B675C 0%,#6E5C52);
		background: -o-linear-gradient(top,#7B675C 0%,#6E5C52);
		background: -ms-linear-gradient(top,#7B675C 0%,#6E5C52);
		background: linear-gradient(top,#7B675C 0%,#6E5C52);
		border: 1px solid #222222;
		-webkit-box-shadow: inset 0px 0px 2px rgba(40,40,40,0.4);
		-moz-box-shadow: inset 0px 0px 2px rgba(40,40,40,0.4);
		box-shadow: inset 0px 0px 2px rgba(40,40,40,0.4);
	}

		.megamenu_coffeetheme .megamenu > li > div a,
		.megamenu_coffeetheme .megamenu li ul li,
		.megamenu_coffeetheme .megamenu li ol li {
			color: #978073;
		}

			.megamenu_coffeetheme .megamenu > li > div a:hover,
			.megamenu_coffeetheme .megamenu li ul li:hover,
			.megamenu_coffeetheme .megamenu li ol li:hover {
				color: #7b675c;
			}


	/* 5. Green */


	.megamenu_greentheme {
		background: #788951;
		background: -webkit-linear-gradient(top,#788951 0%,#6B7B48);
		background: -moz-linear-gradient(top,#788951 0%,#6B7B48);
		background: -o-linear-gradient(top,#788951 0%,#6B7B48);
		background: -ms-linear-gradient(top,#788951 0%,#6B7B48);
		background: linear-gradient(top,#788951 0%,#6B7B48);
		border: 1px solid #222222;
		-webkit-box-shadow: inset 0px 0px 2px rgba(40,40,40,0.4);
		-moz-box-shadow: inset 0px 0px 2px rgba(40,40,40,0.4);
		box-shadow: inset 0px 0px 2px rgba(40,40,40,0.4);
	}

		.megamenu_greentheme .megamenu > li > div a,
		.megamenu_greentheme .megamenu li ul li,
		.megamenu_greentheme .megamenu li ol li {
			color: #93a568;
		}

			.megamenu_greentheme .megamenu > li > div a:hover,
			.megamenu_greentheme .megamenu li ul li:hover,
			.megamenu_greentheme .megamenu li ol li:hover {
				color: #788951;
			}


	/* 6. Grey */


	.megamenu_greytheme {
		background: #6a6a6a;
		background: -webkit-linear-gradient(top,#6A6A6A 0%,#5F5F5F);
		background: -moz-linear-gradient(top,#6A6A6A 0%,#5F5F5F);
		background: -o-linear-gradient(top,#6A6A6A 0%,#5F5F5F);
		background: -ms-linear-gradient(top,#6A6A6A 0%,#5F5F5F);
		background: linear-gradient(top,#6A6A6A 0%,#5F5F5F);
		border: 1px solid #222222;
		-webkit-box-shadow: inset 0px 0px 2px rgba(40,40,40,0.4);
		-moz-box-shadow: inset 0px 0px 2px rgba(40,40,40,0.4);
		box-shadow: inset 0px 0px 2px rgba(40,40,40,0.4);
	}

		.megamenu_greytheme .megamenu > li > div a,
		.megamenu_greytheme .megamenu li ul li,
		.megamenu_greytheme .megamenu li ol li {
			color: #8c8c8c;
		}

			.megamenu_greytheme .megamenu > li > div a:hover,
			.megamenu_greytheme .megamenu li ul li:hover,
			.megamenu_greytheme .megamenu li ol li:hover {
				color: #6a6a6a;
			}


	/* 7. Ocean */


	.megamenu_oceantheme {
		background: #528a8f;
		background: -webkit-linear-gradient(top,#528A8F 0%,#497B80);
		background: -moz-linear-gradient(top,#528A8F 0%,#497B80);
		background: -o-linear-gradient(top,#528A8F 0%,#497B80);
		background: -ms-linear-gradient(top,#528A8F 0%,#497B80);
		background: linear-gradient(top,#528A8F 0%,#497B80);
		border: 1px solid #222222;
		-webkit-box-shadow: inset 0px 0px 2px rgba(40,40,40,0.4);
		-moz-box-shadow: inset 0px 0px 2px rgba(40,40,40,0.4);
		box-shadow: inset 0px 0px 2px rgba(40,40,40,0.4);
	}

		.megamenu_oceantheme .megamenu > li > div a,
		.megamenu_oceantheme .megamenu li ul li,
		.megamenu_oceantheme .megamenu li ol li {
			color: #6aa5aa;
		}

			.megamenu_oceantheme .megamenu > li > div a:hover,
			.megamenu_oceantheme .megamenu li ul li:hover,
			.megamenu_oceantheme .megamenu li ol li:hover {
				color: #528a8f;
			}


	/* 8. Orange */


	.megamenu_orangetheme {
		background: #e34f00;
		background: -webkit-linear-gradient(top,#E34F00 0%,#CB4600);
		background: -moz-linear-gradient(top,#E34F00 0%,#CB4600);
		background: -o-linear-gradient(top,#E34F00 0%,#CB4600);
		background: -ms-linear-gradient(top,#E34F00 0%,#CB4600);
		background: linear-gradient(top,#E34F00 0%,#CB4600);
		border: 1px solid #222222;
		-webkit-box-shadow: inset 0px 0px 2px rgba(40,40,40,0.4);
		-moz-box-shadow: inset 0px 0px 2px rgba(40,40,40,0.4);
		box-shadow: inset 0px 0px 2px rgba(40,40,40,0.4);
	}

		.megamenu_orangetheme .megamenu > li > div a,
		.megamenu_orangetheme .megamenu li ul li,
		.megamenu_orangetheme .megamenu li ol li {
			color: #ff6717;
		}

			.megamenu_orangetheme .megamenu > li > div a:hover,
			.megamenu_orangetheme .megamenu li ul li:hover,
			.megamenu_orangetheme .megamenu li ol li:hover {
				color: #e34f00;
			}


	/* 9. Pink */


	.megamenu_pinktheme {
		background: #d50065;
		background: -webkit-linear-gradient(top,#D50065 0%,#BF005A);
		background: -moz-linear-gradient(top,#D50065 0%,#BF005A);
		background: -o-linear-gradient(top,#D50065 0%,#BF005A);
		background: -ms-linear-gradient(top,#D50065 0%,#BF005A);
		background: linear-gradient(top,#D50065 0%,#BF005A);
		border: 1px solid #222222;
		-webkit-box-shadow: inset 0px 0px 2px rgba(40,40,40,0.4);
		-moz-box-shadow: inset 0px 0px 2px rgba(40,40,40,0.4);
		box-shadow: inset 0px 0px 2px rgba(40,40,40,0.4);
	}

		.megamenu_pinktheme .megamenu > li > div a,
		.megamenu_pinktheme .megamenu li ul li,
		.megamenu_pinktheme .megamenu li ol li {
			color: #ff097d;
		}

			.megamenu_pinktheme .megamenu > li > div a:hover,
			.megamenu_pinktheme .megamenu li ul li:hover,
			.megamenu_pinktheme .megamenu li ol li:hover {
				color: #d50065;
			}


	/* 10. Purple */


	.megamenu_purpletheme {
		background: #68449a;
		background: -webkit-linear-gradient(top,#68449A 0%,#5D3D8A);
		background: -moz-linear-gradient(top,#68449A 0%,#5D3D8A);
		background: -o-linear-gradient(top,#68449A 0%,#5D3D8A);
		background: -ms-linear-gradient(top,#68449A 0%,#5D3D8A);
		background: linear-gradient(top,#68449A 0%,#5D3D8A);
		border: 1px solid #222222;
		-webkit-box-shadow: inset 0px 0px 2px rgba(40,40,40,0.4);
		-moz-box-shadow: inset 0px 0px 2px rgba(40,40,40,0.4);
		box-shadow: inset 0px 0px 2px rgba(40,40,40,0.4);
	}

		.megamenu_purpletheme .megamenu > li > div a,
		.megamenu_purpletheme .megamenu li ul li,
		.megamenu_purpletheme .megamenu li ol li {
			color: #815ab7;
		}

			.megamenu_purpletheme .megamenu > li > div a:hover,
			.megamenu_purpletheme .megamenu li ul li:hover,
			.megamenu_purpletheme .megamenu li ol li:hover {
				color: #68449a;
			}


	/* 11. Red */


	.megamenu_redtheme {
		background: #b82323;
		background: -webkit-linear-gradient(top,#B82323 0%,#A51F1F);
		background: -moz-linear-gradient(top,#B82323 0%,#A51F1F);
		background: -o-linear-gradient(top,#B82323 0%,#A51F1F);
		background: -ms-linear-gradient(top,#B82323 0%,#A51F1F);
		background: linear-gradient(top,#B82323 0%,#A51F1F);
		border: 1px solid #222222;
		-webkit-box-shadow: inset 0px 0px 2px rgba(40,40,40,0.4);
		-moz-box-shadow: inset 0px 0px 2px rgba(40,40,40,0.4);
		box-shadow: inset 0px 0px 2px rgba(40,40,40,0.4);
	}

		.megamenu_redtheme .megamenu > li > div a,
		.megamenu_redtheme .megamenu li ul li,
		.megamenu_redtheme .megamenu li ol li {
			color: #d83636;
		}

			.megamenu_redtheme .megamenu > li > div a:hover,
			.megamenu_redtheme .megamenu li ul li:hover,
			.megamenu_redtheme .megamenu li ol li:hover {
				color: #b82323;
			}


	/* 12. Tan */


	.megamenu_tantheme {
		background: #837361;
		background: -webkit-linear-gradient(top,#837361 0%,#756757);
		background: -moz-linear-gradient(top,#837361 0%,#756757);
		background: -o-linear-gradient(top,#837361 0%,#756757);
		background: -ms-linear-gradient(top,#837361 0%,#756757);
		background: linear-gradient(top,#837361 0%,#756757);
		border: 1px solid #222222;
		-webkit-box-shadow: inset 0px 0px 2px rgba(40,40,40,0.4);
		-moz-box-shadow: inset 0px 0px 2px rgba(40,40,40,0.4);
		box-shadow: inset 0px 0px 2px rgba(40,40,40,0.4);
	}

		.megamenu_tantheme .megamenu > li > div a,
		.megamenu_tantheme .megamenu li ul li,
		.megamenu_tantheme .megamenu li ol li {
			color: #9c8c7b;
		}

			.megamenu_tantheme .megamenu > li > div a:hover,
			.megamenu_tantheme .megamenu li ul li:hover,
			.megamenu_tantheme .megamenu li ol li:hover {
				color: #837361;
			}


	/* 13. Yellow */


	.megamenu_yellowtheme {
		background: #caa616;
		background: -webkit-linear-gradient(top,#CAA616 0%,#B59513);
		background: -moz-linear-gradient(top,#CAA616 0%,#B59513);
		background: -o-linear-gradient(top,#CAA616 0%,#B59513);
		background: -ms-linear-gradient(top,#CAA616 0%,#B59513);
		background: linear-gradient(top,#CAA616 0%,#B59513);
		border: 1px solid #222222;
		-webkit-box-shadow: inset 0px 0px 2px rgba(40,40,40,0.4);
		-moz-box-shadow: inset 0px 0px 2px rgba(40,40,40,0.4);
		box-shadow: inset 0px 0px 2px rgba(40,40,40,0.4);
	}

		.megamenu_yellowtheme .megamenu > li > div a,
		.megamenu_yellowtheme .megamenu li ul li,
		.megamenu_yellowtheme .megamenu li ol li {
			color: #e8c22c;
		}

			.megamenu_yellowtheme .megamenu > li > div a:hover,
			.megamenu_yellowtheme .megamenu li ul li:hover,
			.megamenu_yellowtheme .megamenu li ol li:hover {
				color: #caa616;
			}




	/*  _______________________________________________

    08 VERTICAL MEGA MENU 
    _______________________________________________  */




	.megamenu_container_vertical {
		float: left;
		width: 140px;
		position: relative;
	}

		.megamenu_container_vertical .megamenu {
			margin: 0;
			float: left;
		}

			.megamenu_container_vertical .megamenu > li {
				margin: 0;
				width: 140px;
				float: left;
				clear: left;
			}

			.megamenu_container_vertical .megamenu li .megamenu_drop {
				padding-right: 30px;
			}

			.megamenu_container_vertical .megamenu li.right {
				float: left;
				margin-right: auto;
			}

				.megamenu_container_vertical .megamenu li.right a {
					margin-right: auto;
				}

			.megamenu_container_vertical .megamenu li .dropvertical_container {
				width: 820px; /* 960px minus menu width */
				margin: 0;
				position: relative;
				float: left;
			}

			.megamenu_container_vertical .megamenu li .dropdown_container,
			.megamenu_container_vertical .megamenu li .dropdown_fullwidth {
				margin: -45px auto 0 141px;
				top: auto;
				-webkit-border-radius: 0 4px 4px 4px;
				-moz-border-radius: 0 4px 4px 4px;
				border-radius: 0 4px 4px 4px;
			}

			.megamenu_container_vertical .megamenu li .dropdown_first {
				margin: -46px auto 0 141px;
			}

			.megamenu_container_vertical .megamenu li .dropdown_right {
				right: auto;
			}

			.megamenu_container_vertical .megamenu li:hover .dropdown_right {
				left: auto;
				right: auto;
			}

.signUp-x-column {
	visibility: hidden;
	display: none;
	opacity: 0;
}


	/*  _______________________________________________

    09 MOBILE DEVICES
    _______________________________________________  */




	/* 1. Common Media Queries */


	@media only screen and (max-width: 1024px) {

		.megamenu img {
			max-width: 100%;
	
		}

		.megamenu textarea {
			width: 96%;
		}

	}
.menu-title {
	display: none;
	position: absolute;
	top: 25px;
	margin-left: calc(50vw - 50px);
	margin-right: calc(50vw - 50px);
	text-align: center;
	width: 100px;
}
	

	

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.megamenu_container .megamenu > li > div > .responsive_sixths, .megamenu_container_vertical .megamenu > li > .dropvertical_container > div > .responsive_sixths {
			width: 8.66%;
	}

	.megamenu_container .megamenu > li > div > .responsive_fourths,
	.megamenu_container_vertical .megamenu > li > .dropvertical_container > div > .responsive_fourths {
		width: 17%;
	}
	.megamenu_container .megamenu > li > div > .responsive_thirds,
	.megamenu_container_vertical .megamenu > li > .dropvertical_container > div > .responsive_thirds {
		width: 25.33334%;
	}
	.megamenu_container .megamenu > li > div > .responsive_halfs,
	.megamenu_container_vertical .megamenu > li > .dropvertical_container > div > .responsive_halfs {
		width: 42%;
	}
	
	}
.hidden-scrollbar, .hidden-scrollbar-y{
	height:calc(100vh - 150px);
}
.menu-title {
	display: block;
}
.hide-title {
	display: block;
	margin-bottom:20px;
}
	/* 2. Horizontal Mega Menu Media Queries */
.hidden-scrollbar-y {
	overflow-y: auto;
	scrollbar-width: none; /* Firefox */
	-ms-overflow-style: none; /* IE and Edge */
}

	.hidden-scrollbar-y::-webkit-scrollbar {
		display: none; /* Chrome, Safari, and Edge */
	}

	@media only screen and (min-width: 768px) and (max-width: 1024px) {

		.megamenu_container .megamenu > li {
			margin: 0 8px 0 0;
		}

			.megamenu_container .megamenu > li.right {
				margin-right: -1px;
			}

			.megamenu_container .megamenu > li .megamenu_drop {
				padding-right: 30px;
			}
	}


	@media only screen and (max-width:767px) {
		.col_12.hide-title, .hide-title  {
			display: none;
		}
		.n-column {
			flex: 100%!important;
		}
		.form-container{
			left:-46px;
		}
		.hidden-scrollbar {
			overflow: auto;
			scrollbar-width: none; /* Firefox */
			-ms-overflow-style: none; /* IE and Edge */

		}
		.hidden-scrollbar-y {
			overflow-y: auto;
			scrollbar-width: none; /* Firefox */
			-ms-overflow-style: none; /* IE and Edge */
		}
		.hidden-scrollbar-y::-webkit-scrollbar{
			display: none; /* Chrome, Safari, and Edge */
		}
		.hidden-scrollbar::-webkit-scrollbar {
			display: none; /* Chrome, Safari, and Edge */
		}
		[name='signUpOption'] {
			width: 85% !important;
			/*cursor: pointer;*/
		}

		.signUp-options-container {
			margin-top: 120px!important;
		}

		.signUp-x-column {
			visibility: visible;
			display: block;
			opacity: 1;
			height: 40px;
		}
		.first-colum, .second-column, .last-column {
			width: 100%!important;
		}
		a[name="signUpOption"]{
			width: 90%;
			margin:auto;
		}
		.first-colum {
			padding-top: 40px !important;
		}
		.second-column{
			padding-top:0!important;
		}
		.last-column{
			padding-top:20px!important;
		}
		.megamenu_container {
			height: 69px;
		}
		.mlogo {
			margin-top: 11Px;
			padding: 8px 10px 16px 0px!important; 
		}
		.megamenu_dark_bar .megamenu li[name="menuItem"].noactive {
			background: rgb(18,18,18,0.8);
			-webkit-box-shadow: inset 0px 3px 6px rgba(0,0,0,0.2);
			-moz-box-shadow: inset 0px 3px 6px rgba(0,0,0,0.2);
			box-shadow: inset 0px 3px 6px rgba(0,0,0,0.2);
			transition: all .3s linear;
		}
			.megamenu_container .megamenu > li,
			.megamenu_container .megamenu > li:hover,
			.megamenu_container .megamenu > li.right,
			.megamenu_container .megamenu > li.right:hover {
				float: none;
				width: auto;
				padding-right: 0;
				margin-right: 0;
			}
/*		.mlogo {
			padding: 8px 10px 16px 10px;
		}*//*
				.megamenu_container .megamenu > li > a  {
					padding: 8px 10px 16px 10px;
				}*/
			[name="menuItem"] > a {
				padding-top: 13px;
			}
			.megamenu_container .megamenu li.right a {
				margin-right: 0;
			}

			.megamenu_container .megamenu li:hover .dropdown_container,
			.megamenu_container .megamenu li:hover .dropdown_fullwidth,
			.megamenu_container .megamenu li:hover .dropdown_right {
				top: auto;
				left: -1px;
			}

			.megamenu_container .megamenu .dropdown_1column,
			.megamenu_container .megamenu .dropdown_2columns,
			.megamenu_container .megamenu .dropdown_3columns,
			.megamenu_container .megamenu .dropdown_4columns,
			.megamenu_container .megamenu .dropdown_5columns,
			.megamenu_container .megamenu .dropdown_6columns,
			.megamenu_container .megamenu .dropdown_7columns,
			.megamenu_container .megamenu .dropdown_8columns,
			.megamenu_container .megamenu .dropdown_9columns,
			.megamenu_container .megamenu .dropdown_10columns,
			.megamenu_container .megamenu .dropdown_11columns,
			.megamenu_container .megamenu .dropdown_12columns {
				width: 100%;
				padding-left: 0;
				padding-right: 0;
			}

			.megamenu_container .megamenu .col_1,
			.megamenu_container .megamenu .col_2,
			.megamenu_container .megamenu .col_3,
			.megamenu_container .megamenu .col_4,
			.megamenu_container .megamenu .col_5,
			.megamenu_container .megamenu .col_6,
			.megamenu_container .megamenu .col_7,
			.megamenu_container .megamenu .col_8,
			.megamenu_container .megamenu .col_9,
			.megamenu_container .megamenu .col_10,
			.megamenu_container .megamenu .col_11,
			.megamenu_container .megamenu .col_12 {
				width: 92%;
				margin-left: calc(4%);
				margin-right: 4%;
			}

			.megamenu_container .megamenu > li.megamenu_searchform .megamenu_searchfield {
				margin-left: 10px;
				margin-bottom: 10px;
			}

		.megamenu .dropdown_flyout,
		.megamenu .dropdown_flyout .dropdown_flyout_level {
			position: relative;
			left: auto;
			top: auto;
			padding: 0;
			margin: 0 4% 0 4%;
		}

			.megamenu .dropdown_flyout li,
			.megamenu .dropdown_flyout ul li {
				width: 100%;
				padding: 3px 0 3px 0;
			}

				.megamenu .dropdown_flyout li:hover > .dropdown_flyout_level {
					left: auto;
					top: auto;
				}

				.megamenu .dropdown_flyout li:hover > .dropdown_flyout_level_left {
					left: auto;
					right: auto;
				}

		.megamenu_dark .megamenu li .dropdown_flyout li ul,
		.megamenu_light .megamenu li .dropdown_flyout li ul {
			border: none;
			background: none;
		}

		.megamenu_dark .megamenu li .dropdown_flyout .dropdown_parent {
			background: url("../images/dropdown.png") no-repeat right 9px;
		}

		.megamenu_light .megamenu li .dropdown_flyout .dropdown_parent {
			background: url("../images/dropdown-b.png") no-repeat right 9px;
		}

			.megamenu_dark .megamenu li .dropdown_flyout .dropdown_parent:hover,
			.megamenu_dark .megamenu li .dropdown_flyout .dropdown_parent.active,
			.megamenu_light .megamenu li .dropdown_flyout .dropdown_parent:hover,
			.megamenu_light .megamenu li .dropdown_flyout .dropdown_parent.active {
				background-color: transparent;
			}
	}


	@media only screen and (max-width: 479px) {

		.megamenu_container .megamenu > li > div > .responsive_sixths,
		.megamenu_container .megamenu > li > div > .responsive_fourths,
		.megamenu_container .megamenu > li > div > .responsive_thirds,
		.megamenu_container .megamenu > li > div > .responsive_halfs {
			width: 42%;
		}

	}


	/* 3. Vertical Mega Menu Media Queries */


	@media only screen and (max-width:984px) {

		.megamenu_container_vertical .megamenu li .dropvertical_container {
			width: 400px;
		}

		.megamenu_container_vertical .megamenu .dropdown_1column,
		.megamenu_container_vertical .megamenu .dropdown_2columns,
		.megamenu_container_vertical .megamenu .dropdown_3columns,
		.megamenu_container_vertical .megamenu .dropdown_4columns,
		.megamenu_container_vertical .megamenu .dropdown_5columns,
		.megamenu_container_vertical .megamenu .dropdown_6columns,
		.megamenu_container_vertical .megamenu .dropdown_7columns,
		.megamenu_container_vertical .megamenu .dropdown_8columns,
		.megamenu_container_vertical .megamenu .dropdown_9columns,
		.megamenu_container_vertical .megamenu .dropdown_10columns,
		.megamenu_container_vertical .megamenu .dropdown_11columns,
		.megamenu_container_vertical .megamenu .dropdown_12columns {
			width: 100%;
			padding-left: 0;
			padding-right: 0;
		}

		.megamenu_container_vertical .megamenu .col_1,
		.megamenu_container_vertical .megamenu .col_2,
		.megamenu_container_vertical .megamenu .col_3,
		.megamenu_container_vertical .megamenu .col_4,
		.megamenu_container_vertical .megamenu .col_5,
		.megamenu_container_vertical .megamenu .col_6,
		.megamenu_container_vertical .megamenu .col_7,
		.megamenu_container_vertical .megamenu .col_8,
		.megamenu_container_vertical .megamenu .col_9,
		.megamenu_container_vertical .megamenu .col_10,
		.megamenu_container_vertical .megamenu .col_11,
		.megamenu_container_vertical .megamenu .col_12 {
			width: 92%;
			margin-left: 4%;
			margin-right: 4%;
		}

		.megamenu_container_vertical .megamenu > li > .dropvertical_container > div > .responsive_sixths,
		.megamenu_container_vertical .megamenu > li > .dropvertical_container > div > .responsive_fourths,
		.megamenu_container_vertical .megamenu > li > .dropvertical_container > div > .responsive_thirds,
		.megamenu_container_vertical .megamenu > li > .dropvertical_container > div > .responsive_halfs {
			width: 42%;
		}

		.megamenu_container_vertical .megamenu .dropdown_flyout,
		.megamenu_container_vertical .megamenu .dropdown_flyout .dropdown_flyout_level {
			position: relative;
			left: auto !important;
			top: auto !important;
			padding: 0;
			margin: 0 4% 0 4%;
		}

			.megamenu_container_vertical .megamenu .dropdown_flyout li,
			.megamenu_container_vertical .megamenu .dropdown_flyout ul li {
				width: 100% !important;
				padding: 3px 0 3px 0;
			}

				.megamenu_container_vertical .megamenu .dropdown_flyout li:hover > .dropdown_flyout_level {
					left: auto !important;
					top: auto !important;
				}

				.megamenu_container_vertical .megamenu .dropdown_flyout li:hover > .dropdown_flyout_level_left {
					left: auto !important;
					right: auto !important;
				}

		.megamenu_dark .megamenu_vertical li .dropdown_flyout li ul,
		.megamenu_light .megamenu_vertical li .dropdown_flyout li ul {
			border: none;
			background: none;
		}

		.megamenu_dark .megamenu_vertical li .dropdown_flyout .dropdown_parent {
			background: url("../images/dropdown.png") no-repeat right 9px;
		}

		.megamenu_light .megamenu_vertical li .dropdown_flyout .dropdown_parent {
			background: url("../images/dropdown-b.png") no-repeat right 9px;
		}

			.megamenu_dark .megamenu_vertical li .dropdown_flyout .dropdown_parent:hover,
			.megamenu_dark .megamenu_vertical li .dropdown_flyout .dropdown_parent.active,
			.megamenu_light .megamenu_vertical li .dropdown_flyout .dropdown_parent:hover,
			.megamenu_light .megamenu_vertical li .dropdown_flyout .dropdown_parent.active {
				background-color: transparent;
			}
	}


	@media only screen and (max-width:767px) {

		.megamenu_container_vertical,
		.megamenu_container_vertical .megamenu {
			width: 100%;
		}

			.megamenu_container_vertical .megamenu > li,
			.megamenu_container_vertical .megamenu > li:hover,
			.megamenu_container_vertical .megamenu > li.right,
			.megamenu_container_vertical .megamenu > li.right:hover {
				float: none;
				width: auto;
				padding-right: 0;
				margin-right: 0;
			}

			.megamenu_container_vertical .megamenu li .megamenu_drop {
				padding-right: 30px;
			}

		.megamenu_light_bar .megamenu_vertical li .megamenu_drop {
			background: url("../images/dropdown-b.png") no-repeat right center;
		}

		.megamenu_dark_bar .megamenu_vertical li .megamenu_drop {
			background: url("../images/dropdown.png") no-repeat right center;
		}

		.megamenu_container_vertical .megamenu li .dropdown_container,
		.megamenu_container_vertical .megamenu li .dropdown_fullwidth {
			margin: 0 auto 0 0;
			-webkit-border-radius: 0 0 4px 4px;
			-moz-border-radius: 0 0 4px 4px;
			border-radius: 0 0 4px 4px;
		}

		.megamenu_container_vertical .megamenu li .dropdown_first {
			margin: 0 auto 0 -1px;
		}

		.megamenu_container_vertical .megamenu li .dropvertical_container {
			width: 100%;
		}

		.megamenu_container_vertical .megamenu li:hover .dropdown_container,
		.megamenu_container_vertical .megamenu li:hover .dropdown_fullwidth,
		.megamenu_container_vertical .megamenu li:hover .dropdown_right {
			top: auto;
			left: -1px;
		}
	}

	/*______________________________________________________________________________________
    
                                      Sign Up CSS
________________________________________________________________________________________*/



	@media only screen and (max-width: 768px) {
		#sign-section {
			width: 350px!important;
			margin: auto;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
		}
		.megamenu{
			width: 100%;
			left:0;
		}

	}

.signUp-container {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
.first-row {
	flex: 100%;
	text-align: center;
	margin-top: 40px;
}
.first-element {
	text-align: center;
	margin-top: 40px;
}
.signUp-options-container {
	flex: 100%;
	display: flex;
	flex-wrap: wrap;
	margin-top: 200px;
}
.signUp-option-title {
	font-size: 2em;
	float: left;
	flex: 2;
}
.n-column {
	flex:50%;
}

[name='signUpOption'] {
	display: flex;
	width: 50%;
	margin: auto;
	white-space: nowrap;
	color: #888888;
	-webkit-transition: .5s color ease-out;
	-o-transition: .5s color ease-out;
	-moz-transition: .5s color ease-out;
	transition: .5s color ease-out;
}

.hoverColor {
	color: #333333;
	-webkit-transition: .3s color ease-out;
	-o-transition: .3s color ease-out;
	-moz-transition: .3s color ease-out;
	transition: .3s color ease-out;
}

.arrow-image-span {
	text-align: right;
	/*font-size: 3em;*/
	float: left;
	top: 30px;
	flex: 1;
}

.arrow-image {
	width: 2rem;
	/*margin-top: -16px;*/
	margin-left: 14%;
}

.signup-span-1-1 {
	font-size: 2em;
	float: left;
	flex: 1;
	text-align: right;
}

.signup-span-1-2 {
}
.s-button {
	background: #e7e9ec;
	border-radius: 3px;
	border-color: #adb1b8 #a2a6ac #8d9096;
	border-style: solid;
	border-width: 1px;
	cursor: pointer;
	display: inline-block;
	padding: 0;
	text-align: center;
	text-decoration: none !important;
	vertical-align: middle;
}
.s-button-inner {
	display: block;
	position: relative;
	overflow: hidden;
	height: 29px;
	box-shadow: 0 1px 0 rgb(255 255 255 / 60%) inset;
	border-radius: 2px;
}
.s-button .s-button-inner {
	background: #eff0f3;
	background: -webkit-linear-gradient(top,#f7f8fa,#e7e9ec);
	background: linear-gradient(to bottom,#f7f8fa,#e7e9ec);
}
.s-button-input {
	position: absolute;
	background-color: transparent;
	color: transparent;
	border: 0;
	cursor: pointer;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	opacity: .01;
	outline: 0;
	overflow: visible;
	z-index: 20;
}

.wrapper{
	//width: 80px;
	text-align:left;
}
.block{
	text-align:center;
}
.left_block{
	float:left;
}

.button {
	display: inline-block;
	min-width: 80px;
	margin: 20px auto;
	background: #8BC34A;
	font-family: inherit;
	block-size: 36px;
	color: #fefefe;
	font-size: 1.0em;
	padding: 0.5em;
	border-radius: 4px;
	text-align: center;
	position: relative;
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
	border: 0;
	transition: border-radius linear 0.05s, width linear 0.05s;
}

.button:focus{
    outline: 0;
}
.button.animate{
    width: 36px;
    height: 36px;
    min-width: 0;
    border-radius: 50%;
    color: transparent;
}
	.button.animate.spin:after {
		position: absolute;
		content: '';
		width: 13px;
		height: 13px;
		border: 4px solid #fefefe;
		border-radius: 50%;
		border-left-color: transparent;
		left: 50%;
		top: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		animation: linear 2.5s forwards;
		-webkit-animation-name: spin;
		animation-name: spin;
		-webkit-transition-timing-function: linear;
		transition-timing-function: linear;
		-webkit-animation-duration: 2.5s;
		animation-duration: 2.5s;
		-webkit-animation-fill-mode: forwards;
		animation-fill-mode: forwards;
		-webkit-animation-iteration-count: infinite;
		animation-iteration-count: infinite;
	}
.button.animate.success:before{
      position: absolute;
      content: '';
      width: 13px;
      height: 6px;
      border: 4px solid #fefefe;
      border-right: 0;
      border-top: 0;
      left: 50%;
      top: 45%;
      -webkit-transform: translate(-50%, -50%) rotate(0deg) scale(0);
      transform: translate(-50%, -50%) rotate(0deg) scale(0);
      -webkit-animation: success ease-in 0.15s forwards;
      animation: success ease-in 0.15s forwards;
      animation-delay: 0.1s;
}
.button.animate.error{
      position: relative;
      -webkit-animation: vibrate ease-in 0.5s forwards;
      animation: vibrate ease-in 0.5s forwards;
      -webkit-animation-delay: 2.5s;
      animation-delay: 0.1s;
}
.button.animate.error:before{
        color: #fff;
        position: absolute;
        content: '!';
        font-size: 1.6rem;
        font-weight: bold;
        text-align: center;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%) scale(0);
        transform: translate(-50%, -50%) scale(0);
        -webkit-animation: error ease-in 0.5s forwards;
        animation: error ease-in 0.5s forwards;
        animation-delay: 0.1s;
}
@-webkit-keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@keyframes spin {
	0% {
		transform: translate(-50%, -50%) rotate(0deg) scale(1);
	}

	100% {
		transform: translate(-50%, -50%) rotate(1079deg) scale(1);
	}
}

@-webkit-keyframes spin {
	0% {
		-webkit-transform: translate(-50%,-50%) rotate(0deg) scale(1);
	}

	100% {
		-webkit-transform: translate(-50%,-50%) rotate(1079deg) scale(1);
	}
}

@keyframes success {
	from {
		transform: translate(-50%, -50%) rotate(0) scale(0);
	}

	to {
		transform: translate(-50%, -50%) rotate(-45deg) scale(1);
	}
}

@-webkit-keyframes success {
	from {
		-webkit-transform: translate(-50%, -50%) rotate(0) scale(0);
	}

	to {
		-webkit-transform: translate(-50%, -50%) rotate(-45deg) scale(1);
	}
}

@keyframes error {
	from {
		transform: translate(-50%, -50%) scale(0);
	}

	to {
		transform: translate(-50%, -50%) scale(1);
		background-color: #f44336;
	}
}

@-webkit-keyframes error {
	from {
		-webkit-transform: translate(-50%, -50%) scale(0);
	}

	to {
		-webkit-transform: translate(-50%, -50%) scale(1);
		background-color: #f44336;
	}
}


@keyframes vibrate {
	0%, 30%, 60%, 85%, 100% {
		left: 0;
		background-color: #f44336;
	}

	10%, 40%, 90%, 70% {
		left: -2px;
		background-color: #f44336;
	}

	20%, 50%, 80%, 95% {
		left: 2px;
		background-color: #f44336;
	}
}




.get-served {
	font-size: 2em;
	float: left;
	flex: 2;
	white-space: nowrap;
}

.logo-76 {
	display: block;
	max-width: 102px;
	width: 102px;
	border: 0;
	float: left;
	padding: 0;
	height: 34px;
	margin-top: -6px;
}
.s-button:hover .s-button-inner {
	background: #e0e3e8;
	background: -webkit-linear-gradient(top,#e7eaf0,#d9dce1);
	background: linear-gradient(to bottom,#e7eaf0,#d9dce1)
}

.s-button:active .s-button-inner {
	box-shadow: 0 1px 3px rgba(0,0,0,.2) inset;
	background-color: #e7e9ec;
	background-image: none
}

.s-button:active .s-button-inner {
	background-color: #dcdfe3
}

.s-button:active, .s-button:active:hover {
	border-color: #adb1b8 #a2a6ac #a2a6ac
}

.s-button:hover {
	border-color: #a2a6ac #979aa1 #82858a
}

.s-button.s-button-focus, .s-button:focus {
	outline: 0;
	border-color: #e77600;
	box-shadow: 0 0 3px 2px rgba(228,121,17,.5)
}

.s-button.s-button-pressed, .s-button.s-button-pressed:hover {
	border-color: #adb1b8 #a2a6ac #a2a6ac
}

.s-button.s-button-pressed .s-button-inner, .s-button.s-button-pressed:hover .s-button-inner {
		background-color: #dcdfe3;
		background-image: none;
		box-shadow: 0 0 3px 2px rgba(228,121,17,.5)
}

.s-button.s-button-error {
	border-color: #d00
}

.s-button .s-button-text {
	color: #111
}
.signup, .login{
	position: fixed;
	left: 50%;
	top: calc(4% + 370px);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 350px;
}

	.well {
		border-radius: 14px !important;
	}

	.ver-horCenter {
		margin: 0 !important;
	}

	.sys_link:hover {
		cursor: pointer;
	}
#sign-section {
	width: 350px;
	margin: auto;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
	.s-section{
		margin-bottom: 22px;
	}
	.s-section:last-child{
		margin-bottom: 0;
	}
	#sign-main-section{
		margin-top:0px;
	}
.s-container{
	width: 100%;
	margin: 0 auto;
}
.s-spacing-base{
	margin-bottom: 8px!important;
}
.warning {
	color: #fd6347;
	text-align:center;
	opacity: 0;
	transition: opacity .4s ease-in-out;
}
.warning.show{
	opacity:1!important;
}
#messageWellDone{
	margin:0px!important;
}

.s-warning .alert-container {
	background-color: #fff;
	box-shadow: 0 0 0 4px #fffae7 inset;
	padding-left: 63px;
}
	.s-box {
		display: block;
		border-radius: 4px;
		/*border: 1px #ddd solid;*/
		background-color: #fff;
	}
.s-box .s-box-inner{
	border-radius: 4px;
	position:relative;
	padding: 18px;
}
.s-warning {
	border-color: #8b6e00;
}
.cookie-alert {
	width: 2rem;
	order: -1;
	position: absolute;
	left: 24px;
	top: 25px;
}
.cookie-alert path{
	stroke: rgb(38,38,38);
	stroke-width: 1.2px;
}
.cookie-alert line{
	stroke:rgb(38,38,38);
	stroke-width: 2.2px;
}
.cookie-alert circle{
	stroke:rgb(38,38,38);
	stroke-width: 1px;
	fill:rgb(38,38,38);
}

.alert-heading{
	color:#7c6200;
	margin-left:64px;
}
/*::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 7px;
}

::-webkit-scrollbar-thumb {
	border-radius: 4px;
	background-color: rgba(0,0,0,.5);
	-webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}
::-webkit-scrollbar {
	display: none;
	-webkit-appearance: none;
	width: none;
}
html {
	-ms-overflow-style: none;
	scrollbar-width: none;
}
*/
p .link-normal {
	text-decoration: underline;
}
.padding-large{
	padding: 26px!important;
}
.spacing-small {
	margin-bottom: 10px !important;
	text-rendering: optimizeLegibility;
	padding-bottom: 4px !important;
	font-size: 1.2rem!important;
	color: #333333!important;
}
.spacing-top-lable{
	margin-top:30px;
}

s-row{
	width: 100%;
}
.s-row:after, .s-row:before{
	display:table;
	content:"";
	line-height: 0;
	font-size: 0;
}
.s-row:after{
	clear:both;
}
.s-row .span-12, span-12{
	width: 100%;
	margin-right: 0;
}
.s-input-text{
	background-color:#fff;
	height: 31px;
	padding: 3px 7px;
	line-height:normal;
	border:1px solid #a6a6a6;
	border-top-color:#949494;
	border-radius: 3px;
	box-shadow: 0 1px 0 rgba(255,255,255, 0.5), 0 1px 0 rgba(0,0,0,0.07) inset;
	outline: 0;
	transition:all 100ms linear;
}
.alert-inline{
	display:inline-block;
	border: none;
	vertical-align: middle;
	background-color: transparent;
}
.top-mini{
	margin-top: 6px!important;
}
.alert-inline .alert-container {
	padding: 0;
}
.alert-err .alert-container{
	padding-left: 16px;
	color:#c40000;
}


.alert-err .s-icon-alert{
	width: 5px;
	background-position: -141px -130px; 
}
.alert-inline .alert-container .alert-content{
	margin-bottom: 0;
	text-align: left;
	font-size: 12px;
	line-height: 15px;
	font-family: Arial, sans-serif;
}
.s-size-small{
	font-size: 0.75em!important;
	line-height: 1.5!important;
}
.spacing-top-medium{
	margin-top: 18px!important;
}
.s-row{
	clear:both;
	margin-top: 25px;
}
.s-row-signup{
	margin-top:28px;
}
.s-box .s-divider.s-divider-break, .s-divider.s-divider-break {
	text-align: center;
	position: relative;
	top: 2px;
	padding-top: 1px;
	margin-bottom: 14px;
	line-height: 0;
}
.s-box .s-divider.s-divider-break::after, .s-divider.s-divider-break::after{
	content: "";
	width: 100%;
	background-color: transparent;
	display: block;
	height: 1px;
	border-top: 1px solid #e7e7e7;
	position: absolute;
	top: 50%;
	margin-top: -1px;
	z-index: 1;
}
.s-box .s-divider.s-divider-break h5, .s-divider.s-divider-break h5{
	line-height: 1;
	font-size: 0.75em;
	color: #767676;
	font-weight: 400;
	z-index: 2;
	position: relative;
	display: inline-block;
	background-color: #fff;
	padding: 0 8px 0 7px;
	margin: 0;
}
.field{
	position:relative;
	margin-top:3px;
}
.inputField, .textAreaField {
	--fieldPlaceholderColor: var(--light-text-color);
	background-color: transparent !important;
	border-radius: 0;
	border: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	font-family: inherit;
	font-size: inherit;
	box-sizing: border-box;
	width: 100%;
	height: 3rem;
	padding: 1.25rem 1rem .5rem 1rem;
	color: #8e8e8e;
	/*border-bottom: 2px solid #D1C4E9;*/
}
.inputField:focus::-webkit-input-placeholder, .textAreaField:focus::-webkit-input-placeholder {
	color: var(--fieldPlaceholderColor);
}
.inputField:focus::-moz-placeholder, .textAreaField:focus::-moz-placeholder {
	color: var(--fieldPlaceholderColor);
}
.inputField:focus, textAreaField:focus {
	outline:none;
}
.inputField::-webkit-input-placeholder,.textAreaField::-webkit-input-placeholder{
	opacity: 0;
	transition: opacity 0.2s ease-out;
	color: #8e8e8e;
}
.inputField::-moz-placeholder, .textAreaField::-moz-placeholder{
	opacity: 0;
	transition: opacity 0.2s ease-out;
	color: #8e8e8e;
}
.inputField:focus::-webkit-input-placeholder, .textAreaField:focus::-webkit-input-placeholder{
	opacity: 1;
	transition-delay: 0.2s;
	color: #8e8e8e;
}
.inputField:focus::-moz-placeholder, .textAreaField:focus::-moz-placeholder{
	opacity: 1;
	transition-delay: 0.2s;
}
.border {
	position: absolute;
	left: 0;
	top: 12px;
	height: 35px;
	fill: none;
	transition: all .2s ease;
}
.messageBorder {
	position: absolute;
	left: 0;
	top: calc(100% - 30px) !important;
	height: 35px;
	fill: none;
	transition: all .2s ease;
}
.inputField:focus + .labelWraper .border path, .textAreaField:focus + .labelWraper .messageBorder path {
	stroke-opacity: 1;
}
.labelWraper{
	position:absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	box-sizing: border-box;
	cursor: text;
	pointer-events: none;
	margin-bottom: 0!important;
	font-weight: inherit!important;
	display: block!important;

}

.inputField:valid + .labelWraper .border path, .textAreaField:not(:placeholder-shown) + .labelWraper .messageBorder path {
	stroke-opacity: 1;
	animation: elasticInput .8s ease forwards;
}

@keyframes elasticInput {
	33% {d: path("M0,29 l246,0 C257,29 263,18 271,18 C279,18 286,29 296,29 C302.666667,29 303.333333,29 298,29");}
	67% {d: path("M0,29 l246,0 C257,29 263,34 271,34 C279,34 286,29 296,29 C302.666667,29 303.333333,29 298,29");}
}
.labelSign {
	position: absolute;
	top: calc(50% - 0.2em);
	font-size: var(--labelFontSize, inherit);
	color:#8e8e8e;
	left: 0;
	line-height: 1;
	transition: top 0.2s cubic-bezier(0.9, -0.15, 0.1, 1.15), opacity 0.2s ease-out, font-size 0.2s ease-out;
	will-change: top, opacity, font-size;
}
.messageSign {
	position: absolute;
	top: calc(100% - 22px);
	font-size: var(--labelFontSize, inherit);
	color: #8e8e8e;
	left: 0;
	line-height: 1;
	transition: top 0.2s cubic-bezier(0.9, -0.15, 0.1, 1.15), opacity 0.2s ease-out, font-size 0.2s ease-out;
	will-change: top, opacity, font-size;
}
.inputField:focus + .labelWraper .labelSign, .inputField:valid + .labelWraper .labelSign, .inputField:not(:placeholder-shown) + .labelWraper .labelSign {
	--labelFontSize: 0.8em;
	top: -0.1em;
	color: #888888;
	font-weight: 600;
}
.textAreaField:focus + .labelWraper .messageSign, .textAreaField:not(:placeholder-shown) + .labelWraper .messageSign {
	--labelFontSize: 0.8em;
	top: -0.1em;
	color: #888888;
	font-weight: 600;
}
.textAreaField {
	outline: none;
	border: none;
	width: 298px;
	max-width: 298px;
	min-height: 100px;
	min-width:298px;
}
.textArea:focus + .labelWraper .messageSign, .textArea:valid + .labelWraper .messageSign, textarea:not(:placeholder-shown) + .labelWraper .messageSign {
	--labelFontSize: 0.8em;
	top: -0.1em;
	color: #888888;
	font-weight: 600;
} 
.inputField:valid {
	background: transparent !important;
}
.check {
	position: absolute;
	top: 22px;
	right: 35px;
	fill: none;
	transform: translate(0,9px) scale(0);
	transition: all .3s cubic-bezier(.5, .9, .25, 1.3);
}
.messageCheck {
	position: absolute;
	top:calc(100% - 20px);
	right: 35px;
	fill: none;
	transform: translate(0,9px) scale(0);
	transition: all .3s cubic-bezier(.5, .9, .25, 1.3);
}

.inputField:valid + .labelWraper .check, .textAreaField:not(:placeholder-shown) + .labelWraper .messageCheck {
	transform: translate(0,0) scale(1);
	animation: elasticCheck 0.8s ease forwards;
}
.inputField:valid + .labelWraper .border{

}
@keyframes elasticCheck {
	33% {
		top:0px;
	}

	66% {
		top:12px;
	}
}


/*______________________________________________________________________________________
    
                                      Admin CSS
________________________________________________________________________________________*/
.title {
	margin: 40px 0px 10px 0px;
}

		.title [name='sysset']:hover, .title [name='dashboard']:hover {
			cursor: pointer;
		}

	.cusTitle {
		margin-left: 80px;
	}

	.pagination a {
		color: black;
		float: left;
		padding: 8px 16px;
		text-decoration: none;
		transition: background-color .3s;
	}

		.pagination a.active {
			background-color: dodgerblue;
			color: white;
		}

	.pagestotal {
		padding-top: 8px;
		margin-left: 40px;
		float: left;
	}

	#findItem {
		margin-right: 20px;
	}

	/*______________________________________________________________________________________
    
                                      Map CSS
________________________________________________________________________________________*/

	.map {
		height: 100%;
	}

	.map_container, .map {
		width: 100%
	}

	#minimap {
		opacity: 1;
		position: absolute;
		height: 75px;
		width: 75px;
		background-color: #ccc;
		left: 30px;
		border-radius: 2px;
		border: 2px solid white;
		margin: 10px;
		z-index: 7;
		box-shadow: 0px 1px 4px rgba(0,0,0,0.3);
		-webkit-transition: width 0.4s ease,height 0.4s ease,opacity 0.6s ease-in,margin-bottom 0.4s ease;
		-moz-transition: width 0.4s ease,height 0.4s ease,opacity 0.6s ease-in,margin-bottom 0.4s ease;
		-ms-transition: width 0.4s ease,height 0.4s ease,opacity 0.6s ease-in,margin-bottom 0.4s ease;
		transition: width 0.4s ease,height 0.4s ease,opacity 0.6s ease-in,margin-bottom 0.4s ease;
		-webkit-transform: translateZ(0);
		-moz-transform: translateZ(0);
		-ms-transform: translateZ(0);
		transform: translateZ(0);
	}

	.minimap-clip {
		overflow: hidden;
		position: absolute;
		bottom: 0px;
		left: 0px;
		top: 0px;
		right: 0px;
		z-index: 0;
		border-radius: 8px;
		background-color: #4d4d4d;
	}

	.minimap-caption-wrapper {
		cursor: pointer;
		color: white;
		font-size: 11px;
		position: absolute;
		line-height: normal;
		padding: 12px 0px 6px 0px;
		bottom: 0px;
		left: 0;
		width: 100%;
		background-image: -webkit-linear-gradient(top,transparent,rgba(0,0,0,0.6));
		background-image: -moz-linear-gradient(top,transparent,rgba(0,0,0,0.6));
		background-image: -ms-linear-gradient(top,transparent,rgba(0,0,0,0.6));
		background-image: linear-gradient(to bottom,transparent,rgba(0,0,0,0.6));
		text-indent: 6px;
		height: 15px;
		text-shadow: rgba(0,0,0,0.7) 0px 1px 8px;
	}

	#minimap-wrapper {
		position: absolute;
		z-index: -1;
		width: 75px;
		height: 100px;
		-webkit-transition: left 0.4s ease,bottom 0.4s ease;
		-moz-transition: left 0.4s ease,bottom 0.4s ease;
		-ms-transition: left 0.4s ease,bottom 0.4s ease;
		transition: left 0.4s ease,bottom 0.4s ease;
		-webkit-transform: translateZ(0);
		-moz-transform: translateZ(0);
		-ms-transform: translateZ(0);
		transform: translateZ(0);
	}
.roboto300-small, .jumbotron .roboto300-small {
	font-family: 'Roboto Condensed', sans-serif !important;
	font-size: 0.75em;
	font-weight: 300 !important;
	line-height: 1.5;
}
.ssanspro400-small-0815{
	font-size:0.815em!important;
}
.ssanspro400-small-075 {
	font-size: 0.75em !important;
}	
	/*___roboto300-small___________________________________________________________________________________
    
                                      Side Nav Test CSS
________________________________________________________________________________________*/
	.change .map_MenuButtonBar1 {
		-ms-transform: rotate(-45deg) translate(0px, 11px);
		-webkit-transform: rotate(-45deg) translate(0px, 11px);
		transform: rotate(-45deg) translate(-1px, 11px);
		background-color: #333333;
	}

	.change .map_MenuButtonBar3 {
		-ms-transform: rotate(45deg) translate(0px, -11px);
		-webkit-transform: rotate(45deg) translate(0px, -11px);
		transform: rotate(45deg) translate(0px, -11px);
		background-color: #333333;
	}

	.map_MenuButtonBar1, .map_MenuButtonBar2, .map_MenuButtonBar3 {
		width: 22px;
		height: 3px;
		margin: 5px 0;
		transition: 0.4s;
		background-color: #616161;
	}

	.roadmap_menu {
		background-color: #9c9d9e;
	}

	.open-sidemenu {
		position: fixed;
		top: 87px;
		left: 16px;
		z-index: 1;
		display: inline-block;
		float: left;
		cursor: pointer;
	}

		.open-sidemenu:hover .map_MenuButtonBar1, .open-sidemenu:hover .map_MenuButtonBar2, .open-sidemenu:hover .map_MenuButtonBar3 {
			background-color: #333333;
		}

	.change:hover .map_MenuButtonBar1, .change:hover .map_MenuButtonBar2, .change:hover .map_MenuButtonBar2 {
		background-color: #616161;
	}


	/* The side navigation menu */
	.sidenav {
		height: 100%; /* 100% Full-height */
		width: 0; /* 0 width - change this with JavaScript */
		position: fixed; /* Stay in place */
		z-index: 1; /* Stay on top */
		top: 70px; /* Stay at the top */
		left: 0;
		background-color: rgb(245,245,245);
		overflow-x: hidden; /* Disable horizontal scroll */
		transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
		box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
	}

		/* The navigation menu links */
		.sidenav a {
			padding: 8px 8px 8px 32px;
			text-decoration: none;
			font-size: 25px;
			color: #818181;
			display: block;
			transition: 0.3s;
		}

		/* When you mouse over the navigation links, change their color 
.sidenav a:hover {
  color: #f1f1f1;
}
*/

		/* Position and style the close button (top right corner) */
		.sidenav .closebtn {
			position: absolute;
			top: 0;
			right: 25px;
			font-size: 36px;
			margin-left: 50px;
		}

	/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
	#main {
		transition: margin-left .5s;
		padding: 0;
	}

	/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
	@media screen and (max-height: 450px) {
		.sidenav {
			padding-top: 15px;
		}

			.sidenav a {
				font-size: 18px;
			}
	}

	.toggle-space {
		background-color: white;
		border-bottom: 1px solid #E8EAED;
		padding: 0 8px 16px 8px;
		height: 50px;
	}

	.toggle-title {
		padding: 40px 0 0 80px;
	}

	.setting-box {
		background-color: rgb(255, 255, 255);
		border-bottom: 1px solid #E8EAED;
		border-top: 1px solid #E8EAED;
		margin-top: 8px;
		position: relative;
	}

	.menuBg {
		width: 40px;
		height: 40px;
		border-radius: 200px;
		background: #fff;
		box-shadow: 0 1px 3px 0 rgba(38, 38, 38, 0.5);
		cursor: pointer;
		position: fixed;
		z-index: 1;
		margin-top: 13px;
		margin-left: 7px;
	}

	.inactive_button {
		opacity: 0.4;
		cursor: not-allowed !important;
	}
	.blocked{
		position: relative;
	}
	.blocked:after{
		content:'';
		position: absolute;
		z-index: 1;
		background:transparent;
		top:0;
		right:0;
		bottom:0;
		left:0;
	}

	.hidden_button {
		visibility: hidden;
		display: none !important;
		opacity: 0;
		transition: opacity 2s linear, display 0s 2s;
	}
	/*.dblarrv {
	margin: 10px 0 10px 0;
}
._ddblarrv {
	-ms-flex-negative: 0;
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
	color: #929292;
	cursor: pointer;
	font-size: 0px;
	line-height: 0;
}
._ddblarrv:hover {
	color: #262626;
}*/
	#presentation {
		height: 24px;
		width: 24px;
		-webkit-flex: 0 0 24px;
		-ms-flex: 0 0 24px;
		flex: 0 0 24px;
		margin-right: 10px;
		color: black;
		background-size: contain !important;
	}

	.section-divider {
		-webkit-flex: none;
		-ms-flex: none;
		flex: none;
		height: 8px;
	}

	.remove {
		background-image: url(/../images/icons/dicons.png);
		background-size: 48px 408px;
		background-position: -24px -144px;
		background-repeat: no-repeat;
		height: 24px;
		width: 24px;
		align-self: center;
		transition: ease;
		z-index:7;
	}

		.remove:hover {
			background-position: 0px -168px;
			transition: ease;
		}

	.mylocation {
		width: 18px !important;
		height: 18px;
		background-position: 0 0;
		background-size: 72px 18px;
		background-image: url(/../images/icons/mylocation.png);
		background-repeat: no-repeat;
		position: absolute;
		right: 4px;
		top: 8px;
		z-index: 3;
	}

		.mylocation:hover {
			background-position: -18px 0px;
			cursor: pointer;
		}

	.icon-arrow {
		background-image: url(/../images/icons/dicons.png);
		background-size: 48px 408px;
		background-position: 0px -336px;
		background-repeat: no-repeat;
		height: 24px;
		width: 24px;
		align-self: center;
		opacity: 0.5;
	}

[draggable] {
	-webkit-user-select: none;
	user-select: none;
}

	.moveBack {
		transition-duration: 300ms;
		transform: translate3d(0px, 0px, 0px);
	}

	.moveUp {
		transition-duration: 300ms;
		transform: translate3d(0px, -59px, 0px);
	}

	.moveDown {
		transition-duration: 300ms;
		transform: translate3d(0px, 59px, 0px);
	}

	#yes:hover, #no:hover {
		cursor: pointer;
	}

	#yes:hover {
		font-weight: bold;
	}

	.maps-express-pickup {
		background: no-repeat url(/../images/icons/express.png);
		background-size: 24px;
		height: 24px;
		width: 24px;
	}

	.maps-personal-driver {
		background: no-repeat url(/../images/icons/privet-driver.png);
		background-size: 24px;
		height: 24px;
		width: 24px;
	}

	.maps-event-driver {
		background: no-repeat url(/../images/icons/event-driver.png);
		background-size: 24px;
		height: 24px;
		width: 24px;
	}

	.maps-medical-pickups {
		background: no-repeat url(/../images/icons/medical-pickups.png);
		background-size: 24px;
		height: 24px;
		width: 24px;
	}

	.maps-car-pickups {
		background: no-repeat url(/../images/icons/car-pickups.png);
		background-size: 24px;
		height: 24px;
		width: 24px;
	}

	.directions-options-block > h2 {
		font-size: 14px;
	}

	.kd-checkbox + .kd-checkbox-label, .kd-radio + .kd-radio-label {
		cursor: pointer;
		display: inline-block;
		padding: 0 0 0 8px;
		position: relative;
		line-height: 1.2em !important;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}

	[name="option"] {
		width: 48px;
		height: 48px;
		opacity: 0.2;
	}

	.express-pickups {
		background-color: #A247C9;
	}

	.personal-driver {
		background-color: #77C947;
	}

	.event-driver {
		background-color: #F2C10D;
	}

	.medical-pickups {
		background-color: #F53131;
	}

	.car-pickups {
		background-color: #48B5E8;
	}

	.no-padding-left {
		padding-left: 0 !important;
	}

	.flex-one {
		flex: 1 !important;
	}

	.payment-form {
		background-size: 24px 24px;
		height: 24px;
		width: 24px;
		margin: 8px 3px 8px 0px;
	}

	.clickable {
		cursor: pointer;
		opacity: 0.8;
	}

		.clickable:hover {
			opacity: 1;
		}

	.menu-button-caption {
		display: inline-block;
		padding: 0 4px 0 0;
		vertical-align: top;
	}

	.menu-button-dropdown {
		display: inline-block;
		width: 0px;
		position: relative;
		top: -2px;
		vertical-align: middle;
	}

.time-block {
	padding: 0 16px 0 8px;
	display: inline-block;
	outline: none;
}

	.time-div {
		margin-left: 26px;
		transition: all 0.3s;
		position: relative;
	}

	.time-dropdown-content {
		font-size: 13px;
		position: absolute;
		padding: 8px 0;
		background-color: #fff;
		min-width: 160px;
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		z-index: 1;
	}

		.time-dropdown-content a {
			font-size: 13px;
			padding: 4px 16px 4px 16px;
			text-decoration: none;
			display: block;
		}

			.time-dropdown-content a:hover {
				/*background-color: #f1f1f1;*/
				text-decoration: none;
				/*color: #fff;*/
			}

	.time-picker {
		margin-left: 34px;
		margin-right: 60px !important;
	}

#time-picker {
	font-size: 13px;
	-webkit-user-select: none; /* Safari */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+/Edge */
	user-select: none; /* Standard */
}

	.time-input {
		width: 145px;
		text-align: center;
	}

	.invisiable {
		visibility: hidden;
	}

	.date-input {
		margin: 0 4px;
	}

	.setDT {
		margin: 10px 0 10px 36px;
		font-size: 12px;
	}

.timeDropdown {
	scrollbar-width: thin;
	font-size: 13px !important;
	-webkit-user-select: none;
	user-select: none ;
	max-height: 220px;
	overflow: hidden auto;
	background: #fff;
	outline: 1px solid rgba(0,0,0,0.2);
	padding: 6px 0;
	white-space: nowrap;
	cursor: default;
	margin: 4px 0 0 34px;
	position: absolute;
	z-index: 10;
}

		.timeDropdown a {
			font-size: 13px !important;
			padding: 4px 16px 4px 16px;
			text-decoration: none;
			display: block;
			opacity: 0.8;
		}

			.timeDropdown a:hover {
				text-decoration: none;
			}

	.ddInputCont {
		position: relative;
		background-color: #fff;
		border: 1px solid #e6e6e6;
		padding: 5px 10px;
	}

	.ddInput {
		background: transparent;
		border: 0;
		border-radius: 0;
		font: inherit;
		list-style: none;
		margin: 0;
		outline: 0;
		overflow: visible;
		padding: 0;
		padding-right: 16px !important;
		vertical-align: baseline;
		unicode-bidi: -webkit-isolate;
		unicode-bidi: -moz-isolate;
		unicode-bidi: -ms-isolate;
		unicode-bidi: isolate;
		color: inherit;
		font-size: 15px;
		margin: 0 !important;
		outline: 0;
		width: 100%;
		height: 24px !important;
		line-height: 24px;
		vertical-align: top;
		transition-property: color;
		transition-duration: 0.3s;
		outline: none;
	}

	.billing-address-box {
		box-sizing: border-box;
		width: 408px;
		background: #fff;
		border-radius: 2px;
		box-shadow: 0 2px 4px rgba(0,0,0,0.2), 0 -1px 0px rgba(0,0,0,0.02);
		padding: 12px 16px 30px 50px;
		border-radius: 2px 2px 0 0;
		margin-top: 8px;
	}

	.nohover:hover {
		color: #888888 !important;
	}
/*___roboto300-small___________________________________________________________________________________
    
                                      Sign Up CSS
________________________________________________________________________________________*/
.red-border{
	border-color:red;
}
.top10 {
	margin-block-start: 10px;
}

/*___slider___________________________________________________________________________________
    
                                      Home CSS
________________________________________________________________________________________*/
.rt-notips-view {
	padding: 20px;
	perspective: 2000px;
	overflow: hidden;
	display: flex;
	flex-direction: row;
	align-items: center;
}
.rt-notips-view > *{
	flex: 0 0 auto; 
}
.rt-notips-view .slides {
	transform-style:preserve-3d;
	transition: transform 0.5s;
}
.fadeIn {
	opacity: 1;
	/*-webkit-transition: .3s opacity ease-in;
	-o-transition: .3s opacity ease-in;
	-moz-transition: .3s opacity ease-in;
	transition: .3s opacity ease-in;*/
}
.fadeOut {
	opacity: 0;
	-webkit-transition: .3s opacity ease-out;
	-o-transition: .3s opacity ease-out;
	-moz-transition: .3s opacity ease-out;
	transition: .3s opacity ease-out;
}
.arrow-image-regular {
	filter: invert(56%) sepia(0%) saturate(48%) hue-rotate(223deg) brightness(96%) contrast(82%);
}
.arrow-image-hover {
	filter: invert(17%) sepia(0%) saturate(1661%) hue-rotate(142deg) brightness(96%) contrast(88%);
}
/*___slider___________________________________________________________________________________
    
                                      Driver CSS
________________________________________________________________________________________*/
.float_left{
	float:left;
}
.float_right{
	float:right;
}
.floatclear_right{
	float:right;
	clear:right;
}
.floatclear_left{
	float:left;
	clear:left;
}
.date-time-regular {
	margin: 3px auto auto 32px!important;
}
.date-time-onfrontpage {
	margin: 0px auto auto -60px !important;
}
.options-right h2{
	font-size: 14px;
}
.short-number{
	width: 30px;
}
/*___slider___________________________________________________________________________________
    
                                      Mover CSS
________________________________________________________________________________________*/
.popup {
	position: absolute;
	flex: none;
	display: block;
	border-radius: 6px;
	padding: 8px;
	top: 83%;
	visibility: hidden;
	z-index: 1;
	
	text-align: center;
	font-size: small;
}
.house-infobox {
	left: 7%;
	width: 280px;
	background-color: #A247C9;
	color: azure;
}
.apartment-infobox {
	left: 7%;
	width: 280px;
	background-color: #77C947;
	color:azure;
}
.commercial-infobox {
	left: 27%;
	width: 260px;
	background-color: #F2C10D;
	color: darkolivegreen;
}
.express-infobox {
	left: 44%;
	width: 190px;
	background-color: #48B5E8;
	color:azure;
}
.house-infobox::after {
	content: "";
	position: absolute;
	top: -21%;
	left: 9%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent transparent #A247C9 transparent;
}
.apartment-infobox::after {
	content: "";
	position: absolute;
	top: -21%;
	left: 42%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent transparent #77C947 transparent;
}
.commercial-infobox::after {
	content: "";
	position: absolute;
	top: -30%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent transparent #F2C10D transparent;
}
.express-infobox::after {
	content: "";
	position: absolute;
	top: -30%;
	left: 82%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent transparent #48B5E8 transparent;
}
.popup.show{
	visibility: visible;
	-webkit-animation: fadeIn 0.3s;
	animation: fadeIn 0.5s;
}
.megamenu .service-title {
	float: left;
	list-style: none;
	margin-right: 2%;
	font-size:1rem;
}


.tittleUL {
	margin-left: 0px!important;
}