@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; }

body {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  margin: 0;
  padding: 0; }

.section-title {
  font-size: 16px;
  color: #0086ca;
  background: #f5f5f5;
  font-weight: bold;
  line-height: 42px;
  padding-left: 16px;
  border-left: 3px  solid #0086ca;
  text-transform: uppercase;
  margin: 0 0 30px; }

@media only screen and (min-width: 1200px) {
  .row-fluid {
    margin-right: -30px;
    margin-left: -30px; } }
.inline-block {
  display: inline-block; }

.mobile-btn {
  display: none;
  width: 35px;
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translate(0, -50%); }
  .mobile-btn::before, .mobile-btn::after {
    content: '';
    height: 2px;
    width: 100%;
    display: block;
    background: #333; }
  .mobile-btn span {
    height: 2px;
    width: 100%;
    display: block;
    background: #333;
    margin: 10px 0; }

.gototop {
  position: fixed;
  right: 30px;
  bottom: 43px;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s; }
  .gototop a {
    display: block;
    text-decoration: none;
    text-align: center;
    font-size: 15px;
    color: #fff;
    line-height: 50px;
    background: #0086ca;
    height: 50px;
    width: 50px;
    border-radius: 50%; }
  .gototop.open {
    opacity: 1;
    visibility: visible; }

/*=================== Start phone ring ===============*/
.coccoc-alo-phone {
  background-color: transparent;
  cursor: pointer;
  height: 80px;
  position: fixed;
  transition: visibility 0.5s ease 0s;
  visibility: hidden;
  width: 80px;
  z-index: 99999; }
  .coccoc-alo-phone.coccoc-alo-show {
    visibility: visible; }
  .coccoc-alo-phone.coccoc-alo-hover, .coccoc-alo-phone:hover {
    opacity: 1; }
    .coccoc-alo-phone.coccoc-alo-hover .coccoc-alo-ph-circle, .coccoc-alo-phone:hover .coccoc-alo-ph-circle {
      border-color: #00aff2;
      opacity: 0.5; }
    .coccoc-alo-phone.coccoc-alo-hover .coccoc-alo-ph-circle-fill, .coccoc-alo-phone:hover .coccoc-alo-ph-circle-fill {
      background-color: rgba(0, 175, 242, 0.5);
      opacity: 0.75 !important; }
    .coccoc-alo-phone.coccoc-alo-hover .coccoc-alo-ph-img-circle, .coccoc-alo-phone:hover .coccoc-alo-ph-img-circle {
      background-color: #00aff2; }
  .coccoc-alo-phone.coccoc-alo-active .coccoc-alo-ph-circle {
    animation: 1.1s ease-in-out 0s normal none infinite running coccoc-alo-circle-anim !important; }
  .coccoc-alo-phone.coccoc-alo-static .coccoc-alo-ph-circle {
    animation: 2.2s ease-in-out 0s normal none infinite running coccoc-alo-circle-anim !important; }
  .coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-circle, .coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-circle {
    border-color: #2cbd60;
    opacity: 0.5; }
  .coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover coccoc-alo-ph-circle-fill, .coccoc-alo-phone.coccoc-alo-green:hover coccoc-alo-ph-circle-fill {
    background-color: rgba(44, 189, 96, 0.5);
    opacity: 0.75 !important; }
  .coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-img-circle, .coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-img-circle {
    background-color: #2cbd60; }
  .coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-circle {
    border-color: #2cbd60;
    opacity: 0.5; }
  .coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-circle-fill {
    background-color: rgba(44, 189, 96, 0.5);
    opacity: 0.75 !important; }
  .coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-img-circle {
    background-color: #2cbd60; }
  .coccoc-alo-phone a {
    display: block;
    text-decoration: none;
    color: #fff;
    font-size: 16px;
    line-height: 38px;
    text-align: center; }

.coccoc-alo-ph-circle {
  animation: 1.2s ease-in-out 0s normal none infinite running coccoc-alo-circle-anim;
  background-color: transparent;
  border: 2px solid rgba(30, 30, 30, 0.4);
  border-radius: 100%;
  height: 76px;
  left: 2px;
  opacity: 0.1;
  position: absolute;
  top: 2px;
  transform-origin: 50% 50% 0;
  transition: all 0.5s ease 0s;
  width: 76px; }

.coccoc-alo-ph-circle-fill {
  animation: 2.3s ease-in-out 0s normal none infinite running coccoc-alo-circle-fill-anim;
  background-color: #000;
  border: 2px solid transparent;
  border-radius: 100%;
  height: 56px;
  left: 11px;
  opacity: 0.1;
  position: absolute;
  top: 11px;
  transform-origin: 50% 50% 0;
  transition: all 0.5s ease 0s;
  width: 56px; }

.coccoc-alo-ph-img-circle {
  animation: 1s ease-in-out 0s normal none infinite running coccoc-alo-circle-img-anim;
  border: 2px solid transparent;
  border-radius: 100%;
  height: 38px;
  left: 20px;
  position: absolute;
  top: 20px;
  transform-origin: 50% 50% 0;
  width: 38px; }

@keyframes coccoc-alo-circle-anim {
  0% {
    opacity: 0.1;
    transform: rotate(0deg) scale(0.5) skew(1deg); }
  30% {
    opacity: 0.5;
    transform: rotate(0deg) scale(0.7) skew(1deg); }
  100% {
    opacity: 0.6;
    transform: rotate(0deg) scale(1) skew(1deg); } }
@keyframes coccoc-alo-circle-img-anim {
  0% {
    transform: rotate(0deg) scale(1) skew(1deg); }
  10% {
    transform: rotate(-25deg) scale(1) skew(1deg); }
  20% {
    transform: rotate(25deg) scale(1) skew(1deg); }
  30% {
    transform: rotate(-25deg) scale(1) skew(1deg); }
  40% {
    transform: rotate(25deg) scale(1) skew(1deg); }
  50% {
    transform: rotate(0deg) scale(1) skew(1deg); }
  100% {
    transform: rotate(0deg) scale(1) skew(1deg); } }
@keyframes coccoc-alo-circle-fill-anim {
  0% {
    opacity: 0.2;
    transform: rotate(0deg) scale(0.7) skew(1deg); }
  50% {
    opacity: 0.2;
    transform: rotate(0deg) scale(1) skew(1deg); }
  100% {
    opacity: 0.2;
    transform: rotate(0deg) scale(0.7) skew(1deg); } }
.coccoc-alo-ph-img-circle a img {
  padding: 4px 0 0 3px; }

/**/
#dk-modal {
  z-index: 9999; }

.md-content {
  background: #22c5d6;
  border-radius: 8px;
  position: relative;
  padding: 60px;
  max-width: 600px;
  margin: 0 auto; }
  .md-content input[type="text"], .md-content input[type="email"], .md-content input[type="password"], .md-content textarea {
    padding-left: 12px;
    padding-right: 12px;
    outline: none;
    font-family: 'Montserrat', sans-serif; }

.md-content .md-close {
  position: absolute;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #2e9ca8;
  color: #fff;
  font-size: 36px;
  text-align: center;
  line-height: 1;
  outline: none;
  top: -25px;
  right: -25px; }

.md-content .subs-form {
  background: #fff;
  border-radius: 8px;
  padding: 40px;
  font-family: "r0c0i-LinotteRegular_0";
  margin-right: 5px; }

.md-content .subs-form p {
  font-size: 15px;
  font-weight: 300;
  color: #928f8f;
  font-style: italic; }

.md-content .subs-form input, .md-content .subs-form textarea {
  width: 100%;
  display: block;
  border-radius: 3px;
  height: 35px;
  border: solid 1px #cecece;
  margin-bottom: 12px;
  font-size: 13px;
  font-weight: 300; }

.md-content .subs-form input::-webkit-input-placeholder, .md-content .subs-form textarea::-webkit-input-placeholder {
  color: #626262; }

.md-content .subs-form input:-moz-placeholder, .md-content .subs-form textarea:-moz-placeholder {
  color: #626262; }

.md-content .subs-form input::-moz-placeholder, .md-content .subs-form textarea::-moz-placeholder {
  color: #626262; }

.md-content .subs-form input:-ms-input-placeholder, .md-content .subs-form textarea:-ms-input-placeholder {
  color: #626262; }

.md-content .subs-form textarea {
  height: 100px; }

.md-content .subs-form button {
  display: inline-block;
  vertical-align: middle;
  background: #13b4c5;
  font-size: 18px;
  font-weight: 600;
  line-height: 42px;
  border-radius: 3px;
  padding: 0 22px;
  -webkit-box-shadow: 0 3px 0 #0b9cac;
  box-shadow: 0 3px 0 #0b9cac;
  text-transform: uppercase;
  color: #fff;
  outline: none;
  border: 0;
  margin-top: 28px; }
  .md-content .subs-form button span {
    line-height: 1; }

.md-content .subs-form button:hover {
  background: #0b9cac;
  -webkit-box-shadow: 0 3px 0 #097986;
  box-shadow: 0 3px 0 #097986; }

.md-content .ct {
  border: solid 3px #fff;
  border-radius: 5px;
  color: #fff;
  font-family: "elle-futura";
  padding-bottom: 5px;
  padding-top: 20px; }

.md-content .ct .title {
  text-align: center;
  text-transform: uppercase;
  font-weight: 900;
  font-family: "Muli";
  font-size: 68px; }

.md-content .ct ul li {
  font-size: 18px;
  text-transform: uppercase;
  padding-left: 23px;
  position: relative;
  margin-bottom: 8px; }

.md-content .ct ul li:before {
  content: "\e007";
  font-family: 'ElegantIcons';
  font-size: 14px;
  position: absolute;
  left: 0;
  top: 4px; }

.md-content .ct .ct2 {
  padding: 0 40px; }

.md-content .ct .table {
  border-top: solid 1px #fff;
  font-size: 19px;
  text-transform: uppercase;
  padding-top: 8px;
  margin-top: 25px; }

.md-content .ct .table span {
  font-size: 16px;
  display: block;
  margin-top: 5px; }

.md-content .ct .price {
  background: #f31717;
  color: #fff;
  display: inline-block;
  vertical-align: middle;
  font-family: "Muli";
  padding-right: 10px;
  border-radius: 100px 0 0 100px;
  margin-top: 25px; }

.md-content .ct .price strong {
  font-size: 68px;
  font-weight: 900;
  line-height: 1.2;
  display: inline-block;
  vertical-align: middle; }

.md-content .ct .price strong sup {
  font-size: 48%;
  top: -40px;
  margin-left: -6px; }

.md-content .ct .price span {
  display: inline-block;
  vertical-align: middle;
  font-size: 24px;
  font-weight: 900;
  text-transform: uppercase;
  text-align: center;
  line-height: 1.15;
  position: relative;
  z-index: 1;
  padding-left: 6px; }

.md-content .ct .price span del {
  font-weight: normal;
  display: block; }

.md-content .ct .price span del sup {
  font-size: 50%;
  top: -10px; }

.md-content .ct .price span:before {
  content: '';
  width: 110px;
  height: 110px;
  border-radius: 50%;
  position: absolute;
  z-index: -1;
  top: 50%;
  margin-top: -55px;
  left: 0;
  background: #f31717; }

.md-content .ct .price span:after {
  content: '';
  width: 130px;
  height: 130px;
  border-radius: 50%;
  position: absolute;
  z-index: -1;
  top: 50%;
  margin-top: -65px;
  left: -10px;
  border: solid 1px #f31717; }

.md-content .ct .ibl {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 24px; }

.md-content .ct .text {
  text-transform: uppercase;
  font-size: 19px;
  text-align: right;
  margin-top: 5px; }

@media (min-width: 1200px) {
  .modal-dialog {
    width: 1270px; } }
@media all and (max-width: 1199px) {
  .md-content .ct {
    margin-top: 30px; } }
@media all and (max-width: 767px) {
  .md-content {
    padding: 15px; }

  .md-content .md-close {
    width: 30px;
    height: 30px;
    font-size: 18px;
    line-height: 32px;
    top: -10px;
    right: -10px; }

  .md-content .subs-form {
    padding: 20px 15px;
    font-family: "r0c0i-LinotteRegular_0"; }

  .md-content .subs-form p {
    font-size: 14px; }

  .md-content .subs-form input, .md-content .subs-form textarea {
    font-size: 14px; }

  .md-content .subs-form button {
    font-size: 15px;
    line-height: 38px;
    margin-top: 5px; }

  .md-content .ct .title {
    font-size: 28px; }

  .md-content .ct ul li {
    font-size: 14px; }

  .md-content .ct .ct2 {
    padding: 0 20px; }

  .md-content .ct .table {
    font-size: 14px; }

  .md-content .ct .table span {
    font-size: 13px; }

  .md-content .ct .price {
    padding-right: 10px;
    border-radius: 100px 0 0 100px; }

  .md-content .ct .price strong {
    font-size: 24px; }

  .md-content .ct .price strong sup {
    top: -20px;
    margin-left: 0px; }

  .md-content .ct .price span {
    font-size: 18px; }

  .md-content .ct .price span del sup {
    top: -10px; }

  .md-content .ct .price span:before {
    width: 80px;
    height: 80px;
    margin-top: -40px;
    left: 0; }

  .md-content .ct .price span:after {
    width: 100px;
    height: 100px;
    margin-top: -50px;
    left: -10px; }

  .md-content .ct .ibl {
    margin-bottom: 20px; }

  .md-content .ct .text {
    font-size: 15px;
    margin-top: 28px; } }
header {
  transition: all 0.3s;
  position: relative;
  min-height: 156px; }
  header #header-top {
    background: #161921; }
    header #header-top .left {
      vertical-align: top; }
      header #header-top .left .social {
        display: inline-block;
        line-height: 46px; }
        header #header-top .left .social a {
          display: inline-block;
          font-size: 13px;
          color: #ffffff;
          text-decoration: none;
          margin-right: 15px; }
          header #header-top .left .social a:last-child {
            margin: 0; }
          header #header-top .left .social a:hover {
            color: #0086ca; }
      header #header-top .left .date {
        display: inline-block;
        margin-left: 58px; }
        header #header-top .left .date p {
          display: block;
          margin: 0;
          line-height: 46px;
          color: #fff;
          font-size: 13px; }
    header #header-top .right {
      text-align: right;
      vertical-align: top; }
      header #header-top .right .menu {
        display: inline-block;
        vertical-align: top; }
        header #header-top .right .menu ul {
          margin: 0;
          padding: 0;
          list-style: none; }
          header #header-top .right .menu ul::before, header #header-top .right .menu ul::after {
            content: '';
            display: block;
            clear: both; }
          header #header-top .right .menu ul li {
            margin-right: 10px;
            float: left; }
            header #header-top .right .menu ul li a {
              display: block;
              text-decoration: none;
              color: #fff;
              font-size: 13px;
              line-height: 46px;
              padding: 0; }
      header #header-top .right .search {
        display: inline-block;
        vertical-align: top;
        margin-left: 50px; }
        header #header-top .right .search a {
          line-height: 46px;
          display: block;
          color: #fff; }
        header #header-top .right .search .dropdown-menu {
          margin: 0;
          border: 0;
          padding: 10px;
          width: 300px;
          right: 0;
          left: auto;
          border-radius: 3px;
          box-shadow: 0 0 5px 0 rgba(102, 102, 102, 0.4);
          top: 45px; }
          header #header-top .right .search .dropdown-menu form {
            position: relative; }
            header #header-top .right .search .dropdown-menu form input {
              width: 100%;
              height: 38px;
              border: solid 1px #ccc;
              border-radius: 3px;
              outline: none;
              padding: 0 12px; }
            header #header-top .right .search .dropdown-menu form button {
              position: absolute;
              right: 0;
              top: 0;
              bottom: 0;
              width: 40px;
              text-align: center;
              border: 0;
              background: transparent;
              color: #555; }
  header #header-main {
    background-color: #fff;
    background-image: url("../images/header-main-bg.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 9999; }
    header #header-main .container {
      position: relative; }
      header #header-main .container .left {
        position: relative; }
        header #header-main .container .left .logo {
          display: inline-block;
          padding: 5px 0 6px; }
          header #header-main .container .left .logo img {
            max-width: 100%; }
        header #header-main .container .left .text {
          text-align: center;
          position: absolute;
          top: 50%;
          left: 105px;
          transform: translate(0, -50%);
          font-family: 'Roboto Condensed', sans-serif; }
          header #header-main .container .left .text h3 {
            margin: 0 0 7px;
            font-size: 20px;
            color: #0086ca;
            font-weight: bold;
            text-transform: uppercase;
            line-height: 1; }
          header #header-main .container .left .text p {
            margin: 0;
            font-style: italic;
            color: #0086ca;
            font-size: 16px;
            line-height: 1; }
      header #header-main .container .right {
        position: absolute;
        top: 50%;
        right: 0;
        transform: translate(0, -50%); }
        header #header-main .container .right .main-menu > ul {
          padding: 0;
          margin: 0;
          list-style: none;
          text-align: left; }
          header #header-main .container .right .main-menu > ul > li {
            display: inline-block;
            vertical-align: middle;
            position: relative;
            padding: 0; }
            header #header-main .container .right .main-menu > ul > li > a {
              display: block;
              color: #161921;
              font-size: 13px;
              text-transform: uppercase;
              text-decoration: none;
              position: relative;
              padding: 0;
              font-weight: 500;
              margin-left: 20px; }
            header #header-main .container .right .main-menu > ul > li:hover > a {
              color: #0086ca; }
  header.menu_fix #header-main {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    box-shadow: 0 3px 10px 0 rgba(108, 100, 100, 0.35); }

@media only screen and (min-width: 1200px) {
  .m-overlay, .mobile-menu {
    display: none; } }
.m-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999999;
  transition: all 0.3s;
  opacity: 0;
  visibility: hidden; }
  .m-overlay.open {
    opacity: 1;
    visibility: visible; }

.mobile-menu {
  position: fixed;
  top: 0;
  right: -300px;
  bottom: 0;
  background: #fff;
  width: 290px;
  box-shadow: 0 0 8px 0 rgba(102, 102, 102, 0.5);
  z-index: 999999;
  transition: all 0.3s;
  overflow: auto; }
  .mobile-menu .mheader {
    height: 45px;
    position: relative; }
    .mobile-menu .mheader button {
      display: inline-block;
      vertical-align: middle;
      width: 40px;
      height: 40px;
      border-radius: 100%;
      position: absolute;
      z-index: 99999;
      right: 0px;
      background: transparent;
      border: 0;
      top: 50%;
      transform: translate(0, -50%);
      outline: none; }
      .mobile-menu .mheader button i {
        width: auto;
        height: auto;
        border: none; }
        .mobile-menu .mheader button i::before {
          content: '';
          display: block;
          margin: auto;
          width: 17px;
          border-bottom: solid 2px #2e2e2e;
          transform: rotate(45deg); }
        .mobile-menu .mheader button i::after {
          content: '';
          display: block;
          margin: auto;
          width: 17px;
          border-bottom: solid 2px #2e2e2e;
          transform: rotate(-45deg);
          margin-top: -2px; }
  .mobile-menu > ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    .mobile-menu > ul > li > a {
      display: block;
      border: none;
      border-top: solid 1px #e6e6e6;
      line-height: 20px;
      padding: 10px 15px;
      color: #2e2e2e;
      margin: 0px;
      text-decoration: none;
      position: relative;
      font-weight: 400;
      text-transform: uppercase; }
      .mobile-menu > ul > li > a i {
        display: block;
        font-style: normal;
        height: 40px;
        width: 40px;
        text-align: center;
        padding-top: 2px;
        font-size: 16px;
        line-height: 39px;
        background: rgba(0, 0, 0, 0.03);
        color: #2e2e2e;
        position: absolute;
        z-index: 1;
        cursor: pointer;
        top: 0;
        right: 0;
        bottom: 0; }
      .mobile-menu > ul > li > a:hover {
        background: #007ccf;
        color: #fff; }
    .mobile-menu > ul > li > ul {
      padding: 0;
      margin: 0;
      background: rgba(0, 0, 0, 0.03);
      display: none;
      overflow: hidden; }
      .mobile-menu > ul > li > ul > li {
        display: block; }
        .mobile-menu > ul > li > ul > li > a {
          display: block;
          font-size: 14px;
          line-height: 20px;
          background: none;
          color: #2e2e2e;
          border: none;
          border-top: solid 1px #e6e6e6;
          padding: 10px 15px 10px 30px;
          margin: 0px;
          font-weight: 400;
          position: relative; }
          .mobile-menu > ul > li > ul > li > a i {
            display: block;
            font-style: normal;
            height: 40px;
            width: 40px;
            text-align: center;
            padding-top: 2px;
            font-size: 16px;
            line-height: 39px;
            background: rgba(0, 0, 0, 0.03);
            color: #2e2e2e;
            position: absolute;
            z-index: 1;
            cursor: pointer;
            top: 0;
            right: 0;
            bottom: 0; }
        .mobile-menu > ul > li > ul > li > ul {
          padding: 0;
          margin: 0;
          background: rgba(0, 0, 0, 0.03);
          display: none;
          overflow: hidden; }
          .mobile-menu > ul > li > ul > li > ul > li {
            display: block; }
            .mobile-menu > ul > li > ul > li > ul > li > a {
              display: block;
              font-size: 14px;
              line-height: 20px;
              background: none;
              color: #2e2e2e;
              border: none;
              border-top: solid 1px #e6e6e6;
              padding: 10px 15px 10px 45px;
              margin: 0px;
              font-weight: 400; }
    .mobile-menu > ul > li.open ul {
      max-height: 1000px; }
  .mobile-menu.open {
    right: 0; }
  .mobile-menu .info {
    padding: 15px;
    background: #f1f1f1; }
    .mobile-menu .info ul {
      margin: 0;
      padding: 0;
      list-style: none; }
      .mobile-menu .info ul li {
        padding: 10px 0; }
        .mobile-menu .info ul li .item {
          position: relative;
          padding-left: 45px; }
          .mobile-menu .info ul li .item .icon {
            position: absolute;
            top: 50%;
            left: 0;
            transform: translate(0, -50%);
            width: 34px;
            height: 34px;
            border: 1px solid #9a9a9a;
            text-align: center;
            font-size: 16px;
            color: #9a9a9a;
            border-radius: 50%;
            line-height: 32px; }
          .mobile-menu .info ul li .item .text h3 {
            margin: 0 0 5px;
            padding: 0;
            font-size: 16px;
            font-weight: 700;
            color: #0094da; }
          .mobile-menu .info ul li .item .text p {
            margin: 0;
            font-size: 13px;
            color: #555555; }
          .mobile-menu .info ul li .item .text.hotro h3 {
            font-size: 13px; }

#slide-main {
  position: relative;
  line-height: 1;
  margin: 0 0 0px;
  overflow: hidden; }
  #slide-main .slick-slide {
    line-height: 0; }
  #slide-main .item {
    overflow: hidden;
    line-height: normal;
    position: relative; }
    #slide-main .item img {
      width: 100%;
      vertical-align: top; }
    #slide-main .item .cap {
      position: absolute;
      top: 30%;
      left: 0;
      right: 0;
      transform: translate(0, -30%);
      z-index: 99; }
  #slide-main .slick-arrow {
    position: absolute;
    top: 50%;
    color: #fff;
    text-align: center;
    z-index: 999;
    cursor: pointer;
    font-size: 48px;
    transform: translate(0, -50%);
    opacity: 0.5; }
    #slide-main .slick-arrow.prev {
      left: 60px; }
    #slide-main .slick-arrow.next {
      right: 60px; }
    #slide-main .slick-arrow:hover {
      opacity: 1; }
  #slide-main .slick-dots {
    position: absolute;
    bottom: 15px; }
    #slide-main .slick-dots li {
      width: auto;
      transition: all 0.3s;
      margin: 0 2.5px;
      height: auto; }
      #slide-main .slick-dots li button {
        height: 12px;
        width: 12px;
        border-radius: 50%;
        border: 1px solid transparent;
        padding: 0;
        margin: 0;
        position: relative;
        transition: all 0.3s;
        background: transparent; }
        #slide-main .slick-dots li button::before {
          content: '';
          position: absolute;
          width: 6px;
          height: 6px;
          border-radius: 50%;
          background: #fff;
          opacity: 1;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%); }
      #slide-main .slick-dots li.slick-active button {
        border-color: #fff; }

#intro {
  background: #fff;
  padding: 50px 0 60px; }
  #intro .text h3 {
    margin: 0 0 25px;
    color: #0086ca;
    font-size: 30px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 1; }
  #intro .text p {
    margin: 0 0 20px;
    color: #333333;
    font-size: 14px;
    line-height: 24px; }
  #intro .text .quote {
    text-align: center;
    font-family: 'Anton', sans-serif;
    color: #000;
    font-size: 23px;
    text-transform: uppercase;
    margin-bottom: 55px; }
    #intro .text .quote i {
      font-size: 15px; }
      #intro .text .quote i:first-child {
        vertical-align: top;
        margin-right: 5px; }
      #intro .text .quote i:last-child {
        vertical-align: bottom;
        margin-left: 5px; }
  #intro .text a {
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    width: 159px;
    height: 44px;
    background: #0086ca;
    border-radius: 5px;
    display: inline-block;
    outline: none;
    line-height: 44px; }
    #intro .text a i {
      margin-left: 14px; }
    #intro .text a:hover {
      background: #161921; }
  #intro .image .items {
    margin: 0 -15px; }
    #intro .image .items .item {
      float: left;
      width: 50%;
      padding: 0 15px;
      margin: 0 0 30px; }
      #intro .image .items .item .inner {
        position: relative; }
        #intro .image .items .item .inner .media {
          margin: 0; }
          #intro .image .items .item .inner .media a {
            display: block;
            overflow: hidden; }
            #intro .image .items .item .inner .media a img {
              /*width: 100%;*/
              transition: all 0.3s; }
        #intro .image .items .item .inner h3 {
          margin: 0;
          padding: 0;
          position: absolute;
          left: 0;
          bottom: 0;
          right: 0;
          background: rgba(2, 82, 149, 0.8); }
          #intro .image .items .item .inner h3 a {
            display: block;
            color: #fff;
            text-transform: uppercase;
            font-size: 16px;
            text-align: center;
            font-weight: 400;
            line-height: 44px;
            text-decoration: none; }
        #intro .image .items .item .inner:hover .media a img {
          transform: scale(1.1); }

#banner {
  background-color: #fff;
  background-image: url("../images/banner.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-top: 5px solid #00b0ff; }
  #banner .container {
    position: relative;
    min-height: 366px; }
    #banner .container .inner {
      position: absolute;
      top: 50%;
      left: 0;
      transform: translate(0, -50%); }
  #banner p {
    color: #fff;
    text-transform: uppercase;
    font-size: 45px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: bold;
    margin: 0 0 10px;
    line-height: 1; }

#blog-video {
  padding: 60px 0 0; }

#blogs .single .item .inner {
  background: #fff;
  transition: all 0.3s; }
  #blogs .single .item .inner .media {
    margin-bottom: 25px; }
    #blogs .single .item .inner .media a {
      display: block;
      overflow: hidden; }
      #blogs .single .item .inner .media a img {
        width: 100%;
        transition: all 0.3s; }
  #blogs .single .item .inner .info h3 {
    margin: 0 0 15px;
    padding: 0; }
    #blogs .single .item .inner .info h3 a {
      display: block;
      color: #333333;
      font-size: 16px;
      font-weight: 500;
      line-height: 25px;
      text-decoration: none; }
      #blogs .single .item .inner .info h3 a span {
        color: #999999;
        font-style: italic;
        font-weight: 400; }
  #blogs .single .item .inner .info p {
    font-size: 14px;
    color: #666666;
    margin: 0;
    line-height: 25px; }
  #blogs .single .item .inner:hover .media a img {
    transform: scale(1.1); }
  #blogs .single .item .inner:hover h3 a {
    color: #0087cb; }
#blogs .list .item {
  margin-bottom: 15px; }
  #blogs .list .item .inner::before, #blogs .list .item .inner::after {
    content: '';
    clear: both;
    display: block; }
  #blogs .list .item .inner .media {
    float: left;
    width: 135px; }
    #blogs .list .item .inner .media a {
      display: block;
      overflow: hidden; }
      #blogs .list .item .inner .media a img {
        width: 100%;
        transition: all 0.3s; }
  #blogs .list .item .inner .info {
    width: auto;
    overflow: hidden;
    padding-left: 15px; }
    #blogs .list .item .inner .info h3 {
      margin: 0;
      padding: 0; }
      #blogs .list .item .inner .info h3 a {
        display: block;
        color: #333333;
        font-size: 14px;
        font-weight: 500;
        line-height: 25px;
        text-decoration: none;
        margin-top: -7px; }
        #blogs .list .item .inner .info h3 a span {
          color: #999999;
          font-style: italic;
          font-weight: 400;
          margin-left: 5px; }
  #blogs .list .item .inner:hover .media a img {
    transform: scale(1.1); }
  #blogs .list .item .inner:hover h3 a {
    color: #0087cb; }

#video .item-video .inner .media {
  position: relative;
  margin-bottom: 25px; }
  #video .item-video .inner .media iframe ,#video .item-video .inner .media .video-js{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    visibility: hidden; }
    #video .item-video .inner .media iframe.open ,#video .item-video .inner .media .video-js.open{
      opacity: 1;
      visibility: visible; }
  #video .item-video .inner .media img.thumb {
    width: 100%; }
  #video .item-video .inner .media a {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
#video .item-video .inner h3 {
  margin: 0;
  padding: 0; }
  #video .item-video .inner h3 a {
    display: block;
    color: #252525;
    font-size: 16px;
    font-weight: 500;
    line-height: 25px;
    text-decoration: none; }
    #video .item-video .inner h3 a span {
      color: #999999;
      font-style: italic;
      font-weight: 400;
      margin-left: 5px; }
#video .item-video .inner:hover h3 a {
  color: #0087cb; }

#blog-2 {
  padding: 50px 0 0; }
  #blog-2 .item-single .inner .media {
    margin-bottom: 25px; }
    #blog-2 .item-single .inner .media a {
      display: block;
      overflow: hidden; }
      #blog-2 .item-single .inner .media a img {
        width: 100%;
        transition: all 0.3s; }
  #blog-2 .item-single .inner .info h3 {
    margin: 0 0 15px;
    padding: 0; }
    #blog-2 .item-single .inner .info h3 a {
      display: block;
      color: #333333;
      font-size: 16px;
      font-weight: 500;
      line-height: 25px;
      text-decoration: none; }
      #blog-2 .item-single .inner .info h3 a span {
        color: #999999;
        font-style: italic;
        font-weight: 400;
        display: block; }
        #blog-2 .item-single .inner .info h3 a span i {
          margin-right: 3px; }
  #blog-2 .item-single .inner .info p {
    overflow: hidden;
    height: 50px;
    font-size: 14px;
    color: #666666;
    margin: 0;
    line-height: 25px; }
  #blog-2 .item-single .inner:hover .media a img {
    transform: scale(1.1); }
  #blog-2 .item-single .inner:hover h3 a {
    color: #0087cb; }
  #blog-2 .items {
    margin-top: 20px; }
    #blog-2 .items .item .inner .media {
      margin-bottom: 25px; }
      #blog-2 .items .item .inner .media a {
        display: block;
        overflow: hidden; }
        #blog-2 .items .item .inner .media a img {
          width: 100%;
          transition: all 0.3s; }
    #blog-2 .items .item .inner .info h3 {
      margin: 0 0 15px;
      padding: 0; }
      #blog-2 .items .item .inner .info h3 a {
        display: block;
        color: #333333;
        font-size: 14px;
        font-weight: 500;
        line-height: 25px;
        text-decoration: none; }
        #blog-2 .items .item .inner .info h3 a span {
          color: #999999;
          font-style: italic;
          font-weight: 400; }
          #blog-2 .items .item .inner .info h3 a span i {
            margin-right: 3px; }
    #blog-2 .items .item .inner:hover .media a img {
      transform: scale(1.1); }
    #blog-2 .items .item .inner:hover h3 a {
      color: #0087cb; }

#giaithuong {
  padding: 75px 0 0; }
  #giaithuong .text {
    background: #eeeeee;
    display: flex;
    justify-content: center;
    flex-direction: column;
    position: relative; }
    #giaithuong .text span {
      display: block;
      padding-left: 50px;
      color: #0087cb;
      font-size: 30px;
      font-weight: 500;
      line-height: 1.1;
      text-transform: uppercase; }
    #giaithuong .text::before {
      content: '';
      line-height: 0;
      font-size: 0;
      width: 0;
      height: 0;
      border-top: 197px solid #eee;
      border-bottom: 85px solid transparent;
      border-left: 0px solid transparent;
      border-right: 85px solid transparent;
      position: absolute;
      top: 0;
      left: 100%;
      z-index: 99; }
    #giaithuong .text::after {
      content: '';
      line-height: 0;
      font-size: 0;
      position: absolute;
      top: 0;
      right: -42px;
      z-index: 99;
      width: 20px;
      height: 197px;
      -webkit-transform: skew(20deg);
      -moz-transform: skew(20deg);
      -o-transform: skew(20deg);
      background: white;
      transform: skew(-23.5deg);
      border-right: 1px solid #d2d2d2; }
  #giaithuong .image {
    padding: 20px 0;
    border: 1px solid #d2d2d2;
    background: #fff;
    padding-left: 65px; }
    #giaithuong .image .item {
      min-height: 150px;
      position: relative; }
    #giaithuong .image a {
      display: block;
      outline: none;
      text-align: center;
      position: absolute;
      top: 50%;
      transform: translate(-50%, -50%);
      left: 50%; }
      #giaithuong .image a img {
        max-width: 100%;
        margin: 0 auto; }
  #giaithuong .giaithuong-inner {
    display: flex;
    overflow: hidden; }

#footer {
  overflow: hidden; }
  #footer #footer-main {
    padding: 57px 0;
    color: #666666;
    background: #fff; }
    #footer #footer-main .footer-row {
      display: flex;
      flex-direction: row;
      justify-content: space-between; }
      #footer #footer-main .footer-row .footer-col {
        max-width: 300px; }
        #footer #footer-main .footer-row .footer-col.footer-col-3 {
          max-width: 245px; }
    #footer #footer-main .footer-col-1 {
      text-align: center; }
      #footer #footer-main .footer-col-1 p {
        text-align: left;
        margin: 20px 0 0;
        line-height: 25px;
        font-size: 14px;
        color: #333333; }
    #footer #footer-main .info span {
      display: block; }
    #footer #footer-main .info p, #footer #footer-main .info a {
      color: #666;
      font-size: 14px; }
    #footer #footer-main .info .tel a {
      color: #666666;
      font-weight: 500;
      display: block;
      font-size: 18px; }
    #footer #footer-main h3.title {
      color: #333;
      font-size: 20px;
      margin: 0 0 30px;
      font-weight: 500; }
    #footer #footer-main .footer-menu {
      padding: 0;
      margin: 0;
      list-style: none; }
      #footer #footer-main .footer-menu li {
        margin: 0 0 15px; }
        #footer #footer-main .footer-menu li a {
          display: block;
          color: #666666;
          font-size: 14px; }
        #footer #footer-main .footer-menu li:last-child {
          margin: 0; }
    #footer #footer-main .form p {
      font-size: 14px;
      color: #666666;
      margin: 0 0 30px;
      line-height: 20px; }
    #footer #footer-main .form form {
      position: relative;
      padding-right: 48px; }
      #footer #footer-main .form form input {
        display: block;
        width: 100%;
        height: 48px;
        border-radius: 0;
        border: 1px solid #eeeff1;
        background: #f5f6f7;
        padding-right: 10px;
        padding-left: 20px;
        outline: none;
        font-size: 14px; }
        #footer #footer-main .form form input::-webkit-input-placeholder {
          color: #b5b8c0; }
        #footer #footer-main .form form input::-moz-placeholder {
          color: #b5b8c0; }
        #footer #footer-main .form form input:-ms-input-placeholder {
          color: #b5b8c0; }
        #footer #footer-main .form form input:-moz-placeholder {
          color: #b5b8c0; }
      #footer #footer-main .form form button {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        display: block;
        width: 48px;
        border-radius: 0;
        background: #0086ca;
        text-align: center;
        color: #fff;
        line-height: 48px;
        border: 0;
        font-size: 18px; }
        #footer #footer-main .form form button:hover {
          background: #333; }
    #footer #footer-main .footer-col-2 p {
      font-size: 14px;
      color: #666666;
      margin: 0 0 20px;
      line-height: 20px; }
    @media screen and (min-width: 1200px) {
      #footer #footer-main .footer-col-4 {
        padding-left: 0;
        padding-right: 0;
        margin-left: -15px; } }
  #footer #socket {
    background: #fff; }
    #footer #socket .container {
      position: relative;
      padding-top: 25px;
      padding-bottom: 25px;
      border-top: 1px solid #999999; }
    #footer #socket p {
      font-size: 14px;
      color: #666666;
      margin: 0;
      padding: 0;
      text-align: left; }
      #footer #socket p br {
        display: none; }
      #footer #socket p a {
        color: #666666;
        text-decoration: none;
        display: inline; }
    #footer #socket .social {
      text-align: right; }
      #footer #socket .social a {
        display: inline-block;
        margin-left: 36px; }
        #footer #socket .social a:first-child {
          margin: 0; }

@media only screen and (max-width: 1199px) {
  header #header-main .container .right {
    display: none; }

  .mobile-btn {
    display: block; }

  header #header-main .container .left .text {
    width: 100%;
    left: 55px; }

  #footer #footer-main .footer-row .footer-col {
    max-width: 250px; }

  #footer #footer-main .footer-row .footer-col.footer-col-3 {
    max-width: 200px; } }
@media screen and (max-width: 991px) {
  header {
    min-height: 112px; }

  header #header-main .container .left .text {
    display: none; }

  header #header-main .container .left .logo img {
    height: 55px; }

  #slide-main .slick-arrow {
    display: none; }

  #intro .image .items .item {
    margin: 30px 0 0; }

  #intro {
    padding: 30px 0; }

  #blogs {
    margin-bottom: 20px; }

  #blog-video {
    padding-top: 30px; }

  #giaithuong .text span {
    padding: 0; }

  #footer #footer-main {
    padding: 30px 0 0; }

  #footer #footer-main .footer-row {
    display: block;
    margin: 0 -15px; }
    #footer #footer-main .footer-row::before, #footer #footer-main .footer-row::after {
      content: '';
      display: block;
      clear: both; }
    #footer #footer-main .footer-row .footer-col {
      float: left;
      width: 50%;
      padding: 0 15px;
      max-width: 100%;
      margin-bottom: 30px; }
      #footer #footer-main .footer-row .footer-col.footer-col-3 {
        clear: both;
        max-width: 100%; }

  #footer #socket .container {
    padding: 15px 0; }

  #footer #socket p {
    text-align: center; }

  #footer #socket .social {
    text-align: center;
    margin-top: 7px; }

  #giaithuong .text {
    flex: 3; }

  #blog-2 .tttc {
    margin-top: 30px; }

  #giaithuong {
    padding-top: 30px; }

  #intro .text .quote {
    margin-bottom: 30px; }

  #banner .container .inner {
    left: 15px; } }
@media screen and (max-width: 767px) {
  #giaithuong .giaithuong-inner {
    display: block; }

  #giaithuong .text {
    display: block;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center; }

  #giaithuong .text span {
    display: inline-block; }

  #giaithuong .image {
    padding-left: 15px; }

  #giaithuong .text::before, #giaithuong .text::after {
    display: none; } }
@media screen and (max-width: 600px) {
  header #header-top .left .date {
    display: none; }

  header #header-top .right .menu {
    display: none; }

  #banner p {
    font-size: 28px; }

  #banner .container {
    min-height: 230px; }

  #blogs .col-xs-6 {
    width: 100%; }

  #footer #footer-main .footer-row .footer-col {
    width: 100%; }

  #blogs .single {
    margin-bottom: 30px; } }
@media screen and (max-width: 450px) {
  #footer #socket p br {
    display: block; } }
@media screen and (max-width: 425px) {
  #intro .image .items .item {
    width: 100%; }

  #blog-2 .items .item {
    width: 100%; } }
@media screen and (max-width: 375px) {
  #banner p {
    font-size: 18px; }

  #banner .container {
    min-height: 130px; } }

/*# sourceMappingURL=site.css.map */

#giaithuong .image a img {
  max-width: 142% !important;
}
#giaithuong .image a {
  left: 34% !important;
  right: 10%;
}

.title_top{
  display: inline-flex;
}

.title_top a{
  color:#fff;
  font-weight: 600;
}
.footer_img img{
  width: auto;
  height:auto;
  max-width: 100%;
  max-height: 100%;
  display: block;
  margin: 0 auto;
}