@charset "utf-8";

/* site wide styles */
body{ margin:0; font-family: 'Open Sans', sans-serif; }
*{ margin:0; padding:0; }
a{ text-decoration:none !important; }

.rounded_3{ border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.rounded_10{ border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }
.rounded_right_3{ border-radius:0 3px 3px 0; -moz-border-radius:0 3px 3px 0; -webkit-border-radius:0 3px 3px 0;  }
.rounded_left_3{ border-radius:3px 0 0 3px; -moz-border-radius:3px 0 0 3px; -webkit-border-radius:3px 0 0 3px;  }
.rounded_bottom_3{ border-radius:0 0 3px 3px; -moz-border-radius:0 0 3px 3px; -webkit-border-radius:0 0 3px 3px;  }

.download_holder{ display:table; width:100%; padding:0 0 20px 0; margin:0 0 30px 0; }
.no_padding{ padding:0; }

.border_bottom_down{ border-bottom:1px solid #DDD }

input{ outline:none; }
input[type="text"].error{ background-color:#BE2E38; color:#FFF; }
.form-error { border-color: #a94442; }
#purchase_code_error, #purchase_code_check { display: block; position: absolute; right: 0px; color: #D1414D; padding: 8px 10px; top: 0px; border-radius: 7px; padding-right: 31px; display: none; }
#purchase_code_check { color: #87bdff; }
#submit_busy { display: none; }

	.success_message{ width:100%; text-align:center; display:table; padding:5px; border:1px solid #FFF; color:#FFF; }
	.error_message{ width:100%; text-align:center; display:table; padding:5px; border:1px solid #FFF; background-color:#BE2E38; color:#FFF; }

.no_padding{ padding:0; }
.no_padding_top{ padding-top:0 !important; }

#zendesk_form{ width:100%; display:table; }

.demo_construct{ width:100%; color:#FFF; font-size:16px; text-align:center; line-height:80px; display:table; background-color:#D1414D; }

.post_content ul{ margin:0 0 15px 25px; }
.post_content p{ margin:0 0 20px; }
.post_content h4, .post_content a{ color:#D1414D; font-weight:bold; }

/* holders */

.feature_devider{ width:100%; height:1px; background-color:#efefef; margin:15px 0 5px; }

.main_nav{ width:100%; background-image:url(../images/bg_nav.png); height:60px; padding:20px 0; position:fixed; display:table; z-index:9995; }
	.logo{ float:left; width:120px; overflow:hidden }
	.white_nav{ background-color:#FFF; background-image:none !important; }
		.logo a img{ width:100%; }
	.top_nav{ display:table; float:right; padding:15px 0 0 0; }
		.top_nav ul{ list-style:none; float:left; padding:5px 0 0 0; margin:0; }
			.top_nav ul li{ float:left; padding:0 15px; }
				.top_nav ul li a{ display:table; padding:0 0 2px; }
					.top_nav ul li a:hover{ border-bottom:2px solid #E75A68; }
					.top_nav ul li a.hero_active{ border-bottom:2px solid #E75A68; }
		.search_holder{ width:30px; padding:5px; display:table; background-image:url(../images/icon_search.png); background-repeat:no-repeat; background-position:right; height:30px; float:right; cursor:pointer; }

.document_container{ display:table; position:relative; width:100%; background-color:#FFF; padding:20px 0 20px 0; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.doc_content_holder{ display:table; padding:0; margin:30px 0; width:100%; color:#777777 }	
	.doc_content_holder p{ margin:0 0 15px; }	
	.doc_content_holder ul, .doc_content_holder ol{ padding:0 0 15px 25px; margin:0; }	
	.doc_content_holder p ul{ padding:0 0 0 25px; margin:0; }	
		.document_select{ width:100%; margin:0 0 20px 0; }
		.document_head{ display:table; padding:5px 0 3px 0; }
		.document_main_holder h3{ font-size:18px; color:#333333; }
		.document_main_holder h4{ font-size:16px; color:#586368; font-weight:bold; padding:0 0 15px; margin:0; }
		
		.doc_sidebar_wrap{ display:inline; }
		
		.doc_content_holder h2{ padding:0 0 20px; }
		.doc_content_holder img { max-width:785px; height:auto !important }
		
		.doc_tab_holder{ width:100%; display:table; border-bottom:1px solid #DDD; background-color:#efefef; }
			.doc_tab_holder ul{ list-style:none; }
				.doc_tab_holder ul li{ float:left; display:table; padding:10px 15px; }
					.doc_tab_holder ul li:hover, .doc_tab_holder ul li.active_doc{ background-color:#CE3743; color:#FFF; cursor:pointer; }

		.doc_content_holder blockquote{ padding:20px; font-size:12px; margin:0 0 20px; border-left:0; background-color:#FFFFBF; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;  }
			.doc_content_holder blockquote h3{ color:inherit; padding:0 0 15px; font-weight:bold; }
			.doc_content_holder h3{ color:#D1414D; padding:20px 0 15px; font-weight:normal; }
			
		.doc_code{ display:block; max-width:785px; background-color:#FFF; margin:20px 0 20px 0; border:1px solid #FFF; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; overflow:hidden; }
			.doc_code_inner{ padding:0 0 0 34px; margin:0; word-wrap:normal;  background-image:url(../images/bg_numbers.jpg); background-repeat:no-repeat; background-position:left top; }
			.doc_code_inner pre{ word-wrap:normal; border:none; margin:0; line-height:17px; background-color:#efefef }
			
			pre.hero_code .change_highlight{ color:#D1414D; }
			
		.doc_sidebar{ display:block; background-color:#FFF; border:1px solid #DDD; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; overflow:hidden; position:relative; }
			.doc_sidebar_heading{ padding:10px; background-color:#D1414D; color:#FFF; font-size:20px; }
				.doc_sidebar_links ul{ list-style:none; margin:0; }
				.doc_sidebar_links ul li{ display:block; padding:10px; font-size:12px; color:inherit; border-top:1px solid #EEEEEE; cursor:pointer; }
					.doc_sidebar_links ul li:hover{ background-color:#EFEFEF; }
					.doc_sidebar_links ul li.active_side_doc{ background-color:#DDDDDD; color:#333; }
				
.main_top{ width:100%; background-color:#CCC; height:750px; padding:100px 0 0; background-image:url(../images/bg_main.jpg); background-position:center 0px; background-repeat:no-repeat; }
.intro_top{ width:100%; background-color:#CCC; height:600px; padding:100px 0 0; background-image:url(../images/bg_about.jpg); background-position:center 0px; background-repeat:no-repeat; }
	.top_content{ width:100%; padding:100px 0; display:table; }
		.top_content p{ margin:0; }
	.social_top{ display:table; margin:0 auto; padding:15px; }
	.social_product{ display:table; float:right; padding:0 0; }
		.social_icon{ width:30px;  float:left; background-position:center; display:table; cursor:pointer; }
		.social_top .social_icon{ padding:0 10px; }
		.social_footer .social_icon{ padding:0 5px 0 0; }		
		.social_product .social_icon{ padding:0 0 0 10px; }
	.top_button_holder, .plugin_button_holder{ display:table; margin:0 auto; }
		.top_button_holder .hero_button{ width:140px; margin:0 10px !important; }
		.plugin_button_holder .hero_button{ width:200px; margin:0 10px !important; }


		
.full_row{ width:100%; padding:50px 0; display:table; background-size:cover; background-position:center top; }
.featured_full_row{ width:100%; padding:120px 0; min-height:500px; overflow:hidden; }
.zindex { z-index:9999; }
.featured_settings_row{ width:100%; padding:70px 0 60px; min-height:500px; overflow:hidden; }
	.featured_content{ padding-top:50px; display:table; }
	.plugin_image{ height:400px; }
	.row_grey{ background-color:#EEEEEE; }
	.row_lightgrey{ background-color:#CCC; }
	.row_darkgrey{ background-color:#3D4045; }
	.row_white{ background-color:#FFFFFF; }
	.row_red{ background-color:#D1414D; }
	.split_bg{ background-image:url(../images/bg_split.jpg); background-position:center; }
	
	.signup_holder{ width:100%; display:table; padding:20px 0 0; }
		.signup_holder input{ display:table; float:left; padding:7px 10px; border:none; height:40px; }
		
	.main_footer{ position:relative; height:200px; padding-bottom:0; }
	.main_footer ul{ list-style:none; }
		.main_footer ul li{ display:table; width:100%; }
		
	.footer_image_holder{ height:300px; }
	.footer_image{ position:absolute; display:table; bottom:0; }
	
	.bg_this{ background-image:url(../images/bg.jpg); }
	
	.plugin_holder{ width:100%; background-color:#FFF; display:table; padding:0; margin:0; }
		.item_img_wrap{ width:100%; height:180px; margin:0 0 15px; overflow:hidden; }
		.plugin_item_image{ width:100%; display:table; height:180px; background-size:cover; background-position:center; }
		.plugin_content{ width:100%; }
			.plugin_excerpt{ height:90px; }
			.plugin_content h3{ margin:0 0 10px 0; }
			.plugin_content p{ padding-bottom:15px; }
			
	.price_holder{ position:absolute; right:20px; top:0; line-height:10px; }
	.single_product_image, .single_product_sidebar{ padding:30px 0 0; }
	.single_product_image{ width:100%; display:table; text-align:center; }
	.single_product_sidebar{ width:100%; display:table; }
		.single_product_sidebar h2{ margin:0 0 15px 0; }
		.single_product_sidebar .hero_button{ width:47%; }
			.single_product_sidebar .btn_details_white{ float:right; margin:0; }
		.single_product_image img{ display:inline-table !important; }
		
		.product_status{ width:100%; padding:7px 0; text-align:center; margin:0 0 15px; background-color:#DCDFE2; }
		
		.product_docs{ list-style:none; padding:15px 0 0 0; display:table; width:100%; }
			.product_docs li{ width:100%; display:table; margin:0 0 5px; padding:4px 0 4px 35px; background-position:left; background-repeat:no-repeat; }	
				.doc_screenshot, .doc_documentation{ cursor:pointer; }		
					.doc_screenshot{ background-image:url(../images/icon_doc_screenshot.png); cursor:pointer; }
					.doc_documentation{ background-image:url(../images/icon_doc_documentation.png); }
					.doc_log{ background-image:url(../images/icon_doc_log.png); }
				
	.social_product{ text-align:right; line-height:40px; }
	
	.product_section_heading{ width:100%; text-align:center; display:table; padding:0 0 20px 0; }
		.product_section_heading h2, .product_section_heading h3{ margin:0 0 30px; }
		
	.cat_image{ padding:0 0 15px; }
	
	.list_wrap{ width:100%; display:table; text-align:center; }
	
	.feature_list{ list-style:none; }
		.feature_list li{ display:block; padding:0 0 0 25px; background-image:url(../images/bg_tick.png); background-position:left; background-repeat:no-repeat; height:25px; text-align:left; }
		
	.main_search{ width:100%; position:fixed; margin:20px 0 0 0; overflow:hidden; height:0; background-image:url(../images/bg_popup.png); }
		.main_search .container{ position:relative; }
		.main_search input{ width:95%; background-color:transparent; border:none; text-transform:uppercase; }
		.close_search{ width:35px; height:35px; background-image:url(../images/btn_close_search.png); position:absolute; top:50%; margin-top:-18px; right:0; cursor:pointer }
	
	.content_page_nav{ display:table; margin:0 0 20px; }
		.back_button{ background-color:#8F989E; display:table; float:left; padding:3px 10px; border:1px solid #8F989E; cursor:pointer; text-align:center; }
		.content_nav{ background-color:#FFF; display:table; float:left; padding:4px 10px; cursor:pointer; text-align:center; }
		
	.blog_item, .blog_single_item{ width:100%; display:table; margin:0 0 20px 0; padding:0 0 20px 0; border-bottom:1px solid #DDDDDD; position:relative; }
		.blog_item span, .blog_single_item span{ display:table; margin:0 0 15px 0; }
		.blog_image{ width:100%; display:table; position:relative; height:300px; margin:0 0 20px 0; background-color:#FFF; background-position:center; background-repeat:no-repeat; background-size:cover; }
			.blog_image_line{ width:0px; height:5px; position:absolute; bottom:0; left:0; background-color:#D1414D; }
			.blog_date_holder{ width:70px; display:table; position:absolute; left:-90px; top:0; border-right:1px solid #DDD; text-align:center; line-height:20px; padding:10px 0; }
				.blog_date_holder span{ margin:0; display:block; }
				
	.blog_item .hero_30{ margin:0 0 5px 0; }
				
	.site_sidebar ul{ list-style:none; margin:10px 0 35px; display:table; width:100%; }
		.site_sidebar ul li{ float:left; width:100%; display:table; border-bottom:1px solid #DDD; }
			.site_sidebar ul li a{ display:table; width:100%; padding:7px 0 10px; }
				.site_sidebar ul li a:hover{ border-right:3px solid #FFF }
				.site_sidebar ul li a span{ display:block; width:100%; }
	
	.team_avatar{ max-width:250px; height:250px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; background-position:center; margin:0 auto; background-size:cover; }	
		.team_holder h1{ padding:20px 0 0; margin:0; }
			.team_holder p{ padding:10px 0 30px; }	
	
	.support_type_link { margin-bottom: 15px; background:#D1414D url(../images/right_arrow.png) right center no-repeat; padding: 35px 75px 35px 25px;display: block;color: #fff;text-align: left; }
	.support_type_link:hover { color:#fff; transition: transform .7s ease-in-out; transform: scale(1.05); }
	.support_holder { padding: 65px 0px 50px 0px; }
	.purchase_code_col p, .purchase_code_col a { text-align: left; margin-bottom: 0px; }
	.purchase_code_col a { padding-top: 5px; display: inline-block; text-decoration: underline !important; }

	#zendesk_form_update { padding-top: 25px; }

	#form_mail_icon { width: 49px; margin: 0 auto; display: block; top: -24px; position: relative; }

	.support_holder{ margin:0 auto; display:table; width: 100%; }	
	.support_announce{ width:100%; margin:0 auto 20px; display:table; background-color:#595E62; color:#FFF; padding:20px 20px; }
		.support_other{ display:table; }
		.support_other a{ width:100%; display:table !important; background-color:#595E62; padding:10px 0; color:#FFF; text-decoration:none; }
			.support_other a:hover{ color:#FFF; text-decoration:none; background-color:#FFF; color:#666 }
			.support_form_holder{ width:100%; display:table; padding:20px 0 0; color:#666 !important; }
				.support_form_holder select{ color:#666 !important; }
			.support_textarea{ width:100%; padding:10px 0; text-align:center; display:table; font-size:12px; }
			.support_row{ width:100%; display:table; padding:0 0 20px 0; }
				.support_thank{ width:100%; display:none; margin:0 0 20px 0; color:#85BD7A; }
			
	.single_col_table{ display:table; margin:0; }
	.single_date_col{ max-width:140px; display:table; float:left; }
	.single_version_col{ max-width:100px; display:table; float:left; }
	.single_support_col{ max-width:200px; display:table; float:left; }
	
	.menu_demo .features_list { text-align: left; width:25%; float: left; padding: 0% 3%; }
	.menu_demo .features_list ul { list-style: url(../images/demo-menu/list_tick.png); }
	
	.social_media_footer_share{ margin:0 auto; display:table; }
	.social_media_share { margin-top: 20px; }
		.social_media_share ul, .social_media_footer_share ul { list-style:none; }
			.social_media_share ul li, .social_media_footer_share ul li { float:left; padding-right:0; padding-left:8px; }
			.social_media_share ul li:first-child, .social_media_footer_share ul li:first-child { padding-left:0px; }
			.social_media_share ul li:last-child, .social_media_footer_share ul li:last-child { border:none; }
			.demo_share{ margin:25px 0 0; display:table; text-align:center; width:100%; }
	
	.clear { clear:both; }

/* styles */
.hero_10{ font-size:10px; }
.hero_11{ font-size:11px; }
.hero_12{ font-size:12px; }
.hero_14{ font-size:14px; }
.hero_16{ font-size:16px; }
.hero_18{ font-size:18px; }
.hero_20{ font-size:20px; }
.hero_22{ font-size:22px; }
.hero_24{ font-size:24px; }
.hero_28{ font-size:28px; }
.hero_30{ font-size:30px; margin:0 0 30px 0; padding:0; }
.hero_40{ font-size:40px; }
.hero_50{ font-size:50px; text-transform:uppercase }
.font_50{ font-size:50px;}

h2{ margin:0; }
h3{ margin:0; }

.line_height_22 { line-height: 22px; }
.no_padding_top { padding-top: 0px; }

.pacifico_font{ font-family: 'Pacifico', cursive !important; }

.margin_both_y{ margin:30px 0; }
.padding_top_120{ padding-top:120px; }
.padding_120{ padding:120px 0; }
.padding_top_50 { padding-top:50px; }
.padding_bottom_0 { padding-bottom:0; }

.hero_black { color:#000; }
.hero_red{ color:#D1414D; }
.hero_grey{ color:#777777; }
.hero_light_grey { color:#666666; }
.hero_darkgrey{ color:#586368; }
.hero_white{ color:#FFFFFF; }
.hero_bluegrey{ color:#8D9EB0; }
.hero_blue{ color:#3266A5; }
.hero_purple { color:#A66CBB; }
.hero_greygrey { color:#2C3134; }

.single_plugin_p{ padding:10px 0 0 0; }

	/* hover */
	.hero_red:hover,.hero_grey:hover,.hero_darkgrey:hover,.hero_white:hover,.hero_bluegrey:hover{ text-decoration:none; }
	.hero_red:hover{ color:#D1414D !important; }
	.hero_grey:hover{ color:#777777 !important; }
	.hero_darkgrey:hover{ color:#586368 !important; }
	.hero_white:hover{ color:#FFFFFF !important; }
	.hero_bluegrey:hover{ color:#8D9EB0 !important; }

.weight_300{ font-weight:300; }
.weight_400{ font-weight:400; }
.weight_600{ font-weight:600; }
.weight_700{ font-weight:700; }
.weight_800{ font-weight:800; }

.main_heading{ margin:30px 0 20px; }
.main_content_heading{ margin-top:30px; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #DDD; }

.text_center, .center_content{ text-align:center; color:#666666; }
.no_alignment{ text-align:left; color:#666666; }

.top_nav ul li a{ font-size:14px; color:#6A7680; text-decoration:none; }
.main_footer ul li a{ font-size:14px; font-weight:300; color:#FFF; text-decoration:none; }
	.main_footer ul li a:hover{ text-decoration:underline; }
	
	.item_btn, .item_view_details{ display:table; margin:0 0 0 0; background-position:left; background-repeat:no-repeat; width:50%; text-align:center; padding:15px 0 0; float:left; border-top:1px solid #efefef; }
	.plugin_soon{ display:table; margin:0 0 0 0; background-position:left; background-repeat:no-repeat; width:100%; text-align:center; padding:15px 0 0; float:left; border-top:1px solid #efefef; color:#CCC; }
	
	.item_btn:hover{ color:#8D9EB0; }
	.item_view_details:hover{ color:#D1414D; }
	
		.plugin_btn_wrap{ display:table; width:100%; background-image:url(../images/bg_dot.jpg); background-position:center top; background-repeat:repeat-y; background-color:#FFF; padding:0 0 15px; margin:0 0 30px 0 }
		.plugin_btn_wrap_soon{ background-image:none; }

/* buttons */
.hero_button{ display:table; float:left; padding:10px 10px; border:1px solid; cursor:pointer; width:180px; text-align:center; }
.hero_custom_button{ display:table; float:left; padding:10px 10px; border:1px solid; cursor:pointer; text-align:center; }
.hero_button_small{ display:table; float:left; padding:5px 5px; border:1px solid; cursor:pointer; text-align:center; }
	.red_button{ background-color:#D1414D; border-color:#D1414D; margin:0 10px 5px 0; }
	.trans_button{ background-color:transparent; border-color:#D1414D; margin:0 10px 10px 0; }
	.white_button{ background-color:#FFFFFF; border-color:#FFFFFF; margin:0 10px 10px 0; }
	.grey_button{ background-color:#8F989E; border-color:#8F989E; margin:0 10px 10px 0; }
		.red_button:hover{ background-color:#CE3541; }
		.trans_button:hover{ background-color:#F3F3F4; }
		.grey_button:hover{ background-color:#7D888E; }
	
	.signup_submit{ display:table; float:left; padding:10px 10px; cursor:pointer; text-align:center; background-color:#3D4045; color:#FFF; }
		.signup_submit:hover{ background-color:#8F989E; }
	
	.btn_download, .btn_details, .btn_details_white{ background-position:10px; background-repeat:no-repeat; }
	.btn_download{ background-image:url(../images/icon_download.png); }
	.btn_details{ background-image:url(../images/icon_details.png); }
	.btn_details:hover{ color:#D1414D; text-decoration:none; }
	.btn_details_white{ background-image:url(../images/icon_details_white.png); }

/* popup */
.popup_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); }
.slider_wrap{ width:50%; height:600px; background-color:#FFF; position:fixed; z-index:9999; left:50%; top:20%; margin-left:-25%; background-position:center; background-size:cover; }
	.slider_holder{ width:100%; height:inherit; position:relative; overflow:hidden; }
		.slide_item{ width:100%; height:inherit; position:absolute; background-position:center; background-size:contain; background-repeat:no-repeat; }
	.slider{ width:100%; height:inherit; position:relative; }
		.slider_left, .slider_right{ position:absolute; height:35px; width:35px; top:50%; margin-top:-18px; background-image:url(../images/slider/button.jpg); cursor:pointer; }
		.slider_left{ left:-10px; background-position:left; }
		.slider_right{ right:-10px;  background-position:right; }
		.popup_close{ position:absolute; right:-10px; top:-10px; background-image:url(../images/slider/close.jpg); width:35px; height:35px; cursor:pointer; }
		
.content_holder h3{ color:#D1414D; font-weight:300; margin:0 0 15px; }
.content_holder h4{ color:#586368; font-weight:600; margin:0 0 10px; }
.content_holder p{ color:#777777; padding: 0 0 5px; }
.content_holder a{ color:#586368; font-weight:600; }		
	
/* overwrite */
@media (max-width: 768px) { 
  .top_nav ul li{ padding:0 10px; }
  .top_nav ul li a{ font-size:10px; }
  .split_bg{ background-image:none; }
  .social_product{ float:none; margin:0 auto; }
  .item_download, .item_view_details{ float:left; }
  .slider_wrap{ width:80%; height:300px; background-color:#FFF; position:fixed; z-index:9999; left:50%; top:20%; margin-left:-40%; background-position:center; background-size:cover; }
  .plugin_excerpt{ height:auto; }
  .menu_demo .responsive-phone1 { position: relative; right:auto; }
  .menu_demo .responsive-phone2 { position: relative; left:auto; }
  .menu_demo .get-button { float:none; }
  .menu_demo .get-instruction { float:none;clear:right; }
  .menu_demo .features_list { width:50%; }
  .demo_setting_btn{ display:none;}
  .single_date_col, .single_version_col, .single_support_col{ max-width:100%; padding:0 0 10px 0; text-align:center }
  .social_product .social_icon{ padding: 0 10px 0; }
  h1{ font-size:16px !important; }
  .document_main_holder{ padding-bottom:20px; float:right }
  .document_navigation{ padding-bottom:50px; float:left; }
  .document_select{ width:100%; position:relative; margin-top:10px; }
  .support_row div{ margin:0 auto 20px; }
  .main_footer{ padding-bottom:50px; }
  .doc_code{ max-width:320px !important; margin:20px auto; }
  .document_main_holder  { display: table-footer-group; margin-top:20px; }
  .doc_sidebar_wrap { display: table-header-group; }
  .doc_tab_holder ul li{ float:left; display:table; padding:10px 0; width:100%; }
  .doc_tab_holder ul li:hover, .doc_tab_holder ul li.active_doc{ background-color:#666666; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; color:#FFF; cursor:pointer; }
  .doc_content_holder img { width:100%; height:auto !important }
}
@media (max-width: 992px) {
  .social_product{ float:none; margin:0 auto; }
  .item_download, .item_view_details{ float:left; }
  .plugin_excerpt{ height:auto; }
  .document_main_holder{ padding-bottom:20px; float:right }
  .document_navigation{ padding-bottom:50px; float:left; }
  .doc_code{ max-width:620px; margin:20px auto; }
  .document_main_holder  { display: table-footer-group; margin-top:20px; }
  .doc_sidebar_wrap { display: table-header-group; }
}
@media (max-width: 1200px) {  
  .item_download, .item_view_details{ float:left; }
  .signup_holder input{ width:60%; }
  .plugin_excerpt{ height:auto; }
}

/* Carl: Moenie my judge nie */
	
	.map_explainer h3 { text-align: center; margin-top: 10%; font-family: 'Open Sans', sans-serif; font-weight: 300 !important; }
	.map_explainer img { width: 100%; margin-bottom: 14%;  }
		.map_explainer p.explain_p { width: 84%; text-align: center; margin-left: 8%; margin-bottom: 10% !important; display: block; font-family: 'Open Sans', sans-serif; color: #666666; font-size: 14px; }
	
/* CArl End */