@font-face {
	font-family: 'ElegantIcons';
	src:url('fonts/ElegantIcons.eot');
	src:url('fonts/ElegantIcons.eot?#iefix') format('embedded-opentype'),
		url('fonts/ElegantIcons.woff') format('woff'),
		url('fonts/ElegantIcons.ttf') format('truetype'),
		url('fonts/ElegantIcons.svg#ElegantIcons') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
	font-family: 'ElegantIcons';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="your-class-prefix"] {
*/
.arrow_up, .arrow_down, .arrow_left, .arrow_right, .arrow_left-up, .arrow_right-up, .arrow_right-down, .arrow_left-down, .arrow-up-down, .arrow_up-down_alt, .arrow_left-right_alt, .arrow_left-right, .arrow_expand_alt2, .arrow_expand_alt, .arrow_condense, .arrow_expand, .arrow_move, .arrow_carrot-up, .arrow_carrot-down, .arrow_carrot-left, .arrow_carrot-right, .arrow_carrot-2up, .arrow_carrot-2down, .arrow_carrot-2left, .arrow_carrot-2right, .arrow_carrot-up_alt2, .arrow_carrot-down_alt2, .arrow_carrot-left_alt2, .arrow_carrot-right_alt2, .arrow_carrot-2up_alt2, .arrow_carrot-2down_alt2, .arrow_carrot-2left_alt2, .arrow_carrot-2right_alt2, .arrow_triangle-up, .arrow_triangle-down, .arrow_triangle-left, .arrow_triangle-right, .arrow_triangle-up_alt2, .arrow_triangle-down_alt2, .arrow_triangle-left_alt2, .arrow_triangle-right_alt2, .arrow_back, .icon_minus-06, .icon_plus, .icon_close, .icon_check, .icon_minus_alt2, .icon_plus_alt2, .icon_close_alt2, .icon_check_alt2, .icon_zoom-out_alt, .icon_zoom-in_alt, .icon_search, .icon_box-empty, .icon_box-selected, .icon_minus-box, .icon_plus-box, .icon_box-checked, .icon_circle-empty, .icon_circle-slelected, .icon_stop_alt2, .icon_stop, .icon_pause_alt2, .icon_pause, .icon_menu, .icon_menu-square_alt2, .icon_menu-circle_alt2, .icon_ul, .icon_ol, .icon_adjust-horiz, .icon_adjust-vert, .icon_document_alt, .icon_documents_alt, .icon_pencil, .icon_pencil-edit_alt, .icon_pencil-edit, .icon_folder-alt, .icon_folder-open_alt, .icon_folder-add_alt, .icon_info_alt, .icon_error-oct_alt, .icon_error-circle_alt, .icon_error-triangle_alt, .icon_question_alt2, .icon_question, .icon_comment_alt, .icon_chat_alt, .icon_vol-mute_alt, .icon_volume-low_alt, .icon_volume-high_alt, .icon_quotations, .icon_quotations_alt2, .icon_clock_alt, .icon_lock_alt, .icon_lock-open_alt, .icon_key_alt, .icon_cloud_alt, .icon_cloud-upload_alt, .icon_cloud-download_alt, .icon_image, .icon_images, .icon_lightbulb_alt, .icon_gift_alt, .icon_house_alt, .icon_genius, .icon_mobile, .icon_tablet, .icon_laptop, .icon_desktop, .icon_camera_alt, .icon_mail_alt, .icon_cone_alt, .icon_ribbon_alt, .icon_bag_alt, .icon_creditcard, .icon_cart_alt, .icon_paperclip, .icon_tag_alt, .icon_tags_alt, .icon_trash_alt, .icon_cursor_alt, .icon_mic_alt, .icon_compass_alt, .icon_pin_alt, .icon_pushpin_alt, .icon_map_alt, .icon_drawer_alt, .icon_toolbox_alt, .icon_book_alt, .icon_calendar, .icon_film, .icon_table, .icon_contacts_alt, .icon_headphones, .icon_lifesaver, .icon_piechart, .icon_refresh, .icon_link_alt, .icon_link, .icon_loading, .icon_blocked, .icon_archive_alt, .icon_heart_alt, .icon_star_alt, .icon_star-half_alt, .icon_star, .icon_star-half, .icon_tools, .icon_tool, .icon_cog, .icon_cogs, .arrow_up_alt, .arrow_down_alt, .arrow_left_alt, .arrow_right_alt, .arrow_left-up_alt, .arrow_right-up_alt, .arrow_right-down_alt, .arrow_left-down_alt, .arrow_condense_alt, .arrow_expand_alt3, .arrow_carrot_up_alt, .arrow_carrot-down_alt, .arrow_carrot-left_alt, .arrow_carrot-right_alt, .arrow_carrot-2up_alt, .arrow_carrot-2dwnn_alt, .arrow_carrot-2left_alt, .arrow_carrot-2right_alt, .arrow_triangle-up_alt, .arrow_triangle-down_alt, .arrow_triangle-left_alt, .arrow_triangle-right_alt, .icon_minus_alt, .icon_plus_alt, .icon_close_alt, .icon_check_alt, .icon_zoom-out, .icon_zoom-in, .icon_stop_alt, .icon_menu-square_alt, .icon_menu-circle_alt, .icon_document, .icon_documents, .icon_pencil_alt, .icon_folder, .icon_folder-open, .icon_folder-add, .icon_folder_upload, .icon_folder_download, .icon_info, .icon_error-circle, .icon_error-oct, .icon_error-triangle, .icon_question_alt, .icon_comment, .icon_chat, .icon_vol-mute, .icon_volume-low, .icon_volume-high, .icon_quotations_alt, .icon_clock, .icon_lock, .icon_lock-open, .icon_key, .icon_cloud, .icon_cloud-upload, .icon_cloud-download, .icon_lightbulb, .icon_gift, .icon_house, .icon_camera, .icon_mail, .icon_cone, .icon_ribbon, .icon_bag, .icon_cart, .icon_tag, .icon_tags, .icon_trash, .icon_cursor, .icon_mic, .icon_compass, .icon_pin, .icon_pushpin, .icon_map, .icon_drawer, .icon_toolbox, .icon_book, .icon_contacts, .icon_archive, .icon_heart, .icon_profile, .icon_group, .icon_grid-2x2, .icon_grid-3x3, .icon_music, .icon_pause_alt, .icon_phone, .icon_upload, .icon_download, .social_facebook, .social_twitter, .social_pinterest, .social_googleplus, .social_tumblr, .social_tumbleupon, .social_wordpress, .social_instagram, .social_dribbble, .social_vimeo, .social_linkedin, .social_rss, .social_deviantart, .social_share, .social_myspace, .social_skype, .social_youtube, .social_picassa, .social_googledrive, .social_flickr, .social_blogger, .social_spotify, .social_delicious, .social_facebook_circle, .social_twitter_circle, .social_pinterest_circle, .social_googleplus_circle, .social_tumblr_circle, .social_stumbleupon_circle, .social_wordpress_circle, .social_instagram_circle, .social_dribbble_circle, .social_vimeo_circle, .social_linkedin_circle, .social_rss_circle, .social_deviantart_circle, .social_share_circle, .social_myspace_circle, .social_skype_circle, .social_youtube_circle, .social_picassa_circle, .social_googledrive_alt2, .social_flickr_circle, .social_blogger_circle, .social_spotify_circle, .social_delicious_circle, .social_facebook_square, .social_twitter_square, .social_pinterest_square, .social_googleplus_square, .social_tumblr_square, .social_stumbleupon_square, .social_wordpress_square, .social_instagram_square, .social_dribbble_square, .social_vimeo_square, .social_linkedin_square, .social_rss_square, .social_deviantart_square, .social_share_square, .social_myspace_square, .social_skype_square, .social_youtube_square, .social_picassa_square, .social_googledrive_square, .social_flickr_square, .social_blogger_square, .social_spotify_square, .social_delicious_square, .icon_printer, .icon_calulator, .icon_building, .icon_floppy, .icon_drive, .icon_search-2, .icon_id, .icon_id-2, .icon_puzzle, .icon_like, .icon_dislike, .icon_mug, .icon_currency, .icon_wallet, .icon_pens, .icon_easel, .icon_flowchart, .icon_datareport, .icon_briefcase, .icon_shield, .icon_percent, .icon_globe, .icon_globe-2, .icon_target, .icon_hourglass, .icon_balance, .icon_rook, .icon_printer-alt, .icon_calculator_alt, .icon_building_alt, .icon_floppy_alt, .icon_drive_alt, .icon_search_alt, .icon_id_alt, .icon_id-2_alt, .icon_puzzle_alt, .icon_like_alt, .icon_dislike_alt, .icon_mug_alt, .icon_currency_alt, .icon_wallet_alt, .icon_pens_alt, .icon_easel_alt, .icon_flowchart_alt, .icon_datareport_alt, .icon_briefcase_alt, .icon_shield_alt, .icon_percent_alt, .icon_globe_alt, .icon_clipboard {
	font-family: 'ElegantIcons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}
.arrow_up:before {
	content: "\21";
}
.arrow_down:before {
	content: "\22";
}
.arrow_left:before {
	content: "\23";
}
.arrow_right:before {
	content: "\24";
}
.arrow_left-up:before {
	content: "\25";
}
.arrow_right-up:before {
	content: "\26";
}
.arrow_right-down:before {
	content: "\27";
}
.arrow_left-down:before {
	content: "\28";
}
.arrow-up-down:before {
	content: "\29";
}
.arrow_up-down_alt:before {
	content: "\2a";
}
.arrow_left-right_alt:before {
	content: "\2b";
}
.arrow_left-right:before {
	content: "\2c";
}
.arrow_expand_alt2:before {
	content: "\2d";
}
.arrow_expand_alt:before {
	content: "\2e";
}
.arrow_condense:before {
	content: "\2f";
}
.arrow_expand:before {
	content: "\30";
}
.arrow_move:before {
	content: "\31";
}
.arrow_carrot-up:before {
	content: "\32";
}
.arrow_carrot-down:before {
	content: "\33";
}
.arrow_carrot-left:before {
	content: "\34";
}
.arrow_carrot-right:before {
	content: "\35";
}
.arrow_carrot-2up:before {
	content: "\36";
}
.arrow_carrot-2down:before {
	content: "\37";
}
.arrow_carrot-2left:before {
	content: "\38";
}
.arrow_carrot-2right:before {
	content: "\39";
}
.arrow_carrot-up_alt2:before {
	content: "\3a";
}
.arrow_carrot-down_alt2:before {
	content: "\3b";
}
.arrow_carrot-left_alt2:before {
	content: "\3c";
}
.arrow_carrot-right_alt2:before {
	content: "\3d";
}
.arrow_carrot-2up_alt2:before {
	content: "\3e";
}
.arrow_carrot-2down_alt2:before {
	content: "\3f";
}
.arrow_carrot-2left_alt2:before {
	content: "\40";
}
.arrow_carrot-2right_alt2:before {
	content: "\41";
}
.arrow_triangle-up:before {
	content: "\42";
}
.arrow_triangle-down:before {
	content: "\43";
}
.arrow_triangle-left:before {
	content: "\44";
}
.arrow_triangle-right:before {
	content: "\45";
}
.arrow_triangle-up_alt2:before {
	content: "\46";
}
.arrow_triangle-down_alt2:before {
	content: "\47";
}
.arrow_triangle-left_alt2:before {
	content: "\48";
}
.arrow_triangle-right_alt2:before {
	content: "\49";
}
.arrow_back:before {
	content: "\4a";
}
.icon_minus-06:before {
	content: "\4b";
}
.icon_plus:before {
	content: "\4c";
}
.icon_close:before {
	content: "\4d";
}
.icon_check:before {
	content: "\4e";
}
.icon_minus_alt2:before {
	content: "\4f";
}
.icon_plus_alt2:before {
	content: "\50";
}
.icon_close_alt2:before {
	content: "\51";
}
.icon_check_alt2:before {
	content: "\52";
}
.icon_zoom-out_alt:before {
	content: "\53";
}
.icon_zoom-in_alt:before {
	content: "\54";
}
.icon_search:before {
	content: "\55";
}
.icon_box-empty:before {
	content: "\56";
}
.icon_box-selected:before {
	content: "\57";
}
.icon_minus-box:before {
	content: "\58";
}
.icon_plus-box:before {
	content: "\59";
}
.icon_box-checked:before {
	content: "\5a";
}
.icon_circle-empty:before {
	content: "\5b";
}
.icon_circle-slelected:before {
	content: "\5c";
}
.icon_stop_alt2:before {
	content: "\5d";
}
.icon_stop:before {
	content: "\5e";
}
.icon_pause_alt2:before {
	content: "\5f";
}
.icon_pause:before {
	content: "\60";
}
.icon_menu:before {
	content: "\61";
}
.icon_menu-square_alt2:before {
	content: "\62";
}
.icon_menu-circle_alt2:before {
	content: "\63";
}
.icon_ul:before {
	content: "\64";
}
.icon_ol:before {
	content: "\65";
}
.icon_adjust-horiz:before {
	content: "\66";
}
.icon_adjust-vert:before {
	content: "\67";
}
.icon_document_alt:before {
	content: "\68";
}
.icon_documents_alt:before {
	content: "\69";
}
.icon_pencil:before {
	content: "\6a";
}
.icon_pencil-edit_alt:before {
	content: "\6b";
}
.icon_pencil-edit:before {
	content: "\6c";
}
.icon_folder-alt:before {
	content: "\6d";
}
.icon_folder-open_alt:before {
	content: "\6e";
}
.icon_folder-add_alt:before {
	content: "\6f";
}
.icon_info_alt:before {
	content: "\70";
}
.icon_error-oct_alt:before {
	content: "\71";
}
.icon_error-circle_alt:before {
	content: "\72";
}
.icon_error-triangle_alt:before {
	content: "\73";
}
.icon_question_alt2:before {
	content: "\74";
}
.icon_question:before {
	content: "\75";
}
.icon_comment_alt:before {
	content: "\76";
}
.icon_chat_alt:before {
	content: "\77";
}
.icon_vol-mute_alt:before {
	content: "\78";
}
.icon_volume-low_alt:before {
	content: "\79";
}
.icon_volume-high_alt:before {
	content: "\7a";
}
.icon_quotations:before {
	content: "\7b";
}
.icon_quotations_alt2:before {
	content: "\7c";
}
.icon_clock_alt:before {
	content: "\7d";
}
.icon_lock_alt:before {
	content: "\7e";
}
.icon_lock-open_alt:before {
	content: "\e000";
}
.icon_key_alt:before {
	content: "\e001";
}
.icon_cloud_alt:before {
	content: "\e002";
}
.icon_cloud-upload_alt:before {
	content: "\e003";
}
.icon_cloud-download_alt:before {
	content: "\e004";
}
.icon_image:before {
	content: "\e005";
}
.icon_images:before {
	content: "\e006";
}
.icon_lightbulb_alt:before {
	content: "\e007";
}
.icon_gift_alt:before {
	content: "\e008";
}
.icon_house_alt:before {
	content: "\e009";
}
.icon_genius:before {
	content: "\e00a";
}
.icon_mobile:before {
	content: "\e00b";
}
.icon_tablet:before {
	content: "\e00c";
}
.icon_laptop:before {
	content: "\e00d";
}
.icon_desktop:before {
	content: "\e00e";
}
.icon_camera_alt:before {
	content: "\e00f";
}
.icon_mail_alt:before {
	content: "\e010";
}
.icon_cone_alt:before {
	content: "\e011";
}
.icon_ribbon_alt:before {
	content: "\e012";
}
.icon_bag_alt:before {
	content: "\e013";
}
.icon_creditcard:before {
	content: "\e014";
}
.icon_cart_alt:before {
	content: "\e015";
}
.icon_paperclip:before {
	content: "\e016";
}
.icon_tag_alt:before {
	content: "\e017";
}
.icon_tags_alt:before {
	content: "\e018";
}
.icon_trash_alt:before {
	content: "\e019";
}
.icon_cursor_alt:before {
	content: "\e01a";
}
.icon_mic_alt:before {
	content: "\e01b";
}
.icon_compass_alt:before {
	content: "\e01c";
}
.icon_pin_alt:before {
	content: "\e01d";
}
.icon_pushpin_alt:before {
	content: "\e01e";
}
.icon_map_alt:before {
	content: "\e01f";
}
.icon_drawer_alt:before {
	content: "\e020";
}
.icon_toolbox_alt:before {
	content: "\e021";
}
.icon_book_alt:before {
	content: "\e022";
}
.icon_calendar:before {
	content: "\e023";
}
.icon_film:before {
	content: "\e024";
}
.icon_table:before {
	content: "\e025";
}
.icon_contacts_alt:before {
	content: "\e026";
}
.icon_headphones:before {
	content: "\e027";
}
.icon_lifesaver:before {
	content: "\e028";
}
.icon_piechart:before {
	content: "\e029";
}
.icon_refresh:before {
	content: "\e02a";
}
.icon_link_alt:before {
	content: "\e02b";
}
.icon_link:before {
	content: "\e02c";
}
.icon_loading:before {
	content: "\e02d";
}
.icon_blocked:before {
	content: "\e02e";
}
.icon_archive_alt:before {
	content: "\e02f";
}
.icon_heart_alt:before {
	content: "\e030";
}
.icon_star_alt:before {
	content: "\e031";
}
.icon_star-half_alt:before {
	content: "\e032";
}
.icon_star:before {
	content: "\e033";
}
.icon_star-half:before {
	content: "\e034";
}
.icon_tools:before {
	content: "\e035";
}
.icon_tool:before {
	content: "\e036";
}
.icon_cog:before {
	content: "\e037";
}
.icon_cogs:before {
	content: "\e038";
}
.arrow_up_alt:before {
	content: "\e039";
}
.arrow_down_alt:before {
	content: "\e03a";
}
.arrow_left_alt:before {
	content: "\e03b";
}
.arrow_right_alt:before {
	content: "\e03c";
}
.arrow_left-up_alt:before {
	content: "\e03d";
}
.arrow_right-up_alt:before {
	content: "\e03e";
}
.arrow_right-down_alt:before {
	content: "\e03f";
}
.arrow_left-down_alt:before {
	content: "\e040";
}
.arrow_condense_alt:before {
	content: "\e041";
}
.arrow_expand_alt3:before {
	content: "\e042";
}
.arrow_carrot_up_alt:before {
	content: "\e043";
}
.arrow_carrot-down_alt:before {
	content: "\e044";
}
.arrow_carrot-left_alt:before {
	content: "\e045";
}
.arrow_carrot-right_alt:before {
	content: "\e046";
}
.arrow_carrot-2up_alt:before {
	content: "\e047";
}
.arrow_carrot-2dwnn_alt:before {
	content: "\e048";
}
.arrow_carrot-2left_alt:before {
	content: "\e049";
}
.arrow_carrot-2right_alt:before {
	content: "\e04a";
}
.arrow_triangle-up_alt:before {
	content: "\e04b";
}
.arrow_triangle-down_alt:before {
	content: "\e04c";
}
.arrow_triangle-left_alt:before {
	content: "\e04d";
}
.arrow_triangle-right_alt:before {
	content: "\e04e";
}
.icon_minus_alt:before {
	content: "\e04f";
}
.icon_plus_alt:before {
	content: "\e050";
}
.icon_close_alt:before {
	content: "\e051";
}
.icon_check_alt:before {
	content: "\e052";
}
.icon_zoom-out:before {
	content: "\e053";
}
.icon_zoom-in:before {
	content: "\e054";
}
.icon_stop_alt:before {
	content: "\e055";
}
.icon_menu-square_alt:before {
	content: "\e056";
}
.icon_menu-circle_alt:before {
	content: "\e057";
}
.icon_document:before {
	content: "\e058";
}
.icon_documents:before {
	content: "\e059";
}
.icon_pencil_alt:before {
	content: "\e05a";
}
.icon_folder:before {
	content: "\e05b";
}
.icon_folder-open:before {
	content: "\e05c";
}
.icon_folder-add:before {
	content: "\e05d";
}
.icon_folder_upload:before {
	content: "\e05e";
}
.icon_folder_download:before {
	content: "\e05f";
}
.icon_info:before {
	content: "\e060";
}
.icon_error-circle:before {
	content: "\e061";
}
.icon_error-oct:before {
	content: "\e062";
}
.icon_error-triangle:before {
	content: "\e063";
}
.icon_question_alt:before {
	content: "\e064";
}
.icon_comment:before {
	content: "\e065";
}
.icon_chat:before {
	content: "\e066";
}
.icon_vol-mute:before {
	content: "\e067";
}
.icon_volume-low:before {
	content: "\e068";
}
.icon_volume-high:before {
	content: "\e069";
}
.icon_quotations_alt:before {
	content: "\e06a";
}
.icon_clock:before {
	content: "\e06b";
}
.icon_lock:before {
	content: "\e06c";
}
.icon_lock-open:before {
	content: "\e06d";
}
.icon_key:before {
	content: "\e06e";
}
.icon_cloud:before {
	content: "\e06f";
}
.icon_cloud-upload:before {
	content: "\e070";
}
.icon_cloud-download:before {
	content: "\e071";
}
.icon_lightbulb:before {
	content: "\e072";
}
.icon_gift:before {
	content: "\e073";
}
.icon_house:before {
	content: "\e074";
}
.icon_camera:before {
	content: "\e075";
}
.icon_mail:before {
	content: "\e076";
}
.icon_cone:before {
	content: "\e077";
}
.icon_ribbon:before {
	content: "\e078";
}
.icon_bag:before {
	content: "\e079";
}
.icon_cart:before {
	content: "\e07a";
}
.icon_tag:before {
	content: "\e07b";
}
.icon_tags:before {
	content: "\e07c";
}
.icon_trash:before {
	content: "\e07d";
}
.icon_cursor:before {
	content: "\e07e";
}
.icon_mic:before {
	content: "\e07f";
}
.icon_compass:before {
	content: "\e080";
}
.icon_pin:before {
	content: "\e081";
}
.icon_pushpin:before {
	content: "\e082";
}
.icon_map:before {
	content: "\e083";
}
.icon_drawer:before {
	content: "\e084";
}
.icon_toolbox:before {
	content: "\e085";
}
.icon_book:before {
	content: "\e086";
}
.icon_contacts:before {
	content: "\e087";
}
.icon_archive:before {
	content: "\e088";
}
.icon_heart:before {
	content: "\e089";
}
.icon_profile:before {
	content: "\e08a";
}
.icon_group:before {
	content: "\e08b";
}
.icon_grid-2x2:before {
	content: "\e08c";
}
.icon_grid-3x3:before {
	content: "\e08d";
}
.icon_music:before {
	content: "\e08e";
}
.icon_pause_alt:before {
	content: "\e08f";
}
.icon_phone:before {
	content: "\e090";
}
.icon_upload:before {
	content: "\e091";
}
.icon_download:before {
	content: "\e092";
}
.social_facebook:before {
	content: "\e093";
}
.social_twitter:before {
	content: "\e094";
}
.social_pinterest:before {
	content: "\e095";
}
.social_googleplus:before {
	content: "\e096";
}
.social_tumblr:before {
	content: "\e097";
}
.social_tumbleupon:before {
	content: "\e098";
}
.social_wordpress:before {
	content: "\e099";
}
.social_instagram:before {
	content: "\e09a";
}
.social_dribbble:before {
	content: "\e09b";
}
.social_vimeo:before {
	content: "\e09c";
}
.social_linkedin:before {
	content: "\e09d";
}
.social_rss:before {
	content: "\e09e";
}
.social_deviantart:before {
	content: "\e09f";
}
.social_share:before {
	content: "\e0a0";
}
.social_myspace:before {
	content: "\e0a1";
}
.social_skype:before {
	content: "\e0a2";
}
.social_youtube:before {
	content: "\e0a3";
}
.social_picassa:before {
	content: "\e0a4";
}
.social_googledrive:before {
	content: "\e0a5";
}
.social_flickr:before {
	content: "\e0a6";
}
.social_blogger:before {
	content: "\e0a7";
}
.social_spotify:before {
	content: "\e0a8";
}
.social_delicious:before {
	content: "\e0a9";
}
.social_facebook_circle:before {
	content: "\e0aa";
}
.social_twitter_circle:before {
	content: "\e0ab";
}
.social_pinterest_circle:before {
	content: "\e0ac";
}
.social_googleplus_circle:before {
	content: "\e0ad";
}
.social_tumblr_circle:before {
	content: "\e0ae";
}
.social_stumbleupon_circle:before {
	content: "\e0af";
}
.social_wordpress_circle:before {
	content: "\e0b0";
}
.social_instagram_circle:before {
	content: "\e0b1";
}
.social_dribbble_circle:before {
	content: "\e0b2";
}
.social_vimeo_circle:before {
	content: "\e0b3";
}
.social_linkedin_circle:before {
	content: "\e0b4";
}
.social_rss_circle:before {
	content: "\e0b5";
}
.social_deviantart_circle:before {
	content: "\e0b6";
}
.social_share_circle:before {
	content: "\e0b7";
}
.social_myspace_circle:before {
	content: "\e0b8";
}
.social_skype_circle:before {
	content: "\e0b9";
}
.social_youtube_circle:before {
	content: "\e0ba";
}
.social_picassa_circle:before {
	content: "\e0bb";
}
.social_googledrive_alt2:before {
	content: "\e0bc";
}
.social_flickr_circle:before {
	content: "\e0bd";
}
.social_blogger_circle:before {
	content: "\e0be";
}
.social_spotify_circle:before {
	content: "\e0bf";
}
.social_delicious_circle:before {
	content: "\e0c0";
}
.social_facebook_square:before {
	content: "\e0c1";
}
.social_twitter_square:before {
	content: "\e0c2";
}
.social_pinterest_square:before {
	content: "\e0c3";
}
.social_googleplus_square:before {
	content: "\e0c4";
}
.social_tumblr_square:before {
	content: "\e0c5";
}
.social_stumbleupon_square:before {
	content: "\e0c6";
}
.social_wordpress_square:before {
	content: "\e0c7";
}
.social_instagram_square:before {
	content: "\e0c8";
}
.social_dribbble_square:before {
	content: "\e0c9";
}
.social_vimeo_square:before {
	content: "\e0ca";
}
.social_linkedin_square:before {
	content: "\e0cb";
}
.social_rss_square:before {
	content: "\e0cc";
}
.social_deviantart_square:before {
	content: "\e0cd";
}
.social_share_square:before {
	content: "\e0ce";
}
.social_myspace_square:before {
	content: "\e0cf";
}
.social_skype_square:before {
	content: "\e0d0";
}
.social_youtube_square:before {
	content: "\e0d1";
}
.social_picassa_square:before {
	content: "\e0d2";
}
.social_googledrive_square:before {
	content: "\e0d3";
}
.social_flickr_square:before {
	content: "\e0d4";
}
.social_blogger_square:before {
	content: "\e0d5";
}
.social_spotify_square:before {
	content: "\e0d6";
}
.social_delicious_square:before {
	content: "\e0d7";
}
.icon_printer:before {
	content: "\e103";
}
.icon_calulator:before {
	content: "\e0ee";
}
.icon_building:before {
	content: "\e0ef";
}
.icon_floppy:before {
	content: "\e0e8";
}
.icon_drive:before {
	content: "\e0ea";
}
.icon_search-2:before {
	content: "\e101";
}
.icon_id:before {
	content: "\e107";
}
.icon_id-2:before {
	content: "\e108";
}
.icon_puzzle:before {
	content: "\e102";
}
.icon_like:before {
	content: "\e106";
}
.icon_dislike:before {
	content: "\e0eb";
}
.icon_mug:before {
	content: "\e105";
}
.icon_currency:before {
	content: "\e0ed";
}
.icon_wallet:before {
	content: "\e100";
}
.icon_pens:before {
	content: "\e104";
}
.icon_easel:before {
	content: "\e0e9";
}
.icon_flowchart:before {
	content: "\e109";
}
.icon_datareport:before {
	content: "\e0ec";
}
.icon_briefcase:before {
	content: "\e0fe";
}
.icon_shield:before {
	content: "\e0f6";
}
.icon_percent:before {
	content: "\e0fb";
}
.icon_globe:before {
	content: "\e0e2";
}
.icon_globe-2:before {
	content: "\e0e3";
}
.icon_target:before {
	content: "\e0f5";
}
.icon_hourglass:before {
	content: "\e0e1";
}
.icon_balance:before {
	content: "\e0ff";
}
.icon_rook:before {
	content: "\e0f8";
}
.icon_printer-alt:before {
	content: "\e0fa";
}
.icon_calculator_alt:before {
	content: "\e0e7";
}
.icon_building_alt:before {
	content: "\e0fd";
}
.icon_floppy_alt:before {
	content: "\e0e4";
}
.icon_drive_alt:before {
	content: "\e0e5";
}
.icon_search_alt:before {
	content: "\e0f7";
}
.icon_id_alt:before {
	content: "\e0e0";
}
.icon_id-2_alt:before {
	content: "\e0fc";
}
.icon_puzzle_alt:before {
	content: "\e0f9";
}
.icon_like_alt:before {
	content: "\e0dd";
}
.icon_dislike_alt:before {
	content: "\e0f1";
}
.icon_mug_alt:before {
	content: "\e0dc";
}
.icon_currency_alt:before {
	content: "\e0f3";
}
.icon_wallet_alt:before {
	content: "\e0d8";
}
.icon_pens_alt:before {
	content: "\e0db";
}
.icon_easel_alt:before {
	content: "\e0f0";
}
.icon_flowchart_alt:before {
	content: "\e0df";
}
.icon_datareport_alt:before {
	content: "\e0f2";
}
.icon_briefcase_alt:before {
	content: "\e0f4";
}
.icon_shield_alt:before {
	content: "\e0d9";
}
.icon_percent_alt:before {
	content: "\e0da";
}
.icon_globe_alt:before {
	content: "\e0de";
}
.icon_clipboard:before {
	content: "\e0e6";
}


	.glyph {
		float: left;
		text-align: center;
		padding: .75em;
		margin: .4em 1.5em .75em 0;
		width: 6em;
text-shadow: none;
	}
        .glyph_big {
        font-size: 128px;
        color: #59c5dc;
        float: left;
        margin-right: 20px;
        }

        .glyph div { padding-bottom: 10px;}

	.glyph input {
		font-family: consolas, monospace;
		font-size: 12px;
		width: 100%;
		text-align: center;
		border: 0;
		box-shadow: 0 0 0 1px #ccc;
		padding: .2em;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
	}
	.centered {
		margin-left: auto;
		margin-right: auto;
	}
	.glyph .fs1 {
		font-size: 2em;
	}

	.button.fixed {
		position: fixed;
		right: 0.9em;
		top:390px;
		border-radius: .5rem;
		color: lawngreen;
		font-size: 20px;
		background-color: steelblue;
	
		border-top: 1.8px solid navy;
		border-bottom: 1.8px solid navy;
		border-right: 1.8px solid navy;
		border-left: 1.8px solid navy;	
	}
	form input[type="submit"], .button {
		background-color: #1e1e1e;
		color: orangered;
		padding: 10px 15px;
		border: none;
	}

	.szep {
		text-shadow: 2px 2px 5px black;
	}

	.arnyek {
		
		font-size: 26px;
		color: forestgreen;
		
	}

	.arnyek1 {
		
		font-size: 30px;
		color: forestgreen;
		
		
		
	}

	.alulfelul {
		

	}

	.doboz {
		background-color: grey;
		border-style: ridge;
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 20px;
		padding-bottom: 20px;
		border-radius: .5rem;
		border-color: forestgreen;
	}

	.arak {
		color: tomato;
		font-size: 20px;
	}

	.arak2 {
		color: orangered;
		font-size: 20px;
	}

	.arak3 {
		color: coral;
		font-size: 20px;
	}

	.arak4 {
		color: rgb(238, 140, 28);
		font-size: 20px;
	}

	.doboz2 {
		background-color: midnightblue;
		border-style: ridge;
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 20px;
		padding-bottom: 20px;
		border-radius: .7rem;
		border-color: springgreen;
		color: sandybrown;
	}

	.doboz3 {
		background-color: midnightblue;
		border-style: ridge;
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 20px;
		padding-bottom: 20px;
		border-radius: .7rem;
		border-color: springgreen;
		color: #C0C0C0;
	}

	.doboz4 {
		background-color: darkslategray;
		border-style: ridge;
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 20px;
		padding-bottom: 20px;
		border-radius: .7rem;
		border-color: springgreen;
		color: sandybrown;
	}

	.doboz5 {
		background-color: darkslategray;
		border-style: ridge;
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 20px;
		padding-bottom: 20px;
		border-radius: .7rem;
		border-color: springgreen;
		color: sandybrown;
	}

	.doboz6 {
		background: linear-gradient(to bottom, #ffecc1, #f1f1e6, #ffc7a0);
		border-style: double;
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 20px;
		padding-bottom: 20px;
		border-radius: .9rem;
		border-color: darkcyan;
		color: black;
		
	}

	.doboz6-akcio {
        background: linear-gradient(to bottom, #c1faff, #dbe9ee, #b0f6e5);
        padding: 10px;
        border-radius: 15px;
        border-style: ridge;
        border-color: red;
    }

.doboz6-akcio-focim {
    color: #006337;
    font-size: 20px;
    font-weight: 800;
    text-align: center;

}

.doboz6-akcio-szoveg {
    font-size: 16px;
    font-weight: 500;

}

.doboz6-akcio-feltet {
    font-size: 17px;
    font-weight: 600;
    color: #008f78;
}

.doboz6-akcio-felsorol {
    font-size: 17px;
    font-weight: 600;
    color: #5D737E;
    padding-left: 30%;
}

@media screen and (max-width: 768px) {
    .doboz6-akcio {
        padding: 5px;
        border-radius: 10px;
    }

    .doboz6-akcio-focim {
        font-size: 18px;
    }

    .doboz6-akcio-szoveg {
        font-size: 14px;
    }

    .doboz6-akcio-feltet {
        padding-left: 5px;
        font-size: 15px;

    }

    .doboz6-akcio-felsorol {
        font-size: 15px;
        padding-left: 10%;
    }
}



	.kozepes {
		text-align: center;
		font-size: 28px;
		
		
	}

	.doboz7 {
		background-color: #483D8B;
		border-style: ridge;
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 20px;
		padding-bottom: 20px;
		border-radius: .7rem;
		border-color: orangered white limegreen;
		color: black;
		
	}

	.akcioszoveg {
font-size: 28px;
color: brown;
font-style: italic;
font-family: Arial, Helvetica, sans-serif;
 
	}

	.akcioszovet {

	}

	.kozep {
		background-color: white;
		border-style: ridge;
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 20px;
		padding-bottom: 20px;
		border-radius: .7rem;
		border-color: orangered;
		color: black;
		position: absolute;
		margin-left: 100px;
		margin-right: 20px;
		width: 40%;
	}

	@media (max-width: 800px) {
		.kozep {
			width: 75%;
			margin-left: 50px;
			
		}

		

		
	}
	

	.kozep:after {
		content: "";
		display: table;
		clear: both;
		
	}

	.bal {
     float: left;
	 padding-left: 10px;
	 padding-right: 10px;
	 width: 25%;

	}

	.szoveg {
		text-align: center;
		margin-left: 35px;
	
	}

.jancs {
width: 80%;
margin-top: 2px;
}

.szovegstil {
	color: aqua;
	font-size: 22px;
}

	.container22 {

		width: 440px;
	height: 0px;
	background: #ff0000;
	color: #0000ff;
	margin: 0 auto 0 auto;
	}

	.container-12 {
display: flex;
align-items: flex-start;
align-items: flex-end;
align-items: center;
	}

	.container-12 div{
	border: 1px #ccc solid;
	padding: 10px;		
	}

	.box-1 {
flex: 1;
	}

	.box-2 {
		flex: 1;
	}

	.box-3 {
		flex: 1;
	}



	.focim {
		font-family: Arial, sans-serif; /* Betűtípus */
		font-size: 36px; /* Betűméret */
		color: #20B2AA; /* Betűszín */
		text-align: center; /* Szöveg középre igazítása */
		margin-top: 20px; /* Felső margó */
		margin-bottom: 20px; /* Alsó margó */
		letter-spacing: 1.5px; /* Betűköz */
		text-shadow: 1px 1px 1px #006337; /* Szövegárnyék */
		width: 100%; /* Szélesség */
		display: block; /* Blokkszintű megjelenítés */
		margin-left: auto; /* Bal margó automatikus */
		margin-right: auto; /* Jobb margó automatikus */
	}
	
	.foszoveg {
		font-family: Arial, sans-serif; /* Betűtípus */
		font-size: 18px; /* Betűméret */
		color: #44344F; /* Betűszín */
		text-align: auto; /* Szöveg középre igazítása */
	}

	.kontener-r {
		display: flex;
	}
	
	.szoveges-kontener, .kepes-kontener {
		flex: 1; /* Mindkét konténer egyenlő helyet foglal el */
	}
	
	@media (max-width: 768px) {
		.kontener-r {
			flex-direction: column;
		}
	}

	.kontenerelem {
		padding: 10px;
	}
	
	.kontenerelem img {
		width: 100%; /* A kép kitölti a konténer teljes szélességét */
		height: auto; /* Megőrzi a kép eredeti arányait */
		margin-top: 100px; /* Felső margó, ami lejjebb tolja a képet */
		border-radius: 30%;
	}
	
	.szoveges-kontener {
		flex: 1;
		font-family: Arial, sans-serif; /* Betűtípus */
		font-size: 18px; /* Betűméret */
		line-height: 1.6; /* Sorköz */
		color: #333333; /* Betűszín */
		margin: 10px; /* Margó a konténer körül */
		padding: 20px; /* Belső térköz */
	}
	
	.szoveges-kontener .kontenerelem {
		padding: 0; /* Eltávolítja a belső térközt, ha már van a konténeren */
	}
	
	.hivas-gomb {
		display: none; /* Alapértelmezetten elrejtjük */
		position: fixed; /* Fix pozícióban marad, amikor görgetünk */
		right: 10px; /* Jobb oldalon, egy kis margóval */
		top: 50%; /* Függőlegesen középen */
		transform: translateY(-50%); /* Eltolja a gombot függőlegesen a közepére */
		padding: 10px; /* Kis térköz a szöveg körül */
		background-color: #008B8B; /* Áttetsző kék háttérszín */
		color: white; /* Szövegszín */
		border-radius: 10px; /* Lekerekített sarkok */
		text-align: center; /* Szöveg középre igazítása */
		text-decoration: none; /* Nincs aláhúzás */
		font-size: 24px; /* Betűméret */
		z-index: 1000; /* Biztosítja, hogy a gomb legfelül legyen */
		width: 50px; /* Négyzet alakú gomb */
		height: 50px; /* Négyzet alakú gomb */
	
		display: flex; /* Flexbox elrendezés használata */
		align-items: center; /* Függőleges középre igazítás */
		justify-content: center; /* Vízszintes középre igazítás */
	}
	
	/* Médialekérdezés mobil nézethez */
	@media (max-width: 768px) {
		.hivas-gomb {
			display: flex; /* Csak mobil nézetben jelenik meg */
		}
	}
	
	.ikon-gombok {
		position: fixed;
		right: 10px;
		top: 50%;
		transform: translateY(-50%);
		z-index: 1000;
	}
	
	.ikon-gomb {
		background-color: #293132;
		color: red;
		border-radius: 20%;
		padding: 15px;
		text-align: center;
		font-size: 24px;
		cursor: pointer;
		z-index: 1001; /* Biztosítja, hogy az ikon mindig elől legyen */
	}
	
	.hivas-menu {
		background-color: #293132;
		color: white;
		border-radius: 5px;
		padding: 10px;
		position: fixed;
		right: 60px;
		top: 50%;
		transform: translateY(-50%) scale(0);
		transform-origin: top right;
		transition: transform 0.5s ease;
		z-index: 1000;
	}
	
	.ikon-gombok.menu-lathato .hivas-menu {
		transform: translateY(-50%) scale(1);
	}
	
	.hivas-opcio {
		color: white;
		text-decoration: none;
		display: block;
		padding: 10px 15px; /* Növeljük a padding-ot a nagyobb tér érdekében */
		font-size: 18px; /* Nagyobb betűméret */
		white-space: nowrap; /* Ez biztosítja, hogy a szöveg ne tördelődjön új sorba */
	}
	
	.tartalom-1 {
		font-family: Arial, sans-serif; /* Betűtípus */
		font-size: 25px; /* Betűméret */
		color: #009d6a; /* Betűszín */
		text-align: auto; /* Szöveg középre igazítása */
		margin-left: 11%;
	}
	

	.tartalom-2 {
		font-family: Arial, sans-serif; /* Betűtípus */
		font-size: 20px; /* Betűméret */
		color: #192b24; /* Betűszín */
		text-align: auto; /* Szöveg középre igazítása */
		margin-left: 11%;
		background-color: orange;
		padding: 5px;
		display: inline-block;
		border-radius: 15px;
	}

	.tartalom-4 {
		font-family: Arial, sans-serif; /* Betűtípus */
		font-size: 20px; /* Betűméret */
		color: #333333; /* Betűszín */
		text-align: auto; /* Szöveg középre igazítása */
		margin-left: 11%;
		background-color: #00b8d4;
		padding: 5px;
		display: inline-block;
		border-radius: 15px;
		
	}

	.tartalom-5 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 30px;
		text-align: center;
		font-weight: bold;
		color: #F7E733;
		background: linear-gradient(to bottom, #009d6a, #008d77);
		margin-right: 11%;
		padding: 10px 20px;
		margin-left: 11%;
		border-radius: 15px;
		
		
	}

.tartalom-6 {
	font-size: 16px;
	margin-left: 11%;
	margin-right: 15%;
}

	@media (max-width: 768px) {
		.tartalom-4 {
			display: block; /* A szöveg blokkjának teljes szélességét elfoglalja */
			margin-left: 0; /* Eltávolítjuk a bal margót a mobil nézetben */
			text-align: center; /* Szöveg középre igazítása mobil nézetben */
		}
	}

	.tartalom-3 {
		font-family: Arial, sans-serif; /* Betűtípus */
		font-size: 16px; /* Betűméret */
		color: #192b24; /* Betűszín */
		text-align: auto; /* Szöveg középre igazítása */
		margin-left: 11%;
		margin-right: 35%;
	}

	.tartalom-x {
		font-family: Arial, sans-serif; /* Betűtípus */
		font-size: 18px; /* Betűméret */
		color: #192b24; /* Betűszín */
		text-align: auto; /* Szöveg középre igazítása */
		margin-right: 30%;
		
		
	
	}

	@media screen and (max-width: 600px) {
		.tartalom-1, .tartalom-2, .tartalom-3 {
			 /* Kisebb betűméret mobilképernyőkön */
			margin-left: 5%; /* Kisebb bal margó */
			margin-right: 5%; /* Kisebb jobb margó a .tartalom-3 számára */
			
		}
	}

	@media screen and (max-width: 600px) {
		.tartalom-4, .tartalom-5, .tartalom-x {
			 /* Kisebb betűméret mobilképernyőkön */
			margin-left: 5px; /* Kisebb bal margó */
			margin-right: 5px; /* Kisebb jobb margó a .tartalom-3 számára */
			
		}
	}

	



	.mu-doboz {
		border-style: ridge;
		border-color: #0000ff;
		color: #8feb89;
		background-color: #486cab;
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 20px;
		padding-bottom: 20px;
		border-radius: .7rem;
		margin-left: 11%;
		margin-right: 30%;
	}

	.mu-doboz-k {
		border-style: ridge;
		border-color: #0000ff;
		color: #8feb89;
		background-color: #242F40;
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 20px;
		padding-bottom: 20px;
		border-radius: .7rem;
		margin-left: 20%;
		margin-right: 20%;
	}
	
	.mu-doboz-e {
		border-style: ridge;
		border-color: #0000ff; /* Megőrizzük a kék keret színét */
		color: #0095fa;
		background-color: #242F40;
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 20px;
		padding-bottom: 20px;
		border-radius: .7rem;
		margin-left: 20%;
		margin-right: 20%;
		/* Neon fény hatás hozzáadása */
		box-shadow: 
		  0 0 5px #0ff, /* Halvány neon fény */
		  0 0 5px #0ff, /* Közepes neon fény */
		  0 0 5px #0ff, /* Intenzív neon fény */
		  0 0 5px #0ff, /* Nagyon intenzív neon fény */
		  0 0 5px #0ff; /* Extra intenzív neon fény */
		outline: 1px solid #0ff; /* Opcionális: Világos keret hozzáadása a neon hatáshoz */
	  }

	  .mu-doboz-f {
		font-weight: 500;
		border-style: ridge;
		border-color: #0000ff; /* Megőrizzük a kék keret színét */
		color: #00A7E1;
		background-color: #242F40;
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 20px;
		padding-bottom: 20px;
		border-radius: .7rem;
		margin-left: 20%;
		margin-right: 20%;
		/* Neon fény hatás hozzáadása */
		box-shadow: 
		  0 0 5px #0ff, /* Halvány neon fény */
		  0 0 5px #0ff, /* Közepes neon fény */
		  0 0 5px #0ff, /* Intenzív neon fény */
		  0 0 5px #0ff, /* Nagyon intenzív neon fény */
		  0 0 5px #0ff; /* Extra intenzív neon fény */
		outline: 1px solid #0ff; /* Opcionális: Világos keret hozzáadása a neon hatáshoz */
	  }
	  
	  .mu-doboz-x {
		border-style: ridge;
		border-color: #00bcff;
		background-color: #fffade;
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 20px;
		padding-bottom: 20px;
		border-radius: .7rem;
		margin-left: 11%;
		margin-right: 11%;
		box-shadow: 
		  0 0 5px #0ff, /* Halvány neon fény */
		  0 0 5px #0ff, /* Közepes neon fény */
		  0 0 5px #0ff, /* Intenzív neon fény */
		  0 0 5px #0ff, /* Nagyon intenzív neon fény */
		  0 0 5px #0ff; /* Extra intenzív neon fény */
		outline: 1px solid #0ff; /* Opcionális: Világos keret hozzáadása a neon hatáshoz */
	}

.tartalom-sk {
	color: #003459;
	font-size: 18px;
	margin-left: 50px;
	margin-right: 20px;
	font-weight: 400;
}

	.mu-doboz-sk {
background: linear-gradient(to bottom, #ffc7a0, #fffade );
padding-left: 20px;
		padding-right: 20px;
		padding-top: 20px;
		padding-bottom: 20px;
		border-radius: .4rem;
		margin-left: 8%;
		margin-right: 8%;
	}

	.cim-sk {
		font-size: 28px;
		font-family: "Protest Riot", sans-serif;
  font-weight: 400;
  font-style: normal;
		color: #2D82B7;

		padding-left: 5%;
		position: relative;
    display: inline-block; 
	 }

	 .cim-sk::after {
		content: '';
		position: absolute;
		bottom: 2px; /* Az aláhúzás helyzetének finomítása */
		left: 45%; /* Középre igazítás */
		transform: translateX(-50%); /* Pontos középre igazítás */
		width: 50%; /* Az aláhúzás szélessége, állítsd be igény szerint */
		height: 4px; /* Az aláhúzás vastagsága */
		background-color: #00FF00; /* Az aláhúzás színe */
		border-radius: 30%;
	  }

	  @media screen and (max-width: 600px) {
		.mu-doboz-sk, .tartalom-sk  {
			 /* Kisebb betűméret mobilképernyőkön */
			margin-left: 5px; /* Kisebb bal margó */
			margin-right: 5px; /* Kisebb jobb margó a .tartalom-3 számára */
			
		}
	}

	@media screen and (max-width: 600px) {
		.cim-sk::after  {
			 /* Kisebb betűméret mobilképernyőkön */
			margin-left: 5px; /* Kisebb bal margó */
			margin-right: 5px; /* Kisebb jobb margó a .tartalom-3 számára */
			
		}
	}

	.cim-k {
		font-size: 23px;
		color: #abe980;
		font-weight: bold;
		background-color: #08829f;
		background-size: 50px;
		border-radius: 10%;
		display: inline-block;
		padding-left: 5px;
		padding-right: 10px;
	}

	.cim-sos {
		font-size: 23px;
		color: red;
		font-weight: bold;
		background-color: black;
		background-size: 50px;
		border-radius: 10%;
		display: inline-block;
		padding-left: 5px;
		padding-right: 10px;
	}

	.cim-sos-1 {
		font-size: 23px;
		color: #EFCA08;
		font-weight: bold;
		background-color: #044B7F;
		background-size: 50px;
		border-radius: 10%;
		display: inline-block;
		padding-left: 5px;
		padding-right: 10px;
	}

	.cim-x {
		font-size: 22px;
		color: #abe980;
		font-weight: 600;
		background-color: #08829f;
		background-size: 50px;
		border-radius: 10%;
		display: inline-block;
		padding-left: 5px;
		padding-right: 10px;
	}

	.cim-s {
		font-size: 25px;
		color: #61d495;
		font-weight: 600;
		
	}

	

.alcim-a {
	font-size: 21px;
	font-weight: 800;
	color: #00171F;
	background-color: #abe980;
	display: inline-block;
	padding-left: 10px;
	padding-right: 10px;
	border-radius: 10px;
}

	@media screen and (max-width: 600px) {
		.mu-doboz, .mu-doboz-k, .mu-doboz-e, .mu-doboz-x, .mu-doboz-f, .kapcsolat-footer {
			 /* Kisebb betűméret mobilképernyőkön */
			margin-left: 5px; /* Kisebb bal margó */
			margin-right: 5px; /* Kisebb jobb margó a .tartalom-3 számára */
			
		}
	}

	@media screen and (max-width: 600px) {
		.mu-doboz-k {
			 /* Kisebb betűméret mobilképernyőkön */
			margin-left: 20px; /* Kisebb bal margó */
			margin-right: 20px; /* Kisebb jobb margó a .tartalom-3 számára */
			
		}
	}

	@media screen and (max-width: 600px) {
		.cim-sos .cim-sos-1 {
			 /* Kisebb betűméret mobilképernyőkön */
			font-size: 20px;
		}
	}

	.mu-doboz-szoveg {
		color: #ffa17a;
		font-size: 18px;
		font-weight: bold;
	}

	/* Redőny menü gomb stílusa */
.redony-gomb {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    left: 10px; /* A bal oldalra helyeztük */
    top: 50%;
    transform: translateY(-50%);
    background-color: #242F40;
    color: #F7E733;
    border-radius: 10px;
    padding: 15px;
    text-align: center;
    font-size: 24px;
    cursor: pointer;
    z-index: 1001;
}

/* Redőny menü lista stílusa */
.redony-menu {
    /* Eltávolítottuk a 'display: none;' tulajdonságot, mivel most a 'visibility' tulajdonságot fogjuk használni */
    position: fixed;
    left: 60px; /* A gombtól balra */
    top: 50%;
    transform: translateY(-50%) scale(0);
    background-color: #242F40;
    color: white;
    border-radius: 5px;
    padding: 10px;
    /* Hozzáadtuk az 'opacity' és 'visibility' tranzíciókat */
    transition: transform 0.5s ease, opacity 0.5s ease, visibility 0.5s ease;
    opacity: 0; /* Kezdetben átlátszó */
    visibility: hidden; /* Kezdetben nem látható */
    z-index: 1000;
}

/* Menü megjelenítése, ha a gomb aktiválódik */
.redony-gombok.menu-lathato .redony-menu {
    transform: translateY(-50%) scale(1);
    /* 'display: block;' helyett most a 'visibility' tulajdonságot használjuk a megjelenítéshez */
    visibility: visible; /* Láthatóvá válik */
    opacity: 1; /* Teljes opacitásra vált */
}


/* Redőny menü opciók stílusa */
.redony-menu-opcio {
    color: #F7F7F9;
    text-decoration: none;
    display: block;
    padding: 10px 15px;
    font-size: 18px;
    white-space: nowrap;
}

/* Médialekérdezések mobil eszközökhöz */
@media (max-width: 768px) {
    .redony-gomb {
        top: 50%; /* Lejjebb helyezzük a gombot */
        background-color: rgba(32, 178, 170, 0.5); /* Átlátszó háttér csak mobil eszközökön */
    }

    .redony-menu {
        top: 55%; /* A menüt is lejjebb helyezzük, hogy kövesse a gombot */
    }
}

/* Szövegbuborék alap stílusai */
.velemeny {
    background-color: #20b2aa;
	
    border-radius: 18px;
    padding: 20px;
    margin: 20px auto;
    position: relative;
    max-width: 600px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
	
}

/* Buborék "farok" */
.velemeny:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50px;
    border-width: 15px;
    border-style: solid;
    border-color: #f0f0f0 transparent transparent transparent;
}

/* Szöveg, csillagok és ügyfél információk stílusának finomítása */
.csillagok {
    unicode-bidi: bidi-override;
    direction: rtl;
    font-size: 1.2rem;
    color: #f5c518;
    margin-bottom: 10px;
}

.ugyfel-info {
    font-style: italic;
    color: #c1fcf6;
    font-size: 0.9rem;
    text-align: right;
    margin-top: 10px;
}

/* Alapvető stílusok a vélemény tartalom számára */
.velemeny p {
    margin: 0 0 10px 0;
    font-size: 1rem;
	color: wheat;
	font-weight: bold;
}

@media screen and (max-width: 600px) {
    .velemeny {
        padding: 15px;
        margin: 10px auto;
        max-width: 100%; /* Teljes szélesség kihasználása kisebb képernyőkön */
        margin-left: 5px;
		margin-right: 5px;   
	}

    .velemeny p {
        font-size: 0.9rem; /* Kis betűméret a jobb olvashatóságért */
    }

    /* Itt adhat hozzá további mobil-specifikus stílusokat */
}	
	
.image-gallery {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 10px;
	margin-left: 10%;
	margin-right: 10%;
}

.image-sample {
    margin: 10px;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    transition: transform 0.3s ease;
    text-align: center;
	
	
}

.image-sample img {
    width: 150px;  /* Növelt méret */
    height: 150px; /* Növelt méret */
    border-radius: 5px;
    object-fit: cover;
}

.image-sample:hover {
    transform: scale(1.1);
    cursor: pointer;
}

.image-description {
    display: block;
    margin-top: 5px;
}
	  
.specialSection {
background: linear-gradient(to bottom, #00171F, #003459);
  padding: 20px;
  margin: 20px 0;

}	  
	  
.kep-container img {
    width: 50%; /* A kép szélességét a div szélességéhez igazítja */
    height: auto; /* A kép magasságát automatikusan állítja, hogy megőrizze az arányait */
    display: block; /* Block szintű elemmé teszi a képet, így új sorban jelenik meg */
    margin: 0 auto; /* Középre igazítja a képet a div-en belül */
	margin-top: -30px;
}
.kep-container-2 img {
    width: 50%; /* A kép szélességét a div szélességéhez igazítja */
    height: auto; /* A kép magasságát automatikusan állítja, hogy megőrizze az arányait */
    display: block; /* Block szintű elemmé teszi a képet, így új sorban jelenik meg */
    margin: 0 auto; /* Középre igazítja a képet a div-en belül */
	margin-top: 5px;
}
.kep-container-2 {
    width: 50%; /* A div szélességét az őt tartalmazó elem szélességének 50%-ára állítja */
    margin: 20px auto; /* A div-et középre igazítja és függőleges margót ad hozzá */
    
    padding: 10px; /* Paddinget ad a div belső tartalmának */
}

.kep-container {
    width: 50%; /* A div szélességét az őt tartalmazó elem szélességének 50%-ára állítja */
    margin: 20px auto; /* A div-et középre igazítja és függőleges margót ad hozzá */
    
    padding: 10px; /* Paddinget ad a div belső tartalmának */
}
	  
	  
.koralak {
	display: flex;
	justify-content: space-around; /* Ez biztosítja a távolságot a képek között */
	text-align: center; /* Középre igazítja a leírásokat */
	padding-left: 11%;
	padding-right: 15%;
  }
  
  .image-koralak {
	margin: 0 5px;
  }
  
  .image-koralak img {
	width: 100px; /* Állítsd be a képek méretét */
	height: 100px; /* Állítsd be a képek méretét */
	border-radius: 50%; /* Ez teszi a képeket köralakúvá */
	object-fit: cover; /* Ez biztosítja, hogy a képek ne torzuljanak */
	
  }

  .szunyogdoboz-cim {
	font-size: 24px;
		color: #fdbc58;
		font-weight: bold;
		background-color: #4C1E4F;
		background-size: 50px;
		border-radius: 10%;
		display: inline-block;
		padding-left: 5px;
		padding-right: 10px;
  }

  .szunyogdoboz {
	padding-left: 11%;
	padding-right: 11%;
	display: flex;
	flex-direction: row; /* Alapértelmezett elrendezés asztali nézethez */
      
}
  
  .szunyogdoboz-szoveg {
	margin-right: 20px;
	width: 70%;
  }
  
  .image-szunyogdoboz {
	margin-right: 20px;
	width: 30%;
  }

  .image-szunyogdoboz-1 {
	margin-right: 20px;
	width: 40%
	
	
  }
  
  .image-szunyogdoboz img {
	width: 500%;
	border-radius: 20%;
	
  }
  
  @media (max-width: 768px) {
	.szunyogdoboz {
	  flex-direction: column;
	}
	.szunyogdoboz-szoveg, .image-szunyogdoboz {
	  width: 100%; /* Teljes szélességre növeli mind a képet, mind a szöveget */
	  margin-right: 0; /* Eltávolítja a jobb oldali margót, ha szükséges */
	}
	.szunyogdoboz-szoveg {
	  order: 2;
	  margin-top: 20px; /* Hozzáad egy felső margót, hogy elválassza a szöveget a képtől */
	}
	.image-szunyogdoboz {
	  order: 1;
	  margin-bottom: 20px; /* Hozzáad egy alsó margót, hogy elválassza a képet a szövegtől */
	}

	.image-szunyogdoboz-1 {
		width: 100%;
	}

  }
  
		
.image-surgos {
	width: 20%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	
}	  
	  
.kapcsolat-footer {

		border-style: ridge;
		color: #8feb89;
		background: linear-gradient(to bottom, #00171F, #003459);
		padding-top: 20px;
		padding-bottom: 20px;
		border-radius: .7rem;
		width: 40%;
		margin: auto;

	}

.kapcsolat-cim {
	margin-left: 5%;
margin-right: 5%;
font-size: 25px;
color: #FFD400;
font-family: "Iceberg", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.kapcsolat-footer-szoveg {
margin-left: 5%;
margin-right: 5%;
}
	  
.kapcsolat-image {
	width: 25%;
}	  

@media (max-width: 768px) {
	.kapcsolat-footer {
		width: 90%;
		margin-left: 5%;
		margin-right: 10%;
		
	}

}

/* Új kerület oldal tartalma css */

.Fodoboz {
	margin-left: 7%;
	margin-top: 5%;
	margin-bottom: 5%;
}

h2.Udv-cim {
	font-size: 22px; /* Betűméret */
	font-weight: 600;
  color: #388659; /* Szöveg kitöltési színe */
  text-shadow: 1px 1px 1px #52AA5E
  
}

.Udv-szoveg {
	font-size: 16px;
	margin-top: 2%;
	margin-right: 25%;
}

.kapcs-kartya {
border-style: solid;
border-radius: 5%;
margin-top: 4%;
margin-right: 35%;
padding: 25px;
background: linear-gradient(to bottom, #3AAED8, #00c5d9, #00d8c8);


}



.kapcs-kartya-focim {
margin-top: 15px;
padding-left: 15px;	
font-size: 22px;
font-weight: 800;
color: #003255;
}


h2.kapcs-kartya-cim {
margin-top: 5%;
margin-bottom: 5%;
margin-left: 5%;
font-size: 19px;
color: black;

}

.kapcs-kartya-al {
margin-bottom: 2%;
margin-left: 2%;
	padding: 2px;
	font-size: 19px;
	font-weight: 500;
	color: #E7BB41;


}

.kapcs-kartya-al-kiem {
	background: #393E41;
	margin-left: 6%;
	margin-right: 30%;
	border-radius: 20px;
}

.kapcs-kartya-fels {
	padding-top: 5%;
padding-left: 10%;

}

.kapcs-kartya-fels-szov {
font-size: 18px;
color: #4d3649;

}

/* Mobil verzió */
@media (max-width: 768px) {
	.Udv-szoveg {
		margin-right: 2%;
		font-size: 16px;
	}
	
	.kapcs-kartya {
	  margin-right: 10%; /* Kevesebb margó mobilon */
	  padding: 20px;
	  border-radius: 10%; /* Kevésbé kerekített sarkok kisebb kijelzőn */
	}

	.kapcs-kartya-al-kiem {
		margin-left: 3%;
	  margin-right: 3%;
	  margin-bottom: 2%;
	}
	.kapcs-kartya-al {
		font-size: 15px;
	}
  
	.kapcs-kartya-focim {
	  font-size: 18px; /* Kisebb szövegméret */
	  
	}
  
	h2.kapcs-kartya-cim {
	  font-size: 16px;
	  margin: 5%;
	}
  
  
	.kapcs-kartya-fels {
	  padding-top: 3%;
	  padding-left: 5%;
	}
  
	.kapcs-kartya-fels-szov {
	  font-size: 16px; /* Kisebb szövegméret */
	  
	}

	
  }
  
  /* Kis mobiltelefonokhoz (max-width: 480px) */
  @media (max-width: 480px) {
	.kapcs-kartya {
	  margin-right: 5%;
	  padding: 15px;
	}
  
	.kapcs-kartya-focim {
	  font-size: 19px;
	}
  
	h2.kapcs-kartya-cim,
	.kapcs-kartya-fels-szov {
	  font-size: 14px;
	}
  
	.kapcs-kartya-al-kiem {
		margin-left: 3%;
	  margin-right: 3%;
	  margin-bottom: 2%;
	}
	.kapcs-kartya-al {
		font-size: 15px;
	}

	

  }

.linkszin {
	color: inherit; /* Örökli a szülőelem színét */
	text-decoration: none;
}

.linkszin:hover {
	color: blue; /* Opcionális, ha hover esetén más színt szeretnél */
}

.linkszin-tel {
	color: inherit; /* Örökli a szülőelem színét */
	text-decoration: none;
}

.linkszin-tel:hover {
	color: #82f9bf; /* Opcionális, ha hover esetén más színt szeretnél */
}


/* Alap űrlap container */


/* Űrlap doboz */
.urap-box {
    background: #ECE2D0;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    width: 90%;
    max-width: 500px;
    margin-top: 5%;
    margin-bottom: 5%;
}

/* Űrlap cím */
.urap-title {
    font-size: 1.5rem;
    margin-bottom: 20px;
    text-align: center;
    color: #333;
}

/* Űrlap címkézés */
.urap-select {
    width: 100%;
    padding: 10px;
    margin-bottom: 15px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 1rem;
    line-height: 1.5; /* Egyenletesebb elrendezés a szöveg számára */
    box-sizing: border-box; /* A padding és a border is belekerül a szélességbe */
	background-color: #b4ab9a; /* Mezők háttérszíne */
    color: #2f4858; /* Mezők szöveg színe */
}

/* Űrlap label (címkék) stílusa */
.urap-label {
    font-weight: bold;
    display: block;
    margin: 10px 0 5px;
    font-size: 1rem; /* A címkék fontja is legyen egységes */
}

/* Űrlap beviteli mezők */
.urap-input,
.urap-textarea,
.urap-button {
    width: 100%;
    padding: 10px;
    margin-bottom: 15px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background-color: #b4ab9a; /* Mezők háttérszíne */
    color: #2f4858; /* Mezők szöveg színe */
}

/* Gomb stílus */
.urap-button {
    background-color: #1d6960;
    color: white;
    border: none;
    cursor: pointer;
    font-size: 1rem;
}

.urap-button:hover {
    background-color: #51816d;
}

/* Fókuszált mezők */
.urap-input:focus,
.urap-select:focus,
.urap-textarea:focus {
    border-color: #007BFF;
    outline: none;
}

/* Űrlap visszaigazolás üzenet */
.urap-confirmation-message {
    font-size: 1.2rem;
    color: #333;
    text-align: center;
    margin-top: 20px;
}

.urap-confirmation-list {
    list-style-type: none;
    padding: 0;
}

.urap-confirmation-list li {
    font-size: 1rem;
    margin-bottom: 8px;
}

/* Dátum és idő mezők */
.urap-input[type="date"],
.urap-input[type="time"] {
    width: 100%;
    padding: 10px;
    margin-bottom: 15px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 1rem;
    line-height: 1.5;
    box-sizing: border-box;
    background-color: #b4ab9a; /* Mezők háttérszíne */
    color: #2f4858; /* Mezők szöveg színe */
}

.urap-input::placeholder,
.urap-textarea::placeholder {
    color: #4682B4; /* Halvány szürke szín */
    font-style: italic; /* Dőlt szöveg */
}

h2.Tartalom-Focim {
	font-size: 26px;
	font-weight: 800;
	color: #084887;
}

.Tartalom-alcim-dob {
background: #084887;
margin-right: 55%;
border-radius: 20px;

}

.Tartalom-alcim {
font-size: 22px;
font-weight: 600;
color: #F58A07;
padding-left: 10px;


}

.Tartalom-alcim-dob-1 {
	background: #F4B02A;
	display: inline-block;
	border-radius: 20px;
	padding-right: 5px;
	margin-top: 3%;
	margin-bottom: 4%;
	}
	
	.Tartalom-alcim-1 {
	font-size: 22px;
	font-weight: 600;
	color: #29335c;
	padding-left: 10px;
	padding-right: 10px;

	
	
	}

	h3.Tartalom-alcim-1-kiem {
		font-size: 22px;
		font-weight: 600;
		color: #29335c;
		padding-left: 10px;
		padding-right: 10px;
		
		
		}

	.Tartalom-alcim-dob-3 {
	background: linear-gradient(to bottom, #4682b4, #00a2c8);
		display: inline-block;
		border-radius: 20px;
		padding-right: 6px;
		margin-top: 1%;
		}
		
		.Tartalom-alcim-3 {
		font-size: 22px;
		font-weight: 600;
		color: #f2faff;
		padding-left: 10px;
		
		
		}

		.Tartalom-alcim-dob-4 {
              background: #F78764;
			display: inline-block;
				border-radius: 10px;
				padding-right: 6px;
				margin-top: 2%;
				margin-bottom: 3%;
				}
				
				.Tartalom-alcim-4 {
				font-size: 22px;
				font-weight: 600;
				color: #083d77;
				padding-left: 10px;
				
				
				}

		.alcim-meret {
		font-size: 18px;
		color: #191970;
		letter-spacing: 0.5px;
		font-weight: 700;
		}

		.alcim-meret-2 {
			font-size: 18px;
			color: #F9C22E;
			letter-spacing: 0.5px;
			font-weight: 700;
			padding-top: 10px;
			padding-left: 10px;
			}

@media (max-width: 768px) {
	.Tartalom-alcim-dob {
		margin-right: 10%;
		margin-bottom: 5%;
	}
.Tartalom-alcim {
	font-size: 18px;
}

}

.specialSection-4 {
	background: linear-gradient(to bottom, #29335c, #504878);
	  padding: 20px;
	  margin: 20px 0;
	
	}

	.specialSection-5 {
		background: linear-gradient(to bottom, #083d77, #00699f, #0094ab);
		  padding: 20px;
		  margin: 20px 0;
		
		}

		.specialSection-6 {
			background: linear-gradient(to bottom, #008080, #2F4F4F);
			  padding: 20px;
			  margin: 20px 0;
			
			}



	h2.sos-szoveg {
		font-size: 30px;
		color: #F3A712;
		font-weight: 800;
		text-align: center;
		margin-bottom: 2%;
	}

.tovabbi-szoveg {
	font-size: 30px;
		color: #f9f871;
		font-weight: 800;
		text-align: left;
		margin-bottom: 2%;
}

.tovabbi-szoveg-2 {
	font-size: 26px;
		color: #00FF7F;
		font-weight: 800;
		text-align: left;
		margin-bottom: 2%;
		padding-top: 5%;
}





	.Udv-szoveg-1 {
		font-size: 16px;
		margin-right: 25%;
		color: #ffefca;
	}
	
	.Udv-szoveg-2 {
		font-size: 16px;
		margin-right: 25%;
		padding-left: 2.5%;
		color: #F8F8FF;
		margin-bottom: 1%;
		letter-spacing: 0.5px;
	}

	.Udv-szoveg-end {
		font-size: 16px;
		margin-right: 25%;
		color: #FFFFF0;
		margin-bottom: 1%;
		letter-spacing: 0.7px;
		text-shadow: 0 0 2px black;
		
	}

	.szoveg-kerd {
		font-size: 20px;
		font-weight: 600;
		color: #5decbf;
	} 

	.szoveg-kerd-fels {
		font-size: 16px;
		color: #ffb861;
		letter-spacing: 0.5px;

	}

	.szoveg-kerd-fels-1 {
		font-size: 18px;
		color: #fc8c78;
		font-weight: 600;
		letter-spacing: 0.6px;
	}

	.szoveg-kerd-fels-2 {
		font-size: 16px;
		color: #FFE9CE;
		font-weight: 500;
		letter-spacing: 0.6px;
		padding-left: 6%;
	}

	.szoveg-kerd-fels-2-bekezd {
		font-size: 16px;
		color: #FFE9CE;
		font-weight: 300;
		letter-spacing: 0.6px;
		margin-left: 30px;
		margin-top: 5px;
	}

	.Udv-szoveg-kapcs {
		font-size: 22px;
		font-weight: 600;
		letter-spacing: 0.6px;
		text-align: center;
		color: #5decbf;

	}

	h2.Udv-szoveg-kapcs-doboz {
text-align: center;
color: #ADFF2F;
font-size: 20px;
	}

	.Kiemelt {
		background: #424656;
		margin-right: 30%;
		margin-top: 2%;
		border-radius: 15px;
		border-style: double;
		border-color: #70facb;


	}

	.Kiemelt-2 {
		margin-right: 30%;
		margin-top: 2%;
		margin-bottom: 2%;
		border-radius: 15px;
		border-style: double;
		border-color: #bad3ff;


	}

	.Felre {
		margin-top: -4%;
		margin-left: 5%;
	}

	.linkszin-2 {
		color: inherit; /* Örökli a szülőelem színét */
		text-decoration: none;
	}
	
	.linkszin-2:hover {
		color: #00FF7F; /* Opcionális, ha hover esetén más színt szeretnél */
	}
	
	.linkszin-2-tel {
		color: inherit; /* Örökli a szülőelem színét */
		text-decoration: none;
	}
	
	.linkszin-2-tel:hover {
		color: #82f9bf; /* Opcionális, ha hover esetén más színt szeretnél */
	}

	.Kontakt-mini-ossze {
margin-top: 15%;
	}

	.Kontakt-mini-doboz {
		background: linear-gradient(to right, #1C2541, #3A506B);
		margin-right: 30%;
		padding-bottom: 20%;
		border-radius: 15px;
		border-style: double;
		border-color: #6FFFE9;
		width: 60%;
		margin-left: 5%;

		
	}

	.Kontakt-mini-doboz-1 {
		background: linear-gradient(to right, #1C2541, #3A506B);
		margin-right: 30%;
		padding-bottom: 42%;
		border-radius: 15px;
		border-style: double;
		border-color: #6FFFE9;
	}

	.Kontakt-mini-cim {
		font-size: 20px;
		color: #CDEAC0;
		font-weight: 500;
		letter-spacing: 0.5px;
		padding: 2%;
		text-align: center;
	}

	.Kontakt-mini-doboz-2 {
background: #483D8B;
margin-left: 10%;
margin-right: 50%;
margin-top: 5%;
padding: 1%;
border-style: double;
border-color: #ADFF2F;
border-radius: 15px;
	}

	.Kontakt-mini-szoveg {
margin-left: 4%;
font-size: 18px;
color:  #FFA500;
font-weight: 500;
letter-spacing: 1px;
	}

.End-fels-doboz {
	margin-top: 10%;
}

	.End-fels {
		font-size: 17px;
		font-weight: 500;
		padding-top: 1%;
		color: #FFF8DC;
		text-shadow: 0 0 3px #00171F;
		letter-spacing: 1.5px;
		margin-left: 10%;
	}
	
	.End-fels-2 {
		font-size: 17px;
		font-weight: 500;
		padding-top: 2%;
		color: #FFD700;
		text-shadow: 0 0 3px #00171F;
		letter-spacing: 1px;
		margin-left: 10%;
	}

	.foto-doboz {
		width: 300px;
		margin-top: -55%;
		margin-left: 50%;
	}

	.foto-doboz-1 {
		width: 300px;
		margin-top: -85%;
		margin-left: 50%;
	}

	/* Mobil verzió */
@media (max-width: 768px) {
	.Udv-szoveg-1,
	.Udv-szoveg-2,
	.Udv-szoveg-end {
		margin-right: 5%;
		font-size: 16px;
	}

	.Fodoboz {
		margin-left: 2%;
		margin-right: 2%;
	}


	.Tartalom-alcim-1 {
		font-size: 19px;
	}

	h3.Tartalom-alcim-1-kiem {
		font-size: 19px;
	}

	.Tartalom-alcim-dob-4 {
		margin-bottom: 5%;
		margin-top: 5%;
	}

	.Kiemelt,
	.Kiemelt-2 {
		margin-top: 5%;
		margin-right: auto;
		padding-left: 2%;
	}

	.Felre {
		margin-top: -7%;
		margin-left: 7%;
	}

	.szoveg-kerd-fels-2 {
		padding-left: 10px;
	}

	.End-fels {
		letter-spacing: 0.5px;
		margin-left: 5%;
		margin-bottom: 5px;
		font-size: 17px;
	}

	.End-fels-2 {
		margin-top: 5%;
	}

	.Kontakt-mini-doboz {
		margin-right: auto;
		width: auto;
		margin-left: auto;
	}

	.Kontakt-mini-doboz-2 {
		margin-right: 10%;
		
	}

	.foto-doboz,
	.foto-doboz-1 {
		display: none;
	}
}


.Motor-red-focim {
	font-size: 30px;
	color: #3A506B;
	font-weight: 800;
	letter-spacing: 0.5px;
	text-align: left;
	margin-right: 20%;
}

.szoveg-kerd-fels-3 {
	font-size: 16px;
	color: #FFE9CE;
	font-weight: 500;
	letter-spacing: 0.6px;
	padding-left: 6%;
}

.Kiemelt-3 {
	background: linear-gradient(to right, #3a506b, #6c819e);
	margin-right: 30%;
	margin-top: 2%;
	border-radius: 15px;
	border-style: groove;
	border-color: #ECA72C;


}

.Kiemelt-4 {
	margin-right: 30%;
	margin-top: 2%;
	margin-bottom: 2%;
	border-radius: 15px;
	border-style: double;
	border-color: #bad3ff;
	background: linear-gradient(to right, #212c39, #6d7888);

}

.Kiemelt-44 {
	margin-right: 30%;
	margin-top: 2%;
	margin-bottom: 2%;
	border-radius: 15px;
	border-style: double;
	border-color: green;
	background: linear-gradient(to top, #696969 , #708090);


}

.Motor-red-kiem-dob {
	background: #393E41;
  display: inline-block;
	  border-radius: 10px;
	  padding-right: 6px;
	  margin-top: 3%;
	  margin-bottom: 3%;
	  }
	  
	  .Motor-red-kiem-dob-szoveg {
	  font-size: 21px;
	  font-weight: 600;
	  color: #FFA500;
	  padding-left: 10px;
	  
	  
	  }

	  .Udv-szoveg-motor {
		margin-right: 30%;
	  }

	  

.Megoldas-doboz {
background: #3d4756;
	display: inline-block;
	margin-top: 2%;
	margin-bottom: 2%;
	padding-top: 1px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 1px;
	border-radius: 10px;

}

.Megoldas-szoveg {
	font-size: 19px;
	font-weight: 600;
	color: #24D2F9;
	
	
}

.Motor-red-kiem-dob-2 {
	background-color: #321325;
	display: inline-block;
	border-radius: 10px;
	margin-top: 3%;
	margin-bottom: 3%;
	padding-left: 10px;
	padding-right: 10px;
}


.tovabbi-szoveg-22 {
	font-size: 22px;
		color: #00FF7F;
		font-weight: 800;
		text-align: left;
}

.Udv-szoveg-motor-varos {
	margin-right: 35%;
	margin-top: 1%;
	margin-bottom: 2%;
	font-weight: 400;
	letter-spacing: 0.5px;
}

.Udv-szoveg-motor-kiem {

margin-right: 35%;
margin-bottom: 1%;
}

.Udv-szoveg-motor-2 {
padding-left: 10px;
padding-right: 10px;
padding-top: 2px;
padding-bottom: 2px;
font-size: 17px;
}

.Tartalom-alcim-dob-fared {
	background: #FFB140;
  display: inline-block;
	  border-radius: 10px;
	  padding-right: 6px;
	  margin-top: 3%;
	  margin-bottom: 3%;
	  border-style: solid;
	  border-color: #54433a;
	  }
	  
	  .Tartalom-alcim-fared {
	  font-size: 22px;
	  font-weight: 600;
	  color: black;
	  padding-left: 10px;
	  letter-spacing: 0.5px;
	  
	  
	  }

	  .Fared-alcim {
		margin-top: 3%;
		color: #f9f871;
		font-weight: 600;
		font-size: 17px;
		letter-spacing: 1px;
		text-shadow: 0 0 2px black;
	  }

	  .Fared-alcim-4 {
		margin-top: 2%;
		color: #f9f871;
		font-weight: 600;
		font-size: 17px;
		letter-spacing: 1px;
		text-shadow: 0 0 2px black;
		border-bottom: 2px solid wheat;
		border-radius: 5px;
		margin-right: 40%;
		margin-left: 2.5%;
	  }

	  .Fared-alcim-5 {
		margin-top: 2%;
		color: #00FF00;
		font-weight: 600;
		font-size: 17px;
		letter-spacing: 1px;
		text-shadow: 0 0 2px black;
		margin-left: 2.5%;
	  }

	  .Fared-alcim-3 {
		margin-top: 3%;
		color: #00FFFF;
		font-weight: 600;
		font-size: 18px;
		letter-spacing: 1.5px;
		text-shadow: 0 0 3px black;
	  }

	  .Fared-alcim-2 {
display: inline-block;
background: #00171F;
border-radius: 10px;
margin-top: 3%;
border-bottom: 2px solid greenyellow;
margin-bottom: 2%;

	  }

	  .Fared-alcim-2-szoveg {
		color: #FA9500;
		font-size: 20px;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 2px;
		padding-bottom: 2px;
		font-weight: 500;
		letter-spacing: 0.5px;
	  }

	  

.Udv-szoveg-end-felre {
	margin-left: 2.5%;
}

.Udv-szoveg-end-felre-2 {
	margin-left: 2.5%;
	
}

.Fared-fels {
	font-size: 17px;
	margin-top: 2%;
	margin-left: 2.5%;
	font-weight: 500;
	color: #FFDBB5;
	text-shadow: 0 0 2px #2D3047;
	letter-spacing: 0.5px;
}

.tukor-ikon {
	transform: scaleX(-1);
	vertical-align: -6px;
}

.Fared-felsorol {
font-size: 17px;
font-weight: 500;
color: #00FFFF;
margin-left: 2.5%;
text-shadow: 0 0 2px black;
letter-spacing: 1px;
margin-top: 1%;
}

.bemutat-tartalom {
margin-right: 20%;
margin-top: 5%;
margin-bottom: 3%;
font-size: 17px;
}

.bemutat-kerd {
background: #4A1942;
display: inline-block;
border-radius: 10px;
margin-bottom: 1%;
}

.bemutat-kerd-szoveg {
	font-size: 20px;
	color: #F0C808;
	padding-left: 10px;
	padding-right: 10px;
	font-weight: 600;
	letter-spacing: 0.5px;
}

.ikon-szine {
	color: #1BE7FF;
}

.bemutat-fels {
	font-size: 18px;
	margin-left: 4%;
	margin-bottom: 1%;
	margin-right: 20%;

}

.chek-ikon {
color: #0000ff;
}

.chek-ikon-2 {
	color: #FF5714;
	font-size: 16px;
}

.bemutat-egyseg {
	margin-left: 2%;
}

.bemutat-fels-felre {
	margin-top: -3.8%;
	margin-left: 3.5%;
}


.bemutat-fels-felre-3 {
	
		font-size: 17px;
	margin-top: 1%;
	}

h3.bemutat-fels-felre-2 {
font-weight: 600;
	font-size: 17px;
margin-top: 2%;
}

i.dolt {
	margin-left: 1%;
	margin-bottom: 1%;
}

h1.Zuglo-focim {
	font-size: 30px;
	text-align: center;
}

h1.Cinkota-focim {
	font-size: 30px;
	text-align: center;
}

@media (max-width: 768px) {
.Fodoboz {
	margin-left: 4%;
}

.Motor-red-focim {
	margin-top: 8%;
	margin-bottom: 8%;
	margin-right: 5%;
}

.Udv-szoveg-motor {
	margin-right: 5%;
	margin-top: 2%;
	margin-bottom: 3%;
}

.Udv-szoveg-motor-varos {
	margin-right: 5%;
	font-size: 17px;
	margin-top: 2%;
	margin-bottom: 8%;
}

.Udv-szoveg-motor-kiem {
	margin-right: 5%;
	margin-bottom: 1%;
}

.Tartalom-alcim-dob-fared,
.Fared-alcim-2 {
	margin-top: 8%;
	margin-bottom: 8%;
}

.Tartalom-alcim-fared {
	font-size: 20px;
}

.Fared-alcim-2-szoveg {
	font-size: 19px;
}

.Udv-szoveg-end-felre {
	margin-left: 6%;
}

.Fared-alcim-4 {
	margin-right: 5%;
	margin-bottom: 3%;
	border-bottom: none;
}

.End-fels {
	margin-right: 2%;
}

h2.Udv-cim {
	margin-top: 8%;
	margin-bottom: 8%;
}

.bemutat-tartalom,
.bemutat-fels {
	margin-right: 5%;
}

.bemutat-kerd {
	margin-top: 5%;
	margin-bottom: 5%;
}

.bemutat-fels-felre {
margin-top: -7%;
margin-left: 7%;
}

}

h1.Budapest-focim {
	font-size: 38px;
	text-align: center;
	margin-left: 4%;
	margin-right: 4%;
	margin-top: 5%;
	margin-bottom: 5%;
	font-weight: 600;
	color: #08A045;
}

.Budapest-kontener {
	font-size: 16px;
	margin-left: 5%;
	margin-right: 8%;
	margin-top: 5%;
margin-bottom: 5%;
}

.Budapest-tartalom {
	font-weight: 400;
	margin-right: 20%;
}

.Budapest-kontener-alcim-dob {
	display: inline-block;
	background: #073B3A;
	margin-top: 3%;
	margin-bottom: 3%;
	border-radius: 10px;
	border-style: solid;
	border-color: #08A045;

}

.Budapest-kontener-alcim-szoveg {
	color: #F7B32B;
	font-size: 20px;
	padding-left: 10px;
	margin-right: 10px;
	font-weight: 600;
	letter-spacing: 0.5px;
}

.Budapest-alcim-fels {
	font-size: 18px;
	font-weight: 600;
}

h4.Budapest-alcim-fels {
	font-size: 18px;
	font-weight: 600;
}

.Budapest-alcim-fels-2 {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 1%;
	letter-spacing: 0.5px;
}

.circ-ikon {
	color: #D74E09;
}

.Budapest-felre {
margin-left: 2.5%;
margin-bottom: 2%;
font-style: oblique;
}

.Budapest-kontakt-kontener {
	margin-top: 5%;
	margin-bottom: 5%;
	margin-right: 40%;
	border-style: solid;
	border-color: black;
	border-radius: 20px;
	background: linear-gradient(to bottom, #FAA300, #FF6201);


}

h2.Budapest-kontakt-kontener-szoveg {
	padding-left: 3%;
	padding-right: 3%;
	padding-top: 5%;
	padding-bottom: 5%;
	font-size: 20px;
	color: #f9f871;
	font-weight: 600;
	
}

.Budapest-kontakt-fels-kontener {

	background: #073B3A;
	margin-left: 5%;
	margin-right: 30%;
	padding-left: 2%;
	padding-right: 5%;
	padding-top: 0.5%;
	padding-bottom: 0.5%;
	margin-bottom: 2%;
	border-radius: 10px;
}

.Budapest-kontakt-fels-szoveg {
	color: #F3B700;
	font-weight: 600;
	font-size: 17px;
	letter-spacing: 0.5px;
}

.kontakt-ikon {
	color: #1B98E0;
}

h2.Budapest-redony-cim {
	font-size: 30px;
	color: #006494;
	font-weight: 600;
	margin-bottom: 4%;
}

.Budapest-szoveg {
	margin-right: 30%;
}

h3.Budapest-alcim {
	font-size: 26px;
	color: #247BA0;
	font-weight: 600;
	margin-top: 3%;
	margin-bottom: 3%;
}

h4.Budapest-alcim-al {
	font-size: 20px;
	color: #247BA0;
	font-weight: 600;
	margin-top: 3%;
	margin-bottom: 3%;
}


.specialSection-7 {
	background: linear-gradient(to bottom, #083d77, #00699f);
	padding-bottom: 50%;
}

h2.Budapest-SOS-focim {
	font-size: 32px;
	text-align: center;
	padding-top: 5%;
	padding-bottom: 2%;
	font-weight: 600;
	letter-spacing: 0.5;
	color: #FAA300;

}

.Budapest-SOS-alcim-kontener {
background: #007d56;
display: inline-block;
margin-top: 3%;
margin-bottom: 3%;
border-radius: 10px;
}

h3.Budapest-SOS-alcim {
	font-size: 25px;
	color: #F5D547;
	font-weight: 600;
	padding-left: 6px;
	padding-right: 6px;
padding-top: 2px;
padding-bottom: 2px;
}

.Budapest-SOS-tartalom {
	color: #A8D5E2;
	margin-right: 30%;
	font-weight: 400;
	letter-spacing: 0.4px;
}