@import url('font-awesome.css');
@import url('bootstrap.css');
@charset "utf-8";

body {
	margin: 0px;
	padding: 0px;
	font-family: Microsoft New Tai Lue, Arial, sans-serif, serif;
	background-position: top center;
	background-repeat: no-repeat;
	font-weight: normal;
	font-size: 16px;
	line-height: 1.6em;
	-webkit-text-size-adjust: none;
	color: #444;
	overflow-x: hidden;
}

html, body { 
	scroll-behavior:smooth;
	 }
	

.clear {
	clear: both;
}

a {
	text-decoration: none;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}

p {
	margin: 0 0 10px 0;
}

ol li a {
	color: #0d58af;
}

ol li a:hover {
	color: #1f3e73;
}

ol,
ul,
li {
	margin: 0;
	padding: 0;
	list-style: none;
}


h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: inherit;
  font-weight: 600;
  line-height: 1.1;
  color: inherit;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #777;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
  font-size: 65%;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
  font-size: 75%;
}
h1,
.h1 {
  font-size: 36px;
}
h2,
.h2 {
  font-size: 30px;
}
h3,
.h3 {
  font-size: 24px;
}
h4,
.h4 {
  font-size: 18px;
}
h5,
.h5 {
  font-size: 14px;
}
h6,
.h6 {
  font-size: 12px;
}




h3,.h3 {
	font-size: 18px;
	font-weight: bold;
}

h4,.h4 {
	font-size: 16px;
	font-weight: bold;
	padding-top: 30px;
	padding-bottom: 0;
}

img {
	max-width: 100%;
	vertical-align: top;
}
sub,
sup {
	position: relative;
	font-size: 50%;
	line-height: 0;
}
a:focus,
input:focus,
textarea:focus,
select:focus,
button:focus{
	outline: 0;
}
.pageheadline {
	display: none;
}
.clear {
	clear: both;
}



@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.woff2') format('woff2'), url('fonts/ElegantIcons.ttf') format('truetype'), url('fonts/ElegantIcons.svg#ElegantIcons') format('svg');
	font-weight: normal;
	font-style: normal
}

[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
}

.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: "𝕏"
}

.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
}

#cssmenu>ul>li:nth-child(4)>ul>li:nth-child(4)>a {
	background-image: url(../images/new.gif);
	background-repeat: no-repeat;
	background-size: 30px 13px;
	background-position: 80px 10px;
}

@media (min-width: 1280px) {
	.site_nav {
		width: 100%;
		/* position: fixed; */
		background: #fff;
		z-index: 999;
		left: 0;
		right: 0;
		top: 0;
		margin: 0 auto;
		padding: 0 0 20px;
		/* height: 106px; */
		border-bottom: 1px solid #eee;
	}
	.site_nav.nav-fixed{
		/* position: fixed; */
	}
	.height-div {
		height: 106px;
	}

	.logo {
		height: 72px;
		display: inline-block;
		padding-top: 15px;
	}

	.logo img {
		height: 72px;
	}

	.top_search {
		width: 5%;
		float: right;
		text-align: right;
		margin-top: 45px;
	}

	.top_search a span {
		font-size: 20px;
		color: #444;
		padding-right: 30px;
		display: inline-block;
		-webkit-transform: scaleX(-1);
		-moz-transform: scaleX(-1);
		-ms-transform: scaleX(-1);
		-o-transform: scaleX(-1);
		transform: scaleX(-1);
	}

	.fixed {
		position: fixed;
		z-index: 999;
		background: #fff;
		width: 96%;
		padding: 0 2%;
		display: inline-block;
		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
		filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
		-moz-box-shadow: 2px 2px 10px #909090;
		-webkit-box-shadow: 2px 2px 10px #909090;
		box-shadow: 2px 2px 10px #909090;
		filter: alpha(opacity=98);
		-moz-opacity: 0.98;
		-khtml-opacity: 0.98;
		opacity: 0.98;
	}
}

@media (min-width: 769px) and (max-width: 1279px) {
	.site_nav {
		width: 100%;
		height: auto;
		position: fixed;
		z-index: 999;
		left: 0;
		right: 0;
		background: #fff;
		padding: 0 2%;
		margin: 0 auto;
		border-bottom: 1px solid #eee;
	}

	.height-div {
		height: 143px;
	}

	.logo {
		width: 100%;
		height: 82px;
		display: inline-block;
		padding-top: 15px;
		padding-left: 25px;
	}

	.logo img {
		height: 63px;
	}

	.top_search {
		width: 5%;
		float: right;
		text-align: right;
		margin-top: 15px;
	}

	.top_search a span {
		font-size: 20px;
		color: #444;
		padding-right: 0px;
		display: inline-block;
		-webkit-transform: scaleX(-1);
		-moz-transform: scaleX(-1);
		-ms-transform: scaleX(-1);
		-o-transform: scaleX(-1);
		transform: scaleX(-1);
	}

	#cssmenu {
		float: left;
		margin-top: 28px;
	}

	.fixed {
		position: fixed;
		z-index: 999;
		background: #fff;
		width: 96%;
		padding: 0 2%;
		display: inline-block;
		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
		filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
		-moz-box-shadow: 2px 2px 10px #909090;
		-webkit-box-shadow: 2px 2px 10px #909090;
		box-shadow: 2px 2px 10px #909090;
		filter: alpha(opacity=98);
		-moz-opacity: 0.98;
		-khtml-opacity: 0.98;
		opacity: 0.98;
	}
}

#cssmenu {
	float: right;
	margin-top: -48px;
	margin-right: 50px;
}

#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	display: block;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 199;
}

#cssmenu:after,
#cssmenu>ul:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

#cssmenu #menu-button {
	display: none;
}

#cssmenu {
	width: auto;
}

#menu-line {
	position: absolute;
	top: 0;
	left: 0;
	
}

#cssmenu>ul>li {
	float: left;
}

#cssmenu.align-center>ul {
	font-size: 0;
	text-align: center;
}

#cssmenu.align-center>ul>li {
	display: inline-block;
	float: none;
}

#cssmenu.align-center ul ul {
	text-align: left;
}

#cssmenu.align-right>ul>li {
	float: right;
}

#cssmenu.align-right ul ul {
	text-align: right;
}

#cssmenu>ul>li>a {
	padding: 16px 25px;
	font-size: 17px;
	text-decoration: none;
	/*text-transform: uppercase;*/
	color: #444;
	-webkit-transition: color .2s ease;
	-moz-transition: color .2s ease;
	-ms-transition: color .2s ease;
	-o-transition: color .2s ease;
	transition: color .2s ease;
}

#cssmenu>ul>li:hover>a,
#cssmenu>ul>li.active>a {
	color: #164982;
}

#cssmenu>ul>li:hover>a {
	color: #fff;
	background: #0d58af;
}

#cssmenu>ul>li.has-sub>a {
	padding-right: 25px;
}

#cssmenu>ul>li.has-sub>a::after {
	position: absolute;
	top: 22px;
	right: 12px;
	width: 4px;
	height: 4px;
	border-bottom: 2px solid #000000;
	border-right: 2px solid #000000;
	content: "";
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: border-color 0.2s ease;
	-moz-transition: border-color 0.2s ease;
	-ms-transition: border-color 0.2s ease;
	-o-transition: border-color 0.2s ease;
	transition: border-color 0.2s ease;
	border-color: #333;
}

#cssmenu>ul>li.has-sub:hover>a::after {
	border-color: #fff;
}

#cssmenu ul ul {
	position: absolute;
	left: -9999px;
}

#cssmenu li:hover>ul {
	left: auto;
}

#cssmenu.align-right li:hover>ul {
	right: 0;
}

#cssmenu ul ul ul {
	margin-left: 100%;
	top: 0;
}

#cssmenu.align-right ul ul ul {
	margin-left: 0;
	margin-right: 100%;
}

#cssmenu ul ul li {
	height: 0;
	-webkit-transition: height .2s ease;
	-moz-transition: height .2s ease;
	-ms-transition: height .2s ease;
	-o-transition: height .2s ease;
	transition: height .2s ease;
}

#cssmenu ul li:hover>ul>li {
	height: auto;
	background: #fff;
}

#cssmenu ul ul li a {
	padding: 10px 20px 10px 20px;
	width: 290px;
	line-height: 20px;
	font-size: 15px;
	text-decoration: none;
	color: #444;
	-webkit-transition: color .2s ease;
	-moz-transition: color .2s ease;
	-ms-transition: color .2s ease;
	-o-transition: color .2s ease;
	transition: color .2s ease;
}

/*
#cssmenu ul .dropdown-toggle li a {
	padding: 10px 10px 10px 20px;
	width: 280px;
}
*/

#cssmenu ul ul li:hover>a,
#cssmenu ul ul li a:hover {
	color: #0d58af;
	background: #F0F0F0;
}

#cssmenu ul ul li.has-sub>a::after {
	position: absolute;
	top: 20px;
	right: 10px;
	width: 4px;
	height: 4px;
	border-bottom: 2px solid #000;
	border-right: 2px solid #000;
	content: "";
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transition: border-color 0.2s ease;
	-moz-transition: border-color 0.2s ease;
	-ms-transition: border-color 0.2s ease;
	-o-transition: border-color 0.2s ease;
	transition: border-color 0.2s ease;
	border-color: #444;
}

#cssmenu.align-right ul ul li.has-sub>a::after {
	right: auto;
	left: 10px;
	border-bottom: 0;
	border-right: 0;
	border-top: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
}

#cssmenu ul ul li.has-sub:hover>a::after {
	border-color: #0d58af;
}



@media all and (max-width: 768px) {
	.height-div {
		height: 0;
	}

	.title-page {
		margin-top: 49px;
	}

	.logo {
		height: 93px;
		display: inline-block;
		padding-top: 15px;
		padding-left: 4%;
		padding-bottom: 10px;
	}

	.logo a {
		width: 277px;
		display: block;
		margin: 0 auto;
	}

	.logo img {
		height: 63px;
	}

	#cssmenu {
		width: 100%;
		background: #f0f0f0;
		margin: 0;
	}

	#cssmenu ul {
		width: 100%;
		display: none;
	}

	#cssmenu.align-center>ul,
	#cssmenu.align-right ul ul {
		text-align: left;
	}

	#cssmenu>ul>li>a {
		padding: 10px 25px;
		font-size: 15px;
	}

	#cssmenu ul li,
	#cssmenu ul ul li,
	#cssmenu ul li:hover>ul>li {
		width: 100%;
		height: auto;
		border-top: 1px solid rgba(120, 120, 120, 0.15);
	}

	#cssmenu ul li a,
	#cssmenu ul ul li a {
		width: 100%;
		color: #444;
	}

	#cssmenu>ul>li,
	#cssmenu.align-center>ul>li,
	#cssmenu.align-right>ul>li {
		float: none;
		display: block;
	}

	#cssmenu ul .dropdown-toggle li a {
		padding: 10px 0px 10px 40px;
		;
		width: 100%;
	}

	#cssmenu ul ul li a {
		padding: 16px 20px 16px 30px;
		font-size: 14px;
		color: #444;
		background: none;
	}

	#cssmenu ul ul li:hover>a,
	#cssmenu ul ul li a:hover {
		color: #444;
	}

	#cssmenu ul ul ul li a {
		padding-left: 40px;
	}

	#cssmenu ul ul,
	#cssmenu ul ul ul {
		position: relative;
		left: 0;
		right: auto;
		width: 100%;
		margin: 0;
	}

	#cssmenu>ul>li.has-sub>a::after,
	#cssmenu ul ul li.has-sub>a::after {
		display: none;
	}

	#menu-line {
		display: none;
	}

	#cssmenu #menu-button {
		display: block;
		padding: 12px 20px;
		color: #444;
		cursor: pointer;
		font-size: 16px;
		font-weight: bold;
		/*text-transform: uppercase;*/
	}

	#cssmenu #menu-button::after {
		content: '';
		position: absolute;
		top: 20px;
		right: 20px;
		display: block;
		width: 15px;
		height: 2px;
		background: #444;
	}

	#cssmenu #menu-button::before {
		content: '';
		position: absolute;
		top: 25px;
		right: 20px;
		display: block;
		width: 15px;
		height: 3px;
		border-top: 2px solid #444;
		border-bottom: 2px solid #444;
	}

	#cssmenu .submenu-button {
		position: absolute;
		z-index: 299;
		right: 0;
		top: 0;
		display: block;
		border-left: 1px solid rgba(120, 120, 120, 0.15);
		height: 52px;
		width: 52px;
		cursor: pointer;
	}

	#cssmenu .submenu-button::after {
		content: '';
		position: absolute;
		top: 21px;
		left: 26px;
		display: block;
		width: 1px;
		height: 11px;
		background: #444;
		z-index: 99;
	}

	#cssmenu .submenu-button::before {
		content: '';
		position: absolute;
		left: 21px;
		top: 26px;
		display: block;
		width: 11px;
		height: 1px;
		background: #444;
		z-index: 99;
	}

	#cssmenu .submenu-button.submenu-opened:after {
		display: none;
	}

	.top_search {
		display: none;
	}

	#search {
		line-height: 59px !important;
		display: block !important;
		position: absolute !important;
		top: 93px !important;
	}

	#search .search-fix input {
		width: 64%;
		padding: 10px 1%;
		margin: 2px 1%;
	}

	#search .search-fix button {
		margin: 2px 1%;
		border: 0;
		width: 30%;
		height: 39px;
		line-height: 39px;
		text-transform: uppercase;
	}

	#search .icon_close {
		display: none;
		font-size: 20px;
		cursor: pointer;
	}
}

#search {
	display: none;
	position: fixed;
	z-index: 1000;
	top: 0;
	left: 0;
	/*box-shadow: 0 0 0px rgba(0, 0, 0, 0.1);*/
	z-index: 9999;
	width: 100%;
	line-height: 99px;
	background: rgba(255, 255, 255, 1);
}

#search .search-fix {
	width: 80%;
	margin: 0 auto;
}

#search input {
	width: 70%;
	padding: 15px 1%;
	margin: 5px 1%;
}

#search button {
	margin: 5px 1%;
	border: 0;
	width: 15%;
	height: 49px;
	line-height: 49px;
	text-transform: uppercase;
	background: #0d58af;
	color: #fff;
	cursor: pointer;
}

#search .icon_close {
	font-size: 20px;
	cursor: pointer;
}

#search button:hover {
	background: #1f3e73;
}



.banner {
	position: relative;
	width: 100%;
	height: 705px;
	background-color: #e6e6e6;
	overflow: hidden;
}

.banner ul.flicks {
	width: 10000%;
	height: 100%;
	padding: 0px;
	margin: 0px;
	list-style: none;
}

.banner ul.flicks>li {
	float: left;
	width: 1%;
	height: 100%;
	background-position: center;
	background-size: cover;
	display: table;
}

.banner ul.flicks>li .flick-inner {
	height: 100%;
	color: #fff;
	display: table-cell;
	vertical-align: middle;
}

.banner ul.flicks>li .flick-inner .flick-content {
	max-width: 75%;
	margin-left: auto;
	margin-right: auto;
	padding-right: 35%;
}

.banner ul.flicks>li .flick-inner .flick-content h1,.banner ul.flicks>li .flick-inner .flick-content h2 {
	color: #fff;
	line-height: 62px;
	text-align: left;
	font-size: 40px;
}

.banner ul.flicks>li .flick-inner .flick-content p {
	color: #fff;
	line-height: 30px;
	text-align: left;
	font-size: 18px;
}

.banner-page .btn {
	display: inline-block;
	padding: .5em 1.75em .5em 1.75em;
	clear: both;
	color: #fff;
	text-decoration: none;
	border: 2px #FFFFFF solid;
	font-weight: bold;
	margin-top: 20px;
}

.banner-page .btn:hover {
	background: #ffffff;
	color: #333;
	transition: background-color .3s;
	font-weight: bold;
}

.banner .arrow-navigation {
	position: absolute;
	height: 80%;
	width: 5%;
	top: 10%;
	z-index: 100;
	overflow: hidden;
}

.banner .arrow-navigation .arrow {
	display: block;
	height: 100%;
	width: 90%;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.banner .arrow-navigation:hover,
.banner .arrow-navigation .arrow:hover {
	cursor: pointer;
}

.banner .arrow-navigation.left {
	left: 0%;
}

.banner .arrow-navigation.left .arrow {
	opacity: 0;
	margin: 0px 0px 0px 50%;
	background-image: url("../images/arrow-left-light.png");
	background-repeat: no-repeat;
	background-position: left
}

.banner .arrow-navigation.right {
	right: 0%
}

.banner .arrow-navigation.right .arrow {
	opacity: 0;
	margin: 0px 0px 0px -50%;
	background-image: url("../images/arrow-right-light.png");
	background-repeat: no-repeat;
	background-position: right
}

.banner .arrow-navigation.left.hover .arrow {
	opacity: 1;
	margin: 0px 0px 0px 20%;
}

.banner .arrow-navigation.right.hover .arrow {
	opacity: 1;
	margin: 0px 0px 0px -20%;
}

.banner .dot-navigation {
	position: absolute;
	bottom: 15px;
	width: 100%;
	text-align: center;
	z-index: 100;
}

.banner .dot-navigation ul {
	text-align: center;
	list-style: none;
	padding: 0px 15px;
}

.banner .dot-navigation ul li {
	display: inline-block;
	float: none
}

.banner .dot-navigation .dot {
	width: 50px;
	height: 8px;
	margin: 0px 6px;
	background-color: rgba(255, 255, 255, 0.5);
	-webkit-transition: background-color 0.2s ease-out;
	-moz-transition: background-color 0.2s ease-out;
	-o-transition: background-color 0.2s ease-out;
	-ms-transition: background-color 0.2s ease-out;
	transition: background-color 0.2s ease-out
}

.banner .dot-navigation .dot:hover {
	cursor: pointer;
	background-color: rgba(255, 255, 255, 0.6);
}

.banner .dot-navigation .dot.active {
	background-color: #0078d7;
}

.banner.animate-transform-slide ul.flicks {
	-webkit-perspective: 1000;
	-webkit-backface-visibility: hidden;
	transform: translate3d(0%, 0px, 0px);
	-webkit-transform: translate3d(0%, 0px, 0px);
	-webkit-transition: -webkit-transform 0.6s;
	-o-transition: -o-transform 0.6s;
	-moz-transition: -moz-transform 0.6s;
	transition: transform 0.6s
}

.banner.animate-transition-slide ul.flicks {
	position: relative;
	left: 0%;
	-webkit-transition: left 0.4s ease-out;
	-moz-transition: left 0.4s ease-out;
	-o-transition: left 0.4s ease-out;
	-ms-transition: left 0.4s ease-out;
	transition: left 0.4s ease-out
}

@media (min-width: 769px) and (max-width: 1279px) {
	#cssmenu {
		float: left;
		margin-top: 0;
	}

	.submit_search button {
		margin-top: 15px !important;
	}

	#code-s {
		width: 720px !important;
	}

	.search-input {

		width: 56% !important;
	}

	.banner ul.flicks>li .flick-inner .flick-content h1,.banner ul.flicks>li .flick-inner .flick-content h2 {
		color: #fff;
		line-height: 42px;
		text-align: left;
		font-size: 30px;
	}
	.banner ul.flicks>li .flick-inner .flick-content {
		max-width: 55%;
		margin-left: auto;
		margin-right: auto;
		padding-right: 25%;
	}
	.banner ul.flicks>li .flick-inner .flick-content p {
		color: #fff;
		line-height: 28px;
		text-align: left;
	}
}

@media (max-width: 768px) {
	.banner {
		top: 0;
		height: 450px;
	}

	.submit_search button {
		margin-top: -50px !important;
    	margin-right: 20px !important;
	}

	#code-s {
		width: 90% !important;
	}

	.searchtxt {
		width: 100% !important;
		height: auto;
		overflow: hidden;
		margin: 0 auto;
	}

	.searchtxt select {
		width: 100%;
		margin-bottom: 20px;
	}

	.search-input {
		width: 100% !important;
		margin-bottom: 20px;
	}

	.searchtxt .btn {
		width: 100% !important;
	}

	.banner ul.flicks>li .flick-inner .flick-content h1,.banner ul.flicks>li .flick-inner .flick-content h2 {
		color: #fff;
		line-height: 32px;
		text-align: left;
		font-size: 22px;
	}
	.banner ul.flicks>li .flick-inner .flick-content {
		max-width: 80%;
		margin-left: auto;
		margin-right: auto;
		padding-right: 0;
	}
	.banner ul.flicks>li .flick-inner .flick-content p {
		color: #fff;
		line-height: 24px;
		text-align: left;
	}

	#cssmenu>ul>li:nth-child(4)>ul>li:nth-child(3)>a {
		background-position: 95px 8px;
	}
}



.main-center {
	width: 100%;
}

.main-center h1,.main-center .h1{
	margin-bottom: 20px;
	font-weight: 600;
	font-size: 32px;
}

.main-row-a {
	width: 100%;
	background: #fff;
}



.main-row-a h2 a {
	color: #444;
}

.main-row-a .row-a {
	margin: 0 auto;
	text-align: center;
	padding-bottom: 50px;
}

.main-row-b {
	width: 100%;
	min-height: 160px;
	background: #f0f0f0;
}

.main-row-b .row-b {
	width: 100%;
	margin: 0 auto;
	padding: 80px 0;
}

@media (min-width: 769px) and (max-width: 1279px) {
	.main-row-a .row-a {
		width: 90%;
	}

	.main-row-b .row-b {
		width: 100%;
	}
}

@media all and (max-width: 1279px) {
	.main-row-a .row-a {
		width: 90%;
	}

	.main-row-b .row-b {
		width: 100%;
	}
}



.scroll_horizontal {
	position: relative;
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0 auto;
}

.scroll_horizontal .box {
	overflow: hidden;
	position: relative;
	margin: 0 auto;
}

.scroll_horizontal .list {
	overflow: hidden;
	width: 9999px;
}

.scroll_horizontal .list li {
	float: left;
	width: 400px;
	padding: 5px;
	text-align: center;
	position: relative;
}

.scroll_horizontal .list li .listbox {
	position: relative;
}

.scroll_horizontal .list li .row-b-span {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 390px;
	height: 300px;
	background: rgba(31, 62, 115, 0.8);
}

.scroll_horizontal .list li:hover .row-b-span {
	opacity: 1;
}

.scroll_horizontal .list li:hover .row-b-span span {
	display: block;
	width: 80%;
	margin: 0 auto;
	padding-top: 15%;
	overflow: hidden;
}

.scroll_horizontal .list li:hover .row-b-span span p {
	color: #fff;
}

.scroll_horizontal .list li:hover p a {
	color: #0d58af;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.scroll_horizontal .list .pw {
	height: 300px;
}

.scroll_horizontal .list li img {
	max-width: 100%;
	max-height: 300px;
	margin: auto;
}

.scroll_horizontal .list li p {
	margin-top: 0px;
}

.scroll_horizontal .list li p a {
	display: block;
	width: 390px;
	height: 100px;
	line-height: 100px;
	background: #fff;
	color: #444;
	font-size: 18px;
}
@media (min-width: 1880px) {
	.scroll_horizontal .box {		
		width: 1600px;		
	}
}
@media (min-width: 1279px) and (max-width: 1879px) {
	.scroll_horizontal .box {		
		width: 1200px;		
	}
}



.scroll_horizontal .slide-nav a {
	position: absolute;
	z-index: 99;
	top: 150px;
	text-indent: -9000px;
	cursor: pointer;
	opacity: 0.8;
	display: block;
	width: 65px;
	height: 100px;
}

.scroll_horizontal .slide-nav a span {
	color: #fff;
	font-size: 30px;
}

.scroll_horizontal .slide-nav a:hover {
	opacity: 1.0
}

.scroll_horizontal .slide-nav a.prev {
	left: 50px;
	background: url(../images/next.png);
}

.scroll_horizontal .slide-nav a.next {
	right: 50px;
	left: auto;
	background: url(../images/prev.png);
}
@media (min-width: 1600px) and (max-width: 1879px) {
	.scroll_horizontal .slide-nav a.prev {
		left: 120px;
	}
	
	.scroll_horizontal .slide-nav a.next {
		right: 120px;
		left: auto;
	}
}
@media (min-width: 1280px) and (max-width: 1599px) {
	.scroll_horizontal .slide-nav a.prev {
		left: 10px;
	}
	
	.scroll_horizontal .slide-nav a.next {
		right: 10px;
		left: auto;
	}
}
@media (min-width: 769px) and (max-width: 1279px) {
	.scroll_horizontal .list li {
		width: 312px;
	}

	.scroll_horizontal .list li .row-b-span {
		width: 302px;
		height: 232px;
	}

	.scroll_horizontal .list li:hover .row-b-span span {
		padding-top: 5%;
	}

	.scroll_horizontal .list .pw {
		height: 240px;
	}

	.scroll_horizontal .list li img {
		max-width: 100%;
		max-height: 240px;
		margin: auto;
	}

	.scroll_horizontal .list li p {
		display: -webkit-box;
		display: -o-box;
		display: -moz-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 6;
		-o-box-orient: vertical;
		-o-line-clamp: 6;
		-moz-box-orient: vertical;
		-moz-line-clamp: 6;
		overflow: hidden;
	}

	.scroll_horizontal .list li p a {
		width: 312px;
		height: 80px;
		line-height: 80px;
		font-size: 16px;
	}

	.scroll_horizontal .slide-nav a {
		top: 120px;
		width: 52px;
		height: 80px;
	}

	.scroll_horizontal .slide-nav a.prev {
		left: 10px;
		background-size: 52px 80px;
	}

	.scroll_horizontal .slide-nav a.next {
		right: 5px;
		left: auto;
		background-size: 52px 80px;
	}
}

@media all and (max-width: 768px) {
	#topcontrol {
		display: none;
	}

	.scroll_horizontal .list li {
		width: 234px;
	}

	.scroll_horizontal .list li .row-b-span {
		width: 224px;
		height: 172px;
	}

	.scroll_horizontal .list li:hover .row-b-span span {
		padding-top: 5%;
	}

	.scroll_horizontal .list .pw {
		height: 180px;
	}

	.scroll_horizontal .list li img {
		max-width: 100%;
		max-height: 180px;
		margin: auto;
	}

	.scroll_horizontal .list li p a {
		width: 234px;
		height: 60px;
		line-height: 60px;
		font-size: 14px;
	}

	.scroll_horizontal .list li p {
		display: -webkit-box;
		display: -o-box;
		display: -moz-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 6;
		-o-box-orient: vertical;
		-o-line-clamp: 6;
		-moz-box-orient: vertical;
		-moz-line-clamp: 6;
		overflow: hidden;
	}

	.scroll_horizontal .slide-nav a {
		top: 90px;
		width: 39px;
		height: 60px;
	}

	.scroll_horizontal .slide-nav a.prev {
		left: 10px;
		background-size: 39px 60px;
	}

	.scroll_horizontal .slide-nav a.next {
		right: 5px;
		left: auto;
		background-size: 39px 60px;
	}
}

@media all and (max-width: 500px) {
	.scroll_horizontal .box {
		width: 75%;				
	}
}



.container-bottom {
	width: 100%;
	height: auto;
}

.bottom-center {
	width: 100%;
	padding: 30px 0;
	background: #444;
}

.bottom-center .icon_pin,
.bottom-center .icon_phone,
.bottom-center .icon_printer-alt,
.bottom-center .icon_mail {
	padding-right: 5px;
	color: #fff;
}

.bottom-center span {
	color: #fff;
	font-size: 14px;
}
.bottom-center b span {
    color: #fff;
	font-size: 16px;
	line-height: 30px;
}

.bottom-center span a {
	color: #fff;
}

.bottom-center span a:hover {
	color: #84b2ff;
	text-decoration: underline;
}

.bottom-a {
	width: 15%;
	margin-left: 10%;
	float: left;
}

.bottom-b {
	width: 20%;
	float: left;
}

.bottom-c {
	width: 15%;
	float: left;
}

.bottom-d {
	width: 20%;
	float: left;
	text-align: center;
}

.bottom-c img {
	max-width: 240px;
}

.bottom-cop {
	background: #fff;
	text-align: center;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	color: #444;
}

@media (min-width: 880px) and (max-width: 1279px) {
	.bottom-a {
		width: 30%;
		margin-left: 5%;
		float: left;
	}

	.bottom-b {
		width: 35%;
		float: left;
	}

	.bottom-c {
		width: 25%;
		float: left;
	}
}

@media all and (max-width: 879px) {
	.bottom-a {
		width: 95%;
		margin-left: 5%;
		float: left;
	}

	.bottom-b {
		width: 95%;
		margin-left: 5%;
		float: left;
	}

	.bottom-c {
		width: 95%;
		margin-top: 10px;
		margin-left: 5%;
		float: left;
	}

	.bottom-c img {
		float: left;
	}

	.bottom-cop {
		font-size: 12px;
	}
}



.title-page {
	width: 100%;
	height: 180px;
	background: url(../images/title-bg-1.jpg) center center;
	display: table;
}

.title-page-box {
}

@media (min-width: 769px) and (max-width: 1279px) {
	.title-page h2,.title-page h1 {
		font-size: 36px !important;
	}

	.title-page h2,.title-page h1 {
		line-height: 42px !important;
	}
}

@media (max-width: 768px) {
	.title-page h2,.title-page h1 {
		font-size: 30px !important;
	}

	.title-page h2,.title-page h1 {
		line-height: 36px !important;
	}
}

.title-page p {
	text-align: center;
	font-size: 16px;
	padding-bottom: 10px;
	margin: 0;
}

.title-page p a {
	color: #fff;
}

.title-page p a:hover {
	color: #84b2ff;
}

/* .title-page p span {
	color: #84b2ff;
} */

.title-page h2,.title-page h1,.title-page .h2,.title-page .h1 {
	font-size: 30px;
	line-height: 55px;
	font-weight: bold;
	margin: 0;
}

.row-a-1 {	
	text-align: left;
	margin: 0 auto;
	padding: 0px 0 50px 0;
}
.row-a-1 h3{
	margin-top: 0;
}
.row-a-2 {
	text-align: left;
	margin: 0 auto;
	padding-bottom: 20px;
}

p a {
	color: #0d58af;
}

p a:hover {
	color: #1f3e73;
}

.row-article {
	width: 100%;
	margin-bottom: 20px;
}
.row-article:after{
	display: table;
	content: " ";
}
.row-article:after{
	clear: both;
}
.row-article img {
	max-width: 100%;
	width: 370px;
}
.row-article h3 {
	font-size: 18px;
	padding-top: 0;
	margin-top: 0;
}
.row-article p {
	margin: 0;
}
.row-article h3 a {
	color: #0d58af;
}
.row-article h3 a:hover {
	color: #1f3e73;
}

@media (min-width: 1024px) {
	.row-article {
		display: flex;
		justify-content: space-around;
	}
	.row-article .row-imgbox {
		float: left;
		width: 30%;
		margin-right: 2%;
	}
	.row-article .row-articlebox {
		float: left;
		width: 68%;
	}
}


/*services page General css*/
.tooltip-box{position: relative;}
.tooltip-box .tooltip{
    display: none;
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    background-color: rgba(30, 30, 30, 1);
    color: #fff;
    padding: 5px 10px;
    border-radius: 4px;
    white-space: wrap;
    width: 100%;
    font-size: 14px;
    text-align: left;
    line-height:1.4em;
}
.tooltip-box .tooltip a{color:#f3e04e;}
.tooltip-box .tooltip a:hover{color:#ffe100;}
.tooltip-box:hover .tooltip {
    display: block;
    opacity: 1;
}
.tooltip::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    border-width: 8px;
    border-style: solid;
    border-color: rgba(30, 30, 30, 1) transparent transparent transparent;
    transform: translateX(-50%);
}
.service-list {
	width: 70%;
	margin: 0 auto;
}

.service-list li {
	width: 33.3%;
	float: left;
	position: relative;
	margin: 20px 0;
}

@media (min-width: 1278px) and (max-width: 1499px) {
	.service-list li {
		width: 50%;
	}
}

@media (min-width: 1024px) and (max-width: 1279px) {
	.service-list {
		width: 80%;
		margin: 0 auto;
	}

	.service-list li {
		width: 50%;
	}
}

@media (min-width: 490px) and (max-width: 1023px) {
	.service-list {
		width: 80%;
		margin: 0 auto;
	}

	.service-list li {
		width: 100%;
	}
}

@media all and (max-width: 489px) {
	.service-list {
		width: 90%;
		margin: 0 auto;
	}

	.service-list li img {
		width: 100% !important;
	}

	.service-list li {
		width: 100%;
	}

	.service-list li .pw {
		height: auto !important;
	}

	.service-list li p a {
		width: 100% !important;
		height: 80px !important;
		line-height: 75px !important;
		font-size: 16px !important;
	}

	.service-list li .row-b-span {
		display: none;
	}

	.row-list-1,
	.row-list-2,
	.row-list-3,
	.row-list-4,
	.row-list-5,
	.row-list-6 {
		background: #fff;
	}
}

.service-list li .row-b-span {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 390px;
	height: 300px;
	background: rgba(31, 62, 115, 0.8);
}

.service-list li:hover .row-b-span {
	opacity: 1;
}

.service-list li:hover .row-b-span span {
	display: block;
	width: 80%;
	margin: 0 auto;
	padding-top: 15%;
	overflow: hidden;
}

.service-list li:hover .row-b-span span p {
	color: #fff;
}

.service-list li:hover p a {
	color: #0d58af;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.service-list li .pw {
	height: 300px;
}

.service-list li img {
	max-width: 100%;
	max-height: 300px;
	margin: auto;
}

.service-list li p {
	margin-top: 0px;
}

.service-list li p a {
	display: block;
	width: 390px;
	height: 100px;
	line-height: 100px;
	background: #fff;
	color: #444;
	font-size: 18px;
	text-align: center;
}



.row-a-3 h3 {
	font-size: 18px;
	font-weight: 600;
	margin: 20px 0 5px 0;
}

.img-right {
	display: block;
	max-width: 350px;
	float: right;
	margin-top: 8px;
	margin-left: 15px;
	margin-bottom: 10px;
	text-align: center;
	color: #666;
	text-align: center;
	font-size: 13px;
	line-height: 18px;
}

.img-left {
	display: block;
	max-width: 350px;
	float: left;
	margin-top: 8px;
	margin-left: 15px;
	margin-bottom: 10px;
	text-align: center;
	color: #666;
	text-align: center;
	font-size: 13px;
	line-height: 18px;
}

.img-middle {
	display: block;
	width: 100%;
	margin-bottom: 10px;
	text-align: center;
	color: #666;
	font-size: 14px;
	line-height: 18px;
}

.img-left img,
.img-right img,
.img-middle img {
	max-width: 100%;
	height: auto;
	display: block;
	margin-bottom: 5px;
	margin-left: auto;
	margin-right: auto;
}

@media (max-width:700px) {

	.img-middle,
	.img-right,
	.img-left {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
}

.text-left {
	font-size: 13px;
	color: #444;
	text-align: center;
}

.article-table {
	width: 100%;
}

.article-table-box,
.article-tablebox {
	width: 100%;
	max-width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
}

.article-table-box tr td {
	padding: 8px;
	border: 1px solid #ddd;
}

.article-tablebox {
	width: 100%;
	max-width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
}

.article-tablebox tr td {
	padding: 12px 20px;
}

.tablecontentshow th {
	padding: 12px 20px;
}

.tablecontentshow tr td {
	padding: 12px 20px;
}


@media (max-width: 1000px) {
	.article-table {
		width: 100%;
		overflow-y: hidden;
		border: 1px solid #ddd;
	}

	.article-table .article-tablebox {
		width: 1100px;
	}
	.article-table .tablecontentshow {
		width: 1100px;
	}
}

.wes-ullist,
.wes-ollist {
	margin: 0 0 10px 0;
	padding: 0px 0px 0 22px;
}

.wes-ullist li {
	list-style: disc;
}

.wes-ullist li a {
	color: #0d58af;
}

.wes-ullist li a:hover {
	color: #1f3e73;
}

.wes-ollist li {
	list-style: decimal;
}

.wes-ollist li a {
	color: #0d58af;
}

.wes-ollist li a:hover {
	color: #1f3e73;
}

.wes-ullist .wes-ullist li{
	list-style: circle;
}

.other-box {
	width: 100%;
}

.other-box a {
	display: block;
	width: 45%;
	margin-right: 3%;
	height: 49px;
	line-height: 49px;
	float: left;
	padding: 0 1%;
	background: #f0f0f0;
	margin-bottom: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.other-box a:hover {
	color: #fff;
	background: #0d58af;
}

@media (max-width: 1024px) {
	.other-box a {
		width: 96%;
		height: auto !important;
		line-height: 20px;
		padding: 12px 2%;
		margin-right: 0%;
	}
}

.wes-line {
	display: block;
	width: 100%;
	height: 2px;
	background: #d9d6e8;
	margin-top: 20px;
}

.Online-Inquiry {
	width: 100%;
}

.Online-Inquiry .h2 {
	width: 100%;
	padding-bottom: 20px;
	padding-top: 0;
	text-align: center;
	font-size: 24px;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.Online-Inquiry .two_columns {
	width: 100%;
}

.Online-Inquiry .two_columns .services-form-div1 {
	width: 48%;
	float: left;
	margin-right: 2%;
	padding-bottom: 15px;
}

.Online-Inquiry .two_columns .services-form-div2 {
	width: 48%;
	float: left;
	margin-left: 2%;
	padding-bottom: 15px;
}

.Online-Inquiry .two_columns .services-form-div3 {
	width: 48%;
	float: left;
	margin-right: 2%;
	padding-bottom: 15px;
}

.Online-Inquiry .two_columns .services-form-div4 {
	width: 48%;
	float: left;
	margin-left: 2%;
	padding-bottom: 15px;
}

.Online-Inquiry .two_columns .services-form-div5 {
	width: 48%;
	padding-bottom: 15px;
}

.Online-Inquiry .two_columns .services-form-div6 {
	width: 48%;
	padding-bottom: 15px;
}

.Online-Inquiry .two_columns span {
	display: block;
	width: 100%;
	padding-bottom: 15px;
}

.Online-Inquiry input[type='text'],
textarea {
	width: 100%;
	padding: 10px 17px;
	outline: 0;
	resize: none;
	font-family: inherit;
	font-size: inherit;
	line-height: 18px;
	background-color: #fff;
	color: #8d8d8d;
	border: 1px solid transparent;
	border-radius: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #a7a6a6;
}

.qbutton {
	border: 0;
	width: 240px;
	height: 49px;
	line-height: 49px;
	text-transform: uppercase;
	background: #0d58af;
	color: #fff;
	cursor: pointer;
}

.qbutton:hover {
	background: #1f3e73;
}

@media (max-width: 768px) {

	.Online-Inquiry .two_columns .services-form-div1,
	.Online-Inquiry .two_columns .services-form-div2,
	.Online-Inquiry .two_columns .services-form-div3,
	.Online-Inquiry .two_columns .services-form-div4,
	.Online-Inquiry .two_columns .services-form-div5,
	.Online-Inquiry .two_columns .services-form-div6 {
		width: 100%;
		float: left;
		margin-right: 0;
		margin-left: 0;
		padding-bottom: 15px;
	}
}



.about-article-box {
	margin: 0 auto;
}

.about-article-1eft {
	float: left;
	width: 48%;
	margin-right: 2%;
}

.about-article-right {
	float: left;
	width: 48%;
	margin-left: 2%;
}

@media (max-width: 1279px) {

	.about-article-1eft,
	.about-article-right {
		float: none;
		width: 100%;
		margin: 0 auto;
	}
}



.Contact-box {
	width: 90%;
	min-height: 582px;
	background: url(../images/map.jpg) right center no-repeat;
}

.contact-list li {
	line-height: 35px;
}

.contact-list li span {
	padding-right: 10px;
}

.contact-list li span a {
	color: #444;
}

.contact-list li span a:hover {
	color: #0d58af;
}

.Follow-us li {
	width: 30px;
	height: 30px;
	text-align: center;
	float: left;
	margin-right: 10px;
	background: #0d58af;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
}

.Follow-us li:hover {
	background: #1f3e73;
}

.Follow-us li span {
	line-height: 30px;
	color: #fff;
}

.contact-map {
	float: right;
}

@media (max-width: 700px) {
	.Contact-box {
		background-size: 100% auto;
		min-height: 482px;
	}
}


.tablecontentshow {
    border-collapse: collapse;
    margin: 0;
    width: 100%;
    border: 1px solid #ddd;
}

.tablecontentshow th {
    background: #0d58af;
    color: #fff;
    text-transform: uppercase;
    border-bottom: 1px solid #ddd;
}

.table-responsive {
	min-height: .01%;
	overflow-x: auto;
}

.table-responsive table {
	width: 100%;
	max-width: 100%;
}

.table-responsive table tr th {
	padding: 8px;
	line-height: 30px;
	background: #0d58af;
	color: #fff;
	font-weight: normal;
}

.table-responsive table tr td {
	padding: 8px;
}

.table-responsive table tr:nth-of-type(2n+2) td {
	background: #e6e6e6;
	;
}

.table-responsive table tr td a {
	display: inline-block;
}

.table-responsive table tr td a img {
	display: inline-block;
	vertical-align: middle;
}

.btn-inquiry {
	width: 80px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	color: #fff;
	background-color: #f90;
	border: none;
	font-size: 15px;
}

.btn-inquiry:hover {
	background: #ed8b02;
}

.pages-box a,
.pages-box .cpb-span {
	text-decoration: none;
	float: left;
	padding: 2px 7px;
	border: 1px solid #ddd;
	background: #ffff;
	font-size: 13px;
	color: #000;
	margin-right: 8px;
}

.pages-box {
	padding-bottom: 50px;
}

.pages-box a:hover {
	color: #fff;
	background: #0d58af;
	border: 1px solid #0d58af;
}

.pages-box .cpb-span {
	font-weight: bold;
	color: #fff;
	background: #0d58af;
	border: 1px solid #0d58af;
}

@media (max-width: 1000px) {
	.table-responsive {
		width: 100%;
		overflow-y: hidden;
		border: 1px solid #ddd;
	}

	.table-responsive table {
		width: 1100px;
	}
}


.Inquiry_form ul {
	list-style-type: none;
	list-style-position: outside;
	margin: 0px;
	padding: 0px;
}

.Inquiry_form li {
	position: relative;
	width: 45%;
	display: inline-block;
	float: left;
	margin-right: 4%;
}

.Inquiry_form label {
	width: 100%;
	display: inline-block;
	text-align: left;
	padding: 10px 0;
	font-size: 14px;
}

.Inquiry_form input {
	height: 38px;
	width: 100%;
	background: #f0f0f0;
	border: 0;
	padding-left: 10px;
	outline: none;
}

.Inquiry_form textarea {
	padding-left: 10px;
	width: 94%;
	outline: none;
}

.Inquiry_form .submit {
	display: inline-block;
	text-align: center;
	padding: 1em 3em;
	clear: both;
	color: #fff;
	text-decoration: none;
	background-color: #2751a3;
	border: 0px;
	cursor: pointer;
	border: 2px #2751a3 solid;
	font-weight: bold;
	margin-top: 20px;
}

.Inquiry_form .submit:hover {
	background: #fff;
	color: #444;
	transition: background-color .3s;
	border: 2px #2751a3 solid;
	font-weight: bold;
}

.Inquiry_form .Code {
	width: 50%;
}

.Inquiry_form textarea {
	padding-top: 10px;
}

@media (max-width: 768px) {
	.Inquiry_form li {
		width: 100%;
		margin-left: 0;
	}

	.Inquiry_form textarea {
		width: 100%;
	}
}


#code-s {
	width: 800px;
	height: auto;
	overflow: hidden;
	padding: 10px;
	position: absolute;
	display: none;
	left: 45%;
	z-index: 1002;
	text-align: center;
}

.searchtxt {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
}

.search-input {
	border: 0;
	outline: none;
	font-size: 16px;
	height: 45px;
	padding-left: 20px;
	width: 60%;
	float: left;
}

.searchtxt select {
	height: 45px;
	border: 0;
	font-size: 16px;
	color: #444;
	outline: none;
	padding: 0 10px;
	float: left;
}

.searchtxt .btn {
	padding: 15px 40px;
	clear: both;
	color: #fff;
	font-size: 16px;
	text-decoration: none;
	background-color: #2751a3;
	border: 0px;
	outline: none;
	cursor: pointer;
	margin: 0;
}

.searchtxt .btn:hover {
	color: #FFF;
	transition: background-color .3s;
	background: #f97425;
}


.submit_search button {
	border: none;
	cursor: pointer;
	margin: 0 auto;
	float: right;
	outline: none;
	background-color: transparent;
	margin-top: -35px;
	margin-left: 0px;
}

.submit_search button:before {
	content: "\f002";
	font-family: FontAwesome;
	font-size: 22px;
	color: #2751a3;
}


#goodcover {
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 1000%;
	background-color: black;
	z-index: 1001;
	-moz-opacity: 0.8;
	opacity: 0.70;
	filter: alpha(opacity=80);
}

.close1 {
	width: 100%;
	height: 40px;
}

#closebt {
	float: right;
}

#closebt img {
	width: 22px;
}


.Verification-code {
	position: relative;
}

.Verification-code .check-fa {
	position: absolute;
	top: 7px;
	right: 10px;
	font-size: 22px;
	color: #7b9d3b;
}

.icon-bg-circle {
	display: inline-block;
	width: 33px;
	height: 33px;
	line-height: 33px;
	background-color: #1c447f;
	color: #fff;
	text-align: center;
	margin-right: 10px;
	-webkit-border-radius: 33px;
	-moz-border-radius: 33px;
	-o-border-radius: 33px;
	border-radius: 33px;
}

.icon-bg-circle .fa-envelope,
.fa-fax {
	font-size: 18px;
}


.post-holder {
	border-bottom: 1px #f6f6f6 solid;
	margin: 10px 0;
}

.post-content .h1 {
	font-size: 18px;
	margin: 0;
	padding: 10px 0;
}

.post-content .h1 a {
	color: #2751a3;
	text-decoration: none;
}

.post-content p {
	margin: 0;
	padding: 0;
}

.table-responsive table tr td {
	font-size: 15px;
}

.table-responsive table tr th {
	font-size: 18px;
}

.Datasheet {
	display: block;
	width: 80px;
	padding-left: 20px;
	background: url(../images/pdf.png) no-repeat;
	background-size: 25px 25px;
}

.row-a-3 {
	text-align: left;
	margin: 0 auto;
	padding: 0px 0 50px 0;
}

.bread-crumb-title{
	text-align: left;
	margin: 0 auto;
	padding-top: 15px;
}
.bread-crumb-title p,
.bread-crumb-title p a{
	color: #888;
	font-size: 16px;
}

.bread-crumb-title p a:hover{
	color: #0d58af;
}


@media (min-width: 1280px) {

	.row-a-1,
	.row-a-2,
	.row-a-3,
	.main-row-a .row-a,
	.bread-crumb-title,
	.about-article-box {
		width: 1240px;
	}
}

@media (min-width: 769px) and (max-width: 1279px) {

	.row-a-1,
	.row-a-2,
	.row-a-3,
	.main-row-a .row-a,
	.bread-crumb-title,
	.about-article-box {
		width: 85%;

	}
}

@media (max-width: 768px) {

	.row-a-1,
	.row-a-2,
	.row-a-3,
	.main-row-a .row-a,
	.bread-crumb-title,
	.about-article-box {
		width: 90%;
	}
}

.row-a-3 h1 {
	/* font-size: 20px;
	color: #0d58af;
	margin: 0 0 10px 0; */
}

.Reference {
	padding-bottom: 0px;
	font-size: 14px !important;
	line-height: 20px !important;
	color: #888888 !important;
}

.Referencemargin {
	line-height: 30px;
	margin: 0;
}

.row-a-3 p a,
.row-a-3 table a {
	color: #0d58af;
}

.row-a-3 p a:hover,
.row-a-3 table a:hover {
	color: #1f3e73;
	text-decoration: underline;
}

.icon-ul {
	width: 100%;
	margin: 0 0 10px 0;
}

.icon-ul li {
	width: 14%;
	height: auto;
	float: left;
	position: relative;
}

.icon-ul li img {
	max-width: 100%;
}


.icon-ul li div {
	display: table;
	position: absolute;
	left: 0;
	bottom: 12%;
	width: 70%;
}

@media (min-width: 1280px) {
	.icon-ul li div span {
		display: table-cell;
		vertical-align: middle;
		font-size: 17px;
		line-height: 20px;
		color: #fff;
		padding: 8px;
		text-align: center;
		font-weight: 500;
	}
	.two-middle{
		padding-bottom: 14px;
	}
	.one-middle{
		padding-bottom: 25px;
	}
}

@media (min-width: 769px) and (max-width: 1279px) {
	.icon-ul li div span {
		display: table-cell;
		vertical-align: middle;
		font-size: 10px;
		line-height: 15px;
		color: #fff;
		padding: 5px 8px;
		text-align: center;
		font-weight: 500;
	}
}

@media (max-width: 768px) {
	.icon-ul li div span {
		display: table-cell;
		vertical-align: middle;
		font-size: 10px;
		line-height: 15px;
		color: #fff;
		padding: 5px 8px;
		text-align: center;
		font-weight: 500;
	}
}

@media (max-width: 1023px) {
	.icon-ul-div{
		width: 100%;
    overflow-y: hidden;
	}
	.icon-ul-div-img{
		width: 700px;
	}
	.icon-ul{
		width: 870px;
	}
}


.row {
	width: 100%;
}

.row .col-md-4 {
	float: left;
	text-align: left;
}

.row_product.img-list{
	width: 100%;
}
.row_product.img-list ul li{
	float: left;
	width: 28%;
	margin-right: 2%;
	margin-bottom: 15px;
	padding: 5px 10px;
	border: 1px solid #a7a6a6;
	border-radius: 5px;
}
.row_product.img-list ul li a{
	color: #0d58af;
}
.row_product.img-list ul li:hover{
	border: 1px solid #0d58af;
	background: #0d58af;
}
.row_product.img-list ul li:hover a{
	color: #fff;
}
@media (max-width: 768px) {
	.row .col-md-4 {
		width: 100%;
		float: none;
	}
	.row_product.img-list ul li{
		float: left;
		width: 100%;
		margin-right: 0;
	}
}


.icon-basket:before {content: "\e07a";font-family: "ElegantIcons";padding: 5px;display: block;color: #fff;font-size: 1.5em;}
.basket-sidecontainer{position: fixed;top:50%;padding:10px;right:0; background-color:#0d58af;;line-height:18px;  z-index:100000;border-radius:5px;}
.basket-sidecontainer:hover .glyphicon{color:#ffffff;}
.basket-sidecontainer a{color:#f2f2f2;text-decoration:none;}
.basket-sidecontainer:hover a{color:#ffffff;}
.basket-sidecontainer:hover .side-content{ display: block; color:#b9e8f7;}
.basket-sidecontainer .side-content{z-index:99;position:absolute;top:0px;right:0;background-color:#21241D;display:none;color:#fff;padding:15px;width:360px;}
.basket-sidecontainer .side-content .h{font-size:18px;font-weight:bold;margin-bottom:10px;color:#ffffff;}
.basket-sidecontainer .side-content .sidebasket{font-size:12px;max-height:300px;overflow:hidden;overflow-x:auto;overflow-y:scroll;color:#ffffff;}
.basket-sidecontainer .side-content .sidebasket tr td{border-bottom:1px solid #ccc;padding:8px;color:#ffffff;line-height:18px;background-color:#21241D;}
.basket-sidecontainer .side-content .sidebasket tr:last-child td{border-bottom:0px;}
.basket-sidecontainer .basket-count{width:20px;height:20px;display:inline-block;background-color:#F00;color:#ffffff;z-index:12;position:absolute;top:-5px;right:0px; border-radius:15px; text-align:center;font-size:12px;line-height:20px;z-index:110;}

.btn {display: inline-block; text-align: center;color: #fff;text-decoration: none;background-color: #0D58AF;  border: 0px;  cursor: pointer; border-radius: 5px; outline: none; margin: 10px 0; padding: 10px 15px;}
.addtobasket:before {content: "\e07a";font-family: "ElegantIcons";padding: 3px 0px;display: block;color: #fff;border-radius: 3px; background-color: #0d58af;font-size: 1.5em; text-align:center; width:50px; cursor:pointer }
.basket-sidecontainer .side-content .sidebasket tr td span{color: #84b2ff !important;}


.ShoppingCar{}
.ShoppingCar .carTit{font-size:20px;font-weight:bold;}
.ShoppingCarList{ display:table; width:100%;font-size:14px;padding:5px; background-color:#fafafa;}
.ShoppingCarqiansebg{ background-color:#f2f2f2;font-weight:bold;}
.ShoppingCarList td{padding:8px;}
.ShoppingCarList tr:first-child td,.ShoppingCarList tr:last-child td{background-color:#E6E6E6;}
.ShoppingCarList tr td{border-bottom:1px solid #efefef; background-color:#FFF;}
.triangle{ border-top:15px solid #f2f2f2 ;border-left:15px solid transparent;border-right:15px solid transparent; display: inline-block; position:relative;left:45%;}
.ShoppingCarList a:hover{color:#ff0000;}
.ShoppingCarList .docare{color:#000000; cursor:pointer}
.ShoppingCarList .docare:hover{color:#ff0000;}
.ShoppingCarList .dellink{color:#000000; cursor:pointer}
.ShoppingCarList table tr:nth-of-type(2n+2) td {background-color: #FAFAFA}
.shoppoingNote { padding: 10px 10px 10px 30px;background-color: #fcf6ee;font-size: 16px;margin-bottom: 15px;border: 1px solid #f4dec0; font-weight: lighter; position: relative;}

.search-ls{border: 0; font-size: 15px; color: #0d58af; padding: 5px 0; background-color:rgba(16, 88, 175, 0); margin-left: -5px;}

.contact-article.rightbox {
	float: left;
}
@media (min-width: 1280px) {
	.contact-article {
		max-width: 450px;
	}
	.contact-article.rightbox {
		width: 400px;
	}
	.inquiry-article {
		width: 780px;
		padding-top: 10px;
		padding-right: 60px;
		padding-left: 20px;
	}
}

@media (min-width: 769px) and (max-width: 1279px) {
	.contact-article {
		width: 40%;
	}
	.contact-article.rightbox {
		width: 45%;
	}
	.inquiry-article {
		width: 55%;
		padding-top: 10px;
		padding-right: 5%;
	}
}

@media (max-width: 768px) {
	.contact-article {
		width: 100%;
	}

	.inquiry-article {
		width: 100%;
		padding-top: 10px;
		padding-bottom: 10px;
	}
}

.list-style-two li {
	position: relative;
	font-size: 16px;
	font-weight: 400;
	color: #444;
	line-height: 30px;
	padding-left: 27px;
}

.list-style-two li .icon {
	position: absolute;
	top: 0;
	left: 0;
	width: 26px;
	height: 30px;
	color: #444;
}
.bottom-a li,.bottom-b li {
	position: relative;
	line-height: 30px;
	padding-left: 27px;
}
.bottom-a li .icon,.bottom-b li .icon {
	position: absolute;
	top: 0;
	left: 0;
}
.bottom-b li .fa-map-marker {
	font-size: 20px;
}
.bottom-a li .fa-phone {
	font-size: 17px;
}
.list-style-two li .fa-map-marker {
	font-size: 23px;
}
.list-style-two li .fa-phone {
	font-size: 20px;
}

.contact-article {
	float: left;
}

.inquiry-article {
	float: left;
}

.Contact-box h4,
.contact-article h4{
	padding-top: 0 !important;
}

.inquiry-tablebox,
.inquiry-tablebox tr,
.inquiry-tablebox tr td{
	border: 0;
	padding: 0;
	background: #fff;
	line-height: 22px;
	margin: 0;
}

.inquiry-check{
	text-align: center;
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    background-color: #0d58af;
    color: #ffffff;
    line-height: 40px;
    font-weight: bolder;
    font-size: 22px;
    position: relative;
	z-index: 9;
}

.inquiry-check img{
	top: 10px;
    left: 5px;
    position: absolute;
    z-index: 10;
}
.inquiry-successfully{
	font-size: 24px !important;
	color: #0d58af !important;
	font-weight: bold;
	margin-bottom: 0;	
}

.ResourceList{ position:relative;width:100%;display:table;}
.proshowTabcontentarea {
    width: 100%;
    padding: 15px 0;
    text-align: left;
    font-weight: normal;
    display: table;
    width: 100%;
}
@media (min-width: 1280px){	
.ResourceList .publicationitem .bannerbutton{position:absolute;top:10%;right:2%;}
.ResourceList .col-md-6{
	float: left;
	width: 45%;
	margin-right: 5%;
}
}
@media (min-width: 769px) and (max-width: 1279px){
.ResourceList .publicationitem .bannerbutton{position: relative; display:inline-block;margin-bottom:10px;margin-top:10px;}
.ResourceList .col-md-6{
	float: left;
	width: 45%;
	margin-right: 5%;
}
}
	
@media (max-width: 768px){	
.ResourceList .publicationitem .bannerbutton{position: relative;display: inline-block;margin-bottom:10px;margin-top:10px;}
.ResourceList .col-md-6{
	width: 100%;
	margin-right: 0;
}
}

.ResourceList .item{
	position:relative;
	padding:8px;
	border:1px solid #efefef;
	margin-top:10px;
	margin-bottom:10px;
	display:table;
	width:100%;
	
}
.ResourceList .item h3{font-weight:lighter;min-height:180px;font-size:18px;line-height:22px;}
.ResourceList .item  a{color:#0061cd;}
.ResourceList .item  img{float:left;width:178px;}
.ResourceList .item  p{font-size:15px;line-height:24px;min-height:120px;}
.ResourceList .item  .bannerbutton{font-size:18px;color:#0061cd;font-weight:lighter;border:1px solid #0061cd;padding-left:25px;padding-right:25px;}
.ResourceList .item  .bannerbutton i{font-size:24px;}
.ResourceList .item:hover .bannerbutton{color:#ffffff; background-color:#0061cd;transition:background-color .5s; }
.ResourceList .item:hover a{color:#214cb4;transition:width .5s;}
.ResourceList .item .Twopxline {
			height:100%;
			position:absolute;
			left:-1px;
			top:0;
			width:3px;
        }
		.ResourceList .item .Twopxline .line {
            height: 30%;
			width:3px;
            transition: 0.5s;
            background-color: #0061cd;
            box-sizing: border-box;
			margin:auto;
			position:relative;
			top:35%;
			left:-1px;
        }
.ResourceList .item .Twopxline .line.active {top:0%; height: 100%;transition:height .5s; }

.ResourceList .newsletteritem{
	position:relative;
	padding:8px;

	
	margin-top:10px;
	margin-bottom:10px;
	display:table;
	width:100%;	
	text-align:center;
}
.ResourceList .newsletteritem .img{margin:auto auto 20px auto;width:100%;height:330px; overflow:hidden;border:1px solid #d2d2d2;}
.ResourceList .newsletteritem img{margin:auto;}
.ResourceList .newsletteritem h3{font-weight:lighter;font-size:16px;}
.ResourceList .newsletteritem a{color:#0061cd;}
.ResourceList .newsletteritem p{font-size:15px;line-height:24px;min-height:120px;}
.ResourceList .newsletteritem .bannerbutton{font-size:18px;color:#0061cd;font-weight:lighter;border:1px solid #0061cd;padding-left:25px;padding-right:25px;display:block;}
.ResourceList .newsletteritem .bannerbutton i{font-size:24px;}
.ResourceList .newsletteritem:hover .bannerbutton{ background-color:#0061cd;color:#ffffff;transition:background-color .5s; }
.ResourceList .newsletteritem:hover a{color:#214cb4;transition:width .5s; }
.ResourceList .publicationitem{
	position:relative;
	padding:8px 0px 15px 0px;
	margin-top:10px;
	margin-bottom:10px;
	display:table;
	width:100%;	
	border-bottom:1px solid #cccccc;
}
.ResourceList .publicationitem h3{margin-bottom:10px;margin-top:10px;}
.ResourceList .publicationitem a{color:#396ea4;}
.ResourceList .publicationitem p{font-size:15px;line-height:24px;margin-top:0;margin-bottom:0;}
.ResourceList .publicationitem em{font-weight:bold;}
.ResourceList .publicationitem .bannerbutton{font-size:18px;color:#ffffff;font-weight:lighter; border-radius:5px; background-color:#396ea4;padding:10px 20px 10px 20px;}
.ResourceList .publicationitem .bannerbutton i{font-size:24px;}
.ResourceList .publicationitem .bannerbutton:hover{ background-color:#f5e928;transition:background-color .5s;}

.Published{padding-top:10px;padidng-bottom:10px;}

.proshowTabhead{position: relative;color:#ffffff;width:100%; display:table;/*border-bottom:2px solid #444444;*/}
.proshowTabhead ul{padding:0px;margin:0px;}
.proshowTabhead ul li { text-align:center;height:40px;font-size:18px; line-height:40px;color:#000000;float:left;margin-right:25px; position:relative;list-style:none;text-align:center;font-weight:bold;cursor: pointer;}
.proshowTabhead ul li a{color:#000000; display:block;padding:15px ;}
.proshowTabhead ul li{}
.proshowTabhead ul li:hover .Tabcontentarea{ display:block;}
.proshowTabhead ul li:hover,.orderonline ul .choosedbg,.proshowTabhead ul .choosedbg,.orderonline ul li:hover a{color:#0061cd;}
.proshowTabhead ul .choosedbg .Twopxline .line{width: 100%;}
.quickonlineorder .form-control{}

.proshowTabhead ul li .Twopxline {
            width: 100%;
			position:absolute;
			height:6px;
			bottom:-4px;
        }
.proshowTabhead ul li .Twopxline .line {
            width: 0%;
            transition: 0.5s;
            background-color: #0061cd;
			height:6px;
            box-sizing: border-box;
			margin:auto;
			position:relative;
			left:0;right:0;
		
        }
.proshowTabhead ul li .line.active { width: 100%; }
.bannerbutton {
    border-radius: 5px;
    padding: 8px 0px 8px 0px;
    margin-top: 15px;
    font-size: 22px;
    display: inline-block;
}
.ServiceShowPic {font-size:0.75em;text-align:center;line-height:1.7em !important;color:#666666;}
.ServiceShowPic img {margin:auto;}
.ServiceShowleftPic {float:left;margin-right:20px;padding-bottom: 5px !important;text-align:center;color:#666666;display:inline-block;}
.ServiceShowrightPic {float:right;margin-left:20px;padding-bottom: 5px !important;text-align:center;color:#666666;display:inline-block;}
.ServiceShowPic,.ServiceShowrightPic,.ServiceShowleftPic {font-size:0.75em;text-align:center;line-height:1.7em !important;}
.ServiceShowPic img,.ServiceShowrightPic img,.ServiceShowleftPic img {display:block;max-width:100%;height:auto;margin-top: 10px;margin-bottom:8px;margin-left:auto;margin-right:auto;}

@media (min-width: 769px) and (max-width: 1279px) {

	.serviceshowleftpic,
	.serviceshowrightpic {
		width: 100%;
		text-align: center;
		margin-bottom: 10px;
	}

	.serviceshowleftpic img,
	.serviceshowrightpic img {
		margin-bottom: 15px;
	}
	.ServiceShowleftPic,.ServiceShowrightPic {width:100%;text-align:center;margin-bottom:10px;}
	.ServiceShowleftPic img,.ServiceShowrightPic img {margin-bottom:15px;}

}

@media (max-width: 768px) {

	.serviceshowleftpic,
	.serviceshowrightpic {
		width: 100%;
		text-align: center;
		margin-bottom: 10px;
	}

	.serviceshowleftpic img,
	.serviceshowrightpic img {
		margin-bottom: 15px;
	}
	.ServiceShowleftPic,.ServiceShowrightPic {width:100%;text-align:center;margin-bottom:10px;}
	.ServiceShowleftPic img,.ServiceShowrightPic img {margin-bottom:15px;}

}

.fa-file-pdf{
	margin-right: 10px;
}

.fa-file-pdf:before {
    content: "\f1c1";
    font-family: FontAwesome;
    font-size: 22px;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

.introbox {
	margin-bottom: 5px;
}
.introbox:after {
	display: table;
	content: " ";
}
.introbox:after {
	clear: both;
}
.introbox li {
	margin-bottom: 5px;
}
.introbox .introboxleft {
	background: #5b9bd5;
	border-radius: 12px;
	text-align: center;
	font-weight: bold;
	font-size: 17px;
	color: #fff;
	padding: 10px 15px;
}
.introbox .introboxright {
	padding: 4px 0;
}
.introbox .introboxpetty {
	background: #d6e1f1;
	border-top-right-radius: 12px;
	border-bottom-right-radius: 12px;
	padding: 5px 20px;
	height: 100%;
}
.introboxtable {
	width: 100%;
	height: 100%;
	display: table;
}
.introboxtable-cell {
	display: table-cell;
	vertical-align: middle;
}

@media (min-width: 769px) {
	.introbox {
		display: flex;
		justify-content: space-around;
	}
	.introbox li {
		float: left;
		min-height: 66px;
	}
	.introbox .introboxleft {
		width: 24%;
		margin-right: 1%;
	}
	.introbox .introboxright {
		width: 75%;
	}
}
@media (max-width: 768px) {
	.introbox li {
		width: 100%;
	}
	.introbox .introboxpetty {
		border-radius: 12px;
	}
	.title-page-box {
		width: auto;
		padding: 0;
	}
}

.ke-zeroborder,
.ke-zeroborder th,
.ke-zeroborder td {
	border: 1px solid #eee;
}
.ke-zeroborder th,
.ke-zeroborder td {
	padding: 8px;
}

.project-notes {
	display: block;
	width: 100%;
	padding: 5px 10px;
	border-radius: 5px;
	color: #000;
	background: #f5f5f5;
	margin-top: 15px;
	margin-bottom: 20px;
	line-height: 26px;
}
.project-notes i {
	display: inline-block;
	padding-right: 8px;
	font-size: 19px;
	color: #fb6627;
}


.podcast-ul {
    width: 100%;
    padding: 0;
    margin: 15px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.podcast-li {
    width: 50%;
    position: relative;
    float: left;
	list-style: none;
	margin-top: 0;
	margin-bottom: 24px;
	padding-right: 24px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
	align-items: stretch;
	transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}
.podcast-li:hover {
	margin-top: -6px;
	margin-bottom: 30px;
}
.podcast-article {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
	display: flex;
	background-color: #fff;
    border-radius: .25rem;
    -webkit-box-shadow: 0 0.125rem 0.5rem rgba(0,0,0,.2);
    box-shadow: 0 0.125rem 0.5rem rgba(0,0,0,.2);
    padding: 0;
    overflow: hidden;
}
.podcast-a1 {
	display: block;
	width: 33.3%;
}
.podcast-a1 img {
	display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;';
}
@media (min-width: 37.5em){
	.podcast-a1 img {
		border-radius: .25rem 0 0 .25rem;
	}
}
.podcast-box {
    padding: 1rem;
    width: 66.7%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.podcast-title a {
	color: #2751a3;
}
.podcast-title a:hover {
	color: #f97425;;
}
.podcast-box p {
	font-size: 13.5px;
	line-height: 24px;
	color: #444;
}
.podcast-box .btn {
	display: inline-block;
    width: 150px;
    padding: 2px 10px;
    clear: both;
    color: #fff;
    font-weight: 700;
    border: 2px solid #2751a3;
    background: #2751a3;
    text-decoration: none;
    border-radius: 5px;
    font-size: 15px;
    line-height: 30px;
	margin-top: 10px;
	transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}
.podcast-box .btn:hover {
	border: 2px solid #f97425;;
    background: #f97425;;
}

.podcast-a2 {
	width: 25%;
}
.podcast-box2 {
	width: 75%;
}
.podcast-li2 {
	width: 100%;
	padding-right: 0;
}
.podcast-li2:hover {
	margin-top: 0;
	margin-bottom: 24px;
}
@media (max-width: 1024px) {
	.podcast-li {
		width: 100%;
		padding-right: 0;
	}
}
@media (max-width: 500px) {
	.podcast-a1,.podcast-a2 {
		display: none;
	}
	.podcast-box,.podcast-box2 {
		width: 100%;
	}
}

.tabs {
	width: 100%;
}
.tabs .content {
	position: relative;
	z-index: 1;	
}
.tabs .content section.content-current {
	display: block;
	opacity: 1;
} 
.tabs .content section {
	display: none;
	opacity: 0;
	transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}
.tabs nav li {
	width: 100%;
	padding: 2px 0;
	line-height: 36px;
	cursor: pointer;
	border: none;
}
.tabs nav li a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	font-size: 0.9em;
	font-weight: bold;
	color: #4f4f4f;
	padding: 2px 36px 2px 10px;
	background: #fff;
	border: 1px solid #ddd;
	transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}
.tabs nav li:hover a {
	color: #fff;
	background: #2751a3;
}
.tabs nav .tab-current{
	position: relative;
	z-index: 2;	
}
.tabs nav .tab-current a{
	color: #fff;
	background: #2751a3;
}
.tabs nav ul:after{
	display: table;
	content: " ";
}
.tabs nav ul:after{
	clear: both;
}
.tabs nav li a .fa {
	display: none;
	width: 20px;
	color: #ffffff;
	margin-right: 2px;
	float: left;
}
.tabs nav .tab-current>a .fa {
	display: block;
}
.tabs nav .tab-current>a .volume{
    display: block;
}
.volume {
    position: absolute;
    width: 35px;
    height: 10px;
    top: 8px;
    right: 0;
    display: none;
}
.volume .line {
    width: 2px;
    height: 20px;
    background-color: #ffffff;
    float: left;
	margin-right: 2px;
	margin-top: 0;
	margin-bottom: 0;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
}
.volume .line:last-child {
    margin: 0;
}
.volume .line:nth-child(1) {
    -webkit-animation: volume1 linear infinite;
    animation: volume1 linear infinite;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
}
.volume .line:nth-child(2) {
    -webkit-animation: volume2 linear infinite;
    animation: volume2 linear infinite;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
}
.volume .line:nth-child(3) {
    -webkit-animation: volume3 linear infinite;
    animation: volume3 linear infinite;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
}
.volume .line:nth-child(4) {
    -webkit-animation: volume4 linear infinite;
    animation: volume4 linear infinite;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
}
.volume .line:nth-child(5) {
    -webkit-animation: volume5 linear infinite;
    animation: volume5 linear infinite;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
}
.volume .line:nth-child(6) {
    -webkit-animation: volume6 linear infinite;
    animation: volume6 linear infinite;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
}
.volume .line:nth-child(7) {
    -webkit-animation: volume7 linear infinite;
    animation: volume7 linear infinite;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
}
@-webkit-keyframes volume1 {
    0% {
        -webkit-transform: scaleY(0.3);
        transform: scaleY(0.3);
    }
    25% {
        -webkit-transform: scaleY(0.5);
        transform: scaleY(0.5);
    }
    50% {
        -webkit-transform: scaleY(0.2);
        transform: scaleY(0.2);
    }
    75% {
        -webkit-transform: scaleY(0.6);
        transform: scaleY(0.6);
    }
    100% {
        -webkit-transform: scaleY(0.3);
        transform: scaleY(0.3);
    }
}
@keyframes volume1 {
    0% {
        -webkit-transform: scaleY(0.3);
        transform: scaleY(0.3);
    }
    25% {
        -webkit-transform: scaleY(0.5);
        transform: scaleY(0.5);
    }
    50% {
        -webkit-transform: scaleY(0.2);
        transform: scaleY(0.2);
    }
    75% {
        -webkit-transform: scaleY(0.6);
        transform: scaleY(0.6);
    }
    100% {
        -webkit-transform: scaleY(0.3);
        transform: scaleY(0.3);
    }
}
@-webkit-keyframes volume2 {
    0% {
        -webkit-transform: scaleY(0.1);
        transform: scaleY(0.1);
    }
    25% {
        -webkit-transform: scaleY(0.7);
        transform: scaleY(0.7);
    }
    50% {
        -webkit-transform: scaleY(0.4);
        transform: scaleY(0.4);
    }
    75% {
        -webkit-transform: scaleY(0.7);
        transform: scaleY(0.7);
    }
    100% {
        -webkit-transform: scaleY(0.1);
        transform: scaleY(0.1);
    }
}
@keyframes volume2 {
    0% {
        -webkit-transform: scaleY(0.1);
        transform: scaleY(0.1);
    }
    25% {
        -webkit-transform: scaleY(0.7);
        transform: scaleY(0.7);
    }
    50% {
        -webkit-transform: scaleY(0.4);
        transform: scaleY(0.4);
    }
    75% {
        -webkit-transform: scaleY(0.7);
        transform: scaleY(0.7);
    }
    100% {
        -webkit-transform: scaleY(0.1);
        transform: scaleY(0.1);
    }
}
@-webkit-keyframes volume3 {
    0% {
        -webkit-transform: scaleY(0.2);
        transform: scaleY(0.2);
    }
    50% {
        -webkit-transform: scaleY(0.8);
        transform: scaleY(0.8);
    }
    100% {
        -webkit-transform: scaleY(0.2);
        transform: scaleY(0.2);
    }
}
@keyframes volume3 {
    0% {
        -webkit-transform: scaleY(0.2);
        transform: scaleY(0.2);
    }
    50% {
        -webkit-transform: scaleY(0.8);
        transform: scaleY(0.8);
    }
    100% {
        -webkit-transform: scaleY(0.2);
        transform: scaleY(0.2);
    }
}
@-webkit-keyframes volume4 {
    0% {
        -webkit-transform: scaleY(0.5);
        transform: scaleY(0.5);
    }
    25% {
        -webkit-transform: scaleY(0.9);
        transform: scaleY(0.9);
    }
    50% {
        -webkit-transform: scaleY(0.3);
        transform: scaleY(0.3);
    }
    75% {
        -webkit-transform: scaleY(0.9);
        transform: scaleY(0.9);
    }
    100% {
        -webkit-transform: scaleY(0.5);
        transform: scaleY(0.5);
    }
}
@keyframes volume4 {
    0% {
        -webkit-transform: scaleY(0.5);
        transform: scaleY(0.5);
    }
    25% {
        -webkit-transform: scaleY(0.9);
        transform: scaleY(0.9);
    }
    50% {
        -webkit-transform: scaleY(0.3);
        transform: scaleY(0.3);
    }
    75% {
        -webkit-transform: scaleY(0.9);
        transform: scaleY(0.9);
    }
    100% {
        -webkit-transform: scaleY(0.5);
        transform: scaleY(0.5);
    }
}
@-webkit-keyframes volume5 {
    0% {
        -webkit-transform: scaleY(0.9);
        transform: scaleY(0.9);
    }
    25% {
        -webkit-transform: scaleY(0.2);
        transform: scaleY(0.2);
    }
    50% {
        -webkit-transform: scaleY(0.7);
        transform: scaleY(0.7);
    }
    75% {
        -webkit-transform: scaleY(0.2);
        transform: scaleY(0.2);
    }
    100% {
        -webkit-transform: scaleY(0.9);
        transform: scaleY(0.9);
    }
}
@keyframes volume5 {
    0% {
        -webkit-transform: scaleY(0.9);
        transform: scaleY(0.9);
    }
    25% {
        -webkit-transform: scaleY(0.2);
        transform: scaleY(0.2);
    }
    50% {
        -webkit-transform: scaleY(0.7);
        transform: scaleY(0.7);
    }
    75% {
        -webkit-transform: scaleY(0.2);
        transform: scaleY(0.2);
    }
    100% {
        -webkit-transform: scaleY(0.9);
        transform: scaleY(0.9);
    }
}
@-webkit-keyframes volume6 {
    0% {
        -webkit-transform: scaleY(0.3);
        transform: scaleY(0.3);
    }
    25% {
        -webkit-transform: scaleY(0.5);
        transform: scaleY(0.5);
    }
    50% {
        -webkit-transform: scaleY(0.2);
        transform: scaleY(0.2);
    }
    75% {
        -webkit-transform: scaleY(0.9);
        transform: scaleY(0.9);
    }
    100% {
        -webkit-transform: scaleY(0.3);
        transform: scaleY(0.3);
    }
}
@keyframes volume6 {
    0% {
        -webkit-transform: scaleY(0.3);
        transform: scaleY(0.3);
    }
    25% {
        -webkit-transform: scaleY(0.5);
        transform: scaleY(0.5);
    }
    50% {
        -webkit-transform: scaleY(0.2);
        transform: scaleY(0.2);
    }
    75% {
        -webkit-transform: scaleY(0.9);
        transform: scaleY(0.9);
    }
    100% {
        -webkit-transform: scaleY(0.3);
        transform: scaleY(0.3);
    }
}
@-webkit-keyframes volume7 {
    0% {
        -webkit-transform: scaleY(0.7);
        transform: scaleY(0.7);
    }
    25% {
        -webkit-transform: scaleY(0.4);
        transform: scaleY(0.4);
    }
    50% {
        -webkit-transform: scaleY(0.8);
        transform: scaleY(0.8);
    }
    75% {
        -webkit-transform: scaleY(0.2);
        transform: scaleY(0.2);
    }
    100% {
        -webkit-transform: scaleY(0.7);
        transform: scaleY(0.7);
    }
}
@keyframes volume7 {
    0% {
        -webkit-transform: scaleY(0.7);
        transform: scaleY(0.7);
    }
    25% {
        -webkit-transform: scaleY(0.4);
        transform: scaleY(0.4);
    }
    50% {
        -webkit-transform: scaleY(0.8);
        transform: scaleY(0.8);
    }
    75% {
        -webkit-transform: scaleY(0.2);
        transform: scaleY(0.2);
    }
    100% {
        -webkit-transform: scaleY(0.7);
        transform: scaleY(0.7);
    }
}

.inquiry-success table {
	background: #f0f7fa;
	padding: 10px 0;
}
.inquiry-success table td {
	padding: 2px 12px;
}
.inquiry-success table.inquiry-tablebox td {
	padding: 8px 12px;
	line-height: 30px;
}
.inquiry-success table.inquiry-tablebox {
	border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
	background: #fff;
}

.list-style-two li,.bottom-center {
	font-family: Arial, sans-serif;
}

@media (min-width: 769px) and (max-width: 1279px) {
	#cssmenu>ul>li>a {
		padding-left: 10px;
	}
}

.careers-detail {
	padding-top: 6px;
	padding-bottom: 6px;
	border-bottom: 1px solid #dddddd;
	margin: 0 !important;
}
.row.careers-detail:nth-child(2n+1){ background-color:#fafafa;}
.careers-detail .col-md-3 {
	font-weight: bold;
	padding-right: 15px;
    padding-left: 15px;	
    line-height: 25px;
}
.careers-detail .col-md-9 {
	font-size: 0.85rem;
    line-height: 25px;
	padding-right: 15px;
    padding-left: 15px;
}
.careers-detail ul,.careers-detail ol {
	padding: 0px 0px 5px 19px;
	margin: 0px;
}
.careers-detail ul li {
	list-style: disc;
}
.careers-detail ol li {
	list-style: decimal;
}
.careers-detail p {
    padding: 0;
	margin: 0;
}

.careersform {
	margin-top: 0;
	margin-bottom: 0;
}
.careersform input,
.careersform textarea {
	width: 100%;
	padding: 6px 10px;
	background: #fff;
	border: 1px solid #a7a6a6;
}


.hand-right-h {
	position: relative;
	padding-left: 50px;
	padding-top: 10px;
	padding-bottom: 10px;
	background: #fff;
	-webkit-box-shadow: 0 0.125rem 0.5rem rgba(0,0,0,.2);
    box-shadow: 0 0.125rem 0.5rem rgba(0,0,0,.2);
	margin: 15px 0;
}
.hand-right-h .fa {
	position: absolute;
	top: 10px;
	left: 20px;
}
.hand-right-h a {
	display: block;
}
.hand-right-h:hover {
	background: #2751a3;
	color: #fff;
}
.hand-right-h:hover a {
	color: #fff;
}

.container-job li .jobbox {
	position: relative;
	background: #fff;
	-webkit-box-shadow: 0 0.125rem 0.5rem rgba(0,0,0,.2);
    box-shadow: 0 0.125rem 0.5rem rgba(0,0,0,.2);
	margin: 5px 0;
	padding-left: 50px;
}
.container-job li .fa {
	position: absolute;
	top: 8px;
	left: 20px;
}
.container-job li a {
	display: block;
	font-weight: bold;
	color: #000;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 8px 0;
}
.container-job li .jobbox:hover {
	background: #2751a3;
	color: #fff;
}
.container-job li .jobbox:hover a {
	color: #fff;
}

.careers-online-t {
	border-top: 2px solid #ccc;
	padding-top: 20px;
	margin-top: 40px !important;
}
.careersform .row {
	width: auto;
}



.owl-carousel-show {
	max-width: 1200px;
}
.owl-carousel-show .item .row-b-span {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background: rgba(7, 105, 177, 0.8);
}
.owl-carousel-show .item:hover .row-b-span {
	opacity: 1;
}
.owl-carousel-show .item .row-b-span span {
	display: table;
	height: 100%;
	padding: 30px 15px;
	overflow: hidden;
}
.owl-carousel-show .item .row-b-span span p {
	color: #fff;
	padding: 0;
	line-height: 1.4em;
}
.owl-carousel-show .item:hover p a {
	color: #0769b1;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.owl-carousel-show .item .pw {
	position: relative;
	height: auto;
}
.owl-carousel-show .item img {
	width: 100%;
	margin: auto;
}
.owl-carousel-show .item p {
	margin-top: 0px;
	text-align: center;
}
.owl-carousel-show .item p a {
	display: block;
	width: 100%;
	height: 100px;
	line-height: 100px;
	background: #fff;
	color: #393939;
	font-size: 18px;
}
@media (max-width: 1200px) {
	.owl-carousel-show .item .row-b-span span p {
		display: -webkit-box;
		display: -o-box;
		display: -moz-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 6;
		-o-box-orient: vertical;
		-o-line-clamp: 6;
		-moz-box-orient: vertical;
		-moz-line-clamp: 6;
		overflow: hidden;
	}
	.owl-carousel-show .item .row-b-span span {
		padding: 20px 15px;
	}
}

.inner-item{
	height: 210px;

}

.inner-item img{
	object-fit: cover;	width: 100%;
	height: 100%;
}

.inner-item h4{
	position: absolute;
	bottom: 0;
	left: 0;
	margin: 0;
	width: 100%;
	background-color: rgba(255, 255, 255, 0.5);
	display: flex;
	padding: 10px 30px;
	height: 70px;
	text-align: center;
	align-items: center;
	justify-content: center;
	color: #444;
}

.inner-item:hover h4{
	color: #ff0000;
	background-color: rgba(255, 255, 255, 0.6);
}




@media (min-width: 768px){
	.apple-podcasts {
		text-align: right;
	}
}

.introduction_area {
    background-color: #f2f2f2;
    border: 1px solid #efefef;
    padding: 20px;
    margin-top: 30px;
}

.introduction_video {
    padding-bottom: 30px;
}

.video-img img {
    object-fit: cover;
}

.playarea {
    border: 1px solid #cccccc;
    background-color: #ffffff;
    display: table;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
}

.player_share_icon {
	display: inline-block;
	float: right;
}

.player_share_icon a {
    display: inline-block;
    margin: 10px 0 10px 20px;
}

.player_share_icon img {
    width: 160px;
    display: inline-block;
}

.introductionlist, .introductionlist ul, .introductionlist li {
    margin: 0px;
    padding: 0;
    list-style: none;
}



.introductionlist ul .choosebg i {
    display: inline-block;
}

.introductionlist ul li i {
    display: none;
}

.introductionlist ul li:hover, .introductionlist ul .choosebg {
    background-color: #f8f8f8;
    color: #ff0000;
}

.voice {
    position: relative;
    margin-left: 10px;
	top: -5px;
}

.voice span {
    position: absolute;
    bottom: 0;
    display: inline-block;
    width: 3px;
    height: 12px;
    background-color: #cccccc;
}

.introductionlist ul li:hover .voice span, .introductionlist ul .choosebg .voice span {
    background-color: #ff0000;
}

.voice span:nth-child(1) {
    left: 0;
    animation: voice-1 0.7s ease infinite;
}
.voice span:nth-child(2){
	left:6px;
	animation: voice-1 1.5s ease infinite;
}
.voice span:nth-child(3){
	left:12px;
	animation: voice-1 2s ease infinite;
}
.voice span:nth-child(4){
	left:18px;
	animation: voice-1 1.3s ease infinite;
}
.voice span:nth-child(5){
	left:24px;
	animation: voice-1 1s ease infinite;
}
.voice span:nth-child(6){
	left:30px;
	animation: voice-1 0.5s ease infinite;
}

@keyframes voice-1
{
0% {
	transform:scaleY(0.2);
	transform-origin:0 12px;
	}
50% {
	transform:scaleY(1);
	transform-origin:0 12px;
	}
100% {
	transform:scaleY(0.3);
	transform-origin:0 12px;
	}
}

@media (min-width: 769px){
	.introductionlist ul li .duration {
		position: absolute;
	}
	
}

.introductionlist ul li .duration {
    right: 15px;
    top: 15px;
    font-size: 14px;
    font-weight: normal;
    color: #cccccc;
}

.introductionlist ul li {
    border-bottom: 1px solid #efefef;
    padding: 15px;
    font-weight: bold;
    cursor: pointer;
    position: relative;
}


.top-nav-box{
	padding: 0 20px;
}
.covid_publicity{
	background-color: #fff;
	/* color: #fff; */
	padding: 0px 20px 10px;
	border-bottom: 1px solid #ddd;
	display: none;
  }
  
  #code-sars{
	  max-width: 1400px;
	  margin: auto;
  }

  .covid_publicity.close{
	display: none;
  }
  
  .covid_publicity .covid_publicity_close {
	position: absolute;
	top: 20px;
	right: 20px;
	height: 50px;
	width: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 20px;
	cursor: pointer;
  }
  
  .goodtxt {
	text-align: center;
  }
  .goodtxt h3{
	  margin-bottom: 10px;
	  margin-top: 0;
	  padding-top: 10px;
  }
  .goodtxt a,.goodtxt p{
	/* color: #fff; */
  }
  
  .close_read {
	background: #f6b024;
	color: #fff;
	display: inline-block;
	border: 2px solid transparent;
	border-radius: 30px;
	text-align: center;
	height: 35px;
	width: 240px;
	z-index: 0;
	overflow: hidden;
	position: relative;
	text-decoration: none;
	font-size: 14px;
	cursor: pointer;
	line-height: 30px;
  }
  
  .close_read:hover{
	color: #2751a3;
	background-color: #fff;
  }
  
  #closebottom i{
	color: #333;
  }

  .social{
	display: flex;
	justify-content: flex-end;
	font-size: 18px;
	margin-top: 20px;
	align-items: center;
  }

  .social span{
	font-size: 16px !important;
  }

  .social li{
	margin-left: 15px;
  }



  .h2_tit {
    display: block;
    border-left: 6px solid #2751a3;
    padding-left: 10px;
    background-color: #f5f5f5;
    padding-top: 12px;
    padding-bottom: 12px;
    margin-bottom: 20px !important;
    color: #000;
	font-size: 24px;
	scroll-margin: 100px;
}



.q-a-area{
	padding-bottom:20px;
}

.q-a{
	cursor: pointer;
}


.related_v,.q-a{
	border:1px solid #efefef;
		margin-bottom:15px;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
}
.related_v strong,.q-a strong{
	display: block;
	background-color: #efefef;
	padding:10px 40px 10px 15px;
	position: relative;

}
.v-content,.q-a-content{
	padding:15px 0px 15px 15px;
	display: none;
}
.f_angle{
	transform: rotate(180deg)
		
}
.v-content .row,.q-a-content .row{
	display: table;
	margin-top:20px;
	margin-bottom:20px;
	
}
.related_v strong i,.q-a strong i {
	position: absolute;
	display: inline-block;
	top:10px;
	right:15px;
}
.related_v .col-md-5,.q-a .col-md-5{padding-left:0px;}
.related_v div[class*="col"],.q-a div[class*="col"]{
	padding-top:15px;
	padding-bottom:15px;
}



.h3_tit{
	display:block;
	position: relative;
	padding-left:20px;
}
.h3_tit:before{
	content:"";
	position: absolute;
	top:2px;
	left:0px;
	width:10px;
	height:10px;
	background-color:#000
}
.h4_tit{
	display: inline-block;
	padding-top:12px;
	padding-bottom:12px;
	margin-bottom:10px !important;
	border-bottom:1px solid #1856b2;
}


.page-tab{
	position: sticky;
	padding: 10px 10px 0px 10px;
	margin-bottom: 20px;
  z-index: 100;
	  background-color: #fff;
  border-bottom:2px solid #1856b2;
  top: 20px;
  }
  
  .page-tab span,.page-tab a{
	padding: 7px 10px;
	display: inline-block;
	margin-right: 10px;
	margin-bottom:10px;
	background-color: #000;
	cursor: pointer;
  color:#fff;
  }
  
  .page-tab span:hover,.page-tab a:hover,.page-tab-choose{
	background-color: #1856b2 !important;
	color: #fff !important;
  }

  .q-a.open .q-a-content{
	display: block;
	}


	.reviewslist{
		padding-bottom:20px;
	}
	.reviewslist .reviewstit{
		margin:10px 0;
	}
	.reviewslist ul{
				padding:0px;
		margin:0px;
	}
	.reviewslist  ul li{
		list-style: none;
		border-bottom:1px solid #efefef;
		padding-bottom:15px;
	}
	.reviewslist strong{
		margin-right:20px;
	}
	.reviewstar{display: inline-block;color:#e2e2e2;font-size:14px;}
	.reviewstar i{margin-right:3px; display: inline-block;}
	.reviewstar_one i:nth-child(1){color:#1856b2;}
	.reviewstar_two i:nth-child(1),.reviewstar_two i:nth-child(2){color:#1856b2;}
	.reviewstar_three i:nth-child(1),.reviewstar_three i:nth-child(2),.reviewstar_three i:nth-child(3){color:#1856b2;}
	.reviewstar_four i:nth-child(1),.reviewstar_four i:nth-child(2),.reviewstar_four i:nth-child(3),.reviewstar_four i:nth-child(4){color:#1856b2;}
	.reviewstar_five{color:#1856b2;}
	.inqunotice .google-policies{color:#000;}
	.inqunotice .price-con,.inqunotice .price-con a,
	.salearea .price-con,.salearea .price-con a{color:#000;}
	.salearea{margin-bottom:20px; }
	