/* menu demo */
.menu_demo_top { background:url(../images/demo-menu/update/hero_menu_header.jpg); background-size: cover; background-position: top; height:650px; padding:0 0 0 0; overflow:hidden; }
.demo_menu_nav { background:url(../images/demo-menu/demo_menu_nav_bg.png) bottom center no-repeat; }
.menu_demo h2 { margin-bottom: 15px; }
.menu_demo h3 { margin-bottom: 15px; }
.menu_demo p { margin-bottom: 20px; }
.ui-image { margin-bottom:30px; }
.button_space { margin-top: 15px; }
.tiny_text_hint { float:none; clear:both; font-size:10px; color:#888888; } 

.top_content span { font-weight: 400; }
.top_content h1 { text-shadow: 0px 0px 7px rgba(0,0,0,0.50) }

.red_button, .top_button_holder a  { background-color: #4949E5; border-color: #4949E5; transition: all, 0.3s; }
.red_button:hover, .top_button_holder a:hover  { background-color: #1417e0; border-color: #1417e0; }

.hero_red { color:#4949E5; }
.hero_red:hover { color:#4949E5 !important; }

.row_grey { background-color: #E4F3FB; }

.color_wheel_section { background-color: #F4F7FF; }
.responsive_section img { max-width: 75%; margin: 0 auto; }

.mega_section img { max-width: 85%; margin: 0 auto; }

.main_footer { display: none; }

.wpcf7-form input, .wpcf7-form textarea {
	width: 100%;
    border: solid 1px #4949E5;
    padding: 5px;
    border-radius: 3px;
	max-width: 100%;
}

.wpcf7-form .wpcf7-submit { background-color: #4949E5; color: #fff; font-size: 16px; }

.menu_align { margin-top:50px; margin-bottom:65px; }
.menu_demo .switch_options { list-style:none; width: 100%; display:table; margin-bottom:0; }
.menu_demo .switch_options li { display:inline-block; margin:10px 30px 0px 0px; }
.menu_demo .line-divider { width:100%; height: 1px; margin: 60px 0px; background: #EEEEEE; }
.menu_demo .menu-structure { display:inline-block; margin-top: 50px; max-width: 75%; }
.menu_demo .color-chart { background: url(../images/demo-menu/update/color-chart.png) no-repeat top center; width:100%; height: 25px; margin:30px 0px 65px; }
.menu_demo .color-wheel { display: inline-block; }
.menu_demo .heading-border { display:inline-block; margin-bottom:40px; }
.menu_demo .clear { clear:both; }
.menu_demo .responsive-phone1 { position: relative; right:-70px; }
.menu_demo .responsive-phone2 { position: relative; left:-70px; }
.menu_demo .mega-demo { display:inline-block; margin-top:40px; }
.no-bottom-padding { padding-bottom:0px; }
.get_banner { padding:55px 0px; background-color: #4949E5; } 
.menu_demo .get-instruction { float:left; }
.menu_demo .get-button { border:solid 1px #fff; float:right; margin-bottom:0px; }
.menu_demo .get-button:hover { color:#777777 !important;}
		
.message_holder{ width:100%; height:2000px; position:fixed; background-image:url(../images/bg_popup.png); z-index:9999; display:none; opacity:0; filter:Alpha(opacity=0); }
	.message_wrap{ width:50%; position:fixed; z-index:9999; left:50%; top:20%; margin-left:-25%; background-position:center; background-size:cover; }
	.message_btn{ cursor:pointer; }
	
.get_wrap_max{ max-width:765px; margin:0 auto; }
	.get_wrap_max .trans_button{ margin-right:0; }

/* menu demo settings */
.menu_demo_settings{ width:100%; display:table; margin:200px 0 0 0; position:relative; top:500px; }
	.menu_demo_settings ul{ list-style:none; display:table; margin:0; padding:0; }
		.menu_demo_settings ul li{ float:left; color:#FFFFFF; padding:10px 20px 13px; cursor:pointer; }
			.setting_active{ border-bottom:3px solid #ED394A; padding-bottom:10px; cursor:pointer; }
	.setting_holder{ width:100%; display:table; padding:20px 0; position:absolute; left:0; }
	.setting_header{ color:#FFF; font-size:14px; padding:0 0 5px 0; display:table; }
	.setting_sub_text{ color:#666; font-size:12px; padding:5px 0 0 0; display:table; }
	.menu_demo_settings input[type=radio]{ display:none !important; }
	.menu_demo_settings input[type=radio] + label{ width:100%  !important; height:14px  !important; background-image:url(../images/bg_checkbox.png)  !important; background-repeat:no-repeat  !important; padding:0 0 0 25px  !important; line-height:15px  !important; font-weight:300  !important; color:#FFF  !important; }
	.menu_demo_settings input[type=radio]:checked + label{ background-position:0 -14px  !important; }
	.menu_demo_settings .settings_wrap{ width:100%; height:100px; overflow:hidden; background-image:url(../images/bg_black.png); position:relative; }
		.setting_holder .col-md-3{ padding-top:10px; padding-bottom:10px; }
		
		.setting_color_holder{ width:100%; display:table; }
			.setting_color_item{ width:30px; height:24px; padding:3px; border-radius:20px 20px 20px 20px; -moz-border-radius:20px 20px 20px 20px; -webkit-border-radius:20px 20px 20px 20px; float:left; margin:0 5px 0 0; display:table; cursor:pointer }
			.setting_inner_one{ background-color:red; border-radius:20px 0 0 20px; -moz-border-radius:20px 0 0 20px; -webkit-border-radius:20px 0 0 20px; width:12px; height:24px; float:left; display:table; }
			.setting_inner_two{ background-color:purple; border-radius:0 20px 20px 0; -moz-border-radius:0 20px 20px 0; -webkit-border-radius:0 20px 20px 0; width:12px; height:24px; float:left; display:table; }
			.close_settings{ width:14px; cursor:pointer; height:14px; background-image:url(../images/bg_close.png); background-position:center; background-repeat:no-repeat; position:absolute; right:10px; top:15px; }
			.hmenu_navigation_holder .setting_remove_icon:before{ display:none; }
			
			.setting_font_one{ font-family: 'Open Sans', sans-serif !important; font-weight:400; }
			.setting_font_two{ font-family: 'Pacifico', cursive !important; font-weight:normal; }
			.setting_font_three{ font-family: 'Droid Serif', serif !important; font-weight:normal; }
				
				.demo_span{ font-family: 'Pacifico', cursive !important; font-weight:normal; clear:both; font-size:18px; color:#777777; display:block; width:100%; padding:5px 0 10px 0; }
				
			.settings_top{ position:relative; }
				.settings_top .top_content{ position:absolute; left:0; padding:165px 0 !important; }
			
			.setting_shadow{ 
				-moz-box-shadow:    0 2px 40px 10px #000;
				-webkit-box-shadow: 0 2px 40px 10px #000;
				box-shadow:         0 2px 40px 10px #000;
			}
			
			.hmenu_item_devider{ 
				border-left: 1px solid rgb(255,255,255, 0) !important;
				border-left: 1px solid rgba(255,255,255, 0) !important;
			}
			
			.setting_remove_bg{ 
				border-left: 1px solid rgb(255,255,255, 0) !important;
				border-left: 1px solid rgba(255,255,255, 0) !important;
			}
			
			.setting_add_bg{ 
				border-left: 1px solid rgb(255,255,255, 0.4) !important;
				border-left: 1px solid rgba(255,255,255, 0.4) !important;
			}
			
			.row_free_icons{ background-image:url(../images/demo-menu/update/bg_free_icons.png); background-position:center; }	
			.row_free_icons h2 { color: #4949E5; }
			.row_free_icons h2:hover { color: #4949E5 !important; }
			.row_free_icons p { color: #666666; }
			.row_free_icons p:hover { color: #666666 !important; }
			
/* overwrite */
@media (max-width: 768px) {  
	.settings_top .top_content{ position:relative; }
	.menu_demo_top{ overflow:auto; height:auto !important; display:table; }
	.menu_demo_settings{ display:none; }
}