@charset "UTF-8";
@font-face {
font-family: "Flaticon";
src: url(//betterbegoing.com/wp-content/themes/solion/fonts/Flaticon.eot);
src: url(//betterbegoing.com/wp-content/themes/solion/fonts/Flaticon.eot?#iefix) format("embedded-opentype"),
url(//betterbegoing.com/wp-content/themes/solion/fonts/Flaticon.woff) format("woff"),
url(//betterbegoing.com/wp-content/themes/solion/fonts/Flaticon.ttf) format("truetype"),
url(//betterbegoing.com/wp-content/themes/solion/fonts/Flaticon.svg#Flaticon) format("svg");
font-weight: normal;
font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: "Flaticon";
src: url(https://betterbegoing.com/wp-content/themes/solion/css/Flaticon.svg#Flaticon) format("svg");
}
}
[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
font-family: Flaticon;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.flaticon-social-media:before { content: "\f100"; }
.flaticon-bullhorn:before { content: "\f101"; }
.flaticon-plan:before { content: "\f102"; }
.flaticon-sketch:before { content: "\f103"; }
.flaticon-network:before { content: "\f104"; }
.flaticon-cloud-network:before { content: "\f105"; }
.flaticon-cloud-network-1:before { content: "\f106"; }
.flaticon-cloud-computing:before { content: "\f107"; }
.flaticon-cloud-computing-1:before { content: "\f108"; }
.flaticon-select:before { content: "\f109"; }
.flaticon-hired:before { content: "\f10a"; }
.flaticon-research:before { content: "\f10b"; }
.flaticon-video-call:before { content: "\f10c"; }
.flaticon-job-interview:before { content: "\f10d"; }
.flaticon-interview:before { content: "\f10e"; }
.flaticon-strategy:before { content: "\f10f"; }
.flaticon-strategy-1:before { content: "\f110"; }
.flaticon-analysis-1:before { content: "\f111"; }
.flaticon-result:before { content: "\f112"; }
.flaticon-laptop:before { content: "\f113"; }
.flaticon-business-and-trade:before { content: "\f114"; }
.flaticon-office-building:before { content: "\f115"; }
.flaticon-office:before { content: "\f116"; }
.flaticon-star:before { content: "\f117"; }
.flaticon-growth:before { content: "\f118"; }
.flaticon-badge:before { content: "\f119"; }
.flaticon-jigsaw:before { content: "\f11a"; }
.flaticon-solution:before { content: "\f11b"; }
.flaticon-secure:before { content: "\f11c"; }
.flaticon-secure-data:before { content: "\f11d"; }
.flaticon-secure-folder:before { content: "\f11e"; }
.flaticon-padlock:before { content: "\f11f"; }
.flaticon-project-management:before { content: "\f120"; }
.flaticon-team:before { content: "\f121"; }
.flaticon-target:before { content: "\f122"; }
.flaticon-target-1:before { content: "\f123"; }
.flaticon-vision:before { content: "\f124"; }
.flaticon-vision-1:before { content: "\f125"; }
.flaticon-binoculars:before { content: "\f126"; }
.flaticon-investigate:before { content: "\f127"; }
.flaticon-checked:before { content: "\f128"; }
.flaticon-check:before { content: "\f129"; }
.flaticon-check-mark:before { content: "\f12a"; }
.flaticon-confirmation:before { content: "\f12b"; }
.flaticon-check-1:before { content: "\f12c"; }
.flaticon-verification:before { content: "\f12d"; }
.flaticon-verified:before { content: "\f12e"; }
.flaticon-telephone:before { content: "\f12f"; }@font-face {
font-family: 'ElegantIcons';
src:url(//betterbegoing.com/wp-content/themes/solion/fonts/ElegantIcons.eot);
src:url(//betterbegoing.com/wp-content/themes/solion/fonts/ElegantIcons.eot?#iefix) format('embedded-opentype'),
url(//betterbegoing.com/wp-content/themes/solion/fonts/ElegantIcons.woff) format('woff'),
url(//betterbegoing.com/wp-content/themes/solion/fonts/ElegantIcons.ttf) format('truetype'),
url(//betterbegoing.com/wp-content/themes/solion/fonts/ElegantIcons.svg#ElegantIcons) format('svg');
font-weight: normal;
font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: "ElegantIcons";
src: url(https://betterbegoing.com/wp-content/themes/solion/css/ElegantIcons.svg#ElegantIcons) format("svg");
}
} [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: "\e094";
}
.social_pinterest:before {
content: "\e095";
}
.social_googleplus:before {
content: "\e096";
}
.social_tumblr:before {
content: "\e097";
}
.social_tumbleupon:before {
content: "\e098";
}
.social_wordpress:before {
content: "\e099";
}
.social_instagram:before {
content: "\e09a";
}
.social_dribbble:before {
content: "\e09b";
}
.social_vimeo:before {
content: "\e09c";
}
.social_linkedin:before {
content: "\e09d";
}
.social_rss:before {
content: "\e09e";
}
.social_deviantart:before {
content: "\e09f";
}
.social_share:before {
content: "\e0a0";
}
.social_myspace:before {
content: "\e0a1";
}
.social_skype:before {
content: "\e0a2";
}
.social_youtube:before {
content: "\e0a3";
}
.social_picassa:before {
content: "\e0a4";
}
.social_googledrive:before {
content: "\e0a5";
}
.social_flickr:before {
content: "\e0a6";
}
.social_blogger:before {
content: "\e0a7";
}
.social_spotify:before {
content: "\e0a8";
}
.social_delicious:before {
content: "\e0a9";
}
.social_facebook_circle:before {
content: "\e0aa";
}
.social_twitter_circle:before {
content: "\e0ab";
}
.social_pinterest_circle:before {
content: "\e0ac";
}
.social_googleplus_circle:before {
content: "\e0ad";
}
.social_tumblr_circle:before {
content: "\e0ae";
}
.social_stumbleupon_circle:before {
content: "\e0af";
}
.social_wordpress_circle:before {
content: "\e0b0";
}
.social_instagram_circle:before {
content: "\e0b1";
}
.social_dribbble_circle:before {
content: "\e0b2";
}
.social_vimeo_circle:before {
content: "\e0b3";
}
.social_linkedin_circle:before {
content: "\e0b4";
}
.social_rss_circle:before {
content: "\e0b5";
}
.social_deviantart_circle:before {
content: "\e0b6";
}
.social_share_circle:before {
content: "\e0b7";
}
.social_myspace_circle:before {
content: "\e0b8";
}
.social_skype_circle:before {
content: "\e0b9";
}
.social_youtube_circle:before {
content: "\e0ba";
}
.social_picassa_circle:before {
content: "\e0bb";
}
.social_googledrive_alt2:before {
content: "\e0bc";
}
.social_flickr_circle:before {
content: "\e0bd";
}
.social_blogger_circle:before {
content: "\e0be";
}
.social_spotify_circle:before {
content: "\e0bf";
}
.social_delicious_circle:before {
content: "\e0c0";
}
.social_facebook_square:before {
content: "\e0c1";
}
.social_twitter_square:before {
content: "\e0c2";
}
.social_pinterest_square:before {
content: "\e0c3";
}
.social_googleplus_square:before {
content: "\e0c4";
}
.social_tumblr_square:before {
content: "\e0c5";
}
.social_stumbleupon_square:before {
content: "\e0c6";
}
.social_wordpress_square:before {
content: "\e0c7";
}
.social_instagram_square:before {
content: "\e0c8";
}
.social_dribbble_square:before {
content: "\e0c9";
}
.social_vimeo_square:before {
content: "\e0ca";
}
.social_linkedin_square:before {
content: "\e0cb";
}
.social_rss_square:before {
content: "\e0cc";
}
.social_deviantart_square:before {
content: "\e0cd";
}
.social_share_square:before {
content: "\e0ce";
}
.social_myspace_square:before {
content: "\e0cf";
}
.social_skype_square:before {
content: "\e0d0";
}
.social_youtube_square:before {
content: "\e0d1";
}
.social_picassa_square:before {
content: "\e0d2";
}
.social_googledrive_square:before {
content: "\e0d3";
}
.social_flickr_square:before {
content: "\e0d4";
}
.social_blogger_square:before {
content: "\e0d5";
}
.social_spotify_square:before {
content: "\e0d6";
}
.social_delicious_square:before {
content: "\e0d7";
}
.icon_printer:before {
content: "\e103";
}
.icon_calulator:before {
content: "\e0ee";
}
.icon_building:before {
content: "\e0ef";
}
.icon_floppy:before {
content: "\e0e8";
}
.icon_drive:before {
content: "\e0ea";
}
.icon_search-2:before {
content: "\e101";
}
.icon_id:before {
content: "\e107";
}
.icon_id-2:before {
content: "\e108";
}
.icon_puzzle:before {
content: "\e102";
}
.icon_like:before {
content: "\e106";
}
.icon_dislike:before {
content: "\e0eb";
}
.icon_mug:before {
content: "\e105";
}
.icon_currency:before {
content: "\e0ed";
}
.icon_wallet:before {
content: "\e100";
}
.icon_pens:before {
content: "\e104";
}
.icon_easel:before {
content: "\e0e9";
}
.icon_flowchart:before {
content: "\e109";
}
.icon_datareport:before {
content: "\e0ec";
}
.icon_briefcase:before {
content: "\e0fe";
}
.icon_shield:before {
content: "\e0f6";
}
.icon_percent:before {
content: "\e0fb";
}
.icon_globe:before {
content: "\e0e2";
}
.icon_globe-2:before {
content: "\e0e3";
}
.icon_target:before {
content: "\e0f5";
}
.icon_hourglass:before {
content: "\e0e1";
}
.icon_balance:before {
content: "\e0ff";
}
.icon_rook:before {
content: "\e0f8";
}
.icon_printer-alt:before {
content: "\e0fa";
}
.icon_calculator_alt:before {
content: "\e0e7";
}
.icon_building_alt:before {
content: "\e0fd";
}
.icon_floppy_alt:before {
content: "\e0e4";
}
.icon_drive_alt:before {
content: "\e0e5";
}
.icon_search_alt:before {
content: "\e0f7";
}
.icon_id_alt:before {
content: "\e0e0";
}
.icon_id-2_alt:before {
content: "\e0fc";
}
.icon_puzzle_alt:before {
content: "\e0f9";
}
.icon_like_alt:before {
content: "\e0dd";
}
.icon_dislike_alt:before {
content: "\e0f1";
}
.icon_mug_alt:before {
content: "\e0dc";
}
.icon_currency_alt:before {
content: "\e0f3";
}
.icon_wallet_alt:before {
content: "\e0d8";
}
.icon_pens_alt:before {
content: "\e0db";
}
.icon_easel_alt:before {
content: "\e0f0";
}
.icon_flowchart_alt:before {
content: "\e0df";
}
.icon_datareport_alt:before {
content: "\e0f2";
}
.icon_briefcase_alt:before {
content: "\e0f4";
}
.icon_shield_alt:before {
content: "\e0d9";
}
.icon_percent_alt:before {
content: "\e0da";
}
.icon_globe_alt:before {
content: "\e0de";
}
.icon_clipboard:before {
content: "\e0e6";
}
.glyph {
float: left;
text-align: center;
padding: .75em;
margin: .4em 1.5em .75em 0;
width: 6em;
text-shadow: none;
}
.glyph_big {
font-size: 128px;
color: #59c5dc;
float: left;
margin-right: 20px;
}
.glyph div { padding-bottom: 10px;}
.glyph input {
font-family: consolas, monospace;
font-size: 12px;
width: 100%;
text-align: center;
border: 0;
box-shadow: 0 0 0 1px #ccc;
padding: .2em;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.centered {
margin-left: auto;
margin-right: auto;
}
.glyph .fs1 {
font-size: 2em;
}@font-face {
font-family: 'themify';
src:url(//betterbegoing.com/wp-content/themes/solion/fonts/themify.eot?-fvbane);
src:url(//betterbegoing.com/wp-content/themes/solion/fonts/themify.eot?#iefix-fvbane) format('embedded-opentype'),
url(//betterbegoing.com/wp-content/themes/solion/fonts/themify.woff?-fvbane) format('woff'),
url(//betterbegoing.com/wp-content/themes/solion/fonts/themify.ttf?-fvbane) format('truetype'),
url(//betterbegoing.com/wp-content/themes/solion/fonts/themify.svg?-fvbane#themify) format('svg');
font-weight: normal;
font-style: normal;
}
[class^="ti-"], [class*=" ti-"] {
font-family: 'themify';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.ti-wand:before {
content: "\e600";
}
.ti-volume:before {
content: "\e601";
}
.ti-user:before {
content: "\e602";
}
.ti-unlock:before {
content: "\e603";
}
.ti-unlink:before {
content: "\e604";
}
.ti-trash:before {
content: "\e605";
}
.ti-thought:before {
content: "\e606";
}
.ti-target:before {
content: "\e607";
}
.ti-tag:before {
content: "\e608";
}
.ti-tablet:before {
content: "\e609";
}
.ti-star:before {
content: "\e60a";
}
.ti-spray:before {
content: "\e60b";
}
.ti-signal:before {
content: "\e60c";
}
.ti-shopping-cart:before {
content: "\e60d";
}
.ti-shopping-cart-full:before {
content: "\e60e";
}
.ti-settings:before {
content: "\e60f";
}
.ti-search:before {
content: "\e610";
}
.ti-zoom-in:before {
content: "\e611";
}
.ti-zoom-out:before {
content: "\e612";
}
.ti-cut:before {
content: "\e613";
}
.ti-ruler:before {
content: "\e614";
}
.ti-ruler-pencil:before {
content: "\e615";
}
.ti-ruler-alt:before {
content: "\e616";
}
.ti-bookmark:before {
content: "\e617";
}
.ti-bookmark-alt:before {
content: "\e618";
}
.ti-reload:before {
content: "\e619";
}
.ti-plus:before {
content: "\e61a";
}
.ti-pin:before {
content: "\e61b";
}
.ti-pencil:before {
content: "\e61c";
}
.ti-pencil-alt:before {
content: "\e61d";
}
.ti-paint-roller:before {
content: "\e61e";
}
.ti-paint-bucket:before {
content: "\e61f";
}
.ti-na:before {
content: "\e620";
}
.ti-mobile:before {
content: "\e621";
}
.ti-minus:before {
content: "\e622";
}
.ti-medall:before {
content: "\e623";
}
.ti-medall-alt:before {
content: "\e624";
}
.ti-marker:before {
content: "\e625";
}
.ti-marker-alt:before {
content: "\e626";
}
.ti-arrow-up:before {
content: "\e627";
}
.ti-arrow-right:before {
content: "\e628";
}
.ti-arrow-left:before {
content: "\e629";
}
.ti-arrow-down:before {
content: "\e62a";
}
.ti-lock:before {
content: "\e62b";
}
.ti-location-arrow:before {
content: "\e62c";
}
.ti-link:before {
content: "\e62d";
}
.ti-layout:before {
content: "\e62e";
}
.ti-layers:before {
content: "\e62f";
}
.ti-layers-alt:before {
content: "\e630";
}
.ti-key:before {
content: "\e631";
}
.ti-import:before {
content: "\e632";
}
.ti-image:before {
content: "\e633";
}
.ti-heart:before {
content: "\e634";
}
.ti-heart-broken:before {
content: "\e635";
}
.ti-hand-stop:before {
content: "\e636";
}
.ti-hand-open:before {
content: "\e637";
}
.ti-hand-drag:before {
content: "\e638";
}
.ti-folder:before {
content: "\e639";
}
.ti-flag:before {
content: "\e63a";
}
.ti-flag-alt:before {
content: "\e63b";
}
.ti-flag-alt-2:before {
content: "\e63c";
}
.ti-eye:before {
content: "\e63d";
}
.ti-export:before {
content: "\e63e";
}
.ti-exchange-vertical:before {
content: "\e63f";
}
.ti-desktop:before {
content: "\e640";
}
.ti-cup:before {
content: "\e641";
}
.ti-crown:before {
content: "\e642";
}
.ti-comments:before {
content: "\e643";
}
.ti-comment:before {
content: "\e644";
}
.ti-comment-alt:before {
content: "\e645";
}
.ti-close:before {
content: "\e646";
}
.ti-clip:before {
content: "\e647";
}
.ti-angle-up:before {
content: "\e648";
}
.ti-angle-right:before {
content: "\e649";
}
.ti-angle-left:before {
content: "\e64a";
}
.ti-angle-down:before {
content: "\e64b";
}
.ti-check:before {
content: "\e64c";
}
.ti-check-box:before {
content: "\e64d";
}
.ti-camera:before {
content: "\e64e";
}
.ti-announcement:before {
content: "\e64f";
}
.ti-brush:before {
content: "\e650";
}
.ti-briefcase:before {
content: "\e651";
}
.ti-bolt:before {
content: "\e652";
}
.ti-bolt-alt:before {
content: "\e653";
}
.ti-blackboard:before {
content: "\e654";
}
.ti-bag:before {
content: "\e655";
}
.ti-move:before {
content: "\e656";
}
.ti-arrows-vertical:before {
content: "\e657";
}
.ti-arrows-horizontal:before {
content: "\e658";
}
.ti-fullscreen:before {
content: "\e659";
}
.ti-arrow-top-right:before {
content: "\e65a";
}
.ti-arrow-top-left:before {
content: "\e65b";
}
.ti-arrow-circle-up:before {
content: "\e65c";
}
.ti-arrow-circle-right:before {
content: "\e65d";
}
.ti-arrow-circle-left:before {
content: "\e65e";
}
.ti-arrow-circle-down:before {
content: "\e65f";
}
.ti-angle-double-up:before {
content: "\e660";
}
.ti-angle-double-right:before {
content: "\e661";
}
.ti-angle-double-left:before {
content: "\e662";
}
.ti-angle-double-down:before {
content: "\e663";
}
.ti-zip:before {
content: "\e664";
}
.ti-world:before {
content: "\e665";
}
.ti-wheelchair:before {
content: "\e666";
}
.ti-view-list:before {
content: "\e667";
}
.ti-view-list-alt:before {
content: "\e668";
}
.ti-view-grid:before {
content: "\e669";
}
.ti-uppercase:before {
content: "\e66a";
}
.ti-upload:before {
content: "\e66b";
}
.ti-underline:before {
content: "\e66c";
}
.ti-truck:before {
content: "\e66d";
}
.ti-timer:before {
content: "\e66e";
}
.ti-ticket:before {
content: "\e66f";
}
.ti-thumb-up:before {
content: "\e670";
}
.ti-thumb-down:before {
content: "\e671";
}
.ti-text:before {
content: "\e672";
}
.ti-stats-up:before {
content: "\e673";
}
.ti-stats-down:before {
content: "\e674";
}
.ti-split-v:before {
content: "\e675";
}
.ti-split-h:before {
content: "\e676";
}
.ti-smallcap:before {
content: "\e677";
}
.ti-shine:before {
content: "\e678";
}
.ti-shift-right:before {
content: "\e679";
}
.ti-shift-left:before {
content: "\e67a";
}
.ti-shield:before {
content: "\e67b";
}
.ti-notepad:before {
content: "\e67c";
}
.ti-server:before {
content: "\e67d";
}
.ti-quote-right:before {
content: "\e67e";
}
.ti-quote-left:before {
content: "\e67f";
}
.ti-pulse:before {
content: "\e680";
}
.ti-printer:before {
content: "\e681";
}
.ti-power-off:before {
content: "\e682";
}
.ti-plug:before {
content: "\e683";
}
.ti-pie-chart:before {
content: "\e684";
}
.ti-paragraph:before {
content: "\e685";
}
.ti-panel:before {
content: "\e686";
}
.ti-package:before {
content: "\e687";
}
.ti-music:before {
content: "\e688";
}
.ti-music-alt:before {
content: "\e689";
}
.ti-mouse:before {
content: "\e68a";
}
.ti-mouse-alt:before {
content: "\e68b";
}
.ti-money:before {
content: "\e68c";
}
.ti-microphone:before {
content: "\e68d";
}
.ti-menu:before {
content: "\e68e";
}
.ti-menu-alt:before {
content: "\e68f";
}
.ti-map:before {
content: "\e690";
}
.ti-map-alt:before {
content: "\e691";
}
.ti-loop:before {
content: "\e692";
}
.ti-location-pin:before {
content: "\e693";
}
.ti-list:before {
content: "\e694";
}
.ti-light-bulb:before {
content: "\e695";
}
.ti-Italic:before {
content: "\e696";
}
.ti-info:before {
content: "\e697";
}
.ti-infinite:before {
content: "\e698";
}
.ti-id-badge:before {
content: "\e699";
}
.ti-hummer:before {
content: "\e69a";
}
.ti-home:before {
content: "\e69b";
}
.ti-help:before {
content: "\e69c";
}
.ti-headphone:before {
content: "\e69d";
}
.ti-harddrives:before {
content: "\e69e";
}
.ti-harddrive:before {
content: "\e69f";
}
.ti-gift:before {
content: "\e6a0";
}
.ti-game:before {
content: "\e6a1";
}
.ti-filter:before {
content: "\e6a2";
}
.ti-files:before {
content: "\e6a3";
}
.ti-file:before {
content: "\e6a4";
}
.ti-eraser:before {
content: "\e6a5";
}
.ti-envelope:before {
content: "\e6a6";
}
.ti-download:before {
content: "\e6a7";
}
.ti-direction:before {
content: "\e6a8";
}
.ti-direction-alt:before {
content: "\e6a9";
}
.ti-dashboard:before {
content: "\e6aa";
}
.ti-control-stop:before {
content: "\e6ab";
}
.ti-control-shuffle:before {
content: "\e6ac";
}
.ti-control-play:before {
content: "\e6ad";
}
.ti-control-pause:before {
content: "\e6ae";
}
.ti-control-forward:before {
content: "\e6af";
}
.ti-control-backward:before {
content: "\e6b0";
}
.ti-cloud:before {
content: "\e6b1";
}
.ti-cloud-up:before {
content: "\e6b2";
}
.ti-cloud-down:before {
content: "\e6b3";
}
.ti-clipboard:before {
content: "\e6b4";
}
.ti-car:before {
content: "\e6b5";
}
.ti-calendar:before {
content: "\e6b6";
}
.ti-book:before {
content: "\e6b7";
}
.ti-bell:before {
content: "\e6b8";
}
.ti-basketball:before {
content: "\e6b9";
}
.ti-bar-chart:before {
content: "\e6ba";
}
.ti-bar-chart-alt:before {
content: "\e6bb";
}
.ti-back-right:before {
content: "\e6bc";
}
.ti-back-left:before {
content: "\e6bd";
}
.ti-arrows-corner:before {
content: "\e6be";
}
.ti-archive:before {
content: "\e6bf";
}
.ti-anchor:before {
content: "\e6c0";
}
.ti-align-right:before {
content: "\e6c1";
}
.ti-align-left:before {
content: "\e6c2";
}
.ti-align-justify:before {
content: "\e6c3";
}
.ti-align-center:before {
content: "\e6c4";
}
.ti-alert:before {
content: "\e6c5";
}
.ti-alarm-clock:before {
content: "\e6c6";
}
.ti-agenda:before {
content: "\e6c7";
}
.ti-write:before {
content: "\e6c8";
}
.ti-window:before {
content: "\e6c9";
}
.ti-widgetized:before {
content: "\e6ca";
}
.ti-widget:before {
content: "\e6cb";
}
.ti-widget-alt:before {
content: "\e6cc";
}
.ti-wallet:before {
content: "\e6cd";
}
.ti-video-clapper:before {
content: "\e6ce";
}
.ti-video-camera:before {
content: "\e6cf";
}
.ti-vector:before {
content: "\e6d0";
}
.ti-themify-logo:before {
content: "\e6d1";
}
.ti-themify-favicon:before {
content: "\e6d2";
}
.ti-themify-favicon-alt:before {
content: "\e6d3";
}
.ti-support:before {
content: "\e6d4";
}
.ti-stamp:before {
content: "\e6d5";
}
.ti-split-v-alt:before {
content: "\e6d6";
}
.ti-slice:before {
content: "\e6d7";
}
.ti-shortcode:before {
content: "\e6d8";
}
.ti-shift-right-alt:before {
content: "\e6d9";
}
.ti-shift-left-alt:before {
content: "\e6da";
}
.ti-ruler-alt-2:before {
content: "\e6db";
}
.ti-receipt:before {
content: "\e6dc";
}
.ti-pin2:before {
content: "\e6dd";
}
.ti-pin-alt:before {
content: "\e6de";
}
.ti-pencil-alt2:before {
content: "\e6df";
}
.ti-palette:before {
content: "\e6e0";
}
.ti-more:before {
content: "\e6e1";
}
.ti-more-alt:before {
content: "\e6e2";
}
.ti-microphone-alt:before {
content: "\e6e3";
}
.ti-magnet:before {
content: "\e6e4";
}
.ti-line-double:before {
content: "\e6e5";
}
.ti-line-dotted:before {
content: "\e6e6";
}
.ti-line-dashed:before {
content: "\e6e7";
}
.ti-layout-width-full:before {
content: "\e6e8";
}
.ti-layout-width-default:before {
content: "\e6e9";
}
.ti-layout-width-default-alt:before {
content: "\e6ea";
}
.ti-layout-tab:before {
content: "\e6eb";
}
.ti-layout-tab-window:before {
content: "\e6ec";
}
.ti-layout-tab-v:before {
content: "\e6ed";
}
.ti-layout-tab-min:before {
content: "\e6ee";
}
.ti-layout-slider:before {
content: "\e6ef";
}
.ti-layout-slider-alt:before {
content: "\e6f0";
}
.ti-layout-sidebar-right:before {
content: "\e6f1";
}
.ti-layout-sidebar-none:before {
content: "\e6f2";
}
.ti-layout-sidebar-left:before {
content: "\e6f3";
}
.ti-layout-placeholder:before {
content: "\e6f4";
}
.ti-layout-menu:before {
content: "\e6f5";
}
.ti-layout-menu-v:before {
content: "\e6f6";
}
.ti-layout-menu-separated:before {
content: "\e6f7";
}
.ti-layout-menu-full:before {
content: "\e6f8";
}
.ti-layout-media-right-alt:before {
content: "\e6f9";
}
.ti-layout-media-right:before {
content: "\e6fa";
}
.ti-layout-media-overlay:before {
content: "\e6fb";
}
.ti-layout-media-overlay-alt:before {
content: "\e6fc";
}
.ti-layout-media-overlay-alt-2:before {
content: "\e6fd";
}
.ti-layout-media-left-alt:before {
content: "\e6fe";
}
.ti-layout-media-left:before {
content: "\e6ff";
}
.ti-layout-media-center-alt:before {
content: "\e700";
}
.ti-layout-media-center:before {
content: "\e701";
}
.ti-layout-list-thumb:before {
content: "\e702";
}
.ti-layout-list-thumb-alt:before {
content: "\e703";
}
.ti-layout-list-post:before {
content: "\e704";
}
.ti-layout-list-large-image:before {
content: "\e705";
}
.ti-layout-line-solid:before {
content: "\e706";
}
.ti-layout-grid4:before {
content: "\e707";
}
.ti-layout-grid3:before {
content: "\e708";
}
.ti-layout-grid2:before {
content: "\e709";
}
.ti-layout-grid2-thumb:before {
content: "\e70a";
}
.ti-layout-cta-right:before {
content: "\e70b";
}
.ti-layout-cta-left:before {
content: "\e70c";
}
.ti-layout-cta-center:before {
content: "\e70d";
}
.ti-layout-cta-btn-right:before {
content: "\e70e";
}
.ti-layout-cta-btn-left:before {
content: "\e70f";
}
.ti-layout-column4:before {
content: "\e710";
}
.ti-layout-column3:before {
content: "\e711";
}
.ti-layout-column2:before {
content: "\e712";
}
.ti-layout-accordion-separated:before {
content: "\e713";
}
.ti-layout-accordion-merged:before {
content: "\e714";
}
.ti-layout-accordion-list:before {
content: "\e715";
}
.ti-ink-pen:before {
content: "\e716";
}
.ti-info-alt:before {
content: "\e717";
}
.ti-help-alt:before {
content: "\e718";
}
.ti-headphone-alt:before {
content: "\e719";
}
.ti-hand-point-up:before {
content: "\e71a";
}
.ti-hand-point-right:before {
content: "\e71b";
}
.ti-hand-point-left:before {
content: "\e71c";
}
.ti-hand-point-down:before {
content: "\e71d";
}
.ti-gallery:before {
content: "\e71e";
}
.ti-face-smile:before {
content: "\e71f";
}
.ti-face-sad:before {
content: "\e720";
}
.ti-credit-card:before {
content: "\e721";
}
.ti-control-skip-forward:before {
content: "\e722";
}
.ti-control-skip-backward:before {
content: "\e723";
}
.ti-control-record:before {
content: "\e724";
}
.ti-control-eject:before {
content: "\e725";
}
.ti-comments-smiley:before {
content: "\e726";
}
.ti-brush-alt:before {
content: "\e727";
}
.ti-youtube:before {
content: "\e728";
}
.ti-vimeo:before {
content: "\e729";
}
.ti-twitter:before {
content: "\e72a";
}
.ti-time:before {
content: "\e72b";
}
.ti-tumblr:before {
content: "\e72c";
}
.ti-skype:before {
content: "\e72d";
}
.ti-share:before {
content: "\e72e";
}
.ti-share-alt:before {
content: "\e72f";
}
.ti-rocket:before {
content: "\e730";
}
.ti-pinterest:before {
content: "\e731";
}
.ti-new-window:before {
content: "\e732";
}
.ti-microsoft:before {
content: "\e733";
}
.ti-list-ol:before {
content: "\e734";
}
.ti-linkedin:before {
content: "\e735";
}
.ti-layout-sidebar-2:before {
content: "\e736";
}
.ti-layout-grid4-alt:before {
content: "\e737";
}
.ti-layout-grid3-alt:before {
content: "\e738";
}
.ti-layout-grid2-alt:before {
content: "\e739";
}
.ti-layout-column4-alt:before {
content: "\e73a";
}
.ti-layout-column3-alt:before {
content: "\e73b";
}
.ti-layout-column2-alt:before {
content: "\e73c";
}
.ti-instagram:before {
content: "\e73d";
}
.ti-google:before {
content: "\e73e";
}
.ti-github:before {
content: "\e73f";
}
.ti-flickr:before {
content: "\e740";
}
.ti-facebook:before {
content: "\e741";
}
.ti-dropbox:before {
content: "\e742";
}
.ti-dribbble:before {
content: "\e743";
}
.ti-apple:before {
content: "\e744";
}
.ti-android:before {
content: "\e745";
}
.ti-save:before {
content: "\e746";
}
.ti-save-alt:before {
content: "\e747";
}
.ti-yahoo:before {
content: "\e748";
}
.ti-wordpress:before {
content: "\e749";
}
.ti-vimeo-alt:before {
content: "\e74a";
}
.ti-twitter-alt:before {
content: "\e74b";
}
.ti-tumblr-alt:before {
content: "\e74c";
}
.ti-trello:before {
content: "\e74d";
}
.ti-stack-overflow:before {
content: "\e74e";
}
.ti-soundcloud:before {
content: "\e74f";
}
.ti-sharethis:before {
content: "\e750";
}
.ti-sharethis-alt:before {
content: "\e751";
}
.ti-reddit:before {
content: "\e752";
}
.ti-pinterest-alt:before {
content: "\e753";
}
.ti-microsoft-alt:before {
content: "\e754";
}
.ti-linux:before {
content: "\e755";
}
.ti-jsfiddle:before {
content: "\e756";
}
.ti-joomla:before {
content: "\e757";
}
.ti-html5:before {
content: "\e758";
}
.ti-flickr-alt:before {
content: "\e759";
}
.ti-email:before {
content: "\e75a";
}
.ti-drupal:before {
content: "\e75b";
}
.ti-dropbox-alt:before {
content: "\e75c";
}
.ti-css3:before {
content: "\e75d";
}
.ti-rss:before {
content: "\e75e";
}
.ti-rss-alt:before {
content: "\e75f";
}.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8; }
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden; }
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box; }
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.mfp-align-top .mfp-container:before {
display: none; }
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045; }
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto; }
.mfp-ajax-cur {
cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out; }
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in; }
.mfp-auto-cursor .mfp-content {
cursor: auto; }
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none; }
.mfp-loading.mfp-figure {
display: none; }
.mfp-hide {
display: none !important; }
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044; }
.mfp-preloader a {
color: #CCC; }
.mfp-preloader a:hover {
color: #FFF; }
.mfp-s-ready .mfp-preloader {
display: none; }
.mfp-s-error .mfp-content {
display: none; }
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
touch-action: manipulation; }
button::-moz-focus-inner {
padding: 0;
border: 0; }
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace; }
.mfp-close:hover,
.mfp-close:focus {
opacity: 1; }
.mfp-close:active {
top: 1px; }
.mfp-close-btn-in .mfp-close {
color: #333; }
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%; }
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap; }
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent; }
.mfp-arrow:active {
margin-top: -54px; }
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1; }
.mfp-arrow:before,
.mfp-arrow:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent; }
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px; }
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7; }
.mfp-arrow-left {
left: 0; }
.mfp-arrow-left:after {
border-right: 17px solid #FFF;
margin-left: 31px; }
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3F3F3F; }
.mfp-arrow-right {
right: 0; }
.mfp-arrow-right:after {
border-left: 17px solid #FFF;
margin-left: 39px; }
.mfp-arrow-right:before {
border-left: 27px solid #3F3F3F; }
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px; }
.mfp-iframe-holder .mfp-close {
top: -40px; }
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000; } img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto; } .mfp-figure {
line-height: 0; }
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444; }
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px; }
.mfp-figure figure {
margin: 0; }
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto; }
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px; }
.mfp-image-holder .mfp-content {
max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer; }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0; }
.mfp-img-mobile img.mfp-img {
padding: 0; }
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0; }
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0; }
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px; }
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0; } }
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75); }
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0; }
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%; }
.mfp-container {
padding-left: 6px;
padding-right: 6px; } }.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(//betterbegoing.com/wp-content/themes/solion/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
 .animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
}
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
-ms-transform: translateY(-15px);
transform: translateY(-15px);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
}
@-webkit-keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
@keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
} @-webkit-keyframes pulse {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes pulse {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes rubberBand {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
30% {
-webkit-transform: scaleX(1.25) scaleY(0.75);
transform: scaleX(1.25) scaleY(0.75);
}
40% {
-webkit-transform: scaleX(0.75) scaleY(1.25);
transform: scaleX(0.75) scaleY(1.25);
}
60% {
-webkit-transform: scaleX(1.15) scaleY(0.85);
transform: scaleX(1.15) scaleY(0.85);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes rubberBand {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
30% {
-webkit-transform: scaleX(1.25) scaleY(0.75);
-ms-transform: scaleX(1.25) scaleY(0.75);
transform: scaleX(1.25) scaleY(0.75);
}
40% {
-webkit-transform: scaleX(0.75) scaleY(1.25);
-ms-transform: scaleX(0.75) scaleY(1.25);
transform: scaleX(0.75) scaleY(1.25);
}
60% {
-webkit-transform: scaleX(1.15) scaleY(0.85);
-ms-transform: scaleX(1.15) scaleY(0.85);
transform: scaleX(1.15) scaleY(0.85);
}
100% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
@-webkit-keyframes shake {
0%, 100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
20%, 40%, 60%, 80% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
}
@keyframes shake {
0%, 100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
transform: translateX(-10px);
}
20%, 40%, 60%, 80% {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg);
}
100% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate(15deg);
-ms-transform: rotate(15deg);
transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
-ms-transform: rotate(5deg);
transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
transform: rotate(-5deg);
}
100% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
}
.swing {
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
10%, 20% {
-webkit-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
-webkit-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg);
}
100% {
-webkit-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
}
@keyframes tada {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
10%, 20% {
-webkit-transform: scale(0.9) rotate(-3deg);
-ms-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale(1.1) rotate(3deg);
-ms-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
-webkit-transform: scale(1.1) rotate(-3deg);
-ms-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg);
}
100% {
-webkit-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
} @-webkit-keyframes wobble {
0% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
transform: translateX(-25%) rotate(-5deg);
}
30% {
-webkit-transform: translateX(20%) rotate(3deg);
transform: translateX(20%) rotate(3deg);
}
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
transform: translateX(-15%) rotate(-3deg);
}
60% {
-webkit-transform: translateX(10%) rotate(2deg);
transform: translateX(10%) rotate(2deg);
}
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
transform: translateX(-5%) rotate(-1deg);
}
100% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
}
@keyframes wobble {
0% {
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
-ms-transform: translateX(-25%) rotate(-5deg);
transform: translateX(-25%) rotate(-5deg);
}
30% {
-webkit-transform: translateX(20%) rotate(3deg);
-ms-transform: translateX(20%) rotate(3deg);
transform: translateX(20%) rotate(3deg);
}
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
-ms-transform: translateX(-15%) rotate(-3deg);
transform: translateX(-15%) rotate(-3deg);
}
60% {
-webkit-transform: translateX(10%) rotate(2deg);
-ms-transform: translateX(10%) rotate(2deg);
transform: translateX(10%) rotate(2deg);
}
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
-ms-transform: translateX(-5%) rotate(-1deg);
transform: translateX(-5%) rotate(-1deg);
}
100% {
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
transform: scale(.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
70% {
-webkit-transform: scale(.9);
transform: scale(.9);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
-ms-transform: scale(.3);
transform: scale(.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
70% {
-webkit-transform: scale(.9);
-ms-transform: scale(.9);
transform: scale(.9);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
-ms-transform: translateY(30px);
transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
-ms-transform: translateX(30px);
transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
-ms-transform: translateX(-30px);
transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
-ms-transform: translateY(10px);
transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
25% {
-webkit-transform: scale(.95);
transform: scale(.95);
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
opacity: 0;
-webkit-transform: scale(.3);
transform: scale(.3);
}
}
@keyframes bounceOut {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
25% {
-webkit-transform: scale(.95);
-ms-transform: scale(.95);
transform: scale(.95);
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
100% {
opacity: 0;
-webkit-transform: scale(.3);
-ms-transform: scale(.3);
transform: scale(.3);
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
}
@keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
0% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
-ms-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
-ms-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
-ms-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
-ms-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
-ms-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
@keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
@keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
transform: translateX(-20%) skewX(30deg);
opacity: 1;
}
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
transform: translateX(0%) skewX(-15deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
}
@keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
-ms-transform: translateX(-20%) skewX(30deg);
transform: translateX(-20%) skewX(30deg);
opacity: 1;
}
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
-ms-transform: translateX(0%) skewX(-15deg);
transform: translateX(0%) skewX(-15deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(0%) skewX(0deg);
-ms-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
-ms-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(-200deg);
-ms-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0;
}
}
@keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(200deg);
-ms-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes slideInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes slideInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slideInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slideInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}
@-webkit-keyframes slideInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes slideInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
}
@keyframes slideOutDown {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40% {
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
80% {
-webkit-transform: rotate(60deg) translateY(0);
transform: rotate(60deg) translateY(0);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
100% {
-webkit-transform: translateY(700px);
transform: translateY(700px);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate(80deg);
-ms-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40% {
-webkit-transform: rotate(60deg);
-ms-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
80% {
-webkit-transform: rotate(60deg) translateY(0);
-ms-transform: rotate(60deg) translateY(0);
transform: rotate(60deg) translateY(0);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
100% {
-webkit-transform: translateY(700px);
-ms-transform: translateY(700px);
transform: translateY(700px);
opacity: 0;
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge;
} @-webkit-keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
}
@keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
-ms-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
} @-webkit-keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg);
transform: translateX(100%) rotate(120deg);
}
}
@keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg);
-ms-transform: translateX(100%) rotate(120deg);
transform: translateX(100%) rotate(120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
transform: scale(.3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
-ms-transform: scale(.3);
transform: scale(.3);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale(.1) translateY(-2000px);
transform: scale(.1) translateY(-2000px);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
60% {
opacity: 1;
-webkit-transform: scale(.475) translateY(60px);
transform: scale(.475) translateY(60px);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
}
@keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale(.1) translateY(-2000px);
-ms-transform: scale(.1) translateY(-2000px);
transform: scale(.1) translateY(-2000px);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
60% {
opacity: 1;
-webkit-transform: scale(.475) translateY(60px);
-ms-transform: scale(.475) translateY(60px);
transform: scale(.475) translateY(60px);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
0% {
opacity: 0;
-webkit-transform: scale(.1) translateX(-2000px);
transform: scale(.1) translateX(-2000px);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
60% {
opacity: 1;
-webkit-transform: scale(.475) translateX(48px);
transform: scale(.475) translateX(48px);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
}
@keyframes zoomInLeft {
0% {
opacity: 0;
-webkit-transform: scale(.1) translateX(-2000px);
-ms-transform: scale(.1) translateX(-2000px);
transform: scale(.1) translateX(-2000px);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
60% {
opacity: 1;
-webkit-transform: scale(.475) translateX(48px);
-ms-transform: scale(.475) translateX(48px);
transform: scale(.475) translateX(48px);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
0% {
opacity: 0;
-webkit-transform: scale(.1) translateX(2000px);
transform: scale(.1) translateX(2000px);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
60% {
opacity: 1;
-webkit-transform: scale(.475) translateX(-48px);
transform: scale(.475) translateX(-48px);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
}
@keyframes zoomInRight {
0% {
opacity: 0;
-webkit-transform: scale(.1) translateX(2000px);
-ms-transform: scale(.1) translateX(2000px);
transform: scale(.1) translateX(2000px);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
60% {
opacity: 1;
-webkit-transform: scale(.475) translateX(-48px);
-ms-transform: scale(.475) translateX(-48px);
transform: scale(.475) translateX(-48px);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
0% {
opacity: 0;
-webkit-transform: scale(.1) translateY(2000px);
transform: scale(.1) translateY(2000px);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
60% {
opacity: 1;
-webkit-transform: scale(.475) translateY(-60px);
transform: scale(.475) translateY(-60px);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
}
@keyframes zoomInUp {
0% {
opacity: 0;
-webkit-transform: scale(.1) translateY(2000px);
-ms-transform: scale(.1) translateY(2000px);
transform: scale(.1) translateY(2000px);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
60% {
opacity: 1;
-webkit-transform: scale(.475) translateY(-60px);
-ms-transform: scale(.475) translateY(-60px);
transform: scale(.475) translateY(-60px);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
0% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
opacity: 0;
-webkit-transform: scale(.3);
transform: scale(.3);
}
100% {
opacity: 0;
}
}
@keyframes zoomOut {
0% {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
50% {
opacity: 0;
-webkit-transform: scale(.3);
-ms-transform: scale(.3);
transform: scale(.3);
}
100% {
opacity: 0;
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale(.475) translateY(-60px);
transform: scale(.475) translateY(-60px);
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translateY(2000px);
transform: scale(.1) translateY(2000px);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale(.475) translateY(-60px);
-ms-transform: scale(.475) translateY(-60px);
transform: scale(.475) translateY(-60px);
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translateY(2000px);
-ms-transform: scale(.1) translateY(2000px);
transform: scale(.1) translateY(2000px);
-webkit-transform-origin: center bottom;
-ms-transform-origin: center bottom;
transform-origin: center bottom;
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale(.475) translateX(42px);
transform: scale(.475) translateX(42px);
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translateX(-2000px);
transform: scale(.1) translateX(-2000px);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale(.475) translateX(42px);
-ms-transform: scale(.475) translateX(42px);
transform: scale(.475) translateX(42px);
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translateX(-2000px);
-ms-transform: scale(.1) translateX(-2000px);
transform: scale(.1) translateX(-2000px);
-webkit-transform-origin: left center;
-ms-transform-origin: left center;
transform-origin: left center;
}
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale(.475) translateX(-42px);
transform: scale(.475) translateX(-42px);
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translateX(2000px);
transform: scale(.1) translateX(2000px);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale(.475) translateX(-42px);
-ms-transform: scale(.475) translateX(-42px);
transform: scale(.475) translateX(-42px);
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translateX(2000px);
-ms-transform: scale(.1) translateX(2000px);
transform: scale(.1) translateX(2000px);
-webkit-transform-origin: right center;
-ms-transform-origin: right center;
transform-origin: right center;
}
}
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale(.475) translateY(60px);
transform: scale(.475) translateY(60px);
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translateY(-2000px);
transform: scale(.1) translateY(-2000px);
-webkit-transform-origin: center top;
transform-origin: center top;
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale(.475) translateY(60px);
-ms-transform: scale(.475) translateY(60px);
transform: scale(.475) translateY(60px);
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translateY(-2000px);
-ms-transform: scale(.1) translateY(-2000px);
transform: scale(.1) translateY(-2000px);
-webkit-transform-origin: center top;
-ms-transform-origin: center top;
transform-origin: center top;
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
}@media (min-width:768px) {
.nav-box .container, 
.nav-box .container-lg, 
.nav-box .container-md, 
.nav-box .container-sm, 
.nav-box .container-xl {
max-width: 720px;
width: 720px;
}
}
@media (min-width:992px) {
.nav-box .container, 
.nav-box .container-lg, 
.nav-box .container-md, 
.nav-box .container-sm, 
.nav-box .container-xl {
max-width: 960px;
width: 960px;
}
}
@media (min-width:1200px) {
.nav-box .container, 
.nav-box .container-lg, 
.nav-box .container-md, 
.nav-box .container-sm, 
.nav-box .container-xl {
max-width: 1140px;
width: 1140px;
}
}
.navbar .container, 
.navbar .container-fluid, 
.navbar .container-lg, 
.navbar .container-md, 
.navbar .container-sm, 
.navbar .container-xl {
display: block;
}
@media (min-width: 768px) {
.navbar .navbar-right .dropdown-menu {
right: 0;
left: auto;
}
.navbar .navbar-right .dropdown-menu-left {
right: auto;
left: 0;
}
}
header .container-full {
position: relative;
padding: 0;
}
nav.navbar.bootsnav.nav-box .navbar-brand {
padding-left: 0;
}
.navbar {
display: block;
position: relative;
min-height: 50px;
margin-bottom: 20px;
border: 1px solid transparent;
padding: 0;
}
.navbar-nav .dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 5px 0;
margin-top: 0;
font-size: 14px;
text-align: left;
list-style: none;
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, .15);
border-radius: 4px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.navbar .navbar-collapse.collapse {
display: block !important;
height: auto !important;
padding-bottom: 0;
overflow: visible !important;
flex: inherit;
}
.dropdown-toggle::after {
display: inline;
margin: 0;
border: none;
vertical-align: inherit;
}
.nav {
padding-left: 0;
margin-bottom: 0;
list-style: none;
display: block;
}
.nav > li {
position: relative;
display: block;
}
.nav > li > a {
position: relative;
display: block;
padding: 10px 15px;
}
.nav > li > a:hover,
.nav > li > a:focus {
text-decoration: none;
background-color: #eee;
}
.nav > li.disabled > a {
color: #777;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
color: #777;
text-decoration: none;
cursor: not-allowed;
background-color: transparent;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
background-color: #eee;
border-color: #337ab7;
}
.nav .nav-divider {
height: 1px;
margin: 9px 0;
overflow: hidden;
background-color: #e5e5e5;
}
.nav > li > a > img {
max-width: none;
}
.nav-tabs .dropdown-menu {
margin-top: -1px;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.navbar {
position: relative;
min-height: 50px;
margin-bottom: 20px;
border: 1px solid transparent;
}
@media (min-width: 768px) {
.navbar {
border-radius: 4px;
}
}
@media (min-width: 768px) {
.navbar-header {
float: left;
}
}
.navbar .attr-nav form {
border: 1px solid #e7e7e7;
position: relative;
margin: 14px 0;
margin-left: 10px;
min-width: 250px;
border-radius: 30px;
}
.navbar .attr-nav form button {
position: absolute;
right: 2px;
top: 2px;
height: 46px;
width: 46px;
background: #086AD8;
color: #ffffff;
border-radius: 50%;
}
.navbar .attr-nav .contact {
display: flex;
align-items: center;
padding: 20px 0;
}
.navbar .attr-nav .contact strong {
display: block;
color: #0e2b3d;
font-weight: 700;
}
.navbar .attr-nav .contact i {
font-size: 40px;
margin-right: 15px;
padding-right: 15px;
border-right: 1px solid #e7e7e7;
}
.navbar .attr-nav .contact p {
margin: 0;
font-size: 15px;
line-height: 25px;
}
.navbar .attr-nav form input {
border: none;
box-shadow: inherit;
border-radius: 30px;
padding-left: 20px;
}
.navbar-brand {
float: left;
height: 50px;
padding: 15px 15px;
font-size: 18px;
line-height: 20px;
}
.navbar-brand:hover,
.navbar-brand:focus {
text-decoration: none;
}
.navbar-brand > img {
display: block;
}
@media (min-width: 768px) {
.navbar > .container .navbar-brand,
.navbar > .container-fluid .navbar-brand {
margin-left: -15px;
}
}
@media only screen and (max-width: 1199px) {
.navbar .attr-nav .contact {
display: none;
}
}
.navbar-toggle {
position: relative;
float: right;
padding: 9px 10px;
margin-top: 8px;
margin-right: 15px;
margin-bottom: 8px;
background-color: transparent;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}
.navbar-toggle:focus {
outline: 0;
}
.navbar-toggle .icon-bar {
display: block;
width: 22px;
height: 2px;
border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
margin-top: 4px;
}
@media (min-width: 768px) {
.navbar-toggle {
display: none;
}
}
.navbar-nav {
margin: 7.5px -15px;
}
.navbar-nav > li > a {
padding-top: 10px;
padding-bottom: 10px;
line-height: 20px;
}
@media (max-width: 767px) {
.navbar-nav .open .dropdown-menu {
position: static;
float: none;
width: auto;
margin-top: 0;
background-color: transparent;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.navbar-nav .open .dropdown-menu > li > a,
.navbar-nav .open .dropdown-menu .dropdown-header {
padding: 5px 15px 5px 25px;
}
.navbar-nav .open .dropdown-menu > li > a {
line-height: 20px;
}
.navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-nav .open .dropdown-menu > li > a:focus {
background-image: none;
}
}
@media (min-width: 768px) {
.navbar-nav {
float: left;
margin: 0;
}
.navbar-nav > li {
float: left;
}
.navbar-nav > li > a {
padding-top: 15px;
padding-bottom: 15px;
}
}
@media (min-width: 768px) {
.navbar-left {
float: left !important;
}
.navbar-right {
float: right !important;
margin-right: -15px;
}
.navbar-right ~ .navbar-right {
margin-right: 0;
}
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
top: auto;
bottom: 100%;
margin-bottom: 2px;
}
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after {
display: table;
content: " ";
}
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after {
clear: both;
} nav.bootsnav .dropdown.megamenu-fw {
position: static;
}
nav.bootsnav .container {
position: relative;
}
nav.bootsnav .megamenu-fw .dropdown-menu {
left: auto;
}
nav.bootsnav .megamenu-content {
padding: 15px;
width: 100% !important;
}
nav.bootsnav.nav-box .container {
position: relative;
padding: 0 30px;
}
nav.bootsnav.nav-box .dropdown-menu {
left: -15px;
}
nav.bootsnav .megamenu-content .title {
color: #333333;
font-weight: 600;
margin-top: 0;
text-transform: uppercase;
margin-bottom: 10px;
font-size: 14px;
}
nav.bootsnav .dropdown.megamenu-fw .dropdown-menu {
left: 0;
right: 0;
}
.navbar .side .widget > a {
border-radius: 30px;
}
.navbar .side .widget .contact li {
display: flex;
margin-bottom: 25px;
}
.navbar .side .widget .contact li:last-child {
margin-bottom: 0;
}
.navbar .side .widget .contact li .icon {
padding-right: 15px;
}
.navbar .side .widget .contact li .icon, 
.navbar .side .widget .contact li .info {
display: table-cell;
vertical-align: middle;
}
.navbar .side .widget .contact li .icon i {
color: #086AD8;
font-size: 30px;
display: inline-block;
text-align: center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
font-weight: 500;
}
.navbar .side .widget .contact li .icon i.fa-phone {
font-weight: 600;
}
.navbar .side .widget .contact li .info span {
display: block;
font-family: 'Inter', sans-serif;
font-weight: 600;
line-height: 20px;
text-transform: uppercase;
font-size: 14px;
width: 100%;
margin-bottom: 5px;
color: #0e2b3d;
}
.navbar-collapse {
padding: 0;
}
nav.navbar .quote-btn a {
color: #0e2b3d;
display: inline-block;
font-size: 12px;
font-weight: 600;
border: 2px solid #086AD8;
text-transform: uppercase;
top: -2px;
letter-spacing: 0.6px;
}
nav.navbar .quote-btn {
margin-top: -4px;
} nav.navbar .navbar-brand {
height: auto !important;
}
nav.navbar.bootsnav.logo-less .navbar-brand {
display: none;
}
nav.navbar.navbar-default.logo-less .navbar-collapse {
margin-left: -15px;
}
nav.navbar.bootsnav.navbar-default.navbar-fixed.inc-topbar {
margin-top: 0;
}
.navbar-default.navbar.navbar-sidebar.bg-dark .social-share {
padding: 0 30px;
}
nav.bootsnav.navbar-sidebar.bg-dark ul.nav li.dropdown ul.dropdown-menu li a, 
nav.bootsnav.navbar-sidebar.bg-dark ul.nav li.dropdown a, 
nav.bootsnav.navbar-sidebar.bg-dark ul.nav li.dropdown h6 {
color: #cccccc;
}
.attr-nav ul.cart-list li.total a {
background: #086AD8 none repeat scroll 0 0;
display: inline-block;
font-weight: 600 !important;
padding: 12px 15px;
color: #ffffff !important;
}
.attr-nav ul.cart-list li.total a:hover {
background: #086AD8 none repeat scroll 0 0 !important;
color: #ffffff !important;
}
nav.navbar.bootsnav {
background-color: #fff;
border-radius: 0;
border: none;
box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.04);
-moz-box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.04);
-webkit-box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.04);
-o-box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.04);
margin: 0;
}
nav.bg-dark.navbar.bootsnav {
background-color: #1c1c1c;
border: medium none !important;
margin: 0;
}
nav.navbar.bootsnav ul.nav > li > a {
color: #333333;
background-color: transparent !important;
text-transform: uppercase;
font-weight: 600;
font-size: 14px;
}
nav.navbar.bootsnav.bg-dark ul.nav > li > a {
color: #ffffff;
}
nav.navbar.bootsnav ul.nav li.megamenu-fw > a:hover, 
nav.navbar.bootsnav ul.nav li.megamenu-fw > a:focus, 
nav.navbar.bootsnav ul.nav li.active > a:hover, 
nav.navbar.bootsnav ul.nav li.active > a:focus, 
nav.navbar.bootsnav ul.nav li.active > a {
background-color: transparent;
}
nav.navbar.bootsnav .navbar-toggle {
background-color: transparent !important;
border: none;
padding: 0;
font-size: 18px;
position: relative;
top: 5px;
}
nav.navbar.bootsnav ul.nav .dropdown-menu .dropdown-menu {
top: 0;
left: 100%;
}
nav.navbar.bootsnav ul.nav ul.dropdown-menu > li > a {
white-space: normal;
}
ul.menu-col {
padding: 0;
margin: 0;
list-style: none;
}
ul.menu-col li a {
color: #333333;
}
ul.menu-col li a:hover, ul.menu-col li a:focus {
text-decoration: none;
}
#navbar-menu {
-webkit-animation-duration: .3s;
animation-duration: .3s;
}
nav.bootsnav.navbar-full {
padding-bottom: 10px;
padding-top: 10px;
}
nav.bootsnav.navbar-full .navbar-header {
display: block;
width: 100%;
}
nav.bootsnav.navbar-full .navbar-toggle {
display: inline-block;
margin-right: 0;
position: relative;
top: 20px;
font-size: 24px;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
nav.bootsnav.navbar-full .navbar-collapse {
position: fixed;
width: 100%;
height: 100% !important;
top: 0;
left: 0;
padding: 0;
display: none !important;
z-index: 9;
}
nav.bootsnav.navbar-full .navbar-collapse.in,
nav.bootsnav.navbar-full .navbar-collapse.show {
display: block !important;
}
nav.bootsnav.navbar-full .navbar-collapse .nav-full {
overflow: auto;
}
nav.bootsnav.navbar-full .navbar-collapse .wrap-full-menu {
display: table-cell;
vertical-align: middle;
background-color: #fff;
overflow: auto;
}
nav.bootsnav.navbar-full .navbar-collapse .nav-full::-webkit-scrollbar {
width: 0;
}
nav.bootsnav.navbar-full .navbar-collapse .nav-full::-moz-scrollbar {
width: 0;
}
nav.bootsnav.navbar-full .navbar-collapse .nav-full::-ms-scrollbar {
width: 0;
}
nav.bootsnav.navbar-full .navbar-collapse .nav-full::-o-scrollbar {
width: 0;
}
nav.bootsnav.navbar-full .navbar-collapse ul.nav {
display: block;
width: 100%;
overflow: auto;
}
nav.bootsnav.navbar-full .navbar-collapse ul.nav a:hover, 
nav.bootsnav.navbar-full .navbar-collapse ul.nav a:focus, 
nav.bootsnav.navbar-full .navbar-collapse ul.nav a {
background-color: transparent;
}
nav.bootsnav.navbar-full .navbar-collapse ul.nav > li {
float: none;
display: block;
text-align: center;
}
nav.bootsnav.navbar-full .navbar-collapse ul.nav > li > a {
display: table;
margin: auto;
text-transform: uppercase;
font-weight: bold;
letter-spacing: normal;
font-size: 14px;
padding: 15px 15px;
}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a .badge {
padding: 3px 10px;
font-weight: 600;
margin-left: 4px;
background: #086AD8;
color: #ffffff;
border-radius: 5px;
}
nav.bootsnav.navbar-full .navbar-collapse ul.nav > li > a:hover {
letter-spacing: 7px;
}
nav.bootsnav.navbar-full .navbar-collapse ul.nav > li.close-full-menu > a:hover {
letter-spacing: normal;
}
li.close-full-menu > a {
padding-top: 0px !important;
padding-bottom: 0px !important;
}
li.close-full-menu > a i {
font-size: 32px;
}
li.close-full-menu {
padding-top: 30px !important;
padding-bottom: 30px !important;
}
.attr-nav {
display: inline-block;
float: right;
margin-left: 30px;
}
nav.navbar.attr-border .attr-nav {
margin-left: 30px;
padding-left: 15px;
min-height: 90px;
}
.bootsnav .side .widget.social li.facebook a {
background: #3b5998 none repeat scroll 0 0;
}
.bootsnav .side .widget.social li.twitter a {
background: #1da1f2 none repeat scroll 0 0;
}
.bootsnav .side .widget.social li.pinterest a {
background: #bd081c none repeat scroll 0 0;
}
.bootsnav .side .widget.social li.g-plus a {
background: #db4437 none repeat scroll 0 0;
}
.bootsnav .side .widget.social li.linkedin a {
background: #0077b5 none repeat scroll 0 0;
}
.bootsnav .side .widget.social li.dribbble a {
background: #ea4c89 none repeat scroll 0 0;
}
nav.navbar.attr-border.bootsnav.sticked .attr-nav {
min-height: 80px;
}
.attr-nav > ul {
padding: 0;
margin: 0 0 -17px 0;
list-style: none;
display: inline-block;
}
nav.navbar.attr-border .attr-nav {
margin-left: 15px;
min-height: 90px;
padding-left: 10px;
position: relative;
z-index: 1;
}
nav.navbar.attr-border .attr-nav::before {
background: #e7e7e7 none repeat scroll 0 0;
content: "";
height: 30px;
left: 0;
margin-top: -15px;
position: absolute;
top: 50%;
width: 1px;
}
.attr-nav > ul li.dropdown ul.dropdown-menu {
margin-top: 0;
}
.attr-nav > ul > li {
float: left;
display: block;
}
.attr-nav > ul > li > a {
color: #333333;
display: block;
padding: 32px 0 !important;
position: relative;
}
.attr-nav > ul > li.button-border > a {
border: 2px solid #086AD8;
font-size: 16px;
padding: 10px 25px !important;
border-radius: 5px;
text-transform: capitalize;
}
.attr-nav > ul > li.button-border {
padding: 19px 0;
margin-left: 10px;
}
.attr-nav > a {
margin-top: 25px;
}
.attr-nav > ul > li > a span.badge {
background-color: #086AD8;
color: #ffffff;
height: 20px;
line-height: 20px;
margin-top: -5px;
padding: 0;
position: absolute;
right: 0;
text-align: center;
top: 0;
width: 20px;
}
.color-yellow .attr-nav > ul > li > a span.badge {
background-color: #ff9800;
}
.attr-nav > ul > li.dropdown ul.dropdown-menu {
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
-o-border-radius: 0px;
border-radius: 0px;
-moz-box-shadow: 0px 0px 0px;
-webkit-box-shadow: 0px 0px 0px;
-o-box-shadow: 0px 0px 0px;
box-shadow: 0px 0px 0px;
border: solid 1px #e0e0e0;
}
ul.cart-list {
padding: 0 !important;
width: 250px !important;
}
ul.cart-list > li {
position: relative;
border-bottom: solid 1px #efefef;
padding: 30px;
}
ul.cart-list > li > a.photo {
padding: 0 !important;
margin-right: 15px;
float: left;
display: block;
width: 50px;
height: 50px;
left: 15px;
top: 15px;
}
ul.cart-list > li img {
border: 1px solid #e7e7e7;
height: 50px;
padding: 3px;
width: 50px;
}
ul.cart-list > li > h6 {
margin: 0;
font-size: 14px;
}
ul.cart-list > li > h6 > a.photo {
padding: 0 !important;
display: block;
}
ul.cart-list > li > p {
margin-bottom: 0;
}
ul.cart-list > li.total {
background-color: #f5f5f5;
font-family: 'Inter', sans-serif;
}
ul.cart-list > li.total > .btn {
display: inline-block;
border: none !important;
height: auto !important;
}
ul.cart-list > li .price {
font-family: 'Inter', sans-serif;
font-weight: bold;
}
ul.cart-list > li .price:hover {
box-shadow: inherit;
}
ul.cart-list > li.total > span {
padding-top: 0;
font-weight: 600;
margin-bottom: 15px;
display: block;
}
.navbar.bg-dark .top-search {
background: #086AD8 none repeat scroll 0 0;
}
.top-search form {
overflow: hidden;
position: relative;
}
.top-search form button {
background: transparent none repeat scroll 0 0;
border: medium none;
box-shadow: inherit;
color: #666666;
height: 50px;
position: absolute;
right: 0;
text-align: center;
top: 0;
width: 50px;
z-index: 9;
}
.top-search {
background-color: #ffffff;
border: medium none;
border-radius: 30px;
box-shadow: 0 10px 40px -15px rgba(0, 0, 0, 0.5);
display: none;
height: 50px;
position: absolute;
right: 10px;
top: 90px;
z-index: 99;
border: 1px solid #e7e7e7;
}
nav.bootsnav.navbar-default.small-pad .top-search {
top: 90px;
}
nav.bootsnav.navbar-default.small-pad.logo-less .top-search {
top: 75px;
}
nav.bootsnav.navbar-default.nav-box .top-search {
right: 30px;
}
.top-search input.form-control {
background-color: transparent;
border: medium none !important;
box-shadow: inherit;
color: #1c1c1c;
min-width: 300px;
padding: 0 20px;
}
.top-search .input-group-addon {
background-color: transparent;
border: medium none;
color: #666666;
padding-left: 0;
padding-right: 0;
position: absolute;
right: 20px;
top: 10px;
z-index: 9;
}
.top-search .input-group-addon.close-search {
cursor: pointer;
}
body {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.side {
position: fixed;
overflow-y: auto;
top: 0;
right: -400px;
width: 400px;
padding: 50px;
height: 100%;
display: block;
background-color: #ffffff;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
z-index: 9;
box-shadow: 0 15px 40px -5px rgba(0, 0, 0, 0.1);
}
.side.on {
right: -16px;
}
.body-overlay {
background: rgba(0, 0, 0, 0.65) none repeat scroll 0 0;
bottom: 0;
height: 0;
left: 0;
opacity: 0;
position: fixed;
right: 0;
transition: opacity 0.4s ease 0.8s, height 0s ease 1.2s;
z-index: 490;
}
body.on-side .body-overlay {
height: 100%;
transition: height 0s ease 0s, opacity 0.4s ease 0s;
}
body.on-side .body-overlay {
opacity: 1;
top: 0;
}
.side .close-side {
border-radius: 50%;
color: #f44336;
float: right;
font-size: 20px;
font-weight: 400;
height: 40px;
line-height: 38px;
position: relative;
text-align: center;
top: -30px;
width: 40px;
z-index: 2;
}
.color-yellow .side .close-side {
color: #ff9800;
}
.side.barber .close-side {
border-color: #bc9355;
color: #bc9355;
}
.navbar .side .widget.social li {
display: inline-block;
}
.navbar .side .widget li a {
color: #0e2b3d;
}
.navbar .side .widget li a:hover {
color: #086AD8;
}
nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:hover::after {
content: "\f106";
}
nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle::after {
content: "\f107";
font-family: "Font Awesome 5 Free";
margin-left: 5px;
margin-top: 2px;
border: none;
font-weight: 600;
transition: all 0.35s ease-in-out;
}
.navbar .side .widget.social li a {
color: #ffffff;
display: inline-block;
font-weight: 600;
height: 40px;
line-height: 42px;
margin-right: 5px;
margin-top: 5px;
padding: 0;
text-align: center;
width: 40px;
border-radius: 5px;
font-size: 13px;
}
.navbar .side .widget.social li a:hover {
background: #086AD8 none repeat scroll 0 0;
color: #ffffff;
}
.navbar.color-yellow .side .widget.social li a:hover {
background: #ff9800 none repeat scroll 0 0;
}
.navbar .side .widget li {
display: block;
font-family: 'Inter', sans-serif;
font-size: 15px;
margin-bottom: 15px;
}
.navbar .side .widget.opening-hours li {
border-bottom: 1px solid #e7e7e7;
font-size: 14px;
font-weight: 600;
margin-bottom: 10px;
padding-bottom: 10px;
text-transform: uppercase;
}
.navbar .side .widget.opening-hours li:last-child {
border: medium none;
margin: 0;
padding: 0;
}
.navbar .side .widget li span {
float: right;
}
.navbar .side.barber .widget li i {
background: #bc9355 none repeat scroll 0 0;
}
.bootsnav .side .widget.search input {
border: 1px solid #e7e7e7;
box-shadow: inherit;
width: 100%;
}
.navbar .side .widget li:last-child {
margin: 0;
}
.navbar .side .widget h4 {
display: block;
font-weight: 600;
margin-bottom: 25px;
padding-bottom: 15px;
position: relative;
text-transform: capitalize;
z-index: 1;
border-bottom: 1px dashed #dddddd;
}
.navbar .widget .address {
padding-top: 5px;
}
.navbar .side .address li {
display: block;
}
.navbar .side .address li .icon, 
.navbar .side .address li .info {
display: table-cell;
vertical-align: middle;
}
.navbar .side .address li .icon i {
background: #f4f4f4 none repeat scroll 0 0;
border: 1px solid #e7e7e7;
border-radius: 5px;
color: #086AD8;
font-size: 20px;
height: 50px;
line-height: 48px;
text-align: center;
width: 50px;
}
.navbar .side .address li .info span {
color: #0e2b3d;
display: block;
float: none;
font-weight: 600;
text-transform: uppercase;
}
.navbar .side .address li .info {
padding-left: 15px;
}
.navbar .side .widget .profile-thumb img {
border: 2px solid #e7e7e7;
height: 150px;
margin-top: 10px;
padding: 3px;
width: 150px;
}
.side .widget {
position: relative;
z-index: 1;
margin-bottom: 50px;
}
.side .widget:last-child {
margin-bottom: 0;
}
.side img {
margin-bottom: 20px;
}
.side .widget .title {
margin-bottom: 15px;
}
.side .widget ul.link {
padding: 0;
margin: 0;
list-style: none;
}
.side .widget ul.link li a {
color: #086AD8;
display: block;
font-weight: bold;
letter-spacing: 1px;
padding: 5px 0;
text-transform: uppercase;
}
.color-yellow .side .widget ul.link li a {
color: #ff9800;
}
.side .widget ul.link li a:focus, 
.side .widget ul.link li a:hover {
color: #fff;
text-decoration: none;
}
nav.navbar.bootsnav .share {
padding: 0 30px;
margin-bottom: 30px;
}
nav.navbar.bootsnav .share ul {
display: inline-block;
padding: 0;
margin: 0 0 -7px 0;
list-style: none;
}
nav.navbar.bootsnav .share ul > li {
float: left;
display: block;
margin-right: 5px;
}
nav.navbar.bootsnav .share ul > li > a {
border-radius: 3px;
display: inline-block;
margin-right: 20px;
text-align: center;
vertical-align: middle;
}
nav.navbar.bootsnav .share.dark ul > li > a {
background-color: #086AD8;
color: #ffffff;
}
nav.navbar.bootsnav.color-yellow .share.dark ul > li > a {
background-color: #ff9800;
}
nav.navbar.bootsnav .share ul > li > a:hover {
color: #086AD8;
}
nav.navbar.bootsnav.color-yellow .share ul > li > a:hover {
color: #ff9800;
}
nav.navbar.bootsnav.navbar-fixed {
display: block;
position: fixed;
width: 100%;
z-index: 100;
box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.04);
-moz-box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.04);
-webkit-box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.04);
-o-box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.04);
top: 0;
}
nav.navbar.bootsnav.navbar-fixed.nav-box.no-background {
top: 50px;
width: auto;
left: auto;
}
nav.navbar.bootsnav.navbar-fixed.nav-box.no-background.inc-top-bar {
top: 90px;
}
nav.navbar.bootsnav.navbar-fixed.nav-box.no-background .navbar-collapse {
background: #ffffff;
}
nav.navbar.bootsnav.navbar-fixed.nav-box.no-background ul.nav > li > a, 
nav.navbar.bootsnav.navbar-fixed.nav-box.no-background .attr-nav > ul > li > a {
color: #333333;
}
nav.navbar.bootsnav.navbar-fixed.nav-box {
left: 0;
top: 0;
width: 100%;
}
nav.navbar.bootsnav.navbar-fixed.no-background {
display: block;
position: absolute;
width: 100%;
z-index: 100;
box-shadow: 0 0 0;
-moz-box-shadow: 0 0 0;
-webkit-box-shadow: 0 0 0;
-o-box-shadow: 0 0 0;
}
nav.navbar.bootsnav {
z-index: 100;
}
.wrap-sticky {
position: relative;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.wrap-sticky nav.navbar.bootsnav {
position: absolute;
width: 100%;
left: 0;
top: 0;
margin: 0;
}
.wrap-sticky nav.navbar.bootsnav.sticked {
position: fixed;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
top: 0;
}
@media (min-width: 1024px) and (max-width: 1400px) {
body.wrap-nav-sidebar .wrapper .container {
width: 100%;
padding-left: 30px;
padding-right: 30px;
}
}
@media (min-width: 1024px) and (max-width: 1200px) {
nav.navbar.bootsnav ul.nav > li > a {
padding: 35px 12px !important;
}
nav.navbar.bootsnav.sticked ul.nav > li > a {
padding: 30px 12px !important;
}
}
@media (min-width: 1024px) {
.navbar .container > .nav-box {
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.navbar.dark .container > .nav-box {
border-bottom: 1px solid #e7e7e7;
}
.navbar.no-background .attr-nav i {
color: #ffffff;
}
.navbar.no-background.dark .attr-nav i {
color: #232323;
}
.navbar.no-background .attr-nav p {
color: #ffffff;
}
.navbar.no-background .attr-nav p strong {
color: #ffffff;
}
nav.navbar.bootsnav.bg-theme {
background: #086AD8;
}
.attr-nav.extra-color > ul > li {
margin-left: 15px;
padding: 20px 0;
}
.navbar.no-background .attr-nav.extra-color > ul > li > a {
color: #ffffff;
}
.attr-nav.extra-color > ul > li.side-menu > a {
display: inline-block;
padding: 0 !important;
background: #ffffff;
color: #086AD8 !important;
border-radius: 50%;
height: 50px;
width: 50px;
text-align: center;
line-height: 50px;
box-shadow: 0 0 10px #cccccc;
}
nav.navbar.bootsnav.navbar-fixed.nav-box .attr-nav {
padding-right: 30px;
}
nav.navbar.bootsnav.navbar-fixed.nav-box.no-background .navbar-collapse {
padding-left: 15px;
} nav.navbar.navbar-default.bootsnav.navbar-fixed-light.no-background {
background: #ffffff;
box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.04);
}
nav.navbar.navbar-default.bootsnav.navbar-fixed-light::after {
position: absolute;
left: 0;
top: 0;
content: "";
height: 100%;
width: 15%;
background: #086AD8;
z-index: -1;
}
nav.navbar.navbar-default.bootsnav.navbar-fixed-light .logo-responsive {
display: none;
}
nav.navbar.navbar-default.bootsnav.navbar-fixed-light a.navbar-brand {
position: relative;
z-index: 1;
padding-left: 0;
padding-right: 30px;
}
nav.navbar.navbar-default.bootsnav.navbar-fixed-light a.navbar-brand::before {
position: absolute;
right: 0;
top: 0;
content: "";
height: 93px;
width: 500%;
background: #086AD8;
z-index: -1;
}
nav.navbar.bootsnav ul.nav .dropdown-menu .dropdown-menu {
margin-top: -2px;
}
nav.navbar.bootsnav ul.nav.navbar-right .dropdown-left .dropdown-menu .dropdown-menu {
left: -200px;
}
nav.navbar.bootsnav ul.nav.navbar-right .dropdown-menu {
right: auto;
}
nav.navbar.bootsnav ul.nav.navbar-right .dropdown-left .dropdown-menu {
right: 0;
left: auto;
}
nav.navbar.bootsnav ul.nav > li > a {
font-size: 13px;
letter-spacing: 0.06em;
padding: 35px 15px;
text-transform: uppercase;
}
nav.navbar.bootsnav ul.nav > li > a.active {
color: #086AD8;
}
.eastern-blue nav.navbar.bootsnav ul.nav > li > a.active {
color: #1baaa0;
}
.orange nav.navbar.bootsnav ul.nav > li > a.active {
color: #FF5621;
}
nav.navbar.bootsnav.active-bg ul.nav > li > a.active {
background: #086AD8 !important;
}
nav.navbar.bootsnav.active-border ul.nav > li > a.active {
position: relative;
z-index: 1;
}
nav.navbar.bootsnav.active-border ul.nav > li > a.active::before {
bottom: -2px;
position: absolute;
left: 10%;
content: "";
height: 0px;
width: 80%;
border-bottom: 3px solid #086AD8;
}
nav.navbar.bootsnav.small-pad ul.nav > li > a {
padding: 35px 15px !important;
}
nav.navbar.bootsnav.small-pad.logo-less ul.nav > li > a {
padding: 30px 15px !important;
}
nav.navbar.bootsnav.bg-theme ul.nav > li > a {
color: #ffffff;
}
nav.navbar.bootsnav.bg-theme ul.nav > li > a:hover {
color: #ffffff;
}
nav.bootsnav.small-pad .attr-nav > ul > li {
padding: 25px 0;
}
nav.bootsnav.bg-theme .attr-nav > ul > li,
nav.bootsnav.bg-theme .attr-nav > ul > li a {
color: #ffffff;
}
nav.bootsnav.small-pad.logo-less .attr-nav > ul > li {
padding: 17px 0;
}
.navbar.bootsnav.bg-theme .attr-nav li.quote-btn a {
background: #ffffff;
padding: 10px 35px !important;
color: #086AD8;
position: relative;
top: 0;
}
.navbar.bootsnav.bg-theme .attr-nav li.quote-btn {
padding: 13px 0;
margin: 0;
}
nav.navbar.small-pad .attr-nav {
min-height: inherit;
}
nav.navbar.bootsnav .navbar-brand {
padding: 15px 15px;
}
.container-full a.navbar-brand {
padding-left: 0 !important;
}
nav.navbar.bootsnav ul.nav > li.active > a {
color: #086AD8;
}
nav.navbar.bootsnav.color-yellow ul.nav > li.active > a {
color: #ff9800;
}
nav.navbar.bootsnav.barber ul.nav > li.active > a {
color: #bc9355;
}
nav.navbar.bootsnav.active-full ul.nav > li > a.active,
nav.navbar.bootsnav.active-full ul.nav > li > a:hover {
background: #086AD8 none repeat scroll 0 0 !important;
color: #ffffff;
}
nav.navbar.bootsnav.active-full.color-yellow ul.nav > li > a.active,
nav.navbar.bootsnav.active-full.color-yellow ul.nav > li > a:hover {
background: #ff9800 none repeat scroll 0 0 !important;
}
nav.navbar.bootsnav.active-full ul.nav > li.active > a:hover {
color: #ffffff;
}
nav.navbar.bootsnav ul.nav > li > a:hover {
color: #086AD8;
}
.eastern-blue nav.navbar.bootsnav ul.nav > li > a:hover {
color: #1baaa0;
}
.orange nav.navbar.bootsnav ul.nav > li > a:hover {
color: #FF5621;
}
.cornflower-blue nav.navbar.bootsnav ul.nav > li > a:hover {
color: #634ded;
}
nav.navbar.bootsnav.color-yellow ul.nav > li > a:hover {
color: #ff9800;
}
nav.navbar.bootsnav.barber ul.nav > li > a:hover {
color: #bc9355;
}
nav.op-nav.bootsnav ul.nav.navbar-nav li a {
text-transform: uppercase;
}
.social-links.sl-default a {
border: 1px solid #ffffff;
color: #ffffff;
display: inline-block;
float: left;
height: 30px;
line-height: 30px;
margin-bottom: 5px;
margin-right: 5px;
text-align: center;
width: 30px;
}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu {
background: #fff none repeat scroll 0 0;
border: 1px solid transparent;
border-radius: 2px;
box-shadow: 0 5px 50px 0 rgba(0, 0, 0, 0.15);
padding: 0;
width: 250px;
}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu.cart-list {
left: auto;
min-width: 400px;
right: 0;
border: none !important;
margin-top: -5px;
box-shadow: 0 5px 50px 0 rgba(0, 0, 0, 0.15);
}
nav.navbar.bootsnav.navbar-sticky.sticked li.dropdown ul.dropdown-menu.cart-list {
margin-top: -8px;
}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li a:hover, 
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li a:hover {
background-color: transparent;
}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a {
padding: 12px 15px;
border-bottom: solid 1px #f5f5f5;
color: #333333;
font-weight: 600;
text-transform: capitalize;
display: block;
}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li:last-child > a {
border-bottom: none;
}
nav.navbar.bootsnav ul.navbar-right li.dropdown ul.dropdown-menu li a {
color: #333333;
display: block;
font-size: 14px;
margin-bottom: 0;
padding: 10px 15px;
text-align: left;
text-transform: capitalize;
width: 100%;
}
nav.navbar.bootsnav ul.navbar-right li.dropdown ul.dropdown-menu li a:hover {
color: #086AD8;
}
nav.navbar.bootsnav.color-yellow ul.navbar-right li.dropdown ul.dropdown-menu li a:hover {
color: #ff9800;
}
nav.navbar.bootsnav ul.navbar-left li.dropdown ul.dropdown-menu li a:hover {
color: #086AD8;
}
nav.navbar.bootsnav.color-yellow ul.navbar-left li.dropdown ul.dropdown-menu li a:hover {
color: #ff9800;
}
nav.navbar.bootsnav ul.navbar-right li.dropdown.dropdown-left ul.dropdown-menu li a {
text-align: right;
}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu li.dropdown > a.dropdown-toggle:before {
font-family: 'Font Awesome 5 Free';
font-weight: 600;
float: right;
content: "\f105";
margin-top: 0;
}
nav.navbar.bootsnav ul.navbar-right li.dropdown ul.dropdown-menu li.dropdown > a.dropdown-toggle:before {
font-family: 'Font Awesome 5 Free';
font-weight: 600;
float: right;
content: "\f105";
margin-top: 0;
}
nav.navbar.bootsnav ul.navbar-right li.dropdown.dropdown-left ul.dropdown-menu li.dropdown > a.dropdown-toggle:before {
font-family: 'Font Awesome 5 Free';
font-weight: 600;
float: left;
content: "\f104";
margin-top: 0;
}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu ul.dropdown-menu {
top: -1px;
}
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content {
padding: 0 15px !important;
}
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content > li {
padding: 25px 0 20px;
}
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content.tabbed {
padding: 0;
}
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content.tabbed > li {
padding: 0;
}
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .col-menu {
padding: 0 30px;
margin: 0 -0.5px;
border-left: solid 1px #f0f0f0;
border-right: solid 1px #f0f0f0;
}
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .col-menu:first-child {
border-left: none;
}
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .col-menu:last-child {
border-right: none;
}
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content {
display: none;
}
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a {
border-bottom: medium none;
color: #333333;
display: block;
font-size: 14px;
font-weight: 600;
margin-bottom: 0;
padding: 8px 0;
text-align: left;
text-transform: capitalize;
width: 100%;
}
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a:hover {
padding-left: 10px;
}
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a:hover {
color: #086AD8;
}
nav.navbar.bootsnav.color-yellow ul.dropdown-menu.megamenu-content .content ul.menu-col li a:hover {
color: #ff9800;
}
nav.navbar.bootsnav.on ul.dropdown-menu.megamenu-content .content {
display: block !important;
height: auto !important;
}
nav.navbar.bootsnav.no-background {
background-color: transparent;
border: none;
}
nav.navbar.navbar-default.inc-border.navbar-fixed.no-background.bootsnav {
border-bottom: 1px solid #e7e7e7;
}
nav.navbar.bootsnav.navbar-transparent .attr-nav {
padding-left: 15px;
margin-left: 30px;
}
nav.navbar.bootsnav.navbar-transparent.white {
background-color: rgba(255, 255, 255, 0.3);
border-bottom: solid 1px #bbb;
}
nav.navbar.navbar-inverse.bootsnav.navbar-transparent.dark, 
nav.navbar.bootsnav.navbar-transparent.dark {
background-color: rgba(0, 0, 0, 0.3);
border-bottom: solid 1px #555;
}
nav.navbar.bootsnav.navbar-transparent.white .attr-nav {
border-left: solid 1px #bbb;
}
nav.navbar.navbar-inverse.bootsnav.navbar-transparent.dark .attr-nav, 
nav.navbar.bootsnav.navbar-transparent.dark .attr-nav {
border-left: solid 1px #555;
}
nav.navbar.bootsnav.no-background.white .attr-nav > ul > li > a, 
nav.navbar.bootsnav.navbar-transparent.white .attr-nav > ul > li > a, 
nav.navbar.bootsnav.navbar-transparent.white ul.nav > li > a, 
nav.navbar.bootsnav.no-background.white ul.nav > li > a {
color: #fff;
}
nav.navbar.bootsnav.navbar-transparent.dark .attr-nav > ul > li > a, 
nav.navbar.bootsnav.navbar-transparent.dark ul.nav > li > a {
color: #eee;
}
nav.navbar.bootsnav.navbar-fixed.navbar-transparent .logo-scrolled, 
nav.navbar.bootsnav.navbar-fixed.no-background .logo-scrolled {
display: none;
}
nav.navbar.bootsnav.navbar-fixed.navbar-transparent .logo-display, 
nav.navbar.bootsnav.navbar-fixed.no-background .logo-display {
display: block;
}
nav.navbar.bootsnav.navbar-fixed .logo-display {
display: none;
}
nav.navbar.bootsnav.navbar-fixed .logo-scrolled {
display: block;
}
.attr-nav > ul > li.dropdown ul.dropdown-menu {
margin-top: 0;
margin-left: 55px;
width: 250px;
left: -250px;
}
.eastern-blue .attr-nav.attr-bg {
position: relative;
z-index: 1;
padding-left: 25px;
}
.eastern-blue .attr-nav.attr-bg::after {
top: 0;
left: 0;
content: "";
position: absolute;
height: 100%;
width: 400px;
background: #1baaa0;
z-index: -1;
}
.eastern-blue .attr-nav.attr-bg a {
color: #ffffff;
}
nav.navbar.bootsnav.menu-center .container {
position: relative;
}
nav.navbar .container-full {
padding: 0;
}
nav.navbar.bootsnav.menu-center ul.nav.navbar-center {
float: none;
margin: 0 auto;
display: table;
table-layout: fixed;
}
nav.navbar.bootsnav.menu-center .attr-nav {
right: 15px;
}
nav.bootsnav.navbar-brand-top .navbar-header {
display: block;
width: 100%;
text-align: center;
}
nav.bootsnav.navbar-brand-top ul.nav > li.dropdown > ul.dropdown-menu {
margin-top: 0px;
}
nav.bootsnav.navbar-brand-top ul.nav > li.dropdown.megamenu-fw > ul.dropdown-menu {
margin-top: 0;
}
nav.bootsnav.navbar-brand-top .navbar-header .navbar-brand {
display: inline-block;
float: none;
margin: 0;
}
nav.bootsnav.navbar-brand-top .navbar-collapse {
text-align: center;
}
nav.bootsnav.navbar-brand-top ul.nav {
display: inline-block;
float: none;
margin: 0 0 -5px 0;
}
nav.bootsnav.brand-center .navbar-header {
display: block;
width: 100%;
position: absolute;
text-align: center;
top: 0;
left: 0;
}
nav.bootsnav.brand-center .navbar-brand {
display: inline-block;
float: none;
}
nav.bootsnav.brand-center.center-side .navbar-brand {
display: inline-block;
float: none;
padding: 15px 0;
}
nav.bootsnav.brand-center .navbar-collapse {
text-align: center;
display: inline-block;
padding-left: 0;
padding-right: 0;
}
nav.bootsnav.brand-center ul.nav > li.dropdown > ul.dropdown-menu {
margin-top: 0px;
}
nav.bootsnav.brand-center ul.nav > li.dropdown.megamenu-fw > ul.dropdown-menu {
margin-top: 0;
}
nav.bootsnav.brand-center .navbar-collapse .col-half {
width: 50%;
float: left;
display: block;
}
nav.bootsnav.brand-center .navbar-collapse .col-half.left {
text-align: right;
padding-right: 100px;
}
nav.bootsnav.brand-center .navbar-collapse .col-half.right {
text-align: left;
padding-left: 100px;
}
nav.bootsnav.brand-center ul.nav {
float: none !important;
margin-bottom: -5px !important;
display: inline-block !important;
}
nav.bootsnav.brand-center ul.nav.navbar-right {
margin: 0;
}
nav.bootsnav.brand-center.center-side .navbar-collapse .col-half.left {
text-align: left;
padding-right: 100px;
}
nav.bootsnav.brand-center.center-side .navbar-collapse .col-half.right {
text-align: right;
padding-left: 100px;
}
body.wrap-nav-sidebar .wrapper {
padding-left: 260px;
overflow-x: hidden;
}
nav.bootsnav.navbar-sidebar {
position: fixed;
width: 260px;
overflow: hidden;
left: 0;
padding: 0 0 0 0 !important;
background: #fff;
-moz-box-shadow: 1px 0px 1px 0px #eee;
-webkit-box-shadow: 1px 0px 1px 0px #eee;
-o-box-shadow: 1px 0px 1px 0px #eee;
box-shadow: 1px 0px 1px 0px #eee;
}
nav.bootsnav.navbar-sidebar.bg-dark {
background: #fff none repeat scroll 0 0;
-moz-box-shadow: 1px 0 6px 0 #040914;
-webkit-box-shadow: 1px 0 6px 0 #040914;
-o-box-shadow: 1px 0 6px 0 #040914;
box-shadow: 1px 0 6px 0 #040914;
left: 0;
overflow: hidden;
padding: 0 !important;
position: fixed;
width: 260px;
}
nav.bootsnav.navbar-sidebar.bg-dark {
background-color: #1c1c1c;
}
nav.bootsnav.navbar-sidebar .scroller {
width: 280px;
overflow-y: auto;
overflow-x: hidden;
}
nav.bootsnav.navbar-sidebar .container-fluid, 
nav.bootsnav.navbar-sidebar .container {
padding: 0 !important;
}
nav.bootsnav.navbar-sidebar .navbar-header {
float: none;
display: block;
width: 260px;
padding: 10px 15px;
margin: 10px 0 0 0 !important;
}
nav.bootsnav.navbar-sidebar .navbar-collapse {
padding: 0 !important;
width: 260px;
}
nav.bootsnav.navbar-sidebar ul.nav {
float: none;
display: block;
width: 100%;
padding: 0 15px !important;
margin: 0 0 30px 0;
}
nav.bootsnav.navbar-sidebar ul.nav li {
float: none !important;
}
nav.bootsnav.navbar-sidebar ul.nav > li {
border-bottom: 1px solid #eeeeee;
}
nav.bootsnav.navbar-sidebar.bg-dark ul.nav > li {
border-bottom: 1px solid #0f1a20;
}
nav.bootsnav.navbar-sidebar ul.nav > li > a {
padding: 10px 15px;
}
nav.bootsnav.navbar-sidebar.bg-dark ul.nav > li > a {
color: #ffffff;
}
nav.bootsnav.navbar-sidebar ul.nav > li > a:hover {
color: #086AD8;
}
nav.bootsnav.navbar-sidebar.color-yellow ul.nav > li > a:hover {
color: #ff9800;
}
nav.bootsnav.navbar-sidebar ul.nav > li.dropdown > a:after {
float: right;
}
nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu {
left: 100%;
top: 0;
position: relative !important;
left: 0 !important;
width: 100% !important;
height: auto !important;
background-color: transparent;
border: none !important;
padding: 0;
-moz-box-shadow: 0px 0px 0px;
-webkit-box-shadow: 0px 0px 0px;
-o-box-shadow: 0px 0px 0px;
box-shadow: 0px 0px 0px;
}
nav.bootsnav.navbar-sidebar ul.nav .megamenu-content .col-menu {
border: none !important;
}
nav.bootsnav.navbar-sidebar ul.nav > li.dropdown > ul.dropdown-menu {
margin-bottom: 15px;
}
nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu {
padding-left: 15px;
float: none;
margin-bottom: 0;
}
nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu li a {
padding: 10px 15px;
color: #333333;
border: none;
}
nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu ul.dropdown-menu {
padding-left: 15px;
margin-top: 0;
}
nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu li.dropdown > a:before {
font-family: 'FontAwesome';
content: "\f105";
float: right;
}
nav.bootsnav.navbar-sidebar ul.nav li.dropdown.on ul.dropdown-menu li.dropdown.on > a:before {
content: "\f107";
}
nav.bootsnav.navbar-sidebar ul.dropdown-menu.megamenu-content > li {
padding: 0 !important;
}
nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu {
display: block;
float: none !important;
padding: 0;
margin: 0;
width: 100%;
}
nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu .title {
padding: 7px 0;
text-transform: none;
font-weight: 400;
letter-spacing: 0px;
margin-bottom: 0;
cursor: pointer;
color: #333333;
text-transform: uppercase;
}
nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu .title:before {
font-family: 'FontAwesome';
content: "\f105";
float: right;
}
nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu.on .title:before {
content: "\f107";
}
nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu {
border: none;
}
nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu .content {
padding: 0 0 0 15px;
}
nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu ul.menu-col li a {
padding: 3px 0 !important;
}
}
@media (max-width: 1023px) {
.attr-nav {
margin-right: 0;
}
.attr-nav > ul > li.button {
padding: 8px 0 !important;
}
.attr-nav > ul > li.button a {
padding: 12px 40px !important;
}
.top-bar-area .item-flex.border-less > div.social {
display: none;
}
nav.bootsnav.navbar-default.small-pad .top-search {
top: 70px;
}
nav.navbar.bootsnav .navbar-brand {
display: inline-block;
float: none !important;
margin: 0 !important;
}
nav.navbar.bootsnav .navbar-header {
float: none;
display: block;
text-align: center;
padding-left: 30px;
padding-right: 30px;
}
nav.navbar.bootsnav .navbar-toggle {
display: inline-block;
float: left;
margin-right: -200px;
margin-top: 15px;
}
nav.navbar.bootsnav.navbar-fixed.no-background {
box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.04);
}
nav.navbar.bootsnav.navbar-fixed .navbar-toggle {
margin-top: 16px;
}
nav.bootsnav .container-full {
padding: 0 15px;
}
nav.navbar.bootsnav.navbar-fixed img {
position: relative;
top: 0;
}
nav.navbar.nav-box.bootsnav.navbar-fixed img {
top: 0;
}
nav.navbar.bootsnav.small-pad {
min-height: 60px;
}
nav.navbar.bootsnav.attr-border .navbar-header {
min-height: 60px;
}
nav.navbar.bootsnav.logo-less .navbar-brand {
display: inline-block;
}
nav.navbar.bootsnav.navbar-default.navbar-fixed.navbar-transparent.inc-topbar {
margin-top: 47px;
}
.navbar-brand > img {
height: 40px !important;
}
nav.navbar.bootsnav.navbar-transparent.pad-top {
background: #ffffff none repeat scroll 0 0 !important;
border-bottom: none !important;
margin-top: 0 !important;
}
nav.navbar.bootsnav.attr-border .navbar-header {
border-bottom: 1px solid #e7e7e7;
}
nav.navbar.attr-border .attr-nav,
nav.navbar.bootsnav.sticked.attr-border .attr-nav {
height: 60px;
min-height: 60px;
}
nav.navbar .quote-btn {
margin-top: 0;
}
.top-search {
top: 70px;
}
nav.bootsnav.navbar-default.small-pad.logo-less .top-search {
top: 70px;
}
.navbar.navbar-fixed .top-search {
top: 68px;
}
nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle::after {
display: none;
}
.attr-nav > ul > li {
padding: 13px 0 !important;
}
.attr-nav > ul > li.button-border {
padding: 8px 0 !important;
margin-left: 20px;
}
.attr-nav > ul > li.search {
padding: 2px 0 !important;
margin-left: 10px;
}
.attr-nav > ul > li.side-menu {
padding: 2px 0 !important;
margin-left: 15px;
}
nav.navbar.attr-border .attr-nav::before {
margin-top: -12px;
}
.language-switcher .dropdown-toggle {
padding: 0 !important;
margin-right: 10px;
}
.language-switcher .dropdown-menu {
margin-top: 10px;
}
.navbar.navbar-fixed.transparent .attr-nav > ul > li {
padding: 20px 0 !important;
}
nav.navbar-transparent .attr-nav > ul > li.contact {
color: #0e2b3d !important;
}
nav.navbar.navbar-default.bootsnav.navbar-fixed-light .logo.default {
display: none;
}
nav.navbar-transparent .attr-nav > ul > li.contact i {
color: #0e2b3d !important;
}
header nav.navbar.border.bootsnav.navbar-fixed.no-background ul li a {
margin-left: 0;
}
nav.bootsnav.navbar-default.info-topbar .navbar-header {
display: block !important;
}
nav.bootsnav.navbar-default.info-topbar ul li a.active::after {
display: none;
}
nav.bootsnav.navbar-default.info-topbar ul li a::after {
display: none;
}
.attr-nav > ul > li > a {
padding: 17px 0 !important;
}
.top-bar-area .logo {
display: none;
}
.top-bar-area.shadow::after {
display: none;
}
.top-bar-area .info {
text-align: center;
}
nav.navbar.shadow.navbar-inverse.bootsnav.navbar-transparent.dark, 
nav.navbar.shadow.bootsnav.navbar-transparent.dark {
background-color: #ffffff !important;
border-bottom: medium none navy;
}
.navbar-default.bootsnav.navbar-sidebar.bg-dark .social-share {
padding: 20px 0;
}
.attr-nav > ul li.dropdown ul.dropdown-menu {
margin-top: -8px !important;
}
nav.navbar.bootsnav.no-background.wt-bar {
background-color: #ffffff;
margin: 0;
position: relative;
top: 0 !important;
}
.topbar-area.com.bg-transparent {
border-bottom: 1px solid #e7e7e7 !important;
position: relative !important;
}
.topbar-area.com.bg-transparent.text-light a {
color: #333333 !important;
}
nav.bg-dark.navbar.bootsnav .navbar-toggle {
color: #ffffff;
}
nav.bg-dark.navbar.bootsnav ul.nav > li > a {
background-color: transparent;
color: #333333 !important;
}
nav.navbar.bootsnav ul.nav li.dropdown > ul.dropdown-menu {
box-shadow: inherit !important;
}
nav.navbar.bootsnav ul.nav li.dropdown > ul.dropdown-menu li > a {
border-bottom: 1px solid #e7e7e7 !important;
font-weight: 600;
}
nav.bootsnav.nav-box .dropdown-menu {
left: 0;
}
nav.navbar.bootsnav ul.nav li.dropdown > ul.dropdown-menu li:hover > a {
background-color: transparent !important;
color: #086AD8 !important;
}
nav.navbar.bootsnav.color-yellow ul.nav li.dropdown > ul.dropdown-menu li:hover > a {
color: #ff9800 !important;
}
nav.bg-dark.navbar.bootsnav ul.nav li.dropdown > ul.dropdown-menu li a {
background: transparent none repeat scroll 0 0 !important;
border-bottom: 1px solid #e7e7e7;
color: #333333 !important;
}
nav.bg-dark.navbar.bootsnav ul.nav li.dropdown > ul.dropdown-menu li a:hover {
color: #5cb85c !important;
}
nav.navbar.bootsnav .navbar-collapse.collapse.in,
nav.navbar.bootsnav .navbar-collapse.collapse.show {
background: #ffffff none repeat scroll 0 0;
display: block;
margin-bottom: 30px;
}
nav.bg-dark.navbar.bootsnav .dropdown .megamenu-content .col-menu .title {
border-bottom: 1px solid #e0e0e0;
font-size: 14px;
}
nav.navbar.bootsnav .navbar-collapse {
border: none;
margin-bottom: 0;
}
nav.navbar.bootsnav.no-full .navbar-collapse {
max-height: 350px;
overflow-y: auto !important;
}
nav.navbar.bootsnav .navbar-collapse.collapse {
display: none !important;
}
nav.navbar.bootsnav .navbar-collapse.collapse.in,
nav.navbar.bootsnav .navbar-collapse.collapse.show {
display: block !important;
}
nav.navbar.bootsnav .navbar-nav {
float: none !important;
padding-left: 30px;
padding-right: 30px;
margin: 0px;
}
nav.navbar.bootsnav .navbar-nav > li {
float: none;
}
nav.navbar.bootsnav li.dropdown a.dropdown-toggle:before {
font-family: 'Font Awesome 5 Free';
font-weight: 600;
content: "\f105";
float: right;
font-size: 16px;
margin-left: 10px;
}
nav.navbar.bootsnav li.dropdown.on > a.dropdown-toggle:before {
content: "\f107";
}
nav.navbar.bootsnav .navbar-nav > li > a {
display: block;
width: 100%;
border-bottom: solid 1px #e0e0e0;
padding: 13px 0 !important;
border-top: solid 1px #e0e0e0;
margin-bottom: -1px;
}
nav.navbar.bootsnav .navbar-nav > li:first-child > a {
border-top: none;
}
nav.navbar.bootsnav ul.navbar-nav.navbar-left > li:last-child > ul.dropdown-menu {
border-bottom: solid 1px #e0e0e0;
}
nav.navbar.bootsnav ul.nav li.dropdown li a.dropdown-toggle {
float: none !important;
position: relative;
display: block;
width: 100%;
}
nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu {
width: 100%;
position: relative !important;
background-color: transparent;
float: none;
border: none;
padding: 0 0 0 15px !important;
margin: 0 0 -1px 0 !important;
-moz-box-shadow: 0px 0px 0px;
-webkit-box-shadow: 0px 0px 0px;
-o-box-shadow: 0px 0px 0px;
box-shadow: 0px 0px 0px;
-moz-border-radius: 0px 0px 0px;
-webkit-border-radius: 0px 0px 0px;
-o-border-radius: 0px 0px 0px;
border-radius: 0px 0px 0px;
}
nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a {
border-bottom: 1px solid #e0e0e0;
color: #333333;
display: block;
font-size: 14px;
font-weight: 600;
padding: 10px 0;
text-transform: capitalize;
width: 100%;
}
nav.navbar.bootsnav ul.nav ul.dropdown-menu li a:hover, 
nav.navbar.bootsnav ul.nav ul.dropdown-menu li a:focus {
background-color: transparent;
}
nav.navbar.bootsnav ul.nav ul.dropdown-menu ul.dropdown-menu {
float: none !important;
left: 0;
padding: 0 0 0 15px;
position: relative;
background: transparent;
width: 100%;
}
nav.navbar.bootsnav ul.nav ul.dropdown-menu li.dropdown.on > ul.dropdown-menu {
display: inline-block;
margin-top: -10px;
}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu li.dropdown > a.dropdown-toggle:after {
display: none;
}
nav.navbar.bootsnav .dropdown .megamenu-content .col-menu .title {
padding: 13px 15px 13px 0;
line-height: 24px;
text-transform: none;
font-weight: 400;
letter-spacing: 0px;
margin-bottom: 0;
cursor: pointer;
border-bottom: solid 1px #e0e0e0;
color: #333333;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
}
nav.navbar.bootsnav .dropdown .megamenu-content .col-menu ul > li > a {
display: block;
width: 100%;
border-bottom: solid 1px #e0e0e0;
padding: 10px 0;
}
nav.navbar.bootsnav .dropdown .megamenu-content .col-menu .title::before {
content: "\f105";
float: right;
font-family: "Font Awesome 5 Free";
font-size: 16px;
font-weight: 600;
margin-left: 10px;
position: relative;
right: -15px;
}
nav.navbar.bootsnav .dropdown .megamenu-content .col-menu:last-child .title {
border-bottom: none;
}
nav.navbar.bootsnav .dropdown .megamenu-content .col-menu.on:last-child .title {
border-bottom: solid 1px #e0e0e0;
}
nav.navbar.bootsnav .dropdown .megamenu-content .col-menu:last-child ul.menu-col li:last-child a {
border-bottom: none;
}
nav.navbar.bootsnav .dropdown .megamenu-content .col-menu.on .title:before {
content: "\f107";
}
nav.navbar.bootsnav .dropdown .megamenu-content .col-menu .content {
padding: 0 0 0 15px;
}
nav.bootsnav.brand-center .navbar-collapse {
display: block;
}
nav.bootsnav.brand-center ul.nav {
margin-bottom: 0px !important;
}
nav.bootsnav.brand-center .navbar-collapse .col-half {
width: 100%;
float: none;
display: block;
}
nav.bootsnav.brand-center .navbar-collapse .col-half.left {
margin-bottom: 0;
}
nav.bootsnav .megamenu-content {
padding: 0;
}
nav.bootsnav .megamenu-content .col-menu {
padding-bottom: 0;
}
nav.bootsnav .megamenu-content .title {
cursor: pointer;
display: block;
padding: 10px 15px;
margin-bottom: 0;
font-weight: normal;
}
nav.bootsnav .megamenu-content .content {
display: none;
}
.attr-nav {
position: absolute;
right: 50px;
}
.attr-nav > ul {
padding: 0;
margin: 0 -15px -7px 0;
}
.attr-nav > ul > li > a {
padding: 16px 15px 15px;
}
.attr-nav > ul > li.dropdown > a.dropdown-toggle:before {
display: none;
}
.attr-nav > ul > li.dropdown ul.dropdown-menu {
margin-top: 2px;
margin-left: 55px;
width: 250px;
left: -250px;
border-top: none;
box-shadow: 0 5px 50px 0 rgba(0, 0, 0, 0.15);
}
.attr-nav > ul > li.dropdown {
padding: 5px 0 !important;
}
.attr-nav > ul > li.dropdown > a span.badge {
right: -10px;
top: 10px;
}
.attr-nav > ul > li.dropdown ul.dropdown-menu {
margin-top: 0 !important;
min-width: 300px;
left: auto;
right: 0;
}
.top-search .container {
padding: 0 45px;
}
nav.bootsnav.navbar-full ul.nav {
margin-left: 0;
}
nav.bootsnav.navbar-full ul.nav > li > a {
border: none;
}
nav.bootsnav.navbar-full .navbar-brand {
float: left !important;
padding-left: 0;
}
nav.bootsnav.navbar-full .navbar-toggle {
display: inline-block;
float: right;
margin-right: 0;
margin-top: 10px;
top: 0;
}
nav.bootsnav.navbar-full .navbar-header {
padding-left: 15px;
padding-right: 15px;
}
nav.navbar.bootsnav.navbar-sidebar .share {
padding: 30px 15px;
margin-bottom: 0;
}
nav.navbar.bootsnav .megamenu-content.tabbed {
padding-left: 0 !important;
}
nav.navbar.bootsnav .tabbed > li {
padding: 25px 0;
margin-left: -15px !important;
}
body > .wrapper {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
body.side-right > .wrapper {
margin-left: 280px;
margin-right: -280px !important;
}
nav.navbar.bootsnav.navbar-mobile .navbar-collapse {
position: fixed;
overflow-y: auto !important;
overflow-x: hidden !important;
display: block;
background: #fff;
z-index: 99;
width: 280px;
height: 100% !important;
left: -280px;
top: 0;
padding: 0;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
nav.navbar.bootsnav.navbar-mobile .navbar-collapse.in,
nav.navbar.bootsnav.navbar-mobile .navbar-collapse.show {
left: 0;
}
nav.navbar.bootsnav.navbar-mobile ul.nav {
width: 293px;
padding-right: 0;
padding-left: 15px;
}
nav.navbar.bootsnav.navbar-mobile ul.nav > li > a {
padding: 15px 15px;
}
nav.navbar.bootsnav.navbar-mobile ul.nav ul.dropdown-menu > li > a {
padding-right: 15px !important;
padding-top: 15px !important;
padding-bottom: 15px !important;
}
nav.navbar.bootsnav.navbar-mobile ul.nav ul.dropdown-menu .col-menu .title {
padding-right: 30px !important;
padding-top: 13px !important;
padding-bottom: 13px !important;
}
nav.navbar.bootsnav.navbar-mobile ul.nav ul.dropdown-menu .col-menu ul.menu-col li a {
padding-top: 13px !important;
padding-bottom: 13px !important;
}
nav.navbar.bootsnav.navbar-mobile .navbar-collapse [class*=' col-'] {
width: 100%;
}
nav.navbar.bootsnav.navbar-fixed .logo-scrolled {
display: inline-block !important;
}
nav.navbar.bootsnav.navbar-fixed .logo-display {
display: none !important;
}
nav.navbar.bootsnav.navbar-mobile .tab-menu, 
nav.navbar.bootsnav.navbar-mobile .tab-content {
width: 100%;
display: block;
}
}
@media (max-width: 767px) {
nav.navbar.bootsnav .navbar-header {
padding-left: 15px;
padding-right: 15px;
}
nav.navbar.bootsnav .navbar-nav {
padding-left: 15px;
padding-right: 15px;
margin: 0;
}
.attr-nav {
right: 40px;
}
.attr-nav > ul > li > a {
padding: 16px 10px 15px;
padding-left: 0 !important;
}
.attr-nav > ul > li.dropdown ul.dropdown-menu {
left: -275px;
box-shadow: 0 5px 50px 0 rgba(0, 0, 0, 0.15);
}
.top-search .container {
padding: 0 15px;
}
nav.bootsnav.navbar-full .navbar-collapse {
left: 15px;
}
nav.bootsnav.navbar-full .navbar-header {
padding-right: 0;
}
nav.bootsnav.navbar-full .navbar-toggle {
margin-right: -15px;
}
nav.bootsnav.navbar-full ul.nav > li > a {
font-size: 18px !important;
line-height: 14px !important;
padding: 10px 10px !important;
}
nav.navbar.bootsnav.navbar-sidebar .share {
padding: 30px 15px !important;
}
nav.navbar.bootsnav.navbar-sidebar .share {
padding: 30px 0 !important;
margin-bottom: 0;
}
nav.navbar.bootsnav.navbar-mobile.navbar-sidebar .share {
padding: 30px 15px !important;
margin-bottom: 0;
}
body.side-right > .wrapper {
margin-left: 280px;
margin-right: -280px !important;
}
nav.navbar.bootsnav.navbar-mobile .navbar-collapse {
margin-left: 0;
}
nav.navbar.bootsnav.navbar-mobile ul.nav {
margin-left: -15px;
}
nav.navbar.bootsnav.navbar-mobile ul.nav {
border-top: solid 1px #fff;
}
li.close-full-menu {
padding-top: 15px !important;
padding-bottom: 15px !important;
}
}
@media (min-width: 480px) and (max-width: 640px) {
nav.bootsnav.navbar-full ul.nav {
padding-top: 30px;
padding-bottom: 30px;
}
}
.navbar-brand>img {
display: initial;
height: auto;
}
nav.bootsnav.navbar-default.info-topbar .attr-nav ul li a {
font-size: 16px;
margin-left: 25px;
margin-right: 0;
}
nav.bootsnav.navbar-default.info-topbar.sticked .attr-nav ul li a {
margin-right: 0;
}
nav.navbar.bootsnav.bg-dark .attr-nav > ul > li > a {
color: #ffffff;
}
ul.cart-list > li.total > .btn {
color: #0e2b3d;
padding: 10px 25px !important;
}
@media (min-width: 1024px) {
nav.navbar.bootsnav.navbar-default.navbar-fixed.navbar-transparent.inc-topbar,
nav.navbar.bootsnav.navbar-default.navbar-fixed.no-background.inc-topbar {
margin-top: 60px;
transition: all 0.35s ease-in-out 0s;
}
.attr-nav > ul > li {
padding: 25px 0;
font-size: 18px;
}
.attr-nav > ul.button > li {
padding: 0;
margin-top: 10px;
}
.attr-nav > ul > li.language-switcher {
padding: 10px 0;
}
nav .attr-nav > ul > li.contact {
padding: 31px 0;
margin-left: 30px;
}
nav.navbar-transparent .attr-nav > ul > li.contact {
color: #ffffff;
margin-left: 0;
}
.attr-nav > ul > li.contact i {
margin-right: 10px;
font-size: 25px;
position: relative;
float: left;
color: #086AD8;
top: 3px;
}
nav.navbar-transparent .attr-nav > ul > li.contact i {
color: #ffffff;
}
.attr-nav > ul > li > a {
font-size: 18px;
padding: 8px 10px !important;
}
.attr-nav > ul.button > li > a {
margin-left: 5px;
padding: 20px 40px !important;
font-size: 14px;
text-transform: uppercase;
font-weight: 600;
background: #086AD8;
color: #ffffff;
}
.attr-nav > ul.button > li > a i {
font-weight: 500;
margin-right: 3px;
}
.attr-nav > ul > li.button a {
background: #086AD8;
padding: 20px 40px !important;
font-size: 14px;
text-transform: uppercase;
font-weight: 600;
color: #ffffff;
}
.attr-nav > ul > li.button {
padding: 10px 0;
margin-left: 10px;
}
.attr-nav > ul > li.button a i {
font-weight: 500;
margin-right: 5px;
}
.attr-nav > ul > li.side-menu > a {
padding-right: 0 !important;
}
.attr-nav > ul > li.quote-btn > a {
padding: 8px 35px !important;
margin-left: 5px;
border-radius: 30px;
}
.attr-nav.menu li a {
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
}
.attr-nav.menu li {
margin-left: 10px;
}
.attr-nav.menu li:last-child a {
background: #086AD8 none repeat scroll 0 0;
border-radius: 30px;
color: #ffffff !important;
padding: 5px 20px !important;
}
.color-yellow .attr-nav.menu li:last-child a {
background: #ff9800 none repeat scroll 0 0;
}
nav.navbar ul.nav > li > a {
padding: 30px 15px;
font-weight: 300;
}
nav.navbar .navbar-brand {
margin-top: 0;
}
nav.navbar .navbar-brand {
margin-top: 0;
}
nav.navbar li.dropdown ul.dropdown-menu {
border-top: solid 5px;
}
nav.navbar-center .navbar-brand {
margin: 0 !important;
}
nav.navbar-brand-top .navbar-brand {
margin: 10px !important;
}
nav.navbar-full .navbar-brand {
position: relative;
}
nav.navbar-sidebar ul.nav, 
nav.navbar-sidebar .navbar-brand {
margin-bottom: 50px;
}
nav.navbar-sidebar ul.nav > li > a {
padding: 10px 15px;
font-weight: bold;
}
nav.navbar.bootsnav.navbar-transparent.white {
background: transparent none repeat scroll 0 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
nav.navbar.bootsnav.navbar-transparent.white.barber {
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
background-color: rgba(35, 35, 35, 0.3);
}
nav.navbar.navbar-inverse.bootsnav.navbar-transparent.dark, 
nav.navbar.bootsnav.navbar-transparent.dark {
background-color: rgba(0, 0, 0, 0.3);
border: none;
box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 0.1) inset;
}
nav.navbar.bootsnav.navbar-transparent.white .attr-nav {
border-left: 1px solid rgba(255, 255, 255, 0.1);
min-height: 90px;
}
nav.navbar.bootsnav.navbar-transparent.white .attr-nav.border-less {
border: none;
}
nav.navbar.navbar-inverse.bootsnav.navbar-transparent.dark .attr-nav, 
nav.navbar.bootsnav.navbar-transparent.dark .attr-nav {
border-left: solid 1px rgba(255, 255, 255, 0.1);
min-height: 90px;
}
nav.navbar.bootsnav.no-background.white .attr-nav > ul > li > a, 
nav.navbar.bootsnav.navbar-transparent.white .attr-nav > ul > li > a, 
nav.navbar.bootsnav.navbar-transparent.white ul.nav > li > a, 
nav.navbar.bootsnav.no-background.white ul.nav > li > a {
color: #fff;
}
nav.navbar.bootsnav.navbar-transparent.dark .attr-nav > ul > li > a, 
nav.navbar.bootsnav.navbar-transparent.dark ul.nav > li > a {
color: #eee;
}
}
@media (max-width: 992px) {
nav.navbar .navbar-brand {
margin-top: 0;
position: relative;
}
nav.navbar.navbar-sticky .navbar-brand {
top: 0;
}
nav.navbar.navbar-sidebar .navbar-brand {
top: 0;
}
nav.navbar .navbar-brand img.logo {
height: 30px;
}
.attr-nav > ul > li > a {
padding: 20px 15px 15px;
}
nav.navbar.navbar-mobile ul.nav > li > a {
padding: 15px 15px;
}
nav.navbar.navbar-mobile ul.nav ul.dropdown-menu > li > a {
padding-right: 15px !important;
padding-top: 15px !important;
padding-bottom: 15px !important;
}
nav.navbar.navbar-mobile ul.nav ul.dropdown-menu .col-menu .title {
padding-right: 30px !important;
padding-top: 13px !important;
padding-bottom: 13px !important;
}
nav.navbar.navbar-mobile ul.nav ul.dropdown-menu .col-menu ul.menu-col li a {
padding-top: 13px !important;
padding-bottom: 13px !important;
}
nav.navbar-full .navbar-brand {
top: 0;
padding-top: 10px;
}
}
nav.navbar.navbar-inverse {
background-color: #222;
border-bottom: solid 1px #303030;
}
nav.navbar.navbar-inverse ul.cart-list > li.total > .btn {
border-bottom: solid 1px #222 !important;
}
nav.navbar.navbar-inverse ul.cart-list > li.total .pull-right {
color: #fff;
}
nav.navbar.navbar-inverse.megamenu ul.dropdown-menu.megamenu-content .content ul.menu-col li a, 
nav.navbar.navbar-inverse ul.nav > li > a {
color: #eee;
}
nav.navbar.navbar-inverse ul.nav > li.dropdown > a {
background-color: #222;
}
nav.navbar.navbar-inverse li.dropdown ul.dropdown-menu > li > a {
color: #999;
}
nav.navbar.navbar-inverse ul.nav .dropdown-menu h1, 
nav.navbar.navbar-inverse ul.nav .dropdown-menu h2, 
nav.navbar.navbar-inverse ul.nav .dropdown-menu h3, 
nav.navbar.navbar-inverse ul.nav .dropdown-menu h4, 
nav.navbar.navbar-inverse ul.nav .dropdown-menu h5, 
nav.navbar.navbar-inverse ul.nav .dropdown-menu h6 {
color: #fff;
}
nav.navbar.navbar-inverse .form-control {
background-color: #333;
border-color: #303030;
color: #fff;
}
nav.navbar.navbar-inverse .attr-nav > ul > li > a {
color: #eee;
}
nav.navbar.navbar-inverse .attr-nav > ul > li.dropdown ul.dropdown-menu {
background-color: #222;
border-left: solid 1px #303030;
border-bottom: solid 1px #303030;
border-right: solid 1px #303030;
}
nav.navbar.navbar-inverse ul.cart-list > li {
border-bottom: solid 1px #303030;
color: #eee;
}
nav.navbar.navbar-inverse ul.cart-list > li img {
border: solid 1px #303030;
}
nav.navbar.navbar-inverse ul.cart-list > li.total {
background-color: #333;
}
nav.navbar.navbar-inverse .share ul > li > a {
background-color: #555;
}
nav.navbar.navbar-inverse .dropdown-tabs .tab-menu {
border-right: solid 1px #303030;
}
nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul > li > a {
border-bottom: solid 1px #303030;
}
nav.navbar.navbar-inverse .dropdown-tabs .tab-content {
border-left: solid 1px #303030;
}
nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul > li > a:hover, 
nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul > li > a:focus, 
nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul > li.active > a {
background-color: #333 !important;
}
nav.navbar-inverse.navbar-full ul.nav > li > a {
border: none;
}
nav.navbar-inverse.navbar-full .navbar-collapse .wrap-full-menu {
background-color: #222;
}
nav.navbar-inverse.navbar-full .navbar-toggle {
background-color: #222 !important;
color: #333333;
}
@media (min-width: 1024px) {
nav.navbar.navbar-inverse ul.nav .dropdown-menu {
background-color: #222 !important;
border-left: solid 1px #303030 !important;
border-bottom: solid 1px #303030 !important;
border-right: solid 1px #303030 !important;
}
nav.navbar.navbar-inverse li.dropdown ul.dropdown-menu > li > a {
border-bottom: solid 1px #303030;
}
nav.navbar.navbar-inverse ul.dropdown-menu.megamenu-content .col-menu {
border-left: solid 1px #303030;
border-right: solid 1px #303030;
}
nav.navbar.navbar-inverse.navbar-transparent.dark {
background-color: rgba(0, 0, 0, 0.3);
border-bottom: solid 1px #999;
}
nav.navbar.navbar-inverse.navbar-transparent.dark .attr-nav {
border-left: solid 1px #999;
}
nav.navbar.navbar-inverse.no-background.white .attr-nav > ul > li > a, 
nav.navbar.navbar-inverse.navbar-transparent.dark .attr-nav > ul > li > a, 
nav.navbar.navbar-inverse.navbar-transparent.dark ul.nav > li > a, 
nav.navbar.navbar-inverse.no-background.white ul.nav > li > a {
color: #fff;
}
nav.navbar.navbar-inverse.no-background.dark .attr-nav > ul > li > a, 
nav.navbar.navbar-inverse.no-background.dark .attr-nav > ul > li > a, 
nav.navbar.navbar-inverse.no-background.dark ul.nav > li > a, 
nav.navbar.navbar-inverse.no-background.dark ul.nav > li > a {
color: #3f3f3f;
}
}
@media (max-width: 992px) {
nav.navbar.navbar-inverse .navbar-toggle {
color: #eee;
background-color: #222 !important;
}
nav.navbar.navbar-inverse .navbar-nav > li > a {
border-top: solid 1px #303030;
border-bottom: solid 1px #303030;
}
nav.navbar.navbar-inverse ul.nav li.dropdown ul.dropdown-menu > li > a {
color: #999;
border-bottom: solid 1px #303030;
}
nav.navbar.navbar-inverse .dropdown .megamenu-content .col-menu .title {
border-bottom: solid 1px #303030;
color: #eee;
}
nav.navbar.navbar-inverse .dropdown .megamenu-content .col-menu ul > li > a {
border-bottom: solid 1px #303030;
color: #999 !important;
}
nav.navbar.navbar-inverse .dropdown .megamenu-content .col-menu.on:last-child .title {
border-bottom: solid 1px #303030;
}
nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul {
border-top: solid 1px #303030;
}
nav.navbar.navbar-inverse.navbar-mobile .navbar-collapse {
background-color: #222;
}
}
@media (max-width: 767px) {
nav.navbar.navbar-inverse.navbar-mobile ul.nav {
border-top: solid 1px #222;
}
}
@media (min-width: 1024px) {
.bootsnav.navbar-full.no-background .navbar-toggle {
color: #fff;
}
}
nav.bootsnav.navbar-full .navbar-toggle i {
font-size: 18px;
color: #9a9a9a;
font-weight: bold;
transition: .3s ease;
}
.navbar-toggle-txt {
font-size: 13px;
position: relative;
top: -3px;
font-weight: bold;
color: #9a9a9a;
transition: .3s ease;
}
nav.bootsnav.navbar-full .navbar-toggle:hover i, 
nav.bootsnav.navbar-full .navbar-toggle:hover span {
color: #222;
transition: .3s ease;
}
.top-search .input-group .form-control::-webkit-input-placeholder { color: #666666;
opacity: 1;
}
.top-search .input-group .form-control::-moz-placeholder { color: #666666;
opacity: 1;
}
.top-search .input-group .form-control::-ms-input-placeholder { color: #666666;
opacity: 1;
}
.top-search .input-group .form-control::-moz-placeholder { color: #666666;
opacity: 1;
}
@media only screen and (max-width: 767px) {
nav.navbar.bootsnav.navbar-fixed.nav-box.no-background {
left: 0;
top: 0 !important;
width: 100%;
}
}
body.wrap-nav-sidebar {
height: auto !important;
}
.attr-nav.button li a {
padding: 4px 20px !important;
margin-left: 7px;
text-transform: uppercase;
font-size: 13px;
letter-spacing: 0.06em;
color: #0e2b3d;
box-shadow: 0 0 10px #cccccc;
border-radius: 30px;
}
.attr-nav.button li a i {
margin-right: 3px;
color: #086AD8;
}
.attr-nav.button li a i.fa-user {
font-weight: 500;
}
.attr-nav > ul > li.button a {
background: #086AD8;
color: #ffffff;
}
.attr-nav > ul > li.button a i {
font-weight: 500;
margin-right: 5px;
}
.attr-nav > ul > li.dropdown > a {
font-size: 20px;
}
.attr-nav > ul > li.dropdown > a span.badge {
height: 22px;
width: 22px;
line-height: 22px;
font-size: 14px;
border-radius: 50%;
}* {
padding: 0;
margin: 0;
}
html {
width: 100%;
height: 100%;
position: relative;
overflow: visible;
}
body {
font-family: 'Inter', sans-serif;
font-size: 15px;
font-weight: 400;
line-height: 26px;
overflow-x: hidden;
background-color: #ffffff;
color: #666666;
}
html, body, .wrapper {
height: 100%;
}
h1, h2, h3, h4, h5, h6 {
color: #232323;
font-weight: normal;
line-height: 1.2;
font-family: 'Inter', sans-serif;
letter-spacing: 0;
margin: 0;
}
h1,h2,h3,h4,h5,h6 {
margin-bottom: 15px;
}
h1 {
font-size: 40px;
}
h2 {
font-size: 36px;
}
h3 {
font-size: 27px;
}
h4 {
font-size: 20px;
}
h5 {
font-size: 18px;
}
h6 {
font-size: 14px;
}
img {
border: none;
outline: none;
max-width: 100%;
}
label {
display: inline-block;
font-weight: normal;
margin-bottom: 5px;
max-width: 100%;
}
a, .btn, button {
transition: all 0.35s ease-in-out;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-ms-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
outline: medium none;
font-family: 'Inter', sans-serif;
}
a img, iframe {
border: none;
}
p {
color: #666666;
margin: 0 0 15px;
text-transform: none;
}
hr {
margin-top: 0;
margin-bottom: 0;
border: 0;
border-top: 1px solid #eee;
}
pre {
display: block;
margin: 0 0 30px;
padding: 9.5px;
word-wrap: break-word;
word-break: break-all;
color: #333;
border: 1px solid #ededed;
border-radius: inherit;
background-color: #f9f9f9;
font-size: 13px;
line-height: 1.42857143;
}
input:focus, textarea:focus, 
select:focus {
outline: none;
box-shadow: inherit;
}
ul {
margin: 0;
list-style-type: none;
}
a, a:active, a:focus, a:hover {
outline: none;
text-decoration: none;
color: #0e2b3d;
}
a:hover {
color: #0e2b3d;
}
a {
transition: all 0.35s ease-in-out;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-ms-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
text-decoration: none;
font-family: 'Inter', sans-serif;
font-weight: 600;
}
b, strong {
font-weight: 600;
}
.btn.active, .btn:active {
background-image: inherit !important;
}
.btn.focus, 
.btn:active:focus, 
.btn:active:hover, 
.btn:focus, 
.btn:hover {
outline: 0;
}
.btn.circle {
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
}
.btn.active, .btn:active {
outline: 0;
-webkit-box-shadow: inherit;
box-shadow: inherit;
}
input {
border: 1px solid #e7e7e7;
border-radius: inherit;
box-shadow: inherit;
min-height: 50px;
} .container-medium {
padding: 0 15px;
margin: auto;
max-width: 1400px;
}
.container-full {
padding: 0 15px;
margin: auto;
max-width: 1400px;
}
.container-fill {
padding: 0 15px;
margin: auto;
max-width: 100%;
padding: 0;
}
@media (min-width:576px) {
.container-medium {
max-width: 540px;
}
}
@media (min-width:768px) {
.container-medium {
max-width: 720px;
}
}
@media (min-width:992px) {
.container-medium {
max-width: 960px;
}
}
@media (min-width:1200px) {
.container-medium {
max-width: 1400px;
width: 80%;
}
}
@media (min-width:576px) {
.container-full {
max-width: 540px;
}
}
@media (min-width:768px) {
.container-full {
max-width: 720px;
}
}
@media (min-width:992px) {
.container-full {
max-width: 960px;
}
}
@media (min-width:1200px) {
.container-full {
max-width: 1400px;
width: 90%;
}
}
@media (min-width:576px) {
.container-fill {
max-width: 540px;
}
}
@media (min-width:768px) {
.container-fill {
max-width: 720px;
}
}
@media (min-width:992px) {
.container-fill {
max-width: 960px;
}
}
@media (min-width:1200px) {
.container-fill {
width: 100%;
max-width: 100%;
}
}
@media (max-width:1199px) {
.container-fill {
padding: 0 15px;
}
}
.fixed-bg {
position: absolute;
left: 0;
bottom: 0;
height: 100%;
width: 100%;
z-index: -1;
}
.bg-cover {
background-position: center center;
background-size: cover;
}
.bg-contain {
background-size: contain;
}
.bg-fixed {
background-attachment: fixed;
background-position: center top;
background-size: cover;
}
.bg-gray {
background-color: #f3f7fd;
}
.bg-light {
background-color: #ffffff;
}
.bg-theme {
background-color: #104cba;
}
.text-light h1, 
.text-light h2, 
.text-light h3, 
.text-light h4, 
.text-light h5, 
.text-light h6, 
.text-light p, 
.text-light a {
color: #ffffff;
}
.shadow {
position: relative;
z-index: 1;
box-shadow: inherit !important;
}
.shadow.dark::after {
background: #000000 none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
opacity: 0.5;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
.shadow.dark-hard::after {
background: #000000 none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
opacity: 0.75;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
.shadow.dark-small::after {
background: #104cba none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
opacity: 0.6;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
.shadow.light::after {
background: #ffffff none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
opacity: 0.3;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
.shadow.theme::after {
background: #104cba none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
opacity: 0.5;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
.shadow.theme-hard::after {
background: #104cba none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
opacity: 0.7;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
.default-padding,
.default-padding-top,
.default-padding-bottom,
.default-padding-mx {
position: relative;
z-index: 1;
}
.default-padding {
padding-top: 120px;
padding-bottom: 120px;
}
.default-padding-top {
padding-top: 120px;
}
.default-padding-bottom {
padding-bottom: 120px;
}
.default-padding.bottom-less {
padding-top: 120px;
padding-bottom: 90px;
}
.default-padding-bottom.bottom-less {
margin-bottom: -30px;
}
.default-padding-top.bottom-less {
margin-bottom: -30px;
}
.top-border {
border-top: 1px solid #e7e7e7;
}
.align-center {
align-items: center;
}
.btn {
display: inline-block;
font-family: 'Inter', sans-serif;
font-weight: 700;
line-height: 25px;
text-transform: capitalize;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-ms-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
overflow: hidden;
border-radius: 5px;
font-size: 16px;
}
.btn-md {
padding: 15px 40px;
}
.btn-sm {
padding: 10px 35px;
font-size: 14px;
}
.btn-border-light {
border: 2px solid #ffffff;
}
.btn-dark {
background-color: #0e2b3d;
color: #ffffff;
border: 2px solid #0e2b3d;
}
.btn-dark.border {
background-color: transparent;
color: #0e2b3d;
border: 2px solid #0e2b3d !important;
}
.btn-dark.border:hover {
background-color: #0e2b3d;
color: #ffffff !important;
border: 2px solid #0e2b3d !important;
}
.btn-gray.border {
background-color: transparent;
color: #104cba;
border: 2px solid #e7e7e7 !important;
}
.btn-gray.border:hover {
background-color: #104cba;
color: #ffffff !important;
border: 2px solid #104cba !important;
}
.btn-gray.effect {
background: #fafafa;
border: 1px solid #e7e7e7 !important;
}
.btn.btn-light {
background: #ffffff none repeat scroll 0 0;
border: 2px solid #ffffff;
color: #0e2b3d;
}
.btn.btn-light.border {
background: transparent;
border: 2px solid #ffffff !important;
color: #ffffff;
}
.btn.btn-light.border:hover {
background: #ffffff none repeat scroll 0 0 !important;
border: 2px solid #ffffff !important;
color: #0e2b3d !important;
} .btn-animate {
position: relative;
display: inline-block;
cursor: pointer;
outline: none;
border: 0;
vertical-align: middle;
text-decoration: none;
background: transparent;
padding: 0;
}
.btn-animate {
width: 12rem;
height: auto;
}
.btn-animate .circle {
transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
position: relative;
display: block;
margin: 0;
width: 3.2rem;
height: 3.2rem;
background: #104cba;
border-radius: 1.625rem;
}
.btn-animate .circle .icon {
transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
position: absolute;
top: 0;
bottom: 0;
margin: auto;
background: #fff;
}
.btn-animate .circle .icon.arrow {
transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
left: 0.625rem;
width: 1.125rem;
height: 0.125rem;
background: none;
}
.btn-animate .circle .icon.arrow::before {
position: absolute;
content: "";
top: -0.25rem;
right: 0.0625rem;
width: 0.625rem;
height: 0.625rem;
border-top: 0.125rem solid #fff;
border-right: 0.125rem solid #fff;
transform: rotate(45deg);
}
.btn-animate .button-text {
transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
padding: 0.75rem 0;
margin: 0 0 0 1.85rem;
color: #104cba;
line-height: 1.8;
text-align: center;
text-transform: uppercase;
}
.btn-animate:hover .circle {
width: 100%;
}
.btn-animate:hover .circle .icon.arrow {
background: #fff;
transform: translate(1rem, 0);
}
.btn-animate:hover .button-text {
color: #fff;
} .bg-theme .btn-standard:hover,
.bg-dark .btn-standard:hover,
.bg-gradient .btn-standard:hover,
.shadow .btn-standard:hover {
color: #ffffff;
}
.btn-dark:hover, 
.btn-dark:focus {
color: #0e2b3d !important;
background: transparent;
}
.bg-dark {
background: #101c3d !important;
}
.bg-dark-hard {
background: #08111e;
}
.bg-gradient {
background: #104cba;
background: linear-gradient(90deg, rgba(0,16,45,1) 0%, rgba(0,89,252,1) 56%);
}
.btn-theme {
background-color: #104cba;
color: #ffffff !important;
border: 2px solid #104cba;
}
.btn-theme.border {
background-color: transparent;
color: #0e2b3d !important;
border: 2px solid #104cba !important;
}
.text-light .btn-theme.border {
color: #ffffff !important;
}
.btn-theme.border:hover {
background-color: #104cba;
color: #ffffff !important;
border: 2px solid #104cba;
}
.btn-theme.effect:hover, 
.btn-theme.effect:focus {
background: #104cba none repeat scroll 0 0;
border: 2px solid #104cba;
color: #ffffff;
}
.btn.btn-sm-lm {
font-size: 12px;
padding: 4px 35px;
}
.bg-theme a.btn-theme.btn:hover,
.bg-theme a.btn-theme.btn:focus {
border: 2px solid #ffffff;
color: #ffffff;
} .btn-gradient,
.btn-gradient:focus {
position: relative;
z-index: 1;
color: #ffffff !important;
}
.btn-gradient:hover {
color: #ffffff;
}
.btn-gradient::after {
position: absolute;
left: 0;
top: 0;
content: "";
height: 100%;
width: 100%;
background: linear-gradient(90deg, rgba(0,16,45,1) 0%, rgba(0,89,252,1) 56%);
transition: all 0.35s ease-in-out;
z-index: -1;
}
.btn-gradient i {
display: inline-block;
line-height: 28px;
color: #ffffff;
font-size: 14px;
margin-left: 5px;
}
.btn-gradient.icon-normal i {
border: none;
background: transparent;
font-size: 20px;
line-height: inherit;
position: relative;
top: 2px;
margin-right: 0;
height: auto;
width: auto;
}
.btn-gradient.icon-left i {
margin-left: 0;
margin-right: 5px;
}
.inc-icon i {
display: inline-block;
height: 30px;
width: 30px;
line-height: 28px;
background: rgba(255, 255, 255, 0.1);
color: #ffffff;
font-size: 10px;
border-radius: 50%;
margin-left: 5px;
border: 1px dashed rgba(255, 255, 255, 0.5);
}
.btn-gradient.btn-sm {
padding: 10px 30px;
}
.btn.btn-transparent.border {
border: 1px solid rgba(255, 255, 255, 0.3) !important;
}
.btn.btn-transparent.border:hover {
border: 1px solid rgba(255, 255, 255, 0.5) !important;
background: rgba(255, 255, 255, 0.07);
color: #ffffff !important;
}
.relative {
position: relative;
z-index: 1;
}
.bg-fixed {
background-attachment: fixed !important;
background-position: center center !important;
background-size: cover !important;
}
.bg-cover {
background-position: center center !important;
background-size: cover !important;
}
.overflow-hidden {
overflow: hidden;
}
button, button:focus {
border: none !important;
box-shadow: inherit !important;
outline: inherit !important;
}
header {
position: relative;
}
header nav.navbar.border.bootsnav.navbar-fixed.no-background {
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
header nav.navbar.border.bootsnav.navbar-fixed.no-background ul li a {
position: relative;
z-index: 1;
margin-left: 3px;
}
header nav.navbar.border.bootsnav.navbar-fixed.no-background .attr-nav ul li a {
border: medium none;
}
header nav.navbar.border.bootsnav.navbar-fixed.no-background ul li a::after {
background: #ffffff none repeat scroll 0 0;
bottom: -2px;
content: "";
height: 3px;
left: 0;
position: absolute;
width: 0;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-ms-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
header nav.navbar.border.bootsnav.navbar-fixed.no-background ul li a.active::after,
header nav.navbar.border.bootsnav.navbar-fixed.no-background ul li a:hover::after {
width: 100%;
}
header nav.navbar.border.bootsnav.navbar-fixed.no-background .attr-nav ul li a.active::after,
header nav.navbar.border.bootsnav.navbar-fixed.no-background .attr-nav ul li a:hover::after {
width: 0;
}
.attr-nav .social.right li {
margin-left: 20px;
}
.attr-nav .social li a {
font-size: 16px;
} nav.bootsnav.navbar-default.info-topbar .navbar-header {
display: none;
}
nav.bootsnav.navbar-default.info-topbar ul li a {
margin-right: 30px;
padding: 35px 0;
}
nav.bootsnav.navbar-default.info-topbar.active-full ul li a {
margin-right: 0;
padding: 35px 20px;
}
.attr-nav > a.btn-theme.effect:hover, 
.attr-nav > a.btn-theme.effect, 
.attr-nav > a.btn-theme.effect:focus {
background: #104cba none repeat scroll 0 0;
border: 2px solid #104cba;
color: #ffffff !important;
}
nav.bootsnav.navbar-default.info-topbar.sticked ul li a {
margin-right: 30px;
padding: 35px 0;
}
.attr-nav.social li {
display: inline-block;
padding: 25px 0 !important;
transition: all 0.35s ease-in-out;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-ms-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
}
.attr-nav.social li a {
border: 1px solid #f4f4f4;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
color: #104cba;
display: inline-block;
font-size: 14px;
height: 40px;
line-height: 40px;
margin-left: 10px;
padding: 0 !important;
text-align: center;
width: 40px;
}
nav.navbar.bootsnav.sticked .attr-nav.social li {
display: inline-block;
padding: 20px 0 !important;
} body.overflow {
z-index: 1;
height: 100%;
position: fixed;
}
body.overflow::after {
position: absolute;
left: 0;
top: 0;
content: "";
height: 100%;
width: 100%;
background: #104cba;
z-index: 1;
transition: all 0.35s ease-in-out;
opacity: 0.9;
}
header.ofcanvas-nav {
position: relative;
}
header.ofcanvas-nav .logo {
position: absolute;
left: 30px;
top: 30px;
z-index: 9;
}
.nav-indicator {
position: absolute;
top: 0;
right: 0;
z-index: 10;
background: #104cba;
color: #ffffff;
padding: 50px;
}
.nav-indicator.clicked {
position: fixed;
}
.nav-indicator span {
position: relative;
margin-top: 9px;
margin-bottom: 9px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
position: absolute;
top: 50%;
left: 50%;
margin-left: -15px;
margin-top: -1.5px;
color: #ffffff;
}
.nav-indicator span, 
.nav-indicator span::before, 
.nav-indicator span::after {
display: block;
width: 30px;
height: 1px;
background-color: #ffffff;
outline: 1px solid transparent;
-webkit-transition-property: background-color, -webkit-transform;
-moz-transition-property: background-color, -moz-transform;
-o-transition-property: background-color, -o-transform;
transition-property: background-color, transform;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.nav-indicator span::before, 
.nav-indicator span::after {
position: absolute;
content: "";
}
.nav-indicator span::before { 
top: -9px; 
}
.nav-indicator span::after { 
top: 9px; 
}
.nav-indicator.clicked span { 
background-color: transparent; 
}
.nav-indicator.clicked span::before {
-webkit-transform: translateY(9px) rotate(45deg);
-moz-transform: translateY(9px) rotate(45deg);
-ms-transform: translateY(9px) rotate(45deg);
-o-transform: translateY(9px) rotate(45deg);
transform: translateY(9px) rotate(45deg);
}
.nav-indicator.clicked span::after {
-webkit-transform: translateY(-9px) rotate(-45deg);
-moz-transform: translateY(-9px) rotate(-45deg);
-ms-transform: translateY(-9px) rotate(-45deg);
-o-transform: translateY(-9px) rotate(-45deg);
transform: translateY(-9px) rotate(-45deg);
}
.nav-indicator.clicked span:before, 
.nav-indicator.clicked span:after { 
background-color: #ffffff; 
}
.nav-indicator:hover { 
cursor: pointer; 
}
nav.navbar.off-canvas-nav {
background-color: #ffffff;
position: fixed;
z-index: 9;
top: 0;
right: -18px;
height: 100%;
max-width: 515px;
width: 100%;
padding: 100px;
overflow-y: auto;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
-moz-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
-o-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
overflow-y: auto;
box-shadow: 0 15px 40px -5px rgb(0 0 0 / 10%);
border-radius: inherit;
}
nav.navbar.off-canvas-nav.show {
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
-ms-transform: translateX(0px);
-o-transform: translateX(0px);
transform: translateX(0px);
}
nav.navbar.off-canvas-nav.show ul.main li {
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
-ms-transform: translateX(0px);
-o-transform: translateX(0px);
transform: translateX(0px);
opacity: 1;
}
nav.navbar.off-canvas-nav.show ul.main li:nth-child(1) { 
transition-delay: 0.15s; 
}
nav.navbar.off-canvas-nav.show ul.main li:nth-child(2) { 
transition-delay: 0.3s; 
}
nav.navbar.off-canvas-nav.show ul.main li:nth-child(3) { 
transition-delay: 0.45s; 
}
nav.navbar.off-canvas-nav.show ul.main li:nth-child(4) { 
transition-delay: 0.6s; 
}
nav.navbar.off-canvas-nav.show ul.main li:nth-child(5) { 
transition-delay: 0.75s; 
}
nav.navbar.off-canvas-nav.show ul.main li:nth-child(6) { 
transition-delay: 0.9s; 
}
nav.navbar.off-canvas-nav.show ul.main li:nth-child(7) { 
transition-delay: 1.05s; 
}
nav.navbar.off-canvas-nav.show ul.main li:nth-child(8) { 
transition-delay: 1.2s; 
}
nav.navbar.off-canvas-nav.show ul.main li:nth-child(9) { 
transition-delay: 1.35s; 
}
nav.navbar.off-canvas-nav ul.main {
list-style-type: none;
position: relative;
top: 50%;
transform: translateY(-50%);
}
nav.navbar.off-canvas-nav ul.main li {
margin-bottom: 30px;
-webkit-transform: translateX(40px);
-moz-transform: translateX(40px);
-ms-transform: translateX(40px);
-o-transform: translateX(40px);
transform: translateX(40px);
opacity: 0;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
nav.navbar.off-canvas-nav ul.main li:last-child {
margin-bottom: 0;
}
nav.navbar.off-canvas-nav.show ul.main li a {
font-size: 40px;
font-weight: 800;
color: #666666;
}
nav.navbar.off-canvas-nav.show ul.main li a:hover {
color: #104cba;
}
header.ofcanvas-nav .logo-responsive {
display: none;
}
@media only screen and (max-width: 767px) {
nav.navbar.off-canvas-nav.show ul.main li {
margin: 20px;
}
nav.navbar.off-canvas-nav.show ul.main li a {
font-size: 16px;
font-weight: 600;
}
nav.navbar.off-canvas-nav {
max-width: 300px;
padding: 100px 30px;
}
header.ofcanvas-nav {
position: relative;
background: #ffffff;
height: 100px;
}
header.ofcanvas-nav .logo-responsive {
display: inline-block;
}
header.ofcanvas-nav .logo-desktop {
display: none;
}
header.ofcanvas-nav .logo {
top: 20px;
}
body.overflow {
position: inherit;
}
body.overflow::after {
display: none;
}
nav.navbar.off-canvas-nav ul.main {
position: inherit;
top: 0;
transform: inherit;
}
} .site-heading h5 {
text-transform: uppercase;
font-weight: 700;
color: #104cba;
font-size: 16px;
position: relative;
z-index: 1;
display: inline-block;
}
.site-heading p {
margin: 0;
margin-top: 10px;
}
.site-heading.light p {
color: #ffffff;
}
.site-heading h2 {
display: block;
font-weight: 600;
position: relative;
margin-bottom: 0;
line-height: 1.2;
padding: 0 14%;
}
.site-heading.light h2 {
color: #ffffff;
}
.site-heading .devider {
display: inline-block;
width: 50px;
height: 2px;
background: #104cba;
position: relative;
z-index: 1;
left: 10px;
}
.site-heading.text-light .devider {
background: #ffffff;
}
.site-heading.light .devider {
background: #ffffff;
}
.site-heading .devider:before {
position: absolute;
left: -15px;
top: 0;
content: "";
height: 2px;
width: 10px;
background: #104cba;
}
.site-heading.light .devider:before {
background: #ffffff;
}
.heading-divider {
display: inline-block;
position: relative;
height: 5px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
background-color: #104cba;
width: 90px;
overflow: hidden;
}
.heading-divider:after {
content: '';
position: absolute;
left: 0;
top: -1.1px;
height: 7px;
width: 8px;
background-color: #ffffff;
-webkit-animation-duration: 3s;
animation-duration: 3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-name: infinite-move;
animation-name: infinite-move;
}
.bg-gray .heading-divider:after {
background-color: #f3f7fd;
}
.site-heading {
margin-bottom: 60px;
overflow: hidden;
margin-top: -5px;
}
.carousel-shadow .owl-stage-outer {
margin: -15px -15px;
padding: 15px;
}
@media only screen and (min-width: 1100px) {
.left-border::before {
position: absolute;
left: 0;
top: 0;
content: "";
height: 100%;
width: 70px;
background: #edf5ff;
z-index: -1;
}
.bg-gray.left-border::before {
background: #ffffff;
}
}
.carousel-shadow .owl-stage-outer {
margin: -15px -15px;
padding: 15px;
}
.heading-left {
margin-bottom: 60px;
}
.heading-left .left-info {
padding-right: 50px;
border-right: 1px solid #dddddd;
}
.heading-left .right-info {
padding-left: 50px;
}
.heading-left h5 {
text-transform: uppercase;
font-weight: 700;
display: inline-block;
position: relative;
z-index: 1;
color: #104cba;
font-size: 16px;
}
.heading-left p {
margin-top: -5px;
margin-bottom: 0;
}
.heading-left h2 {
font-weight: 600;
line-height: 1.2;
margin-bottom: 0;
}
.heading-left a {
margin-top: 10px;
} .fixed-shape-bottom {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
z-index: -1;
}
.fixed-shape-bottom img {
width: 100%;
} .top-bar-area.bg-gradient .social li a:hover {
color: #ffffff;
}
.language-switcher .dropdown-toggle {
background: transparent;
border: none;
color: #666666;
font-weight: 500;
font-size: 14px;
letter-spacing: 1px;
padding: 15px;
text-transform: capitalize;
}
.language-switcher img {
padding: 3px;
box-shadow: 0 0 10px #cccccc;
border-radius: 50%;
height: 45px;
width: 45px;
}
.language-switcher .dropdown-toggle li {
display: block;
}
.language-switcher .dropdown-menu li {
display: block;
padding: 0;
border-bottom: 1px solid #e7e7e7;
}
.language-switcher .dropdown-menu li:last-child {
border: none;
}
.language-switcher .dropdown-menu {
margin: 0;
min-width: 200px;
border-radius: inherit;
border: 1px solid #e7e7e7;
left: auto !important;
right: 0;
}
.nav-box .language-switcher .dropdown-menu {
top: 58px;
}
@media (min-width: 1024px) {
.nav-box .language-switcher .dropdown-menu {
top: 80px;
}
}
.language-switcher .dropdown-menu.show {
display: block !important;
}
.language-switcher .dropdown-menu li a {
padding: 7px 15px;
text-transform: capitalize;
display: block;
font-weight: 600;
} .top-bar-area.transparent {
position: absolute;
left: 0;
top: 0;
width: 100%;
z-index: 9;
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
overflow: hidden;
}
.top-bar-area.transparent i {
color: #ffffff !important;
}
.top-bar-area.inc-border {
border-bottom: 1px solid #e7e7e7;
}
.top-bar-area li {
display: inline-block;
margin-left: 15px;
padding-left: 15px;
position: relative;
z-index: 1;
}
.top-bar-area li:first-child {
margin: 0;
padding: 0;
border: none;
}
.top-bar-area p {
margin: 0;
font-weight: 500;
}
.top-bar-area p a {
text-decoration: underline;
font-weight: 600;
}
.top-bar-area.inc-border {
border-bottom: 1px solid #e7e7e7;
}
.top-bar-area .button a {
display: inline-block;
padding: 6px 25px;
color: #ffffff;
position: relative;
z-index: 1;
border: 1px solid rgba(255, 255, 255, 0.5);
}
.top-bar-area li::after {
position: absolute;
left: 0;
top: 5px;
content: "";
height: 19px;
width: 1px;
border-left: 1px solid #dddddd;
}
.top-bar-area.transparent li::after {
border-left: 1px solid rgba(255, 255, 255, 0.3);
height: 80px;
top: -30px;
}
.top-bar-area li:first-child::after {
display: none;
}
.top-bar-area .item-flex {
display: flex;
align-items: center;
justify-content: flex-end;
}
.top-bar-area .social ul {
margin-left: 30px;
}
.top-bar-area .social ul li::after {
display: none;
}
.top-bar-area .social li {
margin-left: 10px;
}
.top-bar-area.inc-pad {
padding: 15px 0;
}
.top-bar-area.inc-padding {
padding: 10px 0;
}
.top-bar-area .button i {
margin-right: 5px;
}
.top-bar-area .info li i {
margin-right: 5px;
color: #104cba;
}
.top-bar-area.fixed {
position: absolute;
left: 0;
top: 0;
width: 100%;
z-index: 9;
}
.top-bar-area.fixe .row {
align-items: center;
}
.top-bar-area.fixed {
padding: 20px 0;
}
.top-bar-area .address-info li {
text-align: left;
}
.top-bar-area .address-info li .icon, 
.top-bar-area .address-info li .info {
display: inline-block;
}
.top-bar-area .address-info li .icon i {
margin-right: 10px;
}
.top-bar-area .info a {
margin-left: 20px;
}
.top-bar-area.fixed .container {
padding-right: 30px;
}
.top-bar-area.bg-dark .info li i,
.top-bar-area.bg-theme .info li i,
.top-bar-area.bg-gradient .info li i {
color: #ffffff;
}
.top-bar-area.inc-logo {
padding: 15px 0;
}
.top-bar-area .info-colums ul {
display: flex;
align-items: center;
justify-content: flex-end;
}
.top-bar-area .info-colums ul .info span {
display: block;
font-weight: 600;
text-transform: uppercase;
}
.top-bar-area .info-colums li i {
font-size: 35px;
}
.top-bar-area .info-colums ul .info {
font-size: 14px;
text-align: left;
}
.top-bar-area .info-colums .info,
.top-bar-area .info-colums .icon {
display: inline-block;
}
.top-bar-area .info-colums ul li {
text-align: left;
}
.top-bar-area .info-colums ul li .info {
line-height: 24px;
}
.top-bar-area .info-colums ul li .icon {
margin-right: 15px;
}
.top-bar-area .info-colums ul li::after {
height: 90%;
top: 5%;
}
.top-bar-area.bg-theme .info-colums ul li::after {
border-left: 1px solid rgba(255, 255, 255, 0.3);
}
.top-bar-area .info-colums ul li .icon i {
color: #104cba;
}
.top-bar-area.bg-theme .info-colums ul li .icon i {
color: #ffffff;
}
.top-bar-area.bg-theme {
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
} .breadcrumb-area {
padding: 150px 0;
}
.breadcrumb-area .breadcrumb {
background: transparent none repeat scroll 0 0;
display: inline-block;
margin: 0;
position: relative;
z-index: 1;
padding: 0;
}
.breadcrumb-area h2 {
display: block;
font-weight: 600;
text-transform: capitalize;
font-size: 40px;
margin-top: -10px;
}
.breadcrumb > li + li::before {
content: "\f105";
font-family: "Font Awesome 5 Free";
font-weight: 600;
padding: 0 5px;
color: #ffffff;
display: none;
}
.breadcrumb-area .breadcrumb li i {
margin-right: 5px;
}
.breadcrumb-area .breadcrumb li {
padding: 0 12px;
position: relative;
z-index: 1;
display: inline-block;
}
.breadcrumb-area .breadcrumb li::after {
color: #ffffff;
content: "/";
font-weight: 600;
position: absolute;
right: -5px;
height: 100%;
}
.breadcrumb-area .breadcrumb li:last-child::after {
display: none;
}
.breadcrumb-area .breadcrumb a, 
.breadcrumb-area .breadcrumb li {
font-weight: 500;
text-transform: uppercase;
color: #ffffff;
}
.breadcrumb-area .breadcrumb li.active {
color: #ffffff;
text-decoration: underline;
}
.breadcrumb-area.less-background::after {
display: none;
}
.breadcrumb-area.less-background {
background: linear-gradient(90deg, rgba(0,16,45,1) 0%, rgba(0,89,252,1) 56%);
position: relative;
z-index: 1;
overflow: hidden;
}
.breadcrumb-area.less-background::before {
position: absolute;
left: 50%;
top: 50%;
content: "";
height: 500px;
width: 500px;
background: #ffffff;
transform: translate(-50%, -50%);
z-index: -1;
border-radius: 50%;
opacity: 0.08;
}
@keyframes rotate-animation {
0% {
transform: rotate(0deg);
}
50% {
transform: rotate(180deg);
}
100% {
transform: rotate(360deg);
}
} .fixed-shape-top {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}
.fixed-shape-top img {
width: 100%;
} body, 
.banner-area, 
.banner-area div {
height: 100%;
}
.banner-area.auto-height, 
.banner-area.auto-height div {
height: auto;
}
.banner-area.auto-height .content {
padding: 150px 0;
}
.banner-area .box-cell {
display: table-cell;
vertical-align: middle;
width: 100%;
}
.banner-area .box-table {
display: table;
width: 100%;
}
.banner-area .box-cell, 
.banner-area .box-cell div {
height: auto;
}
.banner-area {
position: relative;
overflow: hidden;
height: 100vh;
}
.banner-area .wavesshape {
bottom: -2px;
left: 0;
position: absolute;
right: 0;
top: auto;
width: 100%;
}
.banner-area .wavesshape.shape {
bottom: -50px;
height: auto;
}
.banner-area .content {
position: relative;
z-index: 9;
}
.banner-area.wavesshape {
position: relative;
z-index: 1;
}
.banner-area.triangle-shadow {
position: relative;
z-index: 1;
}
.banner-area.triangle-shadow::before {
border-bottom: 0 solid transparent;
border-right: 100vw solid #fff;
border-top: 80px solid transparent;
bottom: 0;
content: "";
height: 0;
left: 0;
position: absolute;
width: 100%;
z-index: 101;
}
.banner-area.shadow-inner .content {
padding: 30px;
position: relative;
z-index: 1;
overflow: hidden;
}
.banner-area.content-double .double-items {
align-items: center;
align-self: center;
display: flex;
justify-content: center;
vertical-align: middle;
}
.banner-area .banner-carousel .owl-item.center img {
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
}
.banner-area .banner-carousel .owl-item img {
transform: scale(0.9);
-webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
-ms-transform: scale(0.9);
-o-transform: scale(0.9);
} .banner-area .item h1:first-child, 
.banner-area .item h2:first-child, 
.banner-area .item h3:first-child, 
.banner-area .item h4:first-child, 
.banner-area .item h5:first-child, 
.banner-area .item h6:first-child {
animation-delay: .5s;
}
.banner-area .item h1:nth-child(2), 
.banner-area .item h2:nth-child(2), 
.banner-area .item h3:nth-child(2), 
.banner-area .item h4:nth-child(2), 
.banner-area .item h5:nth-child(2), 
.banner-area .item h6:nth-child(2) {
animation-delay: .7s;
}
.carousel-caption h1:nth-child(3), 
.carousel-caption h2:nth-child(3), 
.carousel-caption h3:nth-child(3), 
.carousel-caption h4:nth-child(3), 
.carousel-caption h5:nth-child(3), 
.carousel-caption h6:nth-child(3) {
animation-delay: .9s;
}
.banner-area .item p {
animation-delay: .5s;
}
.banner-area .item ul {
animation-delay: .6s;
}
.banner-area .item a, 
.banner-area .item button {
animation-delay: .7s;
}
.banner-area.bg-gradient .content h2 {
line-height: 1.2;
}
.banner-area .content p {
padding-right: 15%;
}
.vc_row {
margin: 0 !important;
}
.vc_column_container>.vc_column-inner {
padding: 0 !important;
} .carousel-fade .carousel-inner .item {
-webkit-transition-property: opacity;
transition-property: opacity;
}
.carousel-fade .carousel-inner .item, 
.carousel-fade .carousel-inner .active.left, 
.carousel-fade .carousel-inner .active.right {
opacity: 0;
}
.carousel-fade .carousel-inner .active, 
.carousel-fade .carousel-inner .next.left, 
.carousel-fade .carousel-inner .prev.right {
opacity: 1;
}
.carousel-fade .carousel-inner .next, 
.carousel-fade .carousel-inner .prev, 
.carousel-fade .carousel-inner .active.left, 
.carousel-fade .carousel-inner .active.right {
left: 0;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
z-index: 2;
} @-webkit-keyframes zoom {
from {
-webkit-transform: scale(1, 1);
}
to {
-webkit-transform: scale(1.2, 1.2);
}
}
@-moz-keyframes zoom {
from {
-moz-transform: scale(1, 1);
}
to {
-moz-transform: scale(1.2, 1.2);
}
}
@-o-keyframes zoom {
from {
-o-transform: scale(1, 1);
}
to {
-o-transform: scale(1.2, 1.2);
}
}
@keyframes zoom {
from {
transform: scale(1, 1);
}
to {
transform: scale(1.2, 1.2);
}
}
.carousel-inner .item > .slider-thumb {
-webkit-animation: zoom 20s;
animation: zoom 20s;
}
.banner-area .carousel-zoom .slider-thumb {
height: 100%;
position: absolute;
width: 100%;
}
#particles-js,
#ripple {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.banner-area .carousel-control {
background: transparent none repeat scroll 0 0;
height: 50px;
font-size: 30px;
line-height: 50px;
margin-top: -25px;
opacity: 1;
padding: 0;
position: absolute;
top: 50%;
width: 70px;
z-index: 1;
text-transform: uppercase;
display: inline-block;
text-align: center;
}
.banner-area .carousel-control.shadow {
background: transparent none repeat scroll 0 0;
color: #ffffff;
font-size: 20px;
height: 50px;
line-height: 50px;
margin-top: -25px;
opacity: 1;
padding: 0;
position: absolute;
text-shadow: inherit;
top: 50%;
width: 50px;
z-index: 1;
}
.banner-area .carousel-control.shadow::after {
background: #1e2726 none repeat scroll 0 0;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
content: "";
height: 100%;
left: 0;
opacity: 0.5;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
.banner-area .carousel-control.left {
left: -80px;
}
.banner-area:hover .carousel-control.left {
left: 10px;
}
.banner-area:hover .carousel-control.shadow.left {
left: 20px;
}
.banner-area .carousel-control.right {
right: -80px;
}
.banner-area:hover .carousel-control.right {
right: 10px;
}
.banner-area:hover .carousel-control.shadow.right {
right: 20px;
} .banner-area .carousel-indicator {
position: absolute;
left: 10px;
bottom: 0;
width: 100%;
}
.banner-area .carousel-indicators {
position: absolute;
right: 40px;
left: auto;
width: auto;
height: auto;
top: 50%;
transform: translate(10px, -50%);
-webkit-transform: translate(10px, -50%);
-moz-transform: translate(10px, -50%);
-ms-transform: translate(10px, -50%);
-o-transform: translate(10px, -50%);
bottom: auto;
margin: 0;
display: block;
}
.banner-area .carousel-indicators li {
display: block;
height: 20px;
width: 20px;
margin: 10px 0;
border: 2px solid #ffffff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background: transparent;
position: relative;
z-index: 1;
}
.banner-area .carousel-indicators li.active {
border: 2px solid #ffffff;
}
.banner-area .carousel-indicators li::after {
position: absolute;
left: 50%;
top: 50%;
content: "";
height: 5px;
width: 5px;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
background: #ffffff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.banner-area.video-bg-live .mbYTP_wrapper {
z-index: 1 !important;
}
.double-items > .row div {
height: auto;
} .banner-area .item .row div {
height: auto;
}
.banner-area .bg {
position: absolute;
left: 0;
top: 90px;
height: 100%;
width: 50%;
background-size: cover;
background-position: center left;
}
.banner-area.content-bg.circle-shape::after {
position: absolute;
right: 0;
top: 0;
content: "";
height: 100%;
width: 50%;
background: url(//betterbegoing.com/wp-content/themes/solion/img/shape/5.png);
background-repeat: no-repeat;
background-position: top center;
background-size: cover;
opacity: 0.2;
}
.banner-area.content-bg .content {
padding: 100px 50px;
background: #ffffff;
margin-top: 100px;
}
.banner-area .bottom-shape {
position: absolute;
left: 0;
bottom: 0;
height: 100%;
width: 100%;
}
.banner-area .bottom-shape img {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
}
.banner-area .content {
z-index: 9;
}
.banner-area .content h4 {
margin-bottom: 25px;
font-size: 20px;
text-transform: uppercase;
font-weight: 500;
}
.banner-area .content h2 {
font-size: 50px;
margin-bottom: 30px;
font-weight: 600;
}
.banner-area .content h2 strong {
display: block;
}
.banner-area .content a {
margin-top: 15px;
}
.banner-area .content a.video-play-button {
top: 55px;
}
.banner-area.text-large .content h2 {
font-size: 80px;
line-height: 1.1;
}
.banner-area.text-center .content p {
padding: 0 10%;
}
.banner-area.top-pad-80 .content {
padding-top: 80px;
}
.banner-area .background-move {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
z-index: 2;
opacity: 0.3;
}
@media (min-width:1300px) {
.banner-box {
padding: 50px;
padding-top: 95px;
border-radius: 8px;
}
}
.banner-area .fixed-shape-bottom {
z-index: -1;
opacity: 0.1;
}
.banner-area.inc-shape .box-cell {
position: relative;
z-index: 1;
}
.banner-area.inc-shape .box-cell::before {
position: absolute;
left: 0;
bottom: 0;
content: "";
height: 100%;
width: 100%;
background: url(//betterbegoing.com/wp-content/themes/solion/img/shape/bg-2.png);
background-size: cover;
background-position: bottom;
z-index: 1;
} .banner-area .appoinment-box {
padding: 50px;
background: #ffffff;
border-radius: 5px;
box-shadow: 0 5px 30px 0 rgba(214, 215, 216, 0.57);
position: relative;
z-index: 1;
}
.banner-area .appoinment-box::after {
position: absolute;
right: -100px;
top: -100px;
height: 400px !important;
width: 400px;
background: url(//betterbegoing.com/wp-content/themes/solion/img/shape/1-light.png);
content: "";
background-repeat: no-repeat;
background-position: right top;
background-size: contain;
z-index: -1;
opacity: 0.15;
}
.banner-area .appoinment-box h4 {
color: #232323;
font-weight: 600;
font-size: 20px;
margin-bottom: 10px;
}
.banner-area .appoinment-box p {
color: #666666;
margin-bottom: 0;
}
.banner-area .appoinment-box .heading {
margin-bottom: 30px;
}
.banner-area .appoinment-box input {
background: #f1f1f1;
border: none;
border-radius: 30px;
padding: 30px;
}
.banner-area .appoinment-box .nice-select {
background: #f1f1f1;
border: none;
border-radius: 30px;
padding: 5px 30px;
}
.banner-area .appoinment-box .nice-select:after {
right: 25px;
}
.banner-area .appoinment-box button {
background: #104cba;
color: #ffffff;
padding: 15px 30px;
width: 100%;
border-radius: 30px;
font-weight: 600;
}
.banner-area .content .button a.video-play-button {
top: 40px;
margin-left: 25px;
}
.banner-area .content .button {
margin-top: 30px;
}
.banner-area.text-uppercase .content h2 {
font-weight: 800;
letter-spacing: 1px;
}
.banner-area.text-uppercase .content h2 strong {
font-size: 60px;
font-weight: 100;
margin-top: 15px;
} .item-animated {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: cubic-bezier(0.54, 0.085, 0.5, 0.92);
animation-timing-function: cubic-bezier(0.54, 0.085, 0.5, 0.92);
-webkit-animation-name: infiUpDown;
animation-name: infiUpDown;
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
@keyframes infiUpDown {
0% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
50% {
-webkit-transform: translateY(-35px);
transform: translateY(-35px);
}
100% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
}
@-webkit-keyframes infiUpDown {
0% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
50% {
-webkit-transform: translateY(-35px);
transform: translateY(-35px);
}
100% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
}
@-webkit-keyframes infinite-move {
from {
-webkit-transform: translateX(0);
transform: translateX(0);
}
to {
-webkit-transform: translateX(88px);
transform: translateX(88px);
}
}
@-webkit-keyframes infinite-move {
from {
-ms-transform: translateX(0);
transform: translateX(0);
}
to {
-ms-transform: translateX(88px);
transform: translateX(88px);
}
}
@keyframes infinite-move {
from {
-webkit-transform: translateX(0);
transform: translateX(0);
}
to {
-webkit-transform: translateX(88px);
transform: translateX(88px);
}
} @-webkit-keyframes zoomeffect {
0% {
background-position: center;
transform: scale(1,1);
}
50% {
background-position: center;
transform: scale(2,2);
}
100% {
background-position: center;
transform: scale(1,1);
}
}
@keyframes zoomeffect {
0% {
background-position: center;
transform: scale(1,1);
}
50% {
background-position: center;
transform: scale(2,2);
}
100% {
background-position: center;
transform: scale(1,1);
}
} .video-play-button {
color: #104cba;
font-size: 30px;
left: 50%;
padding-left: 7px;
position: absolute;
top: 50%;
transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
z-index: 1;
}
.video-play-button:before {
content: "";
position: absolute;
z-index: 0;
left: 50%;
top: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
display: block;
width: 80px;
height: 80px;
background: #ffffff repeat scroll 0 0;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-animation: pulse-border 1500ms ease-out infinite;
animation: pulse-border 1500ms ease-out infinite;
}
.video-play-button.theme:before,
.video-play-button.theme:after {
background: #104cba repeat scroll 0 0;
}
.orange .video-play-button.theme:before,
.orange .video-play-button.theme:after {
background: #FF5621 repeat scroll 0 0;
}
.video-play-button:after {
content: "";
position: absolute;
z-index: 1;
left: 50%;
top: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
display: block;
width: 80px;
height: 80px;
background: #ffffff repeat scroll 0 0;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
transition: all 200ms;
-webkit-transition: all 200ms;
-moz-transition: all 200ms;
-ms-transition: all 200ms;
-o-transition: all 200ms;
}
@-webkit-keyframes pulse-border {
0% {
-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
opacity: 1;
}
100% {
-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
opacity: 0;
}
}
@keyframes pulse-border {
0% {
-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
opacity: 1;
}
100% {
-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
opacity: 0;
}
}
.video-play-button i {
display: block;
position: relative;
z-index: 3;
color: #104cba;
}
.video-play-button.theme i {
color: #ffffff;
}
.video-play-button.relative {
position: relative;
display: inline-block;
left: 30px;
height: 65px;
width: 65px;
line-height: 65px;
text-align: center;
margin-top: 0 !important;
top: 45px;
margin-left: 10px;
}
.video-play-button.relative::before, 
.video-play-button.relative::after {
height: 65px;
width: 65px;
line-height: 65px;
}
.video-play-button.relative i {
line-height: 68px;
font-size: 20px;
}
.video-play-button.relative span {
position: absolute;
right: 0;
top: 50%;
font-size: 14px;
line-height: 20px;
width: 100%;
left: 100%;
min-width: 200%;
text-transform: uppercase;
margin-top: -7px;
margin-left: 20px;
} .nice-select {
-webkit-tap-highlight-color: transparent;
background-color: #fff;
border: solid 1px #e8e8e8;
box-sizing: border-box;
clear: both;
cursor: pointer;
display: block;
float: left;
font-family: inherit;
font-weight: normal;
height: 50px;
line-height: 50px;
outline: none;
padding-left: 10px;
padding-right: 30px;
position: relative;
text-align: left !important;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
width: 100%;
margin-bottom: 15px;
color: #0e2b3d;
}
.nice-select .current {
color: #666666;
}
.nice-select:hover {
border-color: #dbdbdb;
}
.nice-select:active, 
.nice-select.open, 
.nice-select:focus {
border-color: #999;
}
.nice-select:after {
border-bottom: 2px solid #999;
border-right: 2px solid #999;
content: '';
display: block;
height: 5px;
margin-top: -4px;
pointer-events: none;
position: absolute;
right: 12px;
top: 50%;
-webkit-transform-origin: 66% 66%;
-ms-transform-origin: 66% 66%;
transform-origin: 66% 66%;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
width: 5px;
}
.nice-select.open:after {
-webkit-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.nice-select.open .list {
opacity: 1;
pointer-events: auto;
-webkit-transform: scale(1) translateY(0);
-ms-transform: scale(1) translateY(0);
transform: scale(1) translateY(0);
}
.nice-select.disabled {
border-color: #ededed;
color: #999;
pointer-events: none;
}
.nice-select.disabled:after {
border-color: #cccccc;
}
.nice-select.wide {
width: 100%;
}
.nice-select.wide .list {
left: 0 !important;
right: 0 !important;
}
.nice-select.right {
float: right;
}
.nice-select.right .list {
left: auto;
right: 0;
}
.nice-select.small {
font-size: 12px;
height: 36px;
line-height: 34px;
}
.nice-select.small:after {
height: 4px;
width: 4px;
}
.nice-select.small .option {
line-height: 34px;
min-height: 34px;
}
.nice-select .list {
background-color: #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
-webkit-box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
-o-box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
box-sizing: border-box;
margin-top: 4px;
opacity: 0;
overflow: hidden;
padding: 0;
pointer-events: none;
position: absolute;
top: 100%;
left: 0;
-webkit-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transform: scale(0.75) translateY(-21px);
-ms-transform: scale(0.75) translateY(-21px);
transform: scale(0.75) translateY(-21px);
-webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
z-index: 9;
width: 100%;
}
.nice-select .list:hover .option:not(:hover) {
background-color: transparent !important;
}
.nice-select .option {
cursor: pointer;
font-weight: 400;
line-height: 40px;
list-style: none;
min-height: 40px;
outline: none;
padding-left: 18px;
padding-right: 29px;
text-align: left;
-webkit-transition: all 0.2s;
transition: all 0.2s;
display: block;
margin: 0;
}
.nice-select .option:hover, 
.nice-select .option.focus, 
.nice-select .option.selected.focus {
background-color: #f6f6f6;
}
.nice-select .option.selected {
font-weight: bold;
}
.nice-select .option.disabled {
background-color: transparent;
color: #999;
cursor: default;
}
.no-csspointerevents .nice-select .list {
display: none;
}
.no-csspointerevents .nice-select.open .list {
display: block;
}  .services-details-items h2,
.services-details-items h3,
.services-details-items h4,
.services-details-items h5,
.services-details-items h6 {
font-weight: 600;
}
.services-details-items .services-sidebar .single-widget {
margin-top: 50px;
}
.services-details-items .services-sidebar .single-widget:first-child {
margin-top: 0;
}
.services-details-items .services-sidebar .widget-title {
font-weight: 800;
margin-top: -5px;
position: relative;
text-transform: capitalize;
z-index: 1;
font-size: 20px;
display: inline-block;
padding-bottom: 15px;
}
.services-details-items .services-sidebar .widget-title::after {
position: absolute;
left: 0;
bottom: 0;
content: "";
height: 2px;
width: 50px;
border-bottom: 2px solid #086AD8;
}
.services-details-items .services-sidebar .services-list a {
display: block;
padding: 18px 25px;
background: #ffffff;
margin-top: 15px;
position: relative;
z-index: 1;
font-weight: 500;
overflow: hidden;
border: 3px solid #e7e7e7;
border-radius: 5px;
}
.services-details-items .services-sidebar .services-list a::after {
position: absolute;
right: 25px;
top: 50%;
content: "\f105";
font-family: "Font Awesome 5 Free";
font-weight: 600;
transform: translateY(-50%);
font-size: 20px;
}
.services-details-items .services-sidebar .services-list li.current-item a,
.services-details-items .services-sidebar .services-list li a:hover {
border: 3px solid #086AD8;
}
.services-details-items .services-sidebar {
padding-right: 35px;
}
.services-details-items .services-sidebar .single-widget.quick-contact {
position: relative;
z-index: 1;
background-size: cover;
background-position: center;
}
.services-details-items .services-sidebar .single-widget.quick-contact::after {
position: absolute;
left: 0;
top: 0;
content: "";
height: 100%;
width: 100%;
background: #232323;
opacity: 0.7;
}
.services-details-items .services-sidebar .single-widget.quick-contact .content {
padding: 50px 30px;
position: relative;
z-index: 1;
}
.services-details-items .services-sidebar .single-widget.quick-contact .content i {
display: inline-block;
font-size: 25px;
color: #ffffff;
margin-bottom: 35px;
height: 70px;
width: 70px;
line-height: 70px;
background: #086AD8;
border-radius: 50%;
position: relative;
z-index: 1;
text-align: center;
}
.services-details-items .services-sidebar .single-widget.quick-contact .content i::after {
position: absolute;
left: -10%;
top: -10%;
content: "";
height: 120%;
width: 120%;
background: #086AD8;
z-index: -1;
border-radius: 50%;
opacity: 0.3;
}
.services-details-items .services-sidebar .single-widget.quick-contact .content p {
color: #FFFFFFD1;
}
.services-details-items .services-sidebar .single-widget.quick-contact .content h2 {
font-size: 16px;
font-weight: 600;
color: #ffffff;
margin: 0;
margin-top: 25px;
}
.services-details-items .services-sidebar .single-widget.brochure ul {
margin-top: 15px;
}
.services-details-items .services-sidebar .single-widget.brochure a {
display: flex;
align-items: center;
margin-top: 15px;
background: #086AD8;
color: #ffffff;
padding: 20px 30px;
text-transform: uppercase;
font-size: 13px;
}
.services-details-items .services-sidebar .single-widget.brochure a i {
font-size: 20px;
font-weight: 600;
margin-right: 16px;
}
.services-details-items .services-sidebar .single-widget.brochure li:first-child a {
margin-top: 0;
}
.services-details-items .services-sidebar .single-widget.brochure li:last-child a {
background: #060816;
}
.services-details-items .services-sidebar .single-widget.brochure a:hover,
.services-details-items .services-sidebar .single-widget.brochure li:last-child a:hover {
background: #086AD8;
}
.services-details-items .services-single-content h2 {
font-weight: 600;
margin-top: 30px;
margin-bottom: 25px;
}
.services-details-area .features .col-lg-6 {
display: flex;
}
.services-details-area .features i {
display: inline-block;
font-size: 50px;
color: #086AD8;
margin-right: 25px;
}
.services-details-area .features h4 {
font-weight: 600;
}
.services-details-area .features p {
margin: 0;
}
.services-details-area .features {
margin: 40px 0;
}
.services-details-area .services-single-content ul {
list-style: disc;
margin-left: 20px;
}
.services-details-area .services-single-content ul li {
line-height: 30px;
}
.services-area {
position: relative;
z-index: 1;
}
.services-area.half-bg::after {
position: absolute;
left: 0;
bottom: 0;
content: "";
height: 100%;
width: 100%;
background: url(//betterbegoing.com/wp-content/themes/solion/img/shape/bg-5.png);
z-index: -1;
background-size: cover;
background-position: left;
}
.services-area.half-bg {
position: relative;
z-index: 1;
}
.services-area .fixed-shape-left {
position: absolute;
left: -10%;
top: 20%;
z-index: -1;
opacity: 0.03;
}
.services-area .services-items .item-grid:nth-child(2) {
margin-top: 50px;
}
.services-area .services-items .single-item {
margin-bottom: 30px;
}
.services-area .services-items .item {
padding: 50px 30px;
background: #ffffff;
box-shadow: 0px 0px 38px 0px rgba(0,0,0,.08);
border-radius: 5px;
position: relative;
display: flex;
overflow: hidden;
}
.services-area .services-items .item i {
display: inline-block;
font-size: 50px;
position: relative;
z-index: 1;
color: #104cba;
}
.services-area .services-items .single-item:nth-child(2n) .item i {
color: #8a49a1;
}
.services-area .services-items .item-grid:last-child .single-item:first-child .item i {
color: #57b957;
}
.services-area .services-items .item-grid:last-child .single-item:nth-child(2n) .item i {
color: #29b2fe;
}
.services-area .services-items .item h4 {
font-weight: 600;
margin-bottom: 20px;
font-size: 18px;
}
.services-area .services-items .item h4 a:hover {
color: #104cba;
}
.services-area .services-items .item span {
color: #888888;
display: inline-block;
margin-bottom: 5px;
text-transform: uppercase;
font-weight: 600;
font-size: 13px;
}
.services-area .services-items .item p {
margin: 0;
}
.services-area .services-items .item .icon {
display: inline-block;
height: 90px;
width: 90px;
line-height: 95px;
border-radius: 5px;
text-align: center;
min-width: 90px;
margin-right: 25px;
position: relative;
z-index: 1;
}
.services-area .services-items .item .icon::after {
position: absolute;
left: 0;
top: 0;
content: "";
height: 100%;
width: 100%;
background: rgba(8, 106, 216, 0.07);
border-radius: 50%;
transition: all 0.35s ease-in-out;
}
.services-area .services-items .item:hover .icon::after {
left: 0;
width: 100%;
border-radius: 50%;
transform: inherit;
margin-left: 0;
}
.bottom-content {
margin-top: 20px;
}
.bottom-content a {
text-decoration: underline;
}
.bottom-content a:hover {
color: #104cba;
}
.bottom-content p {
margin-bottom: 0;
} .services-area .services-box .single-item {
margin-bottom: 30px;
}
.services-area .services-box .item {
padding: 60px 30px;
transition: all 0.35s ease-in-out;
box-shadow: 0px 0px 38px 0px rgba(0,0,0,.08);
background: #ffffff;
}
.services-area .services-box .item h4 {
font-size: 20px;
}
.services-area .services-box .item i {
display: inline-block;
font-size: 55px;
margin-bottom: 30px;
position: relative;
z-index: 1;
color: #086AD8;
}
.services-area .services-box .item i::after {
position: absolute;
left: -20px;
top: -10px;
content: "";
height: 40px;
width: 40px;
background: #104cba;
z-index: -1;
opacity: 0.1;
border-radius: 50%;
transition: all 0.35s ease-in-out;
}
.services-area .services-box .item p {
margin: 0;
} .services-area .services-content .single-item {
margin-bottom: 30px;
}
.services-area .services-content .item {
box-shadow: 0px 0px 38px 0px rgba(0,0,0,.08);
padding: 50px 25px;
border-radius: 8px;
overflow: hidden;
background: #ffffff;
position: relative;
z-index: 1;
border: 2px solid #e7e7e7;
overflow: hidden;
}
.services-area .services-content .item::before {
position: absolute;
content: "";
left: 0;
bottom: -100%;
content: "";
height: 100%;
width: 100%;
background: #104cba;
transition: all 0.35s ease-in-out;
z-index: -1;
}
.services-area .services-content .item:hover::before {
bottom: 0;
}
.services-area .services-content .item:hover a,
.services-area .services-content .item:hover p {
color: #ffffff;
}
.services-area .services-content .item::after {
position: absolute;
left: 0;
top: 0;
content: "";
height: 100%;
width: 100%;
background: url(//betterbegoing.com/wp-content/themes/solion/img/shape/7.png);
background-size: contain;
background-repeat: no-repeat;
z-index: -1;
opacity: 0.04;
background-position: left top;
}
.services-area .services-content .item:hover::after {
background: url(//betterbegoing.com/wp-content/themes/solion/img/shape/7-light.png);
opacity: 0.1;
left: 0;
top: 0;
content: "";
height: 100%;
width: 100%;
position: absolute;
background-size: contain;
background-repeat: no-repeat;
}
.services-area .services-content .item img {
margin: auto auto 30px;
height: 120px;
}
.services-area .services-content .item p {
margin: 0;
}
.services-area .services-content .item a,
.services-area .services-content .item p {
transition: all 0.35s ease-in-out;
} .service-area .service-box .single-item {
margin-bottom: 30px;
}
.service-area .service-box .single-item .item {
padding: 0 30px;
}
.service-area .service-box .item .thumb {
display: inline-block;
background: #ffffff;
height: 200px;
width: 200px;
line-height: 200px;
-webkit-clip-path: polygon(45% 1.33975%, 46.5798% 0.60307%, 48.26352% 0.15192%, 50% 0%, 51.73648% 0.15192%, 53.4202% 0.60307%, 55% 1.33975%, 89.64102% 21.33975%, 91.06889% 22.33956%, 92.30146% 23.57212%, 93.30127% 25%, 94.03794% 26.5798%, 94.48909% 28.26352%, 94.64102% 30%, 94.64102% 70%, 94.48909% 71.73648%, 94.03794% 73.4202%, 93.30127% 75%, 92.30146% 76.42788%, 91.06889% 77.66044%, 89.64102% 78.66025%, 55% 98.66025%, 53.4202% 99.39693%, 51.73648% 99.84808%, 50% 100%, 48.26352% 99.84808%, 46.5798% 99.39693%, 45% 98.66025%, 10.35898% 78.66025%, 8.93111% 77.66044%, 7.69854% 76.42788%, 6.69873% 75%, 5.96206% 73.4202%, 5.51091% 71.73648%, 5.35898% 70%, 5.35898% 30%, 5.51091% 28.26352%, 5.96206% 26.5798%, 6.69873% 25%, 7.69854% 23.57212%, 8.93111% 22.33956%, 10.35898% 21.33975%);
clip-path: polygon(45% 1.33975%, 46.5798% 0.60307%, 48.26352% 0.15192%, 50% 0%, 51.73648% 0.15192%, 53.4202% 0.60307%, 55% 1.33975%, 89.64102% 21.33975%, 91.06889% 22.33956%, 92.30146% 23.57212%, 93.30127% 25%, 94.03794% 26.5798%, 94.48909% 28.26352%, 94.64102% 30%, 94.64102% 70%, 94.48909% 71.73648%, 94.03794% 73.4202%, 93.30127% 75%, 92.30146% 76.42788%, 91.06889% 77.66044%, 89.64102% 78.66025%, 55% 98.66025%, 53.4202% 99.39693%, 51.73648% 99.84808%, 50% 100%, 48.26352% 99.84808%, 46.5798% 99.39693%, 45% 98.66025%, 10.35898% 78.66025%, 8.93111% 77.66044%, 7.69854% 76.42788%, 6.69873% 75%, 5.96206% 73.4202%, 5.51091% 71.73648%, 5.35898% 70%, 5.35898% 30%, 5.51091% 28.26352%, 5.96206% 26.5798%, 6.69873% 25%, 7.69854% 23.57212%, 8.93111% 22.33956%, 10.35898% 21.33975%);
box-shadow: 0px 0px 38px 0px rgb(0 0 0 / 8%);
margin-bottom: 30px;
}
.service-area .service-box .item img {
height: 80px;
}
.services-details-area .wpb_text_column.wpb_content_element:last-child {
margin-bottom: 0;
} .about-area .thumb {
position: relative;
padding: 30px;
margin-left: -30px;
margin-right: -30px;
margin-top: -30px;
}
.about-area .thumb img {
border-radius: 50%;
border: 15px solid #ffffff;
box-shadow: 0px 0px 38px 0px rgba(0,0,0,.08);
}
.about-area .thumb::after {
position: absolute;
left: -50px;
top: 40px;
content: "";
height: 100%;
width: 100%;
background: url(//betterbegoing.com/wp-content/themes/solion/img/shape/9.png);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
z-index: -1;
}
.about-area .info {
padding-left: 35px;
}
.about-area .info h5 {
text-transform: uppercase;
font-weight: 700;
font-size: 16px;
color: #104cba;
margin-bottom: 25px;
}
.about-area .info h2 {
font-weight: 600;
margin-bottom: 25px;
}
.about-area .info a {
margin-top: 10px;
}
.about-area ul.achivement {
margin-top: 30px;
}
.about-area ul.achivement li {
display: inline-block;
margin-right: 40px;
border-right: 1px solid #e7e7e7;
padding-right: 40px;
float: left;
}
.about-area ul.achivement li:last-child {
padding: 0;
margin: 0;
border: none;
}
.about-area ul.achivement li .counter {
position: relative;
}
.about-area ul.achivement li .counter {
position: relative;
display: flex;
align-items: center;
font-size: 36px;
font-weight: 600;
color: #232323;
line-height: 1;
font-family: 'Inter', sans-serif;
}
.about-area ul.achivement li .counter .operator {
font-size: 36px;
margin-left: 2px;
}
.about-area ul.achivement li .medium {
font-weight: 600;
font-size: 15px;
margin-top: 5px;
display: block;
} .about-area .fixed-shape {
position: absolute;
left: -10%;
top: 80%;
opacity: 0.03;
}
.about-area .thumb-box {
position: relative;
z-index: 1;
}
.about-area .thumb-box img {
padding-right: 40%;
}
.about-area .experience {
box-shadow: 0px 0px 38px 0px rgba(0,0,0,.08);
padding: 50px;
background: #ffffff;
text-align: center;
border-radius: 8px;
}
.about-area .experience h1 {
font-size: 120px;
font-weight: 800;
display: flex;
justify-content: center;
line-height: 100px;
}
.about-area .experience h1 span {
font-size: 40px;
line-height: normal;
position: relative;
top: -20px;
margin-left: 5px;
}
.about-area .experience h5 {
text-transform: uppercase;
font-weight: 600;
font-size: 16px;
margin-bottom: 0;
}
.about-area .info.left {
padding-left: 0;
}
.about-area .info.left ul.achivement li {
width: 50%;
margin: 0;
padding: 0 30px;
}
.about-area .info.left ul.achivement {
margin: 0 -15px;
margin-top: 0;
}
.about-area ul.achivement li .fun-fact {
position: relative;
}
.about-area ul.achivement li .fun-fact i {
position: absolute;
right: 0;
opacity: 0.5;
}
.about-area ul.achivement li .fun-fact i.fas.fa-gem,
.about-area ul.achivement li .fun-fact i.fas.fa-building {
font-weight: 500;
}
.about-area ul.achivement li .fun-fact p {
margin-bottom: 0;
margin-top: 20px;
}
.about-area .info .progress-box .progress {
height: 5px;
overflow: inherit;
}
.about-area .info .progress-box h5 {
font-weight: 700;
font-size: 16px;
text-transform: capitalize;
color: #232323;
margin-bottom: 15px;
}
.about-area .info .progress-box {
margin-top: 30px;
overflow: inherit;
text-align: left;
}
.about-area .info .progress-box:first-child {
margin-top: 0;
}
.about-area .info .progress-box .progress .progress-bar {
position: relative;
overflow: inherit;
background: linear-gradient(90deg, rgba(9,70,139,1) 0%, rgba(30,132,246,1) 100%);
}
.about-area .info .progress-box .progress .progress-bar span {
position: absolute;
right: 0;
bottom: 15px;
background: #104cba;
padding: 0px 8px;
font-weight: 600;
font-size: 12px;
}
.about-area .info .progress-box .progress .progress-bar span::after {
position: absolute;
left: 5px;
bottom: -5px;
content: "";
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #104cba;
} .about-area .thumb-items {
position: relative;
z-index: 1;
}
.about-area .thumb-items .video {
display: inline-block;
position: absolute;
left: -30px;
bottom: 30px;
background: #ffffff;
box-shadow: 0px 0px 38px 0px rgba(0,0,0,.08);
border-radius: 5px;
}
.about-area .thumb-items .video a {
display: block;
padding: 30px;
}
.about-area .thumb-items .video .relative.video-play-button.item-center {
top: 32px;
margin-right: 20px;
}
.about-area .thumb-items .video span {
position: relative;
top: -3px;
}
.about-area .about-content .info {
display: flex;
justify-content: space-between;
flex-direction: column;
padding-left: 15px;
padding-right: 65px;
}
.about-area .about-content .item .title {
display: flex;
align-items: center;
}
.about-area .about-content .item h4 {
font-weight: 600;
margin: 0;
}
.about-area .about-content .item p {
margin-bottom: 0;
}
.about-area .about-content .item .title {
margin-bottom: 20px;
}
.about-area .about-content .item i {
display: inline-block;
font-size: 45px;
margin-right: 15px;
color: #104cba;
}
.about-area .about-content .top-info .col-lg-6:last-child i {
color: #57b957;
}
.about-area .about-content .bottom-info {
border-top: 1px dashed #dddddd;
margin-top: 30px;
padding-top: 30px;
position: relative;
}
.clients-carousel-3-col .owl-item img {
width: auto;
margin: auto;
}
.about-area .about-content .bottom-info.inc-bg {
position: relative;
z-index: 1;
border: none;
}
.about-area .about-content .bottom-info.inc-bg::after {
position: absolute;
top: 0;
left: -200%;
content: "";
height: 1000px;
width: 600%;
background: #f3f7fd;
z-index: -1;
} .about-area.version-three .thumbs {
position: relative;
left: -10%;
padding-right: 35px;
}
.about-area.version-three .thumbs img {
max-width: 140%;
}
.about-area.version-three ul li {
color: #232323;
margin-bottom: 25px;
position: relative;
z-index: 1;
padding-left: 65px;
}
.about-area.version-three ul li:last-child {
margin-bottom: 0;
}
.about-area.version-three ul li::after {
position: absolute;
left: 0;
top: 0;
content: "\f12a";
font-family: "Flaticon";
font-weight: 600;
height: 45px;
width: 45px;
line-height: 45px;
background: rgba(8, 106, 216, 1);
text-align: center;
border-radius: 50%;
color: #ffffff;
font-size: 12px;
}
.about-area.version-three ul li h4 {
text-transform: inherit;
font-weight: 600;
color: #232323;
margin-bottom: 10px;
font-size: 18px;
}
.about-area.version-three ul {
overflow: hidden;
margin-top: 30px;
} .faq-area .thumb {
position: relative;
z-index: 1;
}
.faq-area .thumb::after {
position: absolute;
left: 50%;
top: 50%;
content: "";
height: 400px;
width: 400px;
border: 50px solid #104cba;
z-index: -1;
border-radius: 50%;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: cubic-bezier(0.54, 0.085, 0.5, 0.92);
animation-timing-function: cubic-bezier(0.54, 0.085, 0.5, 0.92);
-webkit-animation-name: infiUpDown;
animation-name: infiUpDown;
-webkit-animation-duration: 2s;
animation-duration: 2s;
margin-left: -200px;
margin-top: -200px;
}
.faq-area .faq-content {
padding-left: 35px;
}
.faq-area .faq-content h5 {
font-weight: 700;
text-transform: uppercase;
font-size: 16px;
color: #104cba;
}
.faq-area .faq-content h2 {
font-weight: 600;
margin-bottom: 40px;
}
.accordion .card-header h4:after {
font-family: "Font Awesome 5 Free";
content: "\f107";
position: absolute;
right: 0;
top: 0;
font-weight: 600;
}
.accordion .card-header h4.collapsed:after {
content: "\f105";
font-weight: 600;
color: #999999;
}
.faq-area .faq-content .card {
border: none;
margin-bottom: 31px;
overflow: inherit;
background: transparent;
border-radius: 5px;
padding: 0;
}
.faq-area .faq-content .card:last-child {
margin-bottom: 0;
}
.faq-area .faq-content .card .card-header {
border: none;
background: transparent;
padding: 0;
}
.faq-area .faq-content .card .card-header h4 {
margin: 0;
font-size: 16px;
font-weight: 700;
padding: 0;
padding-right: 50px;
cursor: pointer;
position: relative;
z-index: 1;
display: flex;
align-items: center;
}
.faq-area .faq-content .card .card-body {
padding-left: 30px;
padding: 0;
padding-top: 15px;
border-top: 1px solid #e7e7e7;
margin-top: 20px;
}
.faq-area .faq-content .card .card-body p:last-child {
margin-bottom: 0;
}
.faq-area .faq-content .card .card-header h4 strong {
display: inline-block;
height: 40px;
width: 40px;
text-align: center;
line-height: 40px;
background: #104cba;
color: #ffffff;
border-radius: 50%;
margin-right: 20px;
position: relative;
min-width: 40px;
}
.faq-area .faq-content .card .card-header h4 strong::after {
position: absolute;
left: -10%;
top: -10%;
content: "";
height: 120%;
width: 120%;
background: #104cba;
z-index: -1;
border-radius: 50%;
opacity: 0.3;
} @media only screen and (min-width: 992px) and (max-width: 1199px) {
.technology-area .single-item {
max-width: 33.333333%;
flex: 0 0 33.333333%;
}
}
.technology-area .fixed-shape-bottom {
z-index: -1;
opacity: 0.2;
}
.technology-area .single-item {
margin-bottom: 30px;
}
.technology-area a {
background: #ffffff;
padding: 50px 15px;
border: 1px solid #e7e7e7;
display: block;
padding-bottom: 0;
position: relative;
margin-bottom: 15px;
border-radius: 5px;
}
.technology-area a i {
display: block;
font-size: 50px;
color: #104cba;
margin-bottom: 15px;
font-weight: 500;
}
.technology-area a h5 {
font-weight: 600;
margin: 0;
font-size: 16px;
display: inline-block;
background: #ffffff;
padding: 10px 25px;
border-radius: 30px;
position: relative;
z-index: 1;
bottom: -30px;
border: 1px solid #e7e7e7;
overflow: hidden;
transition: all 0.35s ease-in-out;
}
.technology-area a h5::after {
position: absolute;
left: -100%;
bottom: 0;
content: "";
height: 100%;
width: 100%;
background: linear-gradient(90deg, rgba(0,16,45,1) 0%, rgba(0,89,252,1) 56%);
z-index: -1;
border-radius: 30px;
transition: all 0.25s ease-in-out;
}
.technology-area a:hover h5 {
color: #ffffff;
border: 1px solid transparent;
}
.technology-area a:hover h5::after {
left: 0;
} .fun-fact-area .fun-fact-items .counter {
position: relative;
display: flex;
align-items: center;
font-size: 50px;
font-weight: 700;
line-height: 1;
justify-content: center;
}
.fun-fact-area .fun-fact-items .counter .operator {
font-size: 40px;
margin-left: 2px;
}
.fun-fact-area .fun-fact-items .medium {
font-weight: 600;
margin-top: 8px;
display: block;
} .clients-area .clients-carousel {
position: relative;
}
.clients-area .clients-carousel img {
width: auto;
margin: auto;
height: 50px;
}
.clients-area .clients-carousel::after {
position: absolute;
left: -50px;
top: 50%;
content: "";
height: 200px;
width: 200px;
background: url(//betterbegoing.com/wp-content/themes/solion/img/shape/10.png);
z-index: -1;
transform: translateY(-50%);
opacity: 0.5;
background-size: contain;
background-position: center;
} @media only screen and (min-width: 1367px) {
.work-process-area .container-full {
margin-left: calc((100% - 1140px)/ 2);
width: auto;
min-width: auto;
max-width: inherit;
}
}
.work-process-area .fixed-shape {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
opacity: 0.03;
}
.work-process-area .process-items .single-item {
margin-bottom: 30px;
}
.work-process-area .process-items .item .top {
display: flex;
align-items: center;
margin-bottom: 30px;
justify-content: space-between;
}
.work-process-area .process-items .item i {
font-size: 50px;
opacity: 0.3;
}
.work-process-area .process-items .item span {
font-size: 50px;
display: block;
font-weight: 600;
text-shadow: -5px 5px 0px #eceefe;
position: relative;
line-height: 1;
color: #104cba;
font-family: 'Inter', sans-serif;
}
.work-process-area .process-items .single-item:nth-child(2n) .item .top {
margin-top: 30px;
margin-bottom: 0;
}
.work-process-area .process-items .item {
position: relative;
padding: 60px 30px;
box-shadow: 0px 0px 38px 0px rgba(0,0,0,.08);
overflow: hidden;
background: #ffffff;
}
.work-process-area .process-items .item::after {
position: absolute;
left: 0;
bottom: 0;
content: "";
height: 3px;
width: 0;
background: linear-gradient(90deg, rgba(0,16,45,1) 0%, rgba(0,89,252,1) 56%);
transition: all 0.35s ease-in-out;
}
.work-process-area .process-items .item:hover::after {
width: 100%;
}
.work-process-area .process-items .item p {
margin: 0;
}
.work-process-area .process-items .item h5 {
font-weight: 600;
} .choose-us-area.overflow-hidden .info .contact {
position: relative;
z-index: 1;
}
.choose-us-area.overflow-hidden .info .contact::after {
position: absolute;
left: -200%;
top: 0;
content: "";
height: 500%;
width: 600%;
background: #ffffff;
z-index: -1;
}
.choose-us-area .thumb {
position: relative;
z-index: 1;
margin-bottom: 50px;
}
.choose-us-area.reverse .thumb {
padding-left: 35px;
}
.choose-us-area .info {
margin-top: -50px;
}
.choose-us-area .thumb .content {
position: absolute;
right: 0;
bottom: -50px;
background: url(//betterbegoing.com/wp-content/themes/solion/img/shape/13.png);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
padding: 100px;
margin-right: -100px;
text-align: center;
}
.choose-us-area .thumb .content h2 {
color: #ffffff;
font-weight: 600;
margin-bottom: 4px;
font-size: 50px;
}
.choose-us-area .thumb .content h2 span {
font-size: 30px;
line-height: normal;
position: relative;
top: -15px;
font-weight: 600;
left: 5px;
}
.choose-us-area .thumb .content h5 {
margin: 0;
color: #ffffff;
font-weight: 600;
font-size: 16px;
}
.choose-us-area .thumb img {
border-radius: 5px;
box-shadow: 0px 0px 38px 0px rgba(0,0,0,.08);
}
.choose-us-area.reverse .thumb {
margin: 0;
}
.choose-us-area.reverse .thumb img {
box-shadow: inherit;
max-width: 120%;
}
.choose-us-area .info h5 {
text-transform: uppercase;
color: #104cba;
font-size: 16px;
font-weight: 700;
margin-bottom: 25px;
}
.choose-us-area .info h2 {
font-weight: 600;
margin-bottom: 25px;
}
.choose-us-area .info ul li {
font-weight: 600;
margin-bottom: 15px;
position: relative;
z-index: 1;
padding-left: 40px;
}
.choose-us-area .info ul li:last-child {
margin-bottom: 0;
}
.choose-us-area .info ul li::after {
position: absolute;
left: 0;
top: 0;
content: "\f12a";
font-family: "Flaticon";
font-weight: 600;
height: 30px;
width: 30px;
line-height: 30px;
background: rgba(8, 106, 216, 0.1);
text-align: center;
border-radius: 50%;
color: rgba(8, 106, 216, 1);
font-size: 10px;
}
.choose-us-area .info ul {
margin-top: 25px;
}
.choose-us-area.inc-skill .info .contact {
border: none;
margin-top: 35px;
padding-top: 0;
}
.choose-us-area .info .contact {
display: flex;
border-top: 1px dashed #dddddd;
margin-top: 25px;
padding-top: 25px;
justify-content: space-between;
align-items: center;
}
.choose-us-area .info .contact p, 
.choose-us-area .info .contact h4 {
margin: 0;
}
.choose-us-area .info .contact h4 {
font-weight: 600;
display: flex;
align-items: center;
}
.choose-us-area .info .contact i {
height: 40px;
width: 40px;
text-align: center;
line-height: 40px;
background: #104cba;
border-radius: 50%;
color: #ffffff;
font-size: 14px;
position: relative;
margin-right: 15px;
font-weight: 600;
}
.choose-us-area .info .contact i::after {
position: absolute;
left: -10%;
top: -10%;
content: "";
height: 120%;
width: 120%;
background: #104cba;
z-index: -1;
border-radius: 50%;
opacity: 0.3;
}
.choose-us-area .skill-items h5 {
font-weight: 700;
font-size: 16px;
text-transform: capitalize;
color: #232323;
margin-bottom: 15px;
}
.choose-us-area .skill-items .progress-box {
margin-top: 30px;
overflow: inherit;
text-align: left;
}
.choose-us-area .skill-items .progress-box .progress {
height: 5px;
overflow: inherit;
}
.choose-us-area .skill-items .progress-box .progress .progress-bar {
position: relative;
overflow: inherit;
background: linear-gradient(90deg, rgba(9,70,139,1) 0%, rgba(30,132,246,1) 100%);
}
.choose-us-area .skill-items .progress-box .progress .progress-bar span {
position: absolute;
right: 0;
bottom: 15px;
background: #104cba;
padding: 0px 8px;
font-weight: 600;
font-size: 12px;
}
.choose-us-area .skill-items .progress-box .progress .progress-bar span::after {
position: absolute;
left: 5px;
bottom: -5px;
content: "";
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #104cba;
}  .team-area.grid-layout .team-items .single-item:nth-child(even) .info h5, 
.team-area.grid-layout .team-items .single-item:nth-child(even) .info span, 
.team-area.grid-layout .team-items .single-item:nth-child(even) .info a, 
.team-area.grid-layout .team-items .single-item .item:hover .info h5, 
.team-area.grid-layout .team-items .single-item .item:hover .info a, 
.team-area.grid-layout .team-items .single-item .item:hover .info span, 
.team-area.grid-layout .team-items .owl-item .item:hover .info h5, 
.team-area.grid-layout .team-items .owl-item .item:hover .info a, 
.team-area.grid-layout .team-items .owl-item .item:hover .info span {
color: #232323;
}
.team-single-area .right-info {
padding-left: 35px;
}
.team-single-area .right-info h2 {
font-weight: 600;
margin-bottom: 10px;
font-size: 24px;
}
.team-single-area .right-info span {
display: block;
color: #086AD8;
margin-bottom: 25px;
text-transform: uppercase;
font-size: 14px;
}
.team-single-area .right-info ul {
margin-top: 25px;
}
.team-single-area .right-info ul li {
margin-top: 10px;
color: #232323;
}
.team-single-area .right-info ul li a {
font-weight: 400;
}
.team-single-area .right-info ul li a:hover {
color: #086AD8;
}
.team-single-area .right-info .social {
display: flex;
margin-top: 25px;
font-weight: 600;
align-items: center;
}
.team-single-area .right-info .social h4 {
font-weight: 600;
margin-bottom: 0;
margin-right: 25px;
}
.team-single-area .right-info .social ul {
margin: 0;
}
.team-single-area .right-info .social ul li {
display: inline-block;
margin: 0;
margin-right: 10px;
}
.team-single-area .right-info .social ul li a {
display: inline-block;
height: 45px;
width: 45px;
line-height: 47px;
background: #e7e7e7;
text-align: center;
border-radius: 50%;
}
.team-area .team-items .single-item {
margin-bottom: 30px;
}
.team-area.grid-layout .team-items .single-item:nth-child(even) {
margin-top: 0;
}
.team-area.grid-layout .team-items .single-item:nth-child(even) .info {
background: #ffffff;
}
.team-area .team-items .single-item .item .info h5, 
.team-area .team-items .single-item .item .info span,
.team-area .team-items .owl-item .item .info h5, 
.team-area .team-items .owl-item .item .info span {
transition: all 0.35s ease-in-out;
}
.team-area .team-items .single-item:nth-child(even) .info h5, 
.team-area .team-items .single-item:nth-child(even) .info span,
.team-area .team-items .single-item .item:hover .info h5, 
.team-area .team-items .single-item .item:hover .info span,
.team-area .team-items .owl-item .item:hover .info h5, 
.team-area .team-items .owl-item .item:hover .info span {
color: #ffffff;
}
.team-area .team-items .single-item:nth-child(even) .info h5, 
.team-area .team-items .single-item:nth-child(even) .info span,
.team-area .team-items .single-item:nth-child(even) .info a,
.team-area .team-items .single-item .item:hover .info h5,
.team-area .team-items .single-item .item:hover .info a, 
.team-area .team-items .single-item .item:hover .info span,
.team-area .team-items .owl-item .item:hover .info h5,
.team-area .team-items .owl-item .item:hover .info a, 
.team-area .team-items .owl-item .item:hover .info span {
color: #ffffff;
}
.team-area.grid-layout .team-items .single-item:nth-child(even) .info span, 
.team-area.grid-layout .team-items .single-item .item:hover .info span {
color: #999999;
}
.team-area.grid-layout .team-items .single-item .item:hover .info h5, 
.team-area.grid-layout .team-items .single-item .item:hover .info span {
color: #ffffff;
}
.team-area .team-items .item .info-box {
padding: 0 30px;
position: relative;
top: -50px;
margin-bottom: -50px;
z-index: 1;
}
.team-area .team-items .item .info {
padding: 20px 30px;
background: #ffffff;
box-shadow: 0px 0px 38px 0px rgba(0,0,0,.08);
border-radius: 5px;
position: relative;
z-index: 1;
overflow: hidden;
}
.team-area.carousel-shadow .team-items .item .info {
box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
}
.team-area .team-items .item .info::after {
position: absolute;
left: 0;
bottom: 0;
content: "";
height: 0;
width: 100%;
background: linear-gradient(90deg, rgba(0,16,45,1) 0%, rgba(0,89,252,1) 56%);
transition: all 0.35s ease-in-out;
z-index: -1;
}
.team-area .team-items .item:hover .info::after {
height: 100%;
}
.team-area .team-items img {
border-radius: 8px;
}
.team-area .team-items .item .info h5 {
font-weight: 600;
margin-bottom: 5px;
}
.team-area .team-items .item .info span {
color: #999999;
font-weight: 500;
font-size: 15px;
font-family: 'Inter', sans-serif;
}
.team-area .team-items .thumb {
overflow: hidden;
position: relative;
}
.team-area .team-items .thumb::after {
position: absolute;
left: 0;
bottom: 0;
content: "";
height: 0;
width: 100%;
background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 1) 150%) repeat scroll 0 0;
border-radius: 5px;
transition: all 0.35s ease-in-out;
}
.team-area .team-items .item:hover .thumb::after {
height: 100%;
}
.team-area .team-items .thumb .social {
position: absolute;
left: 0;
bottom: -30px;
padding: 30px;
right: 0;
transition: all 0.35s ease-in-out;
z-index: 1;
}
.team-area .team-items .thumb .social ul li {
display: inline-block;
margin: 0 5px;
}
.team-area .team-items .item:hover .thumb .social {
bottom: 40px;
}
.team-area .team-items .thumb .social ul li a {
display: inline-block;
color: #ffffff;
height: 45px;
width: 45px;
line-height: 48px;
border-radius: 50%;
}
.team-area .team-items .thumb .social ul li.facebook a {
background: #3B5998 none repeat scroll 0 0;
}
.team-area .team-items .thumb .social ul li.twitter a {
background: #1DA1F2 none repeat scroll 0 0;
}
.team-area .team-items .thumb .social ul li.pinterest a {
background: #BD081C none repeat scroll 0 0;
}
.team-area .team-items .thumb .social ul li.g-plus a {
background: #DB4437 none repeat scroll 0 0;
}
.team-area .team-items .thumb .social ul li.linkedin a {
background: #0077B5 none repeat scroll 0 0;
}
.team-area .team-items .thumb .social ul li.instagram a {
background: #3f729b none repeat scroll 0 0;
} .team-area .team-carousel {
position: relative;
z-index: 1;
}
.team-area .team-carousel::after {
position: absolute;
left: -100px;
top: -100px;
content: "";
background: url(//betterbegoing.com/wp-content/themes/solion/img/shape/10.png);
background-size: contain;
height: 300px;
width: 300px;
background-repeat: no-repeat;
z-index: -1;
opacity: 0.5;
transform: rotate(45deg);
}
.team-area .team-items .team-carousel.owl-carousel .owl-dots {
margin-top: 20px;
}
.team-area .team-items .team-carousel.owl-carousel .owl-dot {
margin-bottom: -10px;
margin-top: 20px;
}
.team-area .team-items .team-carousel.owl-carousel .owl-dot span {
display: block;
height: 20px;
width: 20px;
margin: 0 5px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background: #ffffff;
position: relative;
z-index: 1;
border: 2px solid #e7e7e7;
}
.team-area .team-items .team-carousel.owl-carousel .owl-dot.active span::after {
position: absolute;
left: 50%;
top: 50%;
content: "";
height: 5px;
width: 5px;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
background: #437eeb;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
} .team-single-area .basic-info li {
float: left;
width: 50%;
padding: 0 15px;
color: #ffffff;
margin-top: 15px;
}
.team-single-area .basic-info {
clear: both;
margin: 0 -15px;
position: relative;
z-index: 1;
display: block;
float: left;
width: 100%;
padding: 30px 0;
padding-top: 15px;
margin-top: 30px;
}
.team-single-area .basic-info::after {
position: absolute;
right: 0;
top: 0;
content: "";
height: 100%;
width: 110%;
background: linear-gradient(90deg, rgba(9,70,139,1) 0%, rgba(30,132,246,1) 100%);
z-index: -1;
}
.team-single-area .basic-info li a {
color: #ffffff;
font-weight: 400;
}
.team-single-area .social ul li {
display: inline-block;
margin-right: 7px;
}
.team-single-area .social ul li a {
display: inline-block;
height: 50px;
width: 50px;
line-height: 50px;
background: #e9e9e9;
text-align: center;
border-radius: 50%;
color: #232323;
}
.team-single-area .social ul li a:hover {
background: #086AD8;
color: #ffffff;
}
.team-single-area .social ul {
margin-top: 30px;
margin-bottom: 15px;
}
.team-single-area .content h2 {
font-weight: 600;
margin-bottom: 10px;
font-size: 24px;
}
.team-single-area .content > span {
text-transform: capitalize;
margin-bottom: 15px;
display: block;
color: #086ad8;
}
.team-single-area .about-area.reverse .info .progress-box:first-child {
margin-top: 0;
}
.team-single-area .bottom-info {
margin-top: 50px;
}
.team-single-area .bottom-info h2 {
font-weight: 600;
font-size: 24px;
}
.team-single-area .about-area .info .progress-box h5 {
font-weight: 700;
}
.team-single-area .bottom-info p:last-child {
margin-bottom: 0;
}
.team-single-area .about-area.reverse .info {
padding-bottom: 0;
padding-left: 0;
padding-right: 35px;
} .testimonials-area .testimonials-carousel::after {
position: absolute;
left: -100px;
top: -100px;
content: "";
height: 200px;
width: 200px;
background: url(//betterbegoing.com/wp-content/themes/solion/img/shape/10.png);
background-size: contain;
background-repeat: no-repeat;
z-index: -1;
}
.testimonials-area .testimonials-carousel .item .thumb {
width: 150px;
min-width: 150px;
margin-right: 20px;
position: relative;
z-index: 1;
height: 150px;
overflow: hidden;
}
.testimonials-area .testimonials-carousel .item .thumb img {
clip-path: polygon(40% 7.67949%, 43.1596% 6.20615%, 46.52704% 5.30384%, 50% 5%, 53.47296% 5.30384%, 56.8404% 6.20615%, 60% 7.67949%, 81.65064% 20.17949%, 84.50639% 22.17911%, 86.97152% 24.64425%, 88.97114% 27.5%, 90.44449% 30.6596%, 91.34679% 34.02704%, 91.65064% 37.5%, 91.65064% 62.5%, 91.34679% 65.97296%, 90.44449% 69.3404%, 88.97114% 72.5%, 86.97152% 75.35575%, 84.50639% 77.82089%, 81.65064% 79.82051%, 60% 92.32051%, 56.8404% 93.79385%, 53.47296% 94.69616%, 50% 95%, 46.52704% 94.69616%, 43.1596% 93.79385%, 40% 92.32051%, 18.34936% 79.82051%, 15.49361% 77.82089%, 13.02848% 75.35575%, 11.02886% 72.5%, 9.55551% 69.3404%, 8.65321% 65.97296%, 8.34936% 62.5%, 8.34936% 37.5%, 8.65321% 34.02704%, 9.55551% 30.6596%, 11.02886% 27.5%, 13.02848% 24.64425%, 15.49361% 22.17911%, 18.34936% 20.17949%);
}
.testimonials-area .testimonials-carousel .item .thumb i {
display: inline-block;
position: absolute;
right: 5px;
top: 5px;
height: 45px;
width: 45px;
line-height: 45px;
background: #104cba;
text-align: center;
border-radius: 50%;
color: #ffffff;
font-size: 12px;
}
.testimonials-area .testimonials-carousel .item {
display: flex;
box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
padding: 50px 30px;
background: #ffffff;
position: relative;
overflow: hidden;
border-radius: 7px;
}
.testimonials-area .testimonials-carousel .item .bottom {
display: flex;
justify-content: space-between;
border-top: 1px solid #e7e7e7;
padding-top: 20px;
margin-top: 20px;
}
.testimonials-area .testimonials-carousel .item .bottom h5 {
font-weight: 600;
margin-bottom: 2px;
}
.testimonials-area .testimonials-carousel .item .bottom span {
color: #104cba;
font-size: 14px;
}
.testimonials-area .testimonials-carousel .item .bottom i {
font-size: 14px;
color: #104cba;
}
.testimonials-area .testimonials-carousel {
position: relative;
}
.testimonials-area .testimonials-carousel .owl-nav {
position: absolute;
right: 0;
top: -90px;
margin: 0;
}
.testimonials-area .testimonials-carousel .owl-nav .owl-next, 
.testimonials-area .testimonials-carousel .owl-prev {
margin: 0;
padding: 0;
height: 40px;
width: 40px;
text-align: center;
line-height: 40px;
margin-left: 10px;
border: 2px solid #e7e7e7;
color: #104cba;
background: #ffffff;
}
.testimonials-area .testimonials-carousel .owl-nav .owl-next:hover, 
.testimonials-area .testimonials-carousel .owl-prev:hover {
background: #ffffff;
color: #104cba;
} .case-studies-area .case-carousel .item .info a:hover {
color: #ffffff;
}
.case-studies-area.half-bg::after {
position: absolute;
left: 0;
bottom: 0;
content: "";
height: 30%;
width: 100%;
background: #ffffff;
}
.case-studies-area img {
border-radius: 5px;
}
.case-studies-area .case-carousel .item {
position: relative;
overflow: hidden;
}
.case-studies-area .case-carousel .item .info {
position: absolute;
left: 0;
bottom: -100%;
right: 0;
padding: 30px;
z-index: 1;
transition: all 0.35s ease-in-out;
opacity: 0;
}
.case-studies-area .case-carousel .owl-item.center .item .info {
opacity: 1;
bottom: 0;
}
.case-studies-area .case-carousel .item::after {
position: absolute;
left: 0;
bottom: 0;
content: "";
height: 60%;
width: 100%;
border-radius: 0 0 5px 5px;
background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 150%) repeat scroll 0 0;
}
.case-studies-area .case-carousel .item .info .tags {
text-transform: uppercase;
font-size: 13px;
font-weight: 600;
margin-bottom: 5px;
font-family: 'Inter', sans-serif;
}
.case-studies-area .case-carousel .item .info .tags a {
display: inline-block;
margin-bottom: 5px;
font-size: 13px;
text-transform: uppercase;
font-weight: 500;
}
.case-studies-area .case-carousel .owl-nav {
margin: 0;
}
.case-studies-area .case-carousel .owl-nav .owl-prev, 
.case-studies-area .case-carousel .owl-nav .owl-next {
background: transparent none repeat scroll 0 0;
color: #ffffff;
font-size: 30px;
height: 40px;
left: -50px;
line-height: 40px;
margin: -20px 0 0;
padding: 0;
position: absolute;
top: 50%;
width: 40px;
display: inline-block;
transition: all 0.35s ease-in-out;
opacity: 0;
}
.case-studies-area .case-carousel .owl-nav .owl-next {
left: auto;
right: -50px;
}
.case-studies-area .case-carousel:hover .owl-nav .owl-prev {
left: 20px;
opacity: 1;
}
.case-studies-area .case-carousel:hover .owl-nav .owl-next {
right: 20px;
left: auto;
opacity: 1;
} .case-studies-area.grid-items #portfolio-grid {
margin: -15px;
}
.case-studies-area.grid-items .case-items.colums-3 .pf-item {
float: left;
padding: 15px;
width: 33.3333%;
}
.case-studies-area.grid-items .case-items.colums-2 .pf-item {
float: left;
padding: 15px;
width: 50%;
}
.case-studies-area.grid-items .case-items.colums-4 .pf-item {
float: left;
padding: 15px;
width: 25%;
}
.case-studies-area.grid-items .case-items.colums-6 .pf-item {
float: left;
padding: 15px;
width: 16.6666%;
}
.case-items-area .pf-item .item {
overflow: hidden;
position: relative;
}
.case-items-area .pf-item .item img {
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-ms-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.case-items-area .pf-item .item:hover .thumb img {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
.case-items-area .pf-item .item .info {
position: absolute;
left: 0;
bottom: -100%;
right: 0;
padding: 30px;
z-index: 1;
transition: all 0.35s ease-in-out;
opacity: 0;
color: #ffffff;
}
.case-items-area .pf-item .item .info h4 {
margin-bottom: 0;
font-size: 18px;
}
.case-items-area .pf-item .item .info a {
color: #ffffff;
}
.case-items-area .pf-item .item:hover .info {
bottom: 0;
opacity: 1;
}
.case-items-area .pf-item .item::after {
position: absolute;
left: 0;
bottom: 0;
content: "";
height: 0;
width: 100%;
border-radius: 5px;
transition: all 0.35s ease-in-out;
background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 150%) repeat scroll 0 0;
}
.case-items-area .pf-item .item:hover::after {
height: 100%;
border-radius: 5px;
}
.case-items-area .pf-item .item .info .tags a {
display: inline-block;
margin-bottom: 5px;
font-size: 13px;
text-transform: uppercase;
font-weight: 500;
}
.case-items-area .pf-item .item .thumb {
position: relative;
}
.case-items-area .pf-item .item .thumb a {
position: absolute;
right: 0;
top: 40px;
z-index: 1;
height: 45px;
width: 45px;
line-height: 49px;
background: #fff;
text-align: center;
border-radius: 50%;
color: #104cba;
overflow: inherit;
opacity: 0;
transition: all 0.45s ease-in-out;
}
.case-items-area .pf-item .item:hover .thumb a {
opacity: 1;
right: 30px;
}
.case-items-area .pf-item .item .thumb a::after {
position: absolute;
left: -10%;
top: -10%;
height: 120%;
width: 120%;
content: "";
background: #ffffff;
z-index: -1;
border-radius: 50%;
opacity: 0.5;
}
.case-studies-area .case-carousel .owl-item .item .info h4 {
font-size: 18px;
} .project-details-area .top-info {
position: relative;
margin-top: 50px;
border-bottom: 1px solid #e7e7e7;
margin-bottom: 40px;
padding-bottom: 40px;
}
.project-details-area .top-info .left-info {
padding-right: 35px;
}
.project-details-area .top-info p:last-child {
margin-bottom: 0;
}
.project-details-area .project-info h2,
.project-details-area .project-info h3,
.project-details-area .project-info h4,
.project-details-area .project-info h5 {
font-weight: 700;
margin-bottom: 25px;
}
.project-details-area .project-info > ul li {
font-family: 'Inter', sans-serif;
font-weight: 600;
font-size: 18px;
color: #232323;
}
.project-details-area .project-info > ul li i {
display: inline-block;
margin-right: 14px;
color: #086AD8;
font-size: 16px;
}
.project-details-area .project-info > ul {
display: inline-block;
grid-template-columns: repeat(2,1fr);
display: grid;
grid-gap: 30px 30px;
}
.project-details-area .project-info > ul li span {
font-family: 'Inter', sans-serif;
font-weight: 500;
position: relative;
font-size: 15px;
display: block;
margin-top: 2px;
color: #666666;
}
.project-details-area .project-info .share {
display: flex;
align-items: center;
justify-content: space-between;
border-top: 1px dashed rgba(255, 255, 255, 0.5);
margin-top: 30px;
padding-top: 30px;
}
.project-details-area .project-info .share ul li {
display: inline-block;
margin-right: 8px;
}
.project-details-area .project-info .share ul li a {
display: inline-block;
color: #ffffff;
height: 40px;
width: 40px;
line-height: 40px;
text-align: center;
border-radius: 50%;
}
.project-details-area .project-info .share ul li.facebook a {
background: #3B5998 none repeat scroll 0 0;
}
.project-details-area .project-info .share ul li.twitter a {
background: #1DA1F2 none repeat scroll 0 0;
}
.project-details-area .project-info .share ul li.pinterest a {
background: #BD081C none repeat scroll 0 0;
}
.project-details-area .project-info .share ul li.g-plus a {
background: #DB4437 none repeat scroll 0 0;
}
.project-details-area .project-info .share ul li.linkedin a {
background: #0077B5 none repeat scroll 0 0;
}
.project-details-area .project-info .share h4 {
margin: 0;
padding-right: 50px;
}
.project-details-area .main-content {
margin-top: 45px;
}
.project-details-area .main-content h2,
.project-details-area .main-content h3,
.project-details-area .main-content h4,
.project-details-area .main-content h5 {
font-weight: 600;
margin-bottom: 25px;
}
.project-details-area .main-content .row img {
margin-top: 30px;
}
.project-details-area .top-info h2 {
font-weight: 600;
margin-bottom: 25px;
}
.case-overview ul {
display: flex;
margin-top: 45px;
margin-bottom: 15px;
}
.case-overview ul li {
flex-basis: 0;
flex-grow: 1;
margin-bottom: 30px;
margin-left: 30px;
font-weight: 700;
text-transform: uppercase;
color: #232323;
border-top: 1px solid #e7e7e7;
padding-top: 15px;
}
.case-overview ul li:first-child {
margin-left: 0;
}
.case-overview ul li span {
text-transform: capitalize;
display: block;
font-weight: 400;
color: #666666;
}
.case-overview h2 {
font-weight: 600;
margin-bottom: 25px;
font-size: 32px;
} .pricing-area.half-bg {
position: relative;
z-index: 1;
}
.pricing-area.half-bg::after {
position: absolute;
left: 0;
top: 0;
content: "";
height: 40%;
width: 100%;
background: linear-gradient(90deg, rgba(0,16,45,1) 0%, rgba(0,89,252,1) 56%);
z-index: -1;
}
.pricing-area.half-bg::before {
position: absolute;
left: 0;
top: 0;
content: "";
height: 40%;
width: 100%;
background: url(//betterbegoing.com/wp-content/themes/solion/img/shape/bg-9.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed;
opacity: 0.1;
}
.pricing-area .fixed-bg {
position: absolute;
left: 0;
top: 0;
height: 40%;
width: 100%;
z-index: -1;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;
}
.pricing-area {
position: relative;
z-index: 1;
}
.pricing-area .pricing .single-item {
position: relative;
z-index: 1;
}
.pricing-area .pricing .single-item::after {
position: absolute;
right: 0;
top: 50px;
bottom: 50px;
border-right: 1px solid #e7e7e7;
content: "";
}
.pricing-area .pricing .single-item:last-child::after {
display: none;
}
.pricing-area .pricing .pricing-item ul {
display: inline-block;
text-align: left;
}
.pricing-area .pricing {
background: #ffffff;
box-shadow: 0px 0px 38px 0px rgba(0,0,0,.08);
border-radius: 8px;
}
.pricing-area .pricing .pricing-item {
padding: 50px;
background: #ffffff;
}
.pricing-area .pricing .pricing-item ul h5 {
font-weight: 700;
text-transform: capitalize;
color: #666666;
}
.pricing-area .pricing .pricing-item ul h2 {
font-size: 60px;
font-weight: 600;
padding-left: 5px;
margin-bottom: 30px;
line-height: 1;
}
.pricing-area .pricing .pricing-item ul h2 sub {
font-size: 16px;
left: -22px;
color: #666666;
}
.pricing-area .pricing .pricing-item ul h2 sup {
font-size: 16px;
top: -30px;
right: 5px;
}
.pricing-area .pricing .pricing-item a {
margin-top: 15px;
}
.pricing-area .pricing .pricing-item ul li {
margin-bottom: 15px;
}
.pricing-area .pricing .pricing-item ul li i {
font-size: 14px;
color: #104cba;
margin-right: 5px;
}
.pricing-area .pricing .pricing-item ul li i.fa-minus-circle {
color: #e3306f;
} @media (min-width: 768px) {
.blog-area .blog-comments .comments-list ul.children {
margin-left: 50px;
}
.blog-area .blog-comments .comments-list > ul.children {
margin-bottom: 50px;
}
.blog-area .blog-comments .comments-list > ul.children:last-child {
margin-bottom: 0;
}
}
.blog-area .comments-area p.no-comments {
text-align: center;
margin: 0;
margin-top: 30px;
font-family: 'Inter', sans-serif;
font-weight: 600;
font-size: 20px;
color: #232323;
}
.blog-area .blog-content .info form {
margin-bottom: 30px;
position: relative;
}
.blog-area .blog-content .info form input {
border: 1px solid #e7e7e7;
border-radius: 5px;
padding: 15px;
}
.blog-area .blog-content .info form button {
background: #104cba;
padding: 0 30px;
color: #ffffff;
text-transform: uppercase;
font-size: 14px;
font-weight: 600;
border-radius: 8px;
}
.blog-area .single-item {
margin-bottom: 30px;
}
.blog-area .item {
box-shadow: 0px 0px 38px 0px rgba(0,0,0,.08);
background: #ffffff;
border-radius: 8px;
}
.blog-area .blog-items .item .thumb {
position: relative;
padding: 15px;
}
.blog-area.full-blog .blog-items .item .thumb {
padding-bottom: 0;
}
.blog-area .blog-items .item .thumb .date {
position: absolute;
left: 30px;
bottom: -30px;
text-align: center;
background: #ffffff;
box-shadow: 0px 0px 38px 0px rgba(0,0,0,.08);
padding: 15px 20px;
font-size: 36px;
color: #104cba;
font-weight: 600;
border-radius: 5px;
line-height: 1;
font-family: 'Inter', sans-serif;
}
.blog-area .blog-items .item .thumb .date span {
display: block;
font-size: 14px;
color: #232323;
font-weight: 700;
text-transform: uppercase;
margin-top: 5px;
font-family: 'Inter', sans-serif;
}
.blog-area .blog-items .info {
padding: 30px;
padding-top: 50px;
overflow: hidden;
}
.blog-area .blog-items .info h2,
.blog-area .blog-items .info h3,
.blog-area .blog-items .info h4 {
font-weight: 600;
}
.blog-area .blog-items .info h2 a:hover,
.blog-area .blog-items .info h3 a:hover,
.blog-area .blog-items .info h4 a:hover {
color: #104cba;
}
.blog-area.full-blog .blog-items .info {
padding-top: 30px;
}
.blog-area .blog-items .item .thumb img {
border-radius: 5px;
height: auto;
width: 100%;
}
.blog-area .blog-items .info .meta ul li {
display: inline-block;
margin-right: 15px;
position: relative;
font-weight: 500;
color: #232323;
font-size: 13px;
}
.blog-area .blog-items .info .meta ul li i {
font-weight: 500;
margin-right: 2px;
color: #104cba;
}
.blog-area .blog-items .info .meta ul li a:hover,
.blog-area .blog-items .info h4 a:hover,
.blog-area .btn-more:hover {
color: #104cba;
}
.blog-area.content-less .btn-more {
color: #104cba;
}
.blog-area .blog-items .info .meta {
margin-bottom: 15px;
}
.blog-area .blog-items .info .meta a {
font-weight: 600;
text-transform: capitalize;
}
.blog-area .btn-more {
text-transform: capitalize;
}
.blog-area .btn-more i {
position: relative;
top: 2px;
margin-left: 1px;
}
.blog-area .blog-items .info .bottom {
display: flex;
align-items: center;
justify-content: space-between;
border-top: 1px solid #e7e7e7;
margin-top: 26px;
padding-top: 30px;
}
.blog-area .blog-items .info .bottom img {
height: 50px;
width: 50px;
border-radius: 50%;
margin-right: 7px;
border: 1px solid #e7e7e7;
padding: 3px;
max-width: 60px;
} .blog-area.left-sidebar .blog-content {
float: right;
}
.blog-area.left-sidebar .sidebar {
padding-right: 35px;
}
.blog-area.right-sidebar .sidebar {
padding-left: 35px;
}
.blog-area .sidebar .title {
display: block;
}
.blog-area .sidebar .title h4 {
font-weight: 600;
margin-bottom: 30px;
margin-top: -5px;
position: relative;
text-transform: capitalize;
z-index: 1;
font-size: 18px;
display: inline-block;
padding-bottom: 15px;
}
.blog-area .sidebar .title h4::after {
position: absolute;
left: 0;
bottom: 0;
content: "";
height: 2px;
width: 50px;
border-bottom: 2px solid #104cba;
}
.blog-area .sidebar input[type="text"] {
border: 1px solid #e7e7e7;
border-radius: inherit;
box-shadow: inherit;
min-height: 60px;
border-radius: 30px;
}
.blog-area .sidebar form {
position: relative;
}
.blog-area .sidebar button[type="submit"] {
background: #104cba;
border: medium none;
color: #ffffff;
font-weight: 500;
letter-spacing: 1px;
min-height: 50px;
width: 50px;
position: absolute;
right: 5px;
text-transform: uppercase;
top: 5px;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-ms-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
border-radius: 50%;
}
.blog-area .sidebar input[type="submit"]:hover {
background: #104cba none repeat scroll 0 0;
}
.sidebar-item.search form input {
border-radius: 30px;
min-height: 60px;
box-shadow: inherit;
border: 1px solid #e7e7e7;
padding-left: 25px;
}
.sidebar-item.search {
border-radius: 30px !important;
box-shadow: inherit !important;
}
.blog-area .sidebar .sidebar-item {
float: left;
margin-bottom: 50px;
width: 100%;
background: #ffffff;
box-shadow: 0px 0px 38px 0px rgb(0 0 0 / 8%);
padding: 30px;
border-radius: 8px;
}
.blog-area .sidebar .sidebar-item a {
color: #454545;
font-weight: 500;
font-size: 14px;
}
.blog-area .sidebar .sidebar-item.search {
padding: 0;
box-shadow: inherit;
background: transparent;
}
.blog-area .sidebar .sidebar-item:last-child {
margin-bottom: 0;
}
.blog-area .sidebar .sidebar-item.category .sidebar-info, 
.blog-area .sidebar .sidebar-item.archives .sidebar-info {
margin-top: -5px;
}
.blog-area .sidebar .sidebar-item.category li {
display: block;
position: relative;
margin-top: 13px;
}
.blog-area .sidebar .sidebar-item.category li a {
display: inline-block;
text-transform: capitalize;
font-weight: 700;
color: #666666;
}
.blog-area .sidebar .sidebar-item li a:hover {
color: #104cba;
}
.blog-area .sidebar .sidebar-item.category li a span {
color: #b5b5b5;
font-size: 14px;
margin-left: 5px;
}
.blog-area .sidebar .sidebar-item.category li:first-child a span {
top: 0;
}
.blog-area .sidebar .sidebar-item.category li:first-child {
margin-top: 0;
padding-top: 0;
}
.blog-area .sidebar .sidebar-item.category li:first-child a::after {
top: 0;
}
.blog-area .sidebar .sidebar-item.category li:last-child {
border: medium none;
margin-bottom: 0;
padding-bottom: 0;
}
.sidebar-item.recent-post li a {
color: #333333;
display: block;
font-weight: 600;
}
.sidebar-item.recent-post li a:last-child {
display: inline-block;
}
.sidebar-item.recent-post .meta-title {
margin-top: 5px;
font-weight: 600;
text-transform: capitalize;
font-size: 13px;
}
.sidebar-item.recent-post .meta-title i {
margin-right: 3px;
font-weight: 500;
color: #104cba;
}
.sidebar-item.recent-post li a:hover {
color: #104cba;
}
.sidebar-item.recent-post li a span {
display: inline-block;
color: #002359;
}
.sidebar-item.recent-post li span {
display: inline-block;
text-transform: capitalize;
font-size: 13px;
color: #888888;
font-weight: 500;
}
.sidebar-item.recent-post .meta-title a {
color: #999999;
}
.sidebar-item.recent-post li {
color: #cdd0d3;
}
.sidebar-item.recent-post li {
border-bottom: 1px solid #e7e7e7;
margin-bottom: 15px;
padding-bottom: 15px;
}
.sidebar-item.recent-post li:last-child {
border: medium none;
margin: 0;
padding: 0;
}
.sidebar-item.recent-post li:last-child {
margin: 0;
}
.sidebar-item.recent-post li .thumb {
display: table-cell;
padding-top: 5px;
vertical-align: top;
width: 80px;
}
.sidebar-item.recent-post .thumb img {
width: 100%;
border-radius: 5px;
}
.sidebar-item.recent-post li .info {
box-shadow: inherit;
color: #837f7e;
display: table-cell;
line-height: 26px;
padding: 0;
padding-left: 25px;
vertical-align: top;
padding-top: 0 !important;
}
.sidebar-item.recent-post li .info a {
text-decoration: inherit;
font-weight: 600;
}
.blog-area .sidebar-item.gallery ul {
margin: -7px;
overflow: hidden;
}
.sidebar-item.gallery ul li {
box-sizing: border-box;
float: left;
padding: 7px;
width: 33.333%;
}
.sidebar-item.gallery ul li img {
min-height: 70px;
width: 100%;
}
.sidebar-item.archives ul li {
display: block;
margin-bottom: 20px;
position: relative;
}
.sidebar-item.archives ul li:last-child {
margin-bottom: 0;
}
.sidebar-item.archives ul li a {
display: inline-block;
font-weight: 800;
text-transform: capitalize;
z-index: 1;
padding-left: 25px;
font-size: 14px;
color: #666666;
}
.sidebar-item.archives ul li a::after {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
content: "\f07b";
font-family: "Font Awesome 5 Free";
height: 8px;
left: 0;
position: absolute;
width: 8px;
font-weight: 500;
}
.sidebar-item.social-sidebar ul {
margin-bottom: -10px;
overflow: hidden;
}
.sidebar-item.social-sidebar li {
display: inline-block;
float: left;
margin-right: 10px;
margin-bottom: 10px;
}
.sidebar-item.social-sidebar li a {
background: #002359 none repeat scroll 0 0;
border: medium none;
color: #ffffff;
display: inline-block;
height: 50px;
line-height: 54px;
margin-bottom: 5px;
text-align: center;
width: 50px;
font-size: 14px;
}
.sidebar-item.social-sidebar li a:hover {
color: #ffffff !important;
}
.sidebar-item.social-sidebar li.facebook a {
background: #3B5998 none repeat scroll 0 0;
}
.sidebar-item.social-sidebar li.twitter a {
background: #1DA1F2 none repeat scroll 0 0;
}
.sidebar-item.social-sidebar li.pinterest a {
background: #BD081C none repeat scroll 0 0;
}
.sidebar-item.social-sidebar li.g-plus a {
background: #DB4437 none repeat scroll 0 0;
}
.sidebar-item.social-sidebar li.linkedin a {
background: #0077B5 none repeat scroll 0 0;
}
.sidebar-item.tags ul {
margin-top: -8px;
}
.sidebar-item.tags ul li {
display: inline-block;
}
.sidebar-item.tags ul li a {
border: 1px solid #e7e7e7;
display: inline-block;
font-weight: 800;
margin-top: 8px;
margin-right: 5px;
padding: 5px 25px;
text-transform: capitalize;
font-size: 13px;
border-radius: 30px;
color: #666666;
background: #fafafa;
}
.sidebar-item.tags ul li a:hover {
color: #104cba;
}
.blog-area .sidebar .sidebar-item.add-banner .sidebar-info {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
padding: 80px 50px;
text-align: center;
position: relative;
z-index: 1;
}
.blog-area .sidebar .sidebar-item.add-banner .sidebar-info::after {
position: absolute;
left: 0;
top: 0;
content: "";
height: 100%;
width: 100%;
background: #104cba;
z-index: -1;
opacity: 0.7;
}
.blog-area .sidebar .sidebar-item.add-banner .sidebar-info h4 {
color: #ffffff;
font-weight: 700;
line-height: 1.4;
}
.blog-area .sidebar .sidebar-item.add-banner .sidebar-info p {
color: #ffffff;
}
.blog-area .sidebar .sidebar-item.add-banner .sidebar-info a {
display: inline-block;
color: #ffffff;
border: 1px dashed rgba(255, 255, 255, 0.7);
padding: 10px 25px;
margin-top: 9px;
}
.blog-area .blog-items.content-less .item .info > a {
margin-top: 10px;
} .blog-area.single .item .content-box span {
background: #104cba none repeat scroll 0 0;
color: #ffffff;
display: inline-block;
font-weight: 600;
letter-spacing: 1px;
padding: 3px 20px;
text-transform: uppercase;
}
.blog-area.single .item .content-box h2,
.blog-area.single .item .content-box h3,
.blog-area.single .item .content-box h4 {
font-weight: 500;
}
.blog-area.single .content-box .cats {
float: left;
margin-right: 5px;
}
.blog-area.single .content-box .meta .date {
float: right;
letter-spacing: 1px;
text-transform: uppercase;
}
.blog-area.single .content-box .meta {
overflow: hidden;
width: 100%;
border: none;
margin: 0;
padding: 0;
}
.blog-area .blog-items .info > ul li {
line-height: 32px;
position: relative;
z-index: 1;
content: "";
}
.blog-area .blog-items .info > ul {
margin-bottom: 25px;
margin-top: 25px;
list-style: disc !important;
margin-left: 20px;
}
.blog-area.single .item {
margin-bottom: 0;
}
.blog-area .item blockquote {
position: relative;
z-index: 1;
border: none;
font-size: 20px;
margin-top: 30px;
margin-bottom: 30px;
padding-left: 85px;
color: #232323;
font-weight: 600;
line-height: 37px;
background: #fafafa;
padding: 30px;
padding-top: 80px;
}
.blog-area .item blockquote cite {
display: block;
margin-top: 15px;
color: #999999;
font-weight: 500;
}
.blog-area .item blockquote::before {
position: absolute;
left: 0;
top: 5%;
content: "";
height: 90%;
width: 3px;
background: #104cba;
}
.blog-area .item blockquote::after {
position: absolute;
left: 30px;
content: "\f10d";
font-family: "Font Awesome 5 Free";
color: #104cba;
font-size: 30px;
top: 30px;
font-weight: 600;
}
.blog-area .item blockquote p {
margin: 0;
position: relative;
z-index: 1;
line-height: 34px;
font-size: 16px;
font-style: italic;
font-weight: 500;
}
.blog-area .blog-content .post-tags, 
.blog-area .blog-content .share {
display: flex;
align-items: center;
justify-content: space-between;
padding-top: 15px;
}
.blog-area .blog-content .share li {
display: inline-block;
margin-left: 15px;
}
.blog-area .blog-content .share li a {
display: inline-block;
color: #104cba;
}
.blog-area .blog-content .share li.facebook a {
color: #3B5998;
}
.blog-area .blog-content .share li.twitter a {
color: #1DA1F2;
}
.blog-area .blog-content .share li.pinterest a {
color: #BD081C;
}
.blog-area .blog-content .share li.g-plus a {
color: #DB4437;
}
.blog-area .blog-content .share li.linkedin a {
color: #0077B5;
}
.blog-area .blog-content .post-tags .tags a {
background: #f7f7f7;
padding: 10px 15px;
font-size: 14px;
margin-right: 3px;
margin-bottom: 5px;
display: inline-block;
}
.blog-area.single .post-pagi-area {
margin-top: 50px;
overflow: hidden;
}
.blog-area.single .post-pagi-area a {
display: inline-block;
font-weight: 500;
text-transform: capitalize;
color: #104cba;
border-radius: 30px;
}
.blog-area.single .post-pagi-area h5 {
margin: 0;
margin-top: 5px;
font-weight: 500;
font-size: 18px;
}
.blog-area.single .post-pagi-area a:hover {
color: #104cba;
}
.blog-area.single.color-yellow .post-pagi-area a:hover {
color: #ff9800;
}
.blog-area.single .post-pagi-area a:last-child {
float: right;
}
.blog-area.single .post-pagi-area a:first-child i {
margin-right: 3px;
}
.blog-area.single .post-pagi-area a:last-child i {
margin-left: 3px;
}
.comments-area .commen-item .comments-info p {
display: block;
margin: 0;
}
.blog-area .contact-comments .submit {
margin-bottom: 0;
}
.responsive-video {
position: relative;
padding-bottom: 56.25%; padding-top: 25px;
height: 0;
}
.responsive-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} .blog-area .comments-form form > .col-md-12 {
padding: 0;
}
.blog-area .comments-form {
margin-top: 50px;
}
.blog-area .blog-comments .comments-list {
margin-bottom: 50px;
}
.blog-area .blog-comments .comments-list:last-child {
margin-bottom: 0;
}
.comments-list .commen-item .avatar {
float: left;
}
.comments-list .commen-item .avatar img {
margin-right: 30px;
}
.comments-list .commen-item {
margin-bottom: 50px;
position: relative;
background: #f4f4f4;
padding: 30px 40px;
}
.comments-list .commen-item:last-child {
margin-bottom: 0;
}
.comments-list .commen-item.reply {
padding-left: 80px;
}
.comments-area {
margin-top: 40px;
}
.comments-list .commen-item .content .title {
align-items: center;
margin-bottom: 15px;
font-weight: 700;
}
.comments-list .commen-item .content .title span {
display: block;
margin-top: 5px;
font-size: 13px;
font-weight: 400;
color: #104cba;
}
.comments-info a {
color: #ffffff;
display: inline-block;
font-size: 12px;
margin-top: 0;
padding: 2px 13px;
text-transform: capitalize;
font-weight: 600;
background: #060816;
position: absolute;
right: 30px;
top: 30px;
}
.comments-info a:hover {
color: #104cba;
}
.comments-info a i {
margin-right: 5px;
}
.comments-info a:hover {
background: #104cba;
color: #ffffff;
}
.comments-form input, 
.comments-form textarea {
box-shadow: inherit;
border: none;
background: #f7f7f7;
padding: 15px;
border-radius: 5px;
}
.comments-form textarea {
min-height: 180px;
padding: 15px;
}
.blog-area.full-blog.single-blog .form-group.submit {
margin-bottom: 0;
}
.comments-form button {
background: #104cba;
border: 1px solid transparent;
color: #ffffff;
display: inline-block;
font-size: 14px;
font-weight: 700;
line-height: 25px;
margin-top: 20px;
padding: 15px 45px;
text-transform: capitalize;
transition: all 0.35s ease-in-out;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-ms-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
border-radius: 30px;
}
.comments-form button:hover {
color: #ffffff;
background-color: #104cba;
border: 1px solid transparent;
}
.comments-form .title h2, 
.comments-form .title h3, 
.comments-form .title h4 {
font-weight: 600;
margin-bottom: 30px;
text-transform: capitalize;
font-size: 1.5rem;
}
.blog-area .contact-comments .comments {
margin-top: 20px;
}
.blog-area.single .blog-items .item .contact-comments .col-md-6 {
float: left;
padding: 0 15px;
} .pagination li {
display: inline-block;
margin-top: 7px;
}
ul.pagination {
display: block;
margin-top: 30px;
}
.pagination li a {
display: inline-block;
padding: 15px 20px;
border-radius: 5px;
margin: 0 2px;
color: #104cba;
font-weight: 800;
}
.pagination li.page-item.active a {
background: #104cba;
border-color: #104cba;
}
.post-nav-links .post-page-numbers {
display: inline-block;
text-align: center;
padding: 10px 15px;
border-radius: 50%;
margin: 0 2px;
color: #104cba;
font-weight: 700;
background-color: #ffffff;
border: 1px solid #dee2e6;
line-height: 1.25;
min-width: 40px;
}
.post-nav-links .post-page-numbers.current, .post-nav-links .post-page-numbers.current:hover {
background: #104cba;
border-color: #104cba;
color: #ffffff;
}
.post-nav-links .post-page-numbers:hover {
background: #f9f9f9;
} .contact-area.half-bg .content textarea {
min-height: 220px;
}
.contact-area.half-bg {
position: relative;
z-index: 1;
}
.contact-area.half-bg::after {
position: absolute;
left: 0;
bottom: 0;
content: "";
height: 200px;
width: 100%;
background: #ffffff;
z-index: -1;
}
.contact-area.default-padding-top.half-bg::after {
height: 100px;
}
.contact-area .item {
display: flex;
}
.contact-area .item i {
display: inline-block;
font-size: 30px;
border-radius: 5px;
margin-right: 20px;
color: #104cba;
position: relative;
z-index: 1;
height: 70px;
width: 70px;
line-height: 70px;
background: rgba(16, 76, 186, 0.06);
text-align: center;
}
.contact-area .item {
margin-bottom: 35px;
}
.contact-area .item:last-child {
margin: 0;
}
.contact-area .item h5 {
font-weight: 600;
text-transform: capitalize;
}
.contact-area .left-info {
padding-right: 35px;
}
.contact-area .item p {
margin: 0;
margin-top: -7px;
}
.contact-area .left-info h2 {
font-weight: 600;
margin-bottom: 40px;
font-size: 32px;
}
.contact-area .left-info .content-box > h5 {
text-transform: uppercase;
font-size: 16px;
font-weight: 700;
color: #104cba;
}
.contact-area.half-bg .content {
padding: 60px;
background: #ffffff;
box-shadow: 0px 0px 38px 0px rgba(0,0,0,.08);
margin-left: 20px;
border-radius: 7px;
}
.contact-area .content h2 {
font-weight: 600;
margin-bottom: 10px;
}
.contact-area .content p {
margin: 0;
}
.contact-area .content .heading {
margin-bottom: 30px;
}
.contact-area .content input, 
.contact-area .content textarea {
background: #f4f4f4;
padding: 25px;
border: none;
min-height: 60px;
}
.contact-area .content .form-group {
margin-bottom: 0;
}
.contact-area .content textarea {
min-height: 180px;
}
.contact-area .content form button {
background: #104cba;
color: #ffffff;
font-weight: 600;
padding: 15px 35px;
border-radius: 5px;
text-transform: capitalize;
margin-top: 30px;
}
.contact-area .content form img.loader {
margin-left: 5px;
} .google-maps iframe {
border: medium none;
height: 550px;
margin-bottom: -10px;
width: 100%;
}
.maps-area {
overflow: hidden;
} .error-page-area .error-box {
position: relative;
z-index: 1;
margin-left: 20px;
}
.error-page-area .error-box h1 {
font-size: 160px;
line-height: 130px;
font-weight: 800;
margin-bottom: 30px;
color: #999999;
}
.error-page-area .error-box h2 {
font-weight: 600;
margin-bottom: 25px;
}
.error-page-area .error-box a {
margin-top: 15px;
}
.error-page-area .thumb {
padding-right: 35px;
}
.error-box .search {
margin-top: 30px;
text-align: center;
}
.error-box .search form {
width: 400px;
position: relative;
z-index: 1;
}
.error-box .search .input-group {
margin: auto;
}
.error-box .search form input {
box-shadow: inherit;
border-radius: inherit;
min-height: 60px;
}
.error-box .search form button {
position: absolute;
right: 0;
top: 0;
z-index: 9;
min-height: 60px;
background: #104cba;
border: none;
padding: 0 30px;
color: #ffffff;
} footer {
position: relative;
}
footer .fixed-shape {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
opacity: 0.05;
}
footer.bg-dark .fixed-shape {
opacity: 0.02;
}
footer .fixed-shape img {
position: absolute;
left: 0;
bottom: 0;
height: 100%;
width: 100%;
margin: 0;
}
footer .f-items {
padding-bottom: 70px;
}
footer .f-items .item {
margin-bottom: 50px;
}
footer img {
margin-bottom: 30px;
}
footer .widget-title {
font-weight: 600;
margin-bottom: 30px;
} .footer-top .footer-top-content {
padding: 50px 0;
border-bottom: 1px solid #e7e7e7;
}
footer.bg-dark .footer-top .footer-top-content {
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.footer-top .footer-top-content ul li {
display: inline-block;
margin-right: 20px;
position: relative;
z-index: 1;
padding-left: 15px;
}
.footer-top .footer-top-content ul li::after {
position: absolute;
left: 0;
top: 50%;
content: "";
height: 5px;
width: 5px;
background: #cccccc;
border-radius: 50%;
margin-top: -3px;
}
footer.bg-dark .footer-top .footer-top-content ul li::after {
background: rgba(255, 255, 255, 0.3);
}
.footer-top .footer-top-content ul li a {
color: #232323;
font-weight: 500;
}
footer.bg-dark .footer-top .footer-top-content ul li a {
color: #c2d1e2;
}
.footer-top .footer-top-content ul li a:hover {
color: #104cba;
}
footer.bg-dark .footer-top .footer-top-content ul li a:hover {
color: #ffffff;
}
.footer-top .footer-top-content form {
position: relative;
z-index: 1;
}
.footer-top .footer-top-content form input {
border: none;
color: #232323;
border-radius: 30px;
min-height: 60px;
padding-left: 20px;
background: #f1f1f1;
}
.footer-top .footer-top-content form button {
background: linear-gradient(90deg, rgba(0,16,45,1) 0%, rgba(0,89,252,1) 56%);
position: absolute;
right: 5px;
top: 5px;
min-height: 50px;
width: 50px;
color: #ffffff;
border-radius: 50%;
} footer .item .social ul li {
display: inline-block;
margin-right: 16px;
}
footer .item .social ul li a {
display: inline-block;
font-size: 16px;
margin-right: 15px;
}
footer .item .social {
margin-top: 30px;
}
footer .f-item.link li {
margin-bottom: 15px;
}
footer .f-item.link li a {
color: #666666;
font-weight: 400;
}
footer .f-item.link li a:hover {
color: #104cba;
}
footer .f-item.link li:last-child {
margin-bottom: 0;
}
footer.bg-dark .f-item.link li a {
color: #cccccc;
}
footer.bg-dark .footer-bottom p a {
color: #cccccc;
}
footer.bg-dark .f-item.link li a:hover {
color: #ffffff;
}
footer .f-item .address li strong {
display: block;
text-transform: uppercase;
font-weight: 600;
color: #0e2b3d;
}
footer .f-item .address li {
margin-bottom: 25px;
display: flex;
}
footer .f-item .address li i {
display: inline-block;
font-size: 21px;
margin-right: 16px;
position: relative;
top: 5px;
color: #666666;
}
footer.bg-dark .f-item .address li i {
color: #ffffff;
}
footer .f-item .address li:last-child {
margin-bottom: 0;
}
footer.bg-dark .f-item .address li {
color: #cccccc;
}
footer.bg-dark .f-item .address li a {
color: #cccccc;
}
footer .f-item .address li a {
font-weight: 400;
color: #666666;
}
footer.bg-dark .f-item .address li a:hover {
color: #ffffff;
}
footer.bg-dark .f-item .address li strong {
color: #ffffff;
}
footer .f-item .download h5 {
font-weight: 600;
margin: 0;
}
footer .f-item .download {
margin-top: 30px;
}
footer .f-item .download a {
display: inline-block;
margin-right: 25px;
margin-top: 15px;
color: #666666;
font-weight: 500;
}
footer.bg-dark .f-item .download a {
color: #c2d1e2;
font-weight: 500;
}
footer .f-item .download a:last-child {
margin-right: 0;
}
footer .f-item .download a i {
font-size: 25px;
margin-right: 5px;
position: relative;
top: 3px;
color: #104cba;
}
footer.bg-dark .f-item .download a i {
color: #c2d1e2;
} footer .footer-bottom {
padding: 30px 0;
background: #e9e9e9;
}
footer.bg-dark .footer-bottom {
background: #101c3d;
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
footer .footer-bottom p {
margin: 0;
}
footer .footer-bottom p a {
color: #232323;
font-weight: 500;
}
footer.bg-dark p {
color: #cccccc;
} .no-js #loader {
display: none;
}
.js #loader {
display: block;
position: absolute;
left: 100px;
top: 0;
}
.se-pre-con {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 999999;
background: url(//betterbegoing.com/wp-content/themes/solion/img/preloader.gif) center no-repeat #ffffff;
text-align: center;
} .demo-area.demo-conten.default-padding {
padding-bottom: 30px;
}
.demo-area .single-item {
position: relative;
z-index: 1;
background: #ffffff;
border-radius: 10px;
box-shadow: 0 0 10px #cccccc;
}
.demo-area .item {
margin-bottom: 50px
}
.demo-area .single-item .info {
padding: 30px 15px;
text-align: center;
background: #fafafa;
}
.demo-area .single-item .info h4 {
font-size: 16px;
font-weight: 800;
margin: 0;
text-transform: uppercase;
margin-top: 15px;
}
.banner-area .demo-banner h1 {
font-weight: 700;
margin-bottom: 30px;
font-size: 46px;
}
.banner-area .demo-banner h1 span {
font-size: 36px;
}
.banner-area .demo-banner img {
height: auto;
margin-bottom: 20px;
max-height: 60px;
}
.demo-area .def-heading h2 {
font-weight: 600;
margin: 30px 0;
text-transform: uppercase;
color: #333333;
}
.demo-footer {
padding-bottom: 80px;
}
.introduction-area h2 span {
color: #fd0060;
}
.introduction-area h4 {
font-weight: 300;
line-height: 30px;
}
.introduction-area h2 {
color: #ffffff;
display: inline-block;
font-weight: 700;
padding-bottom: 20px;
position: relative;
text-transform: uppercase;
margin-bottom: 30px;
}
.introduction-area h2::before {
background: #fd0060 none repeat scroll 0 0;
bottom: 0;
content: "";
height: 2px;
left: 50%;
margin-left: -10px;
position: absolute;
width: 50px;
}
.introduction-area h2::after {
background: #ffffff none repeat scroll 0 0;
bottom: 0;
content: "";
height: 2px;
left: 50%;
margin-left: -40px;
position: absolute;
width: 25px;
}
footer.demo .copyright {
margin-top: 15px;
}
.demo-area .comming-soon.item img {
opacity: 0.3;
}
.banner-area.demo-banner {
padding: 50px 0;
}
.demo-area .site-heading {
margin-bottom: 30px;
}
.demo-area img {
background: #ffffff none repeat scroll 0 0; border-radius: 8px 8px 0 0;
padding: 10px;
}
.demo-area.demo-conten .single-item a {
position: relative;
display: block;
}
.demo-area.demo-conten .single-item a span {
position: absolute;
right: 15px;
top: -14px;
background: linear-gradient(90deg, rgba(30,85,189,1) 0%, rgba(67,126,235,1) 100%);
color: #ffffff;
padding: 1px 35px;
border-radius: 30px;
box-shadow: 0 0 10px #cccccc;
}
.demo-area .rtl-version a {
position: fixed;
right: 50px;
bottom: 50px;
background: linear-gradient(90deg, rgba(30,85,189,1) 0%, rgba(67,126,235,1) 100%);
display: inline-block;
height: 100px;
width: 100px;
line-height: 100px;
z-index: 9;
text-align: center;
color: #ffffff;
border-radius: 50%;
font-size: 20px;
}
.demo-area .rtl-version a::after {
position: absolute;
left: -10px;
top: -10px;
height: 120%;
width: 120%;
content: "";
background: #437eeb;
z-index: -1;
border-radius: 50%;
opacity: 0.3;
}
.demo-area.default-padding {
z-index: inherit;
}
.demo-banner a.btn img {
height: 30px;
margin-right: 2px;
margin-bottom: 0;
position: relative;
}
.demo-banner a.btn {
position: relative;
}
.banner-thumb {
display: none;
}
.banner-area {
position: relative;
overflow: hidden;
}
.demo-area .site-heading h2 {
margin-bottom: 40px;
}
.demo-area .single-item .info a {
display: inline-block;
padding: 5px 30px;
border-radius: 30px;
color: #ffffff;
margin: 0 5px;
background: linear-gradient(90deg, rgba(0,16,45,1) 0%, rgba(0,89,252,1) 56%);
}
.demo-area .single-item .info h4 { margin-bottom: 25px;
margin-top: 0;
}
.banner-area .fun-fact-box {
position: absolute;
bottom: 50px;
text-align: center;
width: 100%;
left: 50%;
transform: translateX(-50%);
display: none;
}
.banner-area .fun-fact-box .fun-fact {
display: inline-block;
padding: 0 30px;
position: relative;
}
.banner-area .fun-fact-box .fun-fact::after {
position: absolute;
right: 0;
top: 0;
content: "";
height: 100%;
width: 1px;
background: rgba(255, 255, 255, 0.6);
}
.banner-area .fun-fact-box .fun-fact:last-child::after {
display: none;
}
.banner-area .fun-fact-box .fun-fact .timer {
font-weight: 800;
font-size: 30px;
display: block;
margin-bottom: 10px;
}
.banner-area .fun-fact-box .fun-fact .medium {
text-transform: uppercase;
font-weight: 700;
} .demo-features .single-item {
margin-bottom: 30px;
}
.demo-features .item {
background: #ffffff;
padding: 50px;
box-shadow: 0 5px 30px 0 rgba(214, 215, 216, 0.57);
border-radius: 8px;
}
.demo-features .item img {
height: 50px;
width: auto;
margin-bottom: 15px;
}
.demo-features .item h5 {
font-weight: 700;
text-transform: capitalize;
}
.navbar.navbar-transparent .attr-nav > ul > li.button {
display: none;
}
.attr-nav > ul > li.button a img {
height: 30px;
}  .blog-area .blog-items .item .thumb img {
height: auto;
width: 100%;
}  .page-numbers {
display: inline-block;
padding: 15px 20px;
border-radius: 5px;
margin: 0 2px;
color: #104cba;
font-weight: 700;
background-color: #fff;
border: 1px solid #dee2e6;
line-height: 1.25;
}
.blog-area .pagi-area .pagination li span {
background: #104cba;
border-color: #104cba;
color: #fff;
}
.page-numbers:hover {
z-index: 2;
color: #0056b3;
text-decoration: none;
background-color: #e9ecef;
border-color: #dee2e6;
}
.dots {
background: #fff !important;
color: #007bff !important;
border-color: #dee2e6 !important;
}                                .alignnone {
margin: 5px 20px 20px 0;
}
.aligncenter, div.aligncenter {
display: block;
margin: 5px auto 15px auto;
}
.alignright {
float:right;
margin: 5px 0 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%; padding: 5px 3px 10px;
text-align: center;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
}
.gallery-caption{
font-size: 1.2rem;
}
.bypostauthor{
color: #777;
} .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important; }
.screen-reader-text:focus {
background-color: #eee;
clip: auto !important;
clip-path: none;
color: #444;
display: block;
font-size: 1em;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; }    #wp-calendar {
width: 100%;
}
#wp-calendar caption {
text-align: left;
margin-bottom: 10px;
caption-side: top;
text-transform: capitalize;
color:#232323;
justify-content: space-between;
font-weight: 700;
}
#wp-calendar * {
text-align: center;
}
#wp-calendar #prev {
text-align: left;
}
#wp-calendar #next {
text-align: right;
}
#wp-calendar td,
#wp-calendar th {
padding: 10px 5px;
}
#wp-calendar a, a:active, a:focus, a:hover {
color: #104cba;
}
.wp-calendar-nav-prev a,
.wp-calendar-nav-next a {
color: #104cba;
}
table{
width: 100%;
margin-bottom: 20px;
vertical-align: top;
overflow: hidden;
border: 1px solid rgba(0, 0, 0, 0.08);
}
table th{
padding: 15px;
text-align: left;
vertical-align: middle;
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
border-top: 1px solid rgba(0, 0, 0, 0.08);
border-left: 1px solid rgba(0, 0, 0, 0.08);
border-right: 1px solid rgba(0, 0, 0, 0.08);
color: #0e2b3d;
font-size: 1.2rem;
font-weight: 700;
}
table td{
padding: 10px;
vertical-align: top;
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
border-top: 1px solid rgba(0, 0, 0, 0.08);
border-left: 1px solid rgba(0, 0, 0, 0.08);
border-right: 1px solid rgba(0, 0, 0, 0.08);
}
table tr:last-child td{
border-bottom: none;
}
table .button-group{
margin-bottom: 0;
}
.section-table-title td{
padding-top: 2px;
padding-bottom: 0;
background-color: #f3f3f3;
color: #8f8f8f;
font-size: 1.1rem;
font-weight: 700;
text-transform: uppercase;
}
table.table-comfortable td{
padding: 14px 10px;
}
.children li {
padding-left: 15px !important;
padding-top: 10px !important;
}
.sidebar-item .sub-menu li {
padding-left: 15px !important;
padding-top: 10px !important;
}
.sidebar-item select {
width: 100% !important;
}
.sidebar-item .recent-post .thumb img {
width: 80px;
height: 80px;
}
.blog-content {
-ms-word-wrap: break-word;
word-wrap: break-word;
} .blog-area .item .info .footer-entry span {
font-size: 1.25rem;
color: #232323;
font-weight: 600;
margin-right: 10px;
}
.blog-area .item .info .footer-entry a {
display: inline-block;
background: #f7f7f7;
margin: 3px;
border-radius: 5px;
padding: 6px 24px;
font-size: 12px;
margin-top: 5px;
}
.tagcloud a {
border: 1px solid #e7e7e7;
display: inline-block;
font-weight: 600;
margin-top: 8px;
margin-right: 5px;
padding: 3px 22px;
text-transform: capitalize;
font-size: 13px;
border-radius: 30px;
background: #fafafa;
}
.tagcloud a:hover {
color: #104cba;
} .small-size-fix img {
height: 225px !important;
}
.small1-size-fix img {
height: 348px !important;
} .blog-area .comments-form p.form-submit {
margin: 0;
} .wp-block-cover-image-text, .wp-block-cover-text, section.wp-block-cover-image h2 {
color: #fff !important;
} .post-pagi-area {
clear: both;
}
.blog-area .blog-item-box .post-nav-links {
clear: both;
float: left;
width: 100%;
} .post-nav-links {
margin: 0px !important;
padding: 0px !important;
margin-top: 10px !important;
}
.blog-item-box img {
max-width: 100%;
height: auto;
}
.breadcrumb-area h1 {
-ms-word-wrap: break-word;
word-wrap: break-word;
} input[type="submit"],
.wp-block-search__button{
width: auto !important;
background: #104cba;
padding: 0px 10px;
color: #fff;
} .blog-area .blog-items .info>ol li,
.commen-item .content>ol li {
position: relative;
z-index: 1;
}
.blog-area .blog-items .info>ol, 
.commen-item .content>ol {
margin-bottom: 25px;
margin-top: 25px;
margin-left: 20px;
} .widget_calendar table {
margin-bottom: 10px;
}
.widget_calendar caption {
color: #104cba;
}
.widget_calendar th {
font-weight: 700;
}
.widget_calendar td,
.widget_calendar th {
padding: 0;
text-align: center;
font-size: 16px;
padding: 6px;
border-color: #e7e7e7;
}
.widget_calendar a {
color: #104cba !important;
}
.widget_calendar td a, .widget_calendar th a {
font-size: 16px !important;
text-decoration: none;
font-weight: 700 !important;
}
.widget_calendar a {
font-size: 15px !important;
font-weight: 700 !important;
}
.widget_calendar td#today {
background: #104cba;
color: #ffffff;
} input[type=search]::-ms-clear { display: none; width : 0; height: 0; }
input[type=search]::-ms-reveal { display: none; width : 0; height: 0; } input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }
.is-style-outline .wp-block-button__link {
border: 2px solid #32373c;
color: #32373c !important;
}
.is-style-outline .wp-block-button__link:hover {
background: #32373c;
color: #ffffff !important;
}
.blog-area.single .post-pagi-area h5,
.breadcrumb-area h2 {
word-break: break-word;
}
.blog-area.single .post-pagi-area {
margin-top: 30px !important;
}
.blog-area.single .post-pagi-area a {
padding-top: 20px !important;
} .search-fix {
display: inline-block !important;
}
.button-fix {
background: #104cba;
border: medium;
color: #fff;
font-weight: 500;
letter-spacing: 1px;
min-height: 50px;
width: 50px;
position: absolute;
right: 5px;
text-transform: uppercase;
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
-ms-transition: all .35s ease-in-out;
-o-transition: all .35s ease-in-out;
transition: all .35s ease-in-out;
border-radius: 50%;
top: 5px;
}
.search form {
position: relative;
} .blog-area .sidebar .sidebar-item.widget_categories li {
display: block;
padding: 10px 0;
position: relative;
border-bottom: 1px solid #e7e7e7;
margin: 3px 0;
}
.blog-area .sidebar .sidebar-item.widget_categories li:last-child {
border: medium none;
margin-bottom: 0;
padding-bottom: 0;
}
.blog-area .sidebar .sidebar-item.widget_categories li:first-child {
margin-top: 0;
padding-top: 0;
}
.blog-area .sidebar .sidebar-item.widget_recent_entries li {
border-bottom: 1px solid #e7e7e7;
margin-bottom: 15px;
padding-bottom: 15px;
font-size: 14px;
line-height: 24px;
}
.blog-area .sidebar .sidebar-item.widget_recent_entries li:last-child {
border: none;
margin: 0;
padding: 0;
}
.blog-area .sidebar .sidebar-item.widget_categories li > span {
float: right;
}
.blog-area .sidebar .sidebar-item.widget_categories li ul {
overflow: hidden;
}
.blog-area .sidebar .sidebar-item.widget_archive li {
padding: 10px 0;
border-bottom: 1px solid #e7e7e7;
margin: 3px 0;
position: relative;
display: block;
}
.blog-area .sidebar .sidebar-item.widget_archive li:last-child {
margin-bottom: 0;
padding-bottom: 0;
border: none;
padding-top: 10px !important;
}
.blog-area .sidebar .sidebar-item.widget_archive li:first-child {
margin-top: 0;
padding-top: 0 !important;
}
.blog-area .sidebar .sidebar-item.widget_pages li {
display: block;
padding: 10px 0;
position: relative;
border-bottom: 1px solid #e7e7e7;
margin: 3px 0;
}
.blog-area .sidebar .sidebar-item.widget_pages li:last-child {
border: medium none;
margin-bottom: 0;
padding-bottom: 0;
}
.blog-area .sidebar .sidebar-item.widget_pages li:first-child {
margin-top: 0;
padding-top: 0;
}
.blog-area .sidebar .sidebar-item.widget_meta li {
padding: 10px 0;
margin: 3px 0;
border-bottom: 1px solid #e7e7e7;
}
.blog-area .sidebar .sidebar-item.widget_meta li:first-child {
margin-top: 0;
padding-top: 0;
}
.blog-area .sidebar .sidebar-item.widget_meta li:last-child {
border: none;
padding-bottom: 0;
margin-bottom: 0;
}
.blog-area .sidebar .sidebar-item.widget_categories li span {
background: #f7f7f7;
display: inline-block;
margin-left: 15px;
padding: 0 10px;
font-size: 14px;
border-radius: 5px;
min-width: 30px;
text-align: center;
}
.blog-area .sidebar .sidebar-item.widget_recent_comments li {
padding: 10px 0;
font-size: 14px;
font-weight: 600;
color: #232323;
margin: 3px 0;
border-bottom: 1px solid #e7e7e7;
}
.blog-area .sidebar .sidebar-item.widget_recent_comments li:first-child {
margin-top: 0;
padding-top: 0;
}
.blog-area .sidebar .sidebar-item.widget_recent_comments li:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
.blog-area .sidebar .sidebar-item.widget_recent_comments li:last-child {
margin-bottom: 0;
}
.blog-area .sidebar .sidebar-item:last-child {
margin-bottom: 0;
}
.blog-area .sidebar .sidebar-item.widget_nav_menu li {
display: block;
padding: 10px 0;
position: relative;
border-bottom: 1px solid #e7e7e7;
margin: 3px 0;
}
.blog-area .sidebar .sidebar-item.widget_nav_menu li:last-child {
border: medium none;
margin-bottom: 0;
padding-bottom: 0;
}
.blog-area .sidebar .sidebar-item.widget_nav_menu li:first-child {
margin-top: 0;
padding-top: 0;
}
.blog-area .sidebar .sidebar-item.widget_categories .nice-select li {
padding: 5px 15px;
}
.blog-area .sidebar .sidebar-item.widget_archive .nice-select li {
padding: 5px 15px;
}
.blog-area .sidebar .sidebar-item.widget_rss li span.rss-date {
display: block;
margin-bottom: 10px;
margin-top: 10px;
}
.blog-area .sidebar .sidebar-item.widget_rss li {
padding: 10px 0;
margin: 3px 0;
border-bottom: 1px solid #e7e7e7;
}
.blog-area .sidebar .sidebar-item.widget_rss li:first-child {
margin-top: 0;
padding-top: 0;
}
.blog-area .sidebar .sidebar-item.widget_rss li:last-child {
border: none;
padding-bottom: 0;
margin-bottom: 0;
} .blog-area .sticky .item {
position: relative;
z-index: 1;
}
.blog-area .sticky .item .post-sticky span {
position: absolute;
right: 0;
top: 0;
display: inline-block;
background: #104cba;
color: #ffffff;
padding: 10px 15px;
font-size: 12px;
font-weight: 600;
border-radius: 0 5px;
}
.blog-area .gallery-item,
footer .gallery-item {
margin: 0.8em 0;
padding: 0 0.8em;
width: 100%;
float: left;
}
@media ( min-width: 700px ) {
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
}
@media only screen and (max-width: 767px) {
.gallery-columns-2 .gallery-item,
.gallery-columns-3 .gallery-item,
.gallery-columns-4 .gallery-item,
.gallery-columns-5 .gallery-item,
.gallery-columns-6 .gallery-item,
.gallery-columns-7 .gallery-item,
.gallery-columns-8 .gallery-item,
.gallery-columns-9 .gallery-item {
max-width: 50%;
}
}
figcaption {
margin-top: 10px;
}
.blog-area .blog-content .post-tags {
overflow: hidden;
width: 100%;
}
.blog-area .blog-items .info ul {
list-style: disc;
margin-left: 20px;
}
.blog-area .blog-items .info ol, .commen-item .content ol {
margin-left: 25px;
}
.blog-area .blog-items .info ol li, .commen-item .content ol li {
line-height: 32px;
}
.wp-block-group.has-background {
padding: 30px;
margin-bottom: 15px;
}
.wp-block-button__link {
padding: 15px 40px;
margin-bottom: 30px;
color: #ffffff !important;
border: 2px solid #32373c;
}
.wp-block-button.is-style-squared .wp-block-button__link {
border-radius: 5px;
}
.comments-list .commen-item .content .title h5 {
margin: 0;
}
.comments-area .comments-title h4 {
font-weight: 600;
margin-bottom: 30px;
text-transform: capitalize;
font-size: 1.5rem;
}
.blog-area h1, 
.blog-area h2, 
.blog-area h3, 
.blog-area h4, 
.blog-area h5, 
.blog-area h6 {
font-weight: 600;
}
.comments-list .commen-item .content {
display: block;
overflow: hidden;
} .team-area.grid-layout .team-items .single-item .item:hover .info h5, 
.team-area.grid-layout .team-items .single-item .item:hover .info h5 a {
color: #ffffff !important;
}
.services-area .services-box .item h4 {
font-size: 18px;
}
.blog-area .blog-items .info h4 {
font-size: 18px;
line-height: 24px;
}
.blog-area .blog-items .info .meta ul {
margin-left: 0;
list-style: inherit;
margin-top: -5px;
}
.blog-area .blog-items .info h3 {
font-size: 20px;
}
.blog-area .blog-item-box .info form label input {
border: 1px solid #e7e7e7;
border-radius: 5px;
}
.blog-area .blog-item-box .info form input[type="submit"] {
padding: 0 20px;
font-weight: 500;
border-radius: 5px;
}
.blog-area .blog-items .info ul, .blog-area .commen-item ul {
list-style: disc;
margin-left: 20px;
}
.blog-area .blog-items .info ul li, .blog-area .commen-item ul li {
line-height: 32px;
}
.blog-area .blog-items .info > ul, .blog-area .commen-item .content > ul {
margin-bottom: 25px;
margin-top: 20px;
list-style: disc;
margin-left: 20px;
}
.blog-area .blog-items .info .bottom .btn {
padding: 10px 35px;
font-size: 14px;
}
.logo, .f-item img {
max-height: 60px!important;
max-width: inherit;
}
.blog-area a.btn.circle.btn-theme.effect.btn-md {
padding: 10px 35px;
font-size: 14px;
margin-top: 7px;
}
.wp-block-button__link:hover {
background: transparent;
color: #32373c !important;
}
.search-custom.side-bar form {
margin-top: 30px;
}
.wp-block-gallery ul {
margin: 0 !important;
list-style: none;
}
figcaption.blocks-gallery-caption {
margin-bottom: 15px;
}
footer .f-item.about {
padding-right: 35px;
}
.f-item.address {
padding-left: 35px;
}
.blog-area .sidebar .wp-block-group__inner-container h2 {
font-size: 18px;
font-weight: 600;
display: inline-block;
position: relative;
z-index: 1;
padding-bottom: 15px;
margin-bottom: 30px;
margin-top: -5px;
text-transform: capitalize;
}
.blog-area .sidebar .wp-block-group__inner-container h2::after {
position: absolute;
left: 0;
bottom: 0;
content: "";
height: 2px;
width: 50px;
background: #104cba;
}
.blog-area .sidebar .wp-block-search .wp-block-search__input {
border: 1px solid #e7e7e7;
border-radius: 5px;
min-height: 60px;
padding-left: 15px;
}
.blog-area .sidebar .wp-block-search button {
position: absolute;
top: 5px;
border-radius: 5px;
right: 5px;
padding: 0 20px;
font-size: 12px;
font-weight: 600;
}
.blog-area .sidebar .wp-block-search .wp-block-search__inside-wrapper {
position: relative;
}
.blog-area .sidebar .wp-block-latest-posts__list.wp-block-latest-posts li {
border-bottom: 1px solid #e7e7e7;
margin-bottom: 15px;
padding-bottom: 15px;
font-size: 14px;
line-height: 24px;
}
.blog-area .sidebar .wp-block-latest-posts__list.wp-block-latest-posts li:last-child {
border: none;
margin: 0;
padding: 0;
}
.blog-area .sidebar .wp-block-group__inner-container .wp-block-latest-comments li {
padding: 10px 0;
font-size: 14px;
font-weight: 600;
color: #232323;
margin: 3px 0;
border-bottom: 1px solid #e7e7e7;
line-height: 24px;
}
.blog-area .sidebar .wp-block-group__inner-container .wp-block-latest-comments li:first-child {
margin-top: 0;
padding-top: 0;
}
.blog-area .sidebar .wp-block-group__inner-container .wp-block-latest-comments li:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
.blog-area .sidebar .wp-block-group__inner-container .wp-block-latest-comments li:last-child {
margin-bottom: 0;
}
.blog-area .sidebar .wp-block-archives-list.wp-block-archives li {
padding: 10px 0;
border-bottom: 1px solid #e7e7e7;
margin: 3px 0;
position: relative;
display: block;
}
.blog-area .sidebar .wp-block-archives-list.wp-block-archives li:last-child {
margin-bottom: 0;
padding-bottom: 0;
border: none;
padding-top: 10px !important;
}
.blog-area .sidebar .wp-block-archives-list.wp-block-archives li:first-child {
margin-top: 0;
padding-top: 0 !important;
}
.blog-area .sidebar .wp-block-categories-list.wp-block-categories li {
display: block;
padding: 10px 0;
position: relative;
border-bottom: 1px solid #e7e7e7;
margin: 3px 0;
}
.blog-area .sidebar .wp-block-categories-list.wp-block-categories li:last-child {
border: medium none;
margin-bottom: 0;
padding-bottom: 0;
}
.blog-area .sidebar .wp-block-categories-list.wp-block-categories li:first-child {
margin-top: 0;
padding-top: 0;
}
.blog-area .sidebar .wp-block-calendar table th {
background: transparent;
font-weight: 600;
}
.blog-area .sidebar .wp-block-calendar nav.wp-calendar-nav {
text-align: left;
}
.blog-area .sidebar .wp-block-calendar nav.wp-calendar-nav a {
text-decoration: none;
font-weight: 600;
color: #104cba;
}
.blog-area .sidebar .has-avatars.wp-block-latest-comments img {
height: 70px;
width: 70px;
border-radius: 50%;
margin-right: 20px;
}
.blog-area .sidebar .has-avatars.wp-block-latest-comments li {
display: flex;
border: none;
}
.blog-area .sidebar .has-avatars.wp-block-latest-comments li .wp-block-latest-comments__comment-excerpt, 
.blog-area .sidebar .has-avatars.wp-block-latest-comments li footer {
margin-left: 0;
}
.blog-area .sidebar .has-avatars.wp-block-latest-comments li footer {
font-size: 15px;
margin-bottom: 10px;
color: #888888;
}
.blog-area .sidebar .has-avatars.wp-block-latest-comments li footer a {
font-size: 16px;
font-weight: 500;
}
.blog-area .sidebar .has-avatars.wp-block-latest-comments li footer time.wp-block-latest-comments__comment-date {
display: block;
color: #104cba;
font-weight: 400;
font-size: 13px;
margin-top: 5px;
}
.blog-area .sidebar .has-avatars.wp-block-latest-comments li .wp-block-latest-comments__comment-excerpt p {
margin: 0;
font-size: 14px;
font-weight: 400;
line-height: 26px;
}
.blog-area .info .gallery {
margin: -0 -15px;
}
.comments-list .commen-item .content ul, .comments-list .commen-item .content li {
text-align: left;
} .banner-area.auto-height.top-pad-80 .content {
margin-top: 250px;
padding-bottom: 200px;
padding-top: 0;
position: relative;
z-index: 1;
}
.banner-area.auto-height.top-pad-80 .content p {
font-size: 18px;
padding-right: 20%;
font-weight: 400;
line-height: 1.8;
margin: 0;
}
.banner-area.auto-height.top-pad-80 .content a {
margin-top: 40px;
}
.banner-area.text-default .content h2 {
font-size: 60px;
line-height: 1.2;
}
.banner-area.text-default.content-less .content a {
margin-top: 10px;
}
.banner-area.text-default .content h4 {
text-transform: uppercase;
font-size: 18px;
font-weight: 400;
}
.banner-area .shape {
position: absolute;
left: 0;
top: 0;
height: 100% !important;
width: 100%;
}
.banner-area .shape img {
position: absolute;
height: auto;
width: auto;
z-index: 9;
}
.banner-area .shape img:first-child {
left: 0;
top: 0;
}
.banner-area .shape img:last-child {
right: 0;
bottom: 0;
max-height: 60%;
}
@media (max-width: 1023px) {
.banner-area .shape img {
display: none;
}
} .illustration-services-area .single-item {
border-right: 1px solid #e7e7e7;
}
.illustration-services-area .single-item:last-child {
border: none;
}
.illustration-services-area .single-item .item {
padding: 0 30px;
}
.illustration-services-area .single-item .item img {
height: 200px;
margin: auto 0 30px;
}
.illustration-services-area .single-item .item h4 {
font-weight: 600;
font-size: 18px;
}
.illustration-services-area .single-item .item p {
margin: 0;
}
.illustration-services-area .bottom-content {
margin-top: 80px;
} .about-us-area .about-content .thumb {
height: 100%;
}
.about-us-area .about-content .thumb img:first-child {
float: right;
width: 70%;
margin-bottom: 80px;
}
.about-us-area .about-content .thumb img:nth-child(2) {
position: absolute;
left: 50px;
width: 60%;
bottom: 0;
border: 10px solid #f3f7fd;
border-left: none;
border-bottom: none;
}
.about-us-area .about-content .thumb img:nth-child(3) {
height: 200px;
width: 200px;
border-radius: 30px;
position: absolute;
left: 0;
top: 50%;
margin-top: -100px;
box-shadow: 0px 0px 38px 0px rgb(0 0 0 / 8%);
-webkit-animation-name: infiUpDown;
animation-name: infiUpDown;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.about-us-area .about-content .info {
padding-left: 35px;
}
.about-us-area .about-content .info h5 {
font-weight: 600;
color: #104cba;
font-size: 18px;
margin-bottom: 25px;
}
.about-us-area .about-content .info h2 {
font-weight: 600;
margin-bottom: 25px;
}
.about-us-area .about-content .info strong {
font-weight: 500;
color: #232323;
line-height: 28px;
}
.about-us-area .about-content .info a {
margin-top: 20px;
}
.banner-area.double-thumb {
background-position: top center !important;
}
.banner-area.double-thumb .single-thumb {
margin-top: 120px;
}
.banner-area.double-thumb .content a {
margin-top: 25px;
} .default-services-area .item {
padding: 60px 30px;
background: #ffffff;
border: 2px solid #e7e7e7;
}
.default-services-area .single-item {
margin-bottom: 30px;
}
.default-services-area .item i {
display: inline-block;
font-size: 50px;
margin-bottom: 30px;
background: linear-gradient(90deg, rgba(0, 16, 45, 1) 0%, rgba(0, 89, 252, 1) 56%);
-webkit-background-clip: text;
-moz-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
.default-services-area .item h4 {
font-size: 18px;
}
.default-services-area .item p {
margin: 0;
}
.default-services-area h5 {
text-transform: uppercase;
color: #086ad8;
font-weight: 600;
}
.default-services-area h2 {
font-weight: 600;
margin-bottom: 25px;
}
.default-services-area a {
margin-top: 15px;
} .process-standard-area {
overflow: hidden;
}
.process-standard-area .item .icon {
position: relative;
z-index: 1;
display: inline-block;
height: 150px;
line-height: 150px;
width: 150px;
border: 2px dashed rgba(255, 255, 255, 0.3);
border-radius: 50%;
}
.process-standard-area .item .icon i {
font-size: 50px;
}
.process-standard-area .item h4 {
margin: 0;
margin-top: 30px;
font-weight: 600;
font-size: 20px;
}
.process-standard-area .item .icon span {
position: absolute;
right: 0;
top: 0;
background: #ffffff;
height: 40px;
width: 40px;
line-height: 40px;
color: #086ad8;
border-radius: 50%;
font-weight: 900;
font-size: 14px;
}
.process-standard-area .item .icon span::after {
position: absolute;
left: -8px;
top: -8px;
content: "";
height: 56px;
width: 56px;
background: #4c89fc;
z-index: -1;
border-radius: 50%;
}
.process-standard-area .single-item:nth-child(2n) .item span {
top: auto;
bottom: 0;
}
.process-standard-area .single-item {
margin-top: 100px;
}
.process-standard-area .single-item:nth-child(2n) {
margin-top: 0;
}
.process-standard-area .single-item::after {
margin-left: -50px;
position: absolute;
left: 100%;
top: -17px;
content: "";
height: 100px;
width: 100px;
background: url(//betterbegoing.com/wp-content/themes/solion/img/shape/arrow.png);
background-size: contain;
background-repeat: no-repeat;
background-position: left top;
transform: rotate(11deg);
opacity: 0.15;
}
.process-standard-area .single-item:last-child::after {
display: none;
}
.process-standard-area .single-item:nth-child(2n)::after {
transform: rotate(56deg);
top: 75px;
}
.bg-gradient .site-heading h5 {
color: #ffffff;
}
.bg-gradient .site-heading .devider {
background: #ffffff;
}
.bg-gradient .site-heading .devider:before {
background: #ffffff;
} .banner-area.auto-height.banner-style-eight .content a {
margin-top: 0;
}
.banner-style-eight .half-shape {
position: absolute;
right: 0;
top: 0;
background-size: cover;
bottom: 0;
width: 45%;
background-position: center;
}
.banner-style-eight .rating {
background: #ffffff;
height: auto;
width: auto;
display: inline-block;
position: absolute;
left: -50px;
top: 50%;
padding: 20px;
border-radius: 10px;
transform: translateY(-50%);
box-shadow: 0px 0px 38px 0px rgb(0 0 0 / 8%);
}
.banner-style-eight .rating p {
margin: 0;
font-weight: 600;
display: flex;
align-items: center;
}
.banner-style-eight .rating p i {
color: #ffa900d9;
font-size: 12px;
margin-top: -3px;
}
.banner-style-eight .rating h4 {
font-weight: 600;
margin: 0;
}
.banner-style-eight .rating span {
margin-right: 5px;
}
.services-style-eight {
display: flex;
align-items: center;
padding: 50px;
background: #ffffff;
box-shadow: 0px 0px 38px 0px rgb(0 0 0 / 8%);
border-radius: 10px;
margin-top: 30px;
}
.services-style-eight .icon {
min-width: 250px;
padding-right: 20px;
}
.services-style-eight:first-child {
margin-top: 0;
}
.services-style-eight .button {
min-width: 60px;
text-align: right;
}
.services-style-eight .info {
border-right: 1px solid #e7e7e7;
padding-right: 50px;
}
.services-style-eight .button a {
display: inline-block;
font-size: 20px;
border-radius: 50%;
color: #086ad8;
}
.services-style-eight .button a i {
font-weight: 600;
}
.services-style-eight p {
margin-bottom: -5px;
}
.services-style-eight .icon i {
font-size: 45px;
color: #086ad8;
background: rgba(8, 106, 216, 0.07);
height: 100px;
width: 100px;
line-height: 105px;
display: inline-block;
text-align: center;
border-radius: 50%;
}
.services-style-eight:nth-child(2) .icon i {
color: #57b957;
}
.services-style-eight:nth-child(3) .icon i {
color: #29b2fe;
}
.award-style-two .owl-carousel .owl-item img {
width: auto;
margin: auto;
}
.award-style-two h2 {
font-weight: 600;
margin-bottom: 40px;
font-size: 50px;
}
.award-style-two-area {
position: relative;
z-index: 1;
}
.award-style-two-area .shape {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
z-index: -1;
}
.choose-us-style-eight-area .fixed-bg-half {
position: absolute;
left: 0;
top: 0;
bottom: auto;
height: 100%;
width: 40%;
}
.choose-us-style-eight-area {
position: relative;
z-index: 1;
}
.choose-us-style-eight-area .info {
max-width: 600px;
padding-left: 50px;
padding-right: 15px;
}
.choose-us-style-eight-area .content {
background: #086ad8;
padding: 120px 50px;
text-align: center;
}
.choose-us-style-eight-area .content h4 {
font-size: 30px;
margin: 0;
font-weight: 600;
}
.choose-us-style-eight-area .info > h4 {
text-transform: uppercase;
font-size: 18px;
color: #1f6eff;
font-weight: 600;
}
.choose-us-style-eight-area .info h2 {
font-weight: 600;
margin-bottom: 30px;
}
.choose-us-style-eight-area .info ul li {
padding-left: 70px;
margin-top: 30px;
position: relative;
z-index: 1;
}
.choose-us-style-eight-area .info ul li h4 {
font-weight: 600;
}
.choose-us-style-eight-area .info ul li::after {
position: absolute;
left: 0;
top: 0;
content: "\f00c";
font-family: "Font Awesome 5 Free";
font-weight: 600;
height: 45px;
width: 45px;
background: #086ad8;
text-align: center;
line-height: 45px;
border-radius: 50%;
}
.choose-us-style-eight-area .info p {
color: #cccccc;
}
.choose-us-style-eight-area .content .video-play-button {
margin: 0;
margin-top: 30px !important;
}
.case-studies-area.grid-items .case-items .pf-item.width {
width: 66.6666%;
}
.case-style-two .info {
margin-top: 15px;
}
.case-style-two .info .tags a {
text-transform: uppercase;
font-size: 12px;
color: #999999;
}
.case-style-two .info a:hover {
color: #086ad8;
}
.case-style-two .thumb {
overflow: hidden;
border-radius: 8px;
}
.case-style-two .thumb img {
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-ms-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.case-style-two:hover .thumb img {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
.case-style-two .info h4 {
margin: 0;
} @media only screen and (min-width: 768px) and (max-width: 991px) {
.banner-style-eight .half-shape {
width: 100%;
z-index: 1;
}
.banner-style-eight .half-shape::after {
position: absolute;
left: 0;
top: 0;
content: "";
height: 100%;
width: 100%;
background: #000000;
opacity: 0.6;
z-index: -1;
}
.banner-style-eight .content h4 {
color: #ffffff;
}
.banner-style-eight .content h2 {
color: #ffffff;
}
.banner-style-eight .content p {
color: #ffffff;
}
.banner-style-eight .rating {
display: none;
}
.services-style-eight {
display: block;
text-align: center;
}
.services-style-eight .icon {
padding: 0;
}
.services-style-eight .info {
border: none;
padding: 0;
}
.services-style-eight .button {
text-align: center;
margin-top: 30px;
}
.services-style-eight .button a {
height: 45px;
width: 45px;
line-height: 45px;
border: 1px solid #e7e7e7;
font-size: 15px;
}
.award-style-two h2 {
font-size: 36px;
margin-bottom: 30px;
}
.choose-us-style-eight-area .fixed-bg-half {
display: none;
}
.choose-us-style-eight-area .info {
padding-left: 15px;
margin-top: 50px;
}
.services-style-eight .icon img {
max-width: 60%;
}
} @media only screen and (max-width: 767px) {
.banner-style-eight .half-shape {
width: 100%;
z-index: 1;
}
.banner-style-eight .half-shape::after {
position: absolute;
left: 0;
top: 0;
content: "";
height: 100%;
width: 100%;
background: #000000;
opacity: 0.6;
z-index: -1;
}
.banner-style-eight .content h4 {
color: #ffffff;
}
.banner-style-eight .content h2 {
color: #ffffff;
}
.banner-style-eight .content p {
color: #ffffff;
}
.banner-style-eight .rating {
display: none;
}
.services-style-eight {
display: block;
text-align: center;
}
.services-style-eight .icon {
padding: 0;
}
.services-style-eight .info {
border: none;
padding: 0;
}
.services-style-eight .button {
text-align: center;
margin-top: 30px;
}
.services-style-eight .button a {
height: 45px;
width: 45px;
line-height: 45px;
border: 1px solid #e7e7e7;
font-size: 15px;
}
.award-style-two h2 {
font-size: 36px;
margin-bottom: 30px;
}
.choose-us-style-eight-area .fixed-bg-half {
display: none;
}
.choose-us-style-eight-area .info {
padding-left: 15px;
margin-top: 30px;
}
} .banner-area.banner-style-nine .content h2 {
font-size: 70px;
}
.banner-area.banner-style-nine .content {
padding-top: 220px;
padding-bottom: 280px;
}
.banner-style-nine .bottom-shape {
position: absolute;
left: 0;
bottom: -1px;
height: 100% !important;
width: 100%;
background-size: contain;
background-repeat: no-repeat;
background-position: bottom center;
}
.banner-style-nine .video-button {
margin-bottom: 70px;
}
.services-style-nine {
margin-bottom: 30px;
}
.services-style-nine .item {
box-shadow: 0px 0px 38px 0px rgba(0, 0, 0, 0.08);
padding: 50px 25px;
border-radius: 8px;
overflow: hidden;
background: #ffffff;
position: relative;
z-index: 1;
overflow: hidden;
}
.services-style-nine .item::before {
position: absolute;
content: "";
left: 0;
bottom: -100%;
content: "";
height: 100%;
width: 100%;
background: #104cba;
transition: all 0.35s ease-in-out;
z-index: -1;
}
.services-style-nine .item:hover::before {
bottom: 0;
}
.services-style-nine .item:hover a,
.services-style-nine .item:hover p {
color: #ffffff;
}
.services-style-nine .item:hover::after {
background: url(//betterbegoing.com/wp-content/themes/solion/img/shape/7-light.png);
opacity: 0.1;
left: 0;
top: 0;
content: "";
height: 100%;
width: 100%;
position: absolute;
background-size: contain;
background-repeat: no-repeat;
}
.services-style-nine .item img {
margin: auto auto 30px;
height: 120px;
}
.services-style-nine .item p {
margin: 0;
}
.services-style-nine .item a,
.services-style-nine .item p {
transition: all 0.35s ease-in-out;
}
.services-style-nine-items {
position: relative;
top: -100px;
margin-bottom: -100px;
}
.services-style-nine .item i {
display: inline-block;
margin-bottom: 30px;
font-size: 60px;
color: #086ad8;
transition: all 0.35s ease-in-out;
}
.services-style-nine .item:hover i {
color: #ffffff;
}
.about-style-nine .thumb {
position: relative;
z-index: 1;
padding-bottom: 80px;
}
.about-style-nine .thumb h4 {
margin: 0;
position: absolute;
right: 80px;
bottom: 0;
padding: 40px;
background: #ffffff;
line-height: 1;
font-weight: 600;
box-shadow: 0px 2px 12px 0px #e7e7e7;
border-radius: 30px;
}
.about-style-nine .info {
padding-left: 35px;
}
.about-style-nine .thumb h4 strong {
display: block;
font-size: 120px;
text-shadow: -5px 5px 0px #eceefe;
-webkit-text-stroke: 2px #666666;
color: transparent;
font-weight: 900;
}
.about-style-nine .info h2 {
font-weight: 600;
margin-bottom: 25px;
}
.about-style-nine .info a {
margin-top: 16px;
}
.about-style-nine .info h5 {
text-transform: uppercase;
font-weight: 600;
font-size: 18px;
color: #104cba;
margin-bottom: 25px;
}
.about-style-nine .thumb::after {
position: absolute;
right: 0;
top: 0;
content: "";
height: 80px;
width: 50%;
background: #ffffff;
}
.about-style-nine .thumb::before {
position: absolute;
left: 50%;
top: 0;
content: "";
height: 100%;
width: 10px;
background: #ffffff;
transform: translateX(-50%);
}
.about-style-nine .thumb {
margin-left: -10%;
}
.about-style-nine .info h4 {
text-transform: uppercase;
font-weight: 600;
font-size: 18px;
color: #104cba;
margin-bottom: 25px;
}
.about-style-nine .info ul {
margin-top: 25px;
}
.about-style-nine .info ul li {
font-weight: 600;
color: #232323;
margin-bottom: 15px;
position: relative;
z-index: 1;
padding-left: 40px;
}
.about-style-nine .info ul li:last-child {
margin-bottom: 0;
}
.about-style-nine .info ul li::after {
position: absolute;
left: 0;
top: 0;
content: "\f12a";
font-family: "Flaticon";
font-weight: 600;
height: 30px;
width: 30px;
line-height: 30px;
background: rgba(8, 106, 216, 0.1);
text-align: center;
border-radius: 50%;
color: rgba(8, 106, 216, 1);
font-size: 12px;
}
.about-style-nine .info .contact {
display: flex;
border-top: 1px dashed #dddddd;
margin-top: 30px;
padding-top: 25px;
justify-content: space-between;
align-items: center;
}
.about-style-nine .info .contact p {
margin: 0;
}
.about-style-nine .info .contact h4 {
font-weight: 600;
margin: 0;
}
.about-style-nine .info .contact i {
height: 40px;
width: 40px;
text-align: center;
line-height: 40px;
background: #104cba;
border-radius: 50%;
color: #ffffff;
font-size: 14px;
position: relative;
margin-right: 5px;
}
.about-style-nine .info .btn {
margin-top: 30px;
}
.process-style-two {
margin-bottom: 30px;
}
.process-style-two .item {
padding: 40px 30px;
background: rgba(255, 255, 255, 1);
border-radius: 30px;
}
.process-style-two i {
display: inline-block;
}
.process-style-two span {
display: block;
}
.process-style-two i {
display: inline-block;
height: 130px;
width: 130px;
text-align: center;
line-height: 140px;
background: rgba(8, 106, 216, 1);
border-radius: 50%;
color: #ffffff;
font-size: 50px;
margin-bottom: 40px;
position: relative;
z-index: 1;
margin-top: 15px;
}
.process-style-two i::after {
position: absolute;
left: -5%;
top: -5%;
content: "";
height: 110%;
width: 110%;
background: #086ad8;
z-index: -1;
border-radius: 50%;
opacity: 0.2;
}
.process-style-two h5 {
font-weight: 600;
font-size: 18px;
color: #232323;
}
.process-style-two span {
display: inline-block;
font-size: 13px;
margin-top: 10px;
}
.process-style-two:nth-child(2n) {
margin-top: 80px;
}
.process-style-two:nth-child(2n) i {
height: 100px;
width: 100px;
line-height: 110px;
font-size: 40px;
}
.process-style-two p {
margin-bottom: 0;
color: #666666;
} @media only screen and (min-width: 768px) and (max-width: 991px) {
.about-style-nine .thumb {
margin: 0;
padding: 0;
margin-bottom: 30px;
}
.about-style-nine .thumb h4 {
display: none;
}
.about-style-nine .info {
padding: 0;
}
.about-style-nine .info .contact p {
display: none;
}
.process-style-two:nth-child(2n) {
margin-top: 0;
}
.process-style-two:nth-child(2n) i {
height: 130px;
width: 130px;
line-height: 140px;
font-size: 50px;
}
} @media only screen and (max-width: 767px) {
.banner-area.banner-style-nine .content {
padding-top: 120px !important;
padding-bottom: 170px !important;
}
.banner-area.banner-style-nine .content h2 {
font-size: 36px;
}
.about-style-nine .thumb {
margin: 0;
padding: 0;
margin-bottom: 30px;
}
.about-style-nine .thumb h4 {
display: none;
}
.about-style-nine .info {
padding: 0;
}
.about-style-nine .info .contact p {
display: none;
}
.process-style-two:nth-child(2n) {
margin-top: 0;
}
}@media only screen and (min-width: 768px) and (max-width: 991px) {
.banner-area.auto-height.content-less {
height: auto;
}
.illustration-services-area .single-item:nth-child(2n) {
border: none;
}
.illustration-services-area .single-item {
margin-top: 50px;
}
.illustration-services-area .services-content {
margin-top: -50px;
}
.about-us-area .about-content .thumb img:nth-child(2),
.about-us-area .about-content .thumb img:nth-child(3) {
display: none;
}
.about-us-area .about-content .thumb img:first-child {
text-align: center;
margin-bottom: 30px;
width: 100%;
}
.about-us-area .about-content .info {
padding-left: 0;
}
.banner-area.double-thumb .single-thumb {
display: none;
}
.process-standard-area .single-item {
margin-top: 120px !important;
margin-bottom: 0 !important;
}
.process-standard-area .single-item::after {
display: none;
}
.process-standard-area .single-item:first-child,
.process-standard-area .single-item:nth-child(2) {
margin-top: 0 !important;
}
.banner-area.content-less {
height: auto;
}
.contact-area .content-box {
text-align: center;
}
.team-single-area .bottom-info .skill-items {
padding-left: 0;
margin-top: 40px;
}
.center-responsive {
text-align: center;
}
.team-single-area .top-info .thumb {
margin-bottom: 30px;
padding-right: 15px;
}
.team-single-area .basic-info {
margin-left: 0;
margin-right: 0;
padding: 30px;
}
.team-single-area .bottom-info {
margin-top: 30px;
}
.team-single-area .about-area.reverse .info {
margin-top: 30px;
padding-right: 0;
}
.about-area.reverse .info {
padding-right: 15px;
padding-bottom: 30px;
}
.team-single-area .basic-info::after {
width: 100%;
} .top-bar-area .text-right {
text-align: center !important;
justify-content: center;
margin-top: 10px;
display: flex;
}
.top-bar-area.inc-logo {
border-bottom: 1px solid #e7e7e7;
}
.top-bar-area.inc-logo .text-right {
margin-top: 0;
}
.top-bar-area.transparent {
display: none;
} body, .banner-area, .banner-area div {
height: auto;
}
.banner-area .content {
padding: 60px 0;
}
.banner-area .appoinment-box {
margin-bottom: 150px;
margin-top: 20px;
}
.banner-area .bg {
top: 0;
width: 100%;
background-size: cover;
background-position: center center;
}
.banner-area.content-bg .content {
padding: 50px 30px;
margin-top: 160px;
margin-bottom: 90px;
background: rgba(255, 255, 255, 0.9);
}
.banner-area.responsive-top-pad-120 .content {
padding-top: 160px;
}
.banner-area.top-pad-80 .content {
padding-top: 160px;
padding-bottom: 160px;
}
.banner-area .item-box .thumb {
display: none;
} .about-area .thumb img {
box-shadow: inherit;
padding: 0;
border: none;
border-radius: inherit;
}
.about-area .info.left {
padding-left: 15px;
margin-bottom: 50px;
}
.about-area .info.left ul.achivement {
margin: 0 -30px;
}
.about-area .info {
padding-left: 15px;
}
.about-area .thumb {
margin: 0;
margin-bottom: 50px;
padding: 0;
}
.about-area .thumb::after {
display: none;
}
.about-area .about-content .info {
display: block;
padding-left: 15px;
padding-right: 15px;
}
.about-area .thumb-items {
margin-top: 50px;
display: none;
}
.about-area.center-responsive ul.achivement li {
float: none;
padding-left: 30px;
padding-right: 30px;
margin: 0;
}
.about-area .thumb-items .video {
left: 50%;
bottom: -30px;
transform: translateX(-50%);
width: 90%;
display: none;
}
.about-area .about-content .bottom-info {
text-align: center;
}
.about-area.version-three .thumbs {
position: relative;
left: 0;
padding-right: 15px;
margin-bottom: 30px;
}
.about-area.version-three .thumbs img {
max-width: 100%;
} .choose-us-area.overflow-hidden .info .contact::after {
height: 2000px;
}
.choose-us-area .info {
margin-top: 0;
}
.choose-us-area.reverse .thumb {
padding-left: 0;
margin-top: 30px;
margin-bottom: 0;
}
.choose-us-area.reverse .thumb img {
max-width: 100%;
}
.choose-us-area .thumb .content {
display: none;
}
.choose-us-area .thumb {
margin-bottom: 30px;
} .services-area .services-box .single-item .item {
text-align: center;
}
.services-details-items .services-sidebar {
padding-right: 15px;
margin-top: 50px;
}
.services-details-items .services-sidebar .single-widget.quick-contact .content {
text-align: center;
}
.services-details-items .services-sidebar .single-widget.quick-contact .content p {
padding: 0 15%;
} .services-area .services-items .item {
display: block;
text-align: center;
}
.services-area .services-items .item .icon {
margin-right: 0;
margin-bottom: 25px;
}
.services-area .services-items .item::after {
display: none;
} .team-area .team-items .single-item:nth-child(2n) {
margin-top: 0;
}
.team-single-area .right-info {
padding-left: 15px;
margin-top: 50px;
text-align: center;
}
.team-single-area .right-info .social {
justify-content: center;
} .faq-area .thumb {
margin-bottom: 50px;
}
.faq-area .faq-content {
padding-left: 0;
} .fun-fact-area .fun-fact-items .item:first-child,
.fun-fact-area .fun-fact-items .item:nth-child(2) {
margin-top: 0;
}
.fun-fact-area .fun-fact-items .item {
margin-top: 50px;
} .pricing-area .pricing {
background: inherit;
box-shadow: inherit;
border-radius: inherit;
margin-top: -30px;
}
.pricing-area .pricing .single-item {
margin-top: 30px;
}
.pricing-area .pricing .single-item::after {
display: none;
}
.pricing-area .pricing .single-item .pricing-item {
box-shadow: 0px 0px 38px 0px rgba(0,0,0,.08);
border-radius: 5px;
} .case-studies-area.grid-items .case-items.colums-2 .pf-item,
.case-studies-area.grid-items .case-items.colums-3 .pf-item,
.case-studies-area.grid-items .case-items.colums-4 .pf-item {
width: 50%;
}
.project-details-area .top-info .left-info {
padding-right: 15px;
margin-bottom: 30px;
} .blog-area.left-sidebar .blog-content {
float: none;
}
.blog-area .blog-thin-colums .thumb {
margin-bottom: 30px;
}
.blog-area.left-sidebar .sidebar,
.blog-area.right-sidebar .sidebar {
margin-top: 50px;
}
.blog-area .blog-items .blog-thin-colums .item {
padding: 0;
border: none;
}
.blog-area.right-sidebar .sidebar {
padding-left: 15px;
}
.blog-area.left-sidebar .sidebar {
padding-right: 15px;
}
.blog-area .item .thumb img {
width: 100%;
} .contact-area .item {
display: block;
text-align: center;
}
.contact-area .item i {
margin-right: 0;
margin-bottom: 35px;
}
.contact-area .content {
margin-top: 30px;
margin-left: 0;
}
.google-maps iframe {
height: 450px;
} .error-page-area .thumb {
padding-right: 15px;
margin-bottom: 50px;
}
.error-page-area .error-box {
margin-left: 0;
text-align: center;
} .footer-top {
text-align: center;
}
.footer-top .footer-top-content form {
margin-top: 30px;
}
footer .footer-bottom {
margin-top: 0;
border-top: 1px solid #e7e7e7;
}
footer.bg-dark .footer-bottom {
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
} @media only screen and (max-width: 767px) {
.banner-area.auto-height.top-pad-80 .content {
padding-bottom: 50px;
padding-top: 130px;
margin: 0;
}
.banner-area.text-default .content h2 {
font-size: 36px;
}
.banner-area.text-default .content h4 {
font-size: 15px;
}
.banner-area.double-thumb .single-thumb {
margin-top: 0;
}
.illustration-services-area .single-item {
border: none;
margin-top: 50px;
}
.illustration-services-area .single-item:first-child {
margin-top: 0;
}
.about-us-area .about-content .thumb img:nth-child(2),
.about-us-area .about-content .thumb img:nth-child(3) {
display: none;
}
.about-us-area .about-content .thumb img:first-child {
text-align: center;
margin-bottom: 30px;
width: 100%;
}
.about-us-area .about-content .info {
padding-left: 0;
}
.process-standard-area .single-item {
margin-top: 60px !important;
margin-bottom: 0 !important;
}
.process-standard-area .single-item:first-child {
margin-top: 0 !important;
}
.process-standard-area .single-item::after {
display: none;
}
.banner-area.content-less {
height: auto;
}
.illustration-services-area .bottom-content {
margin-top: 30px;
border-top: 1px solid #e7e7e7;
padding-top: 30px;
}
.team-single-area .about-area.reverse .info {
margin-top: 30px;
padding-right: 0;
}
.team-single-area .basic-info::after {
width: 100%;
}
.team-single-area .bottom-info {
margin-top: 30px;
}
.team-single-area .basic-info {
margin-left: 0;
margin-right: 0;
padding: 30px;
}
.team-single-area .top-info .thumb {
margin-bottom: 30px;
padding-right: 15px;
}
.contact-area .left-info {
padding-right: 15px;
}
.page-template-home1 .work-process-area {
background: #f3f7fd;
padding-top: 50px;
margin-top: -15px;
}
footer .f-item.about {
padding-right: 0;
}
.banner-area .content p {
padding: 0 !important;
}
.f-item.address {
padding-left: 0;
}
.contact-area.half-bg .content {
margin-left: 0;
}
.contact-area .content-box {
text-align: center;
}
.team-single-area .bottom-info .skill-items {
padding-left: 0;
margin-top: 40px;
}
.comments-info a {
position: inherit;
} h4 {
font-size: 20px;
line-height: 1.4;
}
h5 {
line-height: 1.4;
}
h6 {
line-height: 1.4;
}
.center-responsive {
text-align: center;
}
.container-medium {
width: 100%;
}
.default-padding {
padding-top: 50px;
padding-bottom: 50px;
}
.default-padding.bottom-less {
padding-bottom: 20px;
padding-top: 50px;
}
.default-padding-bottom {
padding-bottom: 50px;
}
.default-padding-top {
padding-top: 50px;
}
.site-heading {
margin-bottom: 40px;
}
.breadcrumb-area h1 {
font-size: 36px;
}
.owl-carousel.owl-theme .owl-nav {
display: none;
}
.breadcrumb-area {
padding: 80px 0;
position: relative;
text-align: center;
}
.breadcrumb-area h2 {
font-size: 36px;
margin-bottom: 25px;
}
.area-title {
font-size: 36px;
line-height: 1.2;
} .top-bar-area {
display: none;
}
.attr-nav > ul > li.button,
.attr-nav > ul > li.button-border {
display: none;
}
nav.navbar .quote-btn,
.navbar .attr-nav form {
display: none;
}
.navbar.navbar-fixed.transparent .attr-nav > ul > li.contact,
.navbar .attr-nav.button {
display: none;
}
.side {
padding: 50px 50px 50px 35px;
width: 320px;
}
.heading-left .right-info {
padding-left: 15px;
}
.heading-left h5 {
margin-bottom: 15px;
}
.heading-left h2 {
font-size: 36px;
}
.heading-left {
margin-bottom: 40px;
}
.site-heading h2 {
font-size: 36px;
} .banner-area {
text-align: center;
}
.banner-area h2 {
font-size: 36px;
}
.banner-area .content h2 {
font-size: 36px;
}
.banner-area h3 {
line-height: 1.4;
}
.banner-area p {
padding: 0;
}
body, .banner-area, .banner-area div {
height: auto;
}
.banner-area .content {
padding: 60px 0;
}
.banner-area .content p,
.banner-area.text-center p {
padding: 0;
}
.banner-area.auto-height .content {
padding: 60px 0;
}
.banner-area.responsive-top-pad-120 .content {
padding-top: 120px;
}
.banner-area.top-pad-80 .content {
padding-top: 110px;
padding-bottom: 90px;
}
.banner-area .appoinment-box {
margin-bottom: 80px;
padding: 50px 30px;
margin-top: 10px;
}
.banner-area .bg {
top: 0;
width: 100%;
background-size: cover;
background-position: center center;
}
.banner-area.content-bg .content {
padding: 50px 30px;
margin-top: 120px;
margin-bottom: 50px;
background: rgba(255, 255, 255, 0.9);
}
.banner-area.text-large .content h2 {
font-size: 36px;
line-height: 1.2;
}
.banner-area .item-box .thumb {
margin-bottom: 50px;
}
.banner-area.text-uppercase .content h2 strong {
font-size: 36px;
} .about-area .info.left {
padding-left: 15px;
margin-bottom: 30px;
}
.about-area .info.left ul.achivement {
margin: 0;
}
.about-area .info.left ul.achivement li {
width: 100%;
padding: 0;
border: none;
margin-top: 30px;
border-top: 1px solid #e7e7e7;
padding-top: 30px;
}
.about-area .info.left ul.achivement li:first-child {
margin-top: 0;
padding-top: 0;
border: none;
}
.about-area .info {
padding-left: 15px;
}
.about-area .thumb {
margin: 0;
margin-bottom: 30px;
padding: 0;
}
.about-area .thumb::after {
display: none;
}
.about-area ul.achivement {
margin-top: -15px;
}
.about-area ul.achivement li {
display: inline-block;
margin-right: 0;
border-right: none;
float: none;
padding: 0 30px;
margin-top: 30px;
}
.about-area ul.achivement li:last-child {
margin-top: 30px;
padding-left: 30px;
padding-right: 30px;
}
.about-area .about-content .info {
display: block;
padding-left: 15px;
padding-right: 15px;
text-align: center;
}
.about-area .about-content .item .title {
justify-content: center;
}
.about-area .info .top-info .col-lg-6:first-child {
margin-top: 0;
}
.about-area .info .top-info .col-lg-6 {
margin-top: 30px;
}
.about-area .thumb-items {
margin-top: 50px;
}
.about-area .thumb-items .video {
left: 50%;
bottom: -30px;
transform: translateX(-50%);
width: 90%;
display: none;
}
.about-area.version-three .thumbs {
position: relative;
left: 0;
padding-right: 15px;
margin-bottom: 30px;
}
.about-area.version-three .thumbs img {
max-width: 100%;
} .fun-fact-area .fun-fact-items .item {
margin-top: 50px;
}
.fun-fact-area .fun-fact-items .item:first-child {
margin-top: 0;
} .services-details-items .services-sidebar {
padding-right: 15px;
margin-top: 50px;
}
.services-details-items .services-sidebar .single-widget.quick-contact .content {
text-align: center;
}
.services-details-items .services-sidebar .single-widget.quick-contact .content p {
padding: 0 15%;
}
.services-details-area .features .col-lg-6:first-child {
margin-top: 0;
}
.services-details-area .features .col-lg-6 {
display: block;
text-align: center;
margin-top: 30px;
}
.services-details-area .features i {
margin-right: 0;
margin-bottom: 25px;
}
.services-area .services-box .single-item .item {
text-align: center;
} .services-area .services-items .item-grid:nth-child(2) {
margin-top: 0;
}
.services-area .services-items .item {
display: block;
text-align: center;
}
.services-area .services-items .item .icon {
margin-right: 0;
margin-bottom: 25px;
}
.services-area .services-items .item::after {
display: none;
} .choose-us-area.overflow-hidden .info .contact::after {
height: 2000px;
}
.choose-us-area .info {
margin-top: 0;
}
.choose-us-area .info .contact {
display: block;
}
.choose-us-area .info .contact h4 {
margin-top: 15px;
}
.choose-us-area.reverse .thumb {
padding-left: 0;
margin-top: 30px;
margin-bottom: 0;
}
.choose-us-area.reverse .thumb img {
max-width: 100%;
}
.choose-us-area .thumb .content {
display: none;
}
.choose-us-area .thumb {
margin-bottom: 30px;
} .pricing-area.half-bg::before,
.pricing-area.half-bg::after {
height: 25%;
}
.pricing-area .pricing {
background: inherit;
box-shadow: inherit;
border-radius: inherit;
}
.pricing-area .pricing .single-item {
margin-top: 30px;
}
.pricing-area .pricing .single-item:first-child {
margin-top: 0;
}
.pricing-area .pricing .single-item::after {
display: none;
}
.pricing-area .pricing .single-item .pricing-item {
box-shadow: 0px 0px 38px 0px rgba(0,0,0,.08);
border-radius: 5px;
} .faq-area .thumb::after {
display: none;
}
.faq-area .thumb {
margin-bottom: 30px;
}
.faq-area .faq-content {
padding-left: 0;
} .case-studies-area.grid-items .case-items.colums-2 .pf-item,
.case-studies-area.grid-items .case-items.colums-3 .pf-item,
.case-studies-area.grid-items .case-items.colums-4 .pf-item {
width: 100%;
}
.project-details-area .top-info {
margin-top: 30px;
}
.project-details-area .top-info .left-info {
padding-right: 15px;
margin-bottom: 30px;
} .team-area .team-items .single-item:nth-child(2n) {
margin-top: 0;
}
.team-single-area {
padding-bottom: 50px;
}
.team-single-area .basic-info li {
width: 100%;
}
.team-single-area .right-info {
padding-left: 15px;
margin-top: 30px;
text-align: center;
}
.team-single-area .right-info .social {
justify-content: center;
} .blog-area .blog-thin-colums .thumb {
margin-bottom: 30px;
}
.blog-area .blog-items .footer-meta ul {
border-top: none;
padding-top: 0;
}
.blog-area .blog-items .footer-meta ul li:first-child {
display: none;
}
.blog-area .pagi-area .pagination {
display: block;
}
.blog-area .pagi-area .pagination li {
display: inline-block;
margin-top: 5px;
}
.blog-area .blog-content .post-tags, 
.blog-area .blog-content .share {
display: block;
text-align: center;
}
.blog-area .blog-content .share .social {
margin-top: 10px;
}
.blog-area.left-sidebar .blog-content {
float: none;
}
.blog-area .sidebar .sidebar-item.add-banner .sidebar-info {
padding: 50px 30px;
}
.blog-area.left-sidebar .sidebar,
.blog-area.right-sidebar .sidebar {
margin-top: 50px;
overflow: hidden;
}
.blog-area.right-sidebar .sidebar {
padding-left: 15px;
}
.blog-area.left-sidebar .sidebar {
padding-right: 15px;
}
.blog-area.single .post-pagi-area {
text-align: center;
}
.blog-area.single .post-pagi-area a {
margin: 5px;
}
.blog-area.single .post-pagi-area a:last-child {
float: none;
}
.comments-list .commen-item.reply {
margin-left: 0;
padding-left: 0;
}
.blog-area .contact-comments .comments {
margin-top: 0;
}
.comments-list .commen-item .content .title {
display: block;
margin-bottom: 10px;
}
.comments-list .commen-item .content .title span {
margin: 0;
padding: 0;
border: none;
display: block;
margin-top: 15px;
}
.comments-list .commen-item {
margin-bottom: 50px;
}
.blog-area .comments-form {
margin-top: 50px;
} .contact-area .item {
display: block;
text-align: center;
}
.contact-area .item i {
margin-right: 0;
margin-bottom: 35px;
}
.contact-area .content {
margin-top: 30px;
}
.google-maps iframe {
height: 350px;
} .error-page-area .thumb {
padding-right: 15px;
margin-bottom: 50px;
}
.error-page-area .error-box {
margin-left: 0;
text-align: center;
} footer .fixed-shape {
display: none;
}
footer .f-items.default-padding {
padding-bottom: 0;
}
footer.bg-dark .footer-bottom {
text-align: center;
}
footer .footer-bottom .text-right {
text-align: center !important;
margin-top: 10px;
}
.footer-top {
text-align: center;
}
.footer-top .footer-top-content ul li {
margin-bottom: 5px;
}
.footer-top .footer-top-content form {
margin-top: 30px;
}
footer .footer-bottom {
margin-top: 0;
border-top: 1px solid #e7e7e7;
}
footer.bg-dark .footer-bottom {
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
} @media only screen and (min-width: 480px) and (max-width: 767px) {
.side {
padding: 50px;
width: 400px;
}
.about-area ul.achivement li {
border-right: 1px solid #e7e7e7;
} .comments-list .commen-item .content {
width: auto;
}
.comments-list .commen-item .content .title {
margin-top: 0;
}
.comments-list .commen-item .content .title {
margin-top: 0;
}
.blog-area.single .post-pagi-area {
text-align: inherit;
}
.blog-area.single .post-pagi-area a:last-child {
float: right;
}
}
@media screen and (max-width: 991px) { .order-last {
order: 0;
}
}
@media screen and (max-width: 400px) {
.team-single-area .right-info .social ul li {
margin: 0 7px;
}
.about-area .thumb-items .video .relative.video-play-button.item-center {
top: 45px;
margin: 0;
margin-bottom: 25px;
}
.about-area .thumb-items .video a {
text-align: center;
}
.about-area .thumb-items .video a span {
display: block;
margin-top: 15px;
}
.team-single-area .right-info .social h4 {
display: none;
}
}
@media screen and (max-width: 500px) {
.about-area ul.achivement {
display: none;
}
.banner-area .appoinment-box .nice-select,
.banner-area .appoinment-box input {
font-size: 14px;
}
.blog-area .blog-items .info .bottom {
border: none;
padding-top: 0;
margin-top: 0;
}
.blog-area .blog-items .info .bottom a {
display: none;
margin-top: 5px;
}
.blog-area .blog-items .info .bottom a.btn {
display: inline-block;
} .contact-area.half-bg .content {
padding: 50px 30px !important;
}
}
@media screen and (max-width: 1199px) { .testimonials-area .testimonials-carousel .item {
text-align: center;
display: block;
}
.testimonials-area .testimonials-carousel .item .thumb {
width: 128px;
min-width: inherit;
margin-right: 30px;
position: relative;
z-index: 1;
height: 139px;
overflow: hidden;
}
.testimonials-area .testimonials-carousel .item .thumb {
margin-right: 0;
margin: auto auto 30px;
left: 5px;
}
.testimonials-area .testimonials-carousel .item .thumb img {
height: 138px;
width: 126px;
min-width: 126px;
}
.testimonials-area .testimonials-carousel .item .bottom {
display: block;
}
.testimonials-area .testimonials-carousel .item .bottom .raging {
margin-top: 5px;
}
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
.services-area .services-content .item::after {
background-size: cover;
top: -20px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.services-area .services-items .item::after {
left: -125px;
top: -125px;
}
}
@media screen and (max-width: 400px) {
.project-details-area .project-info > ul {
display: block;
}
.project-details-area .project-info > ul li {
margin-bottom: 20px;
}
.project-details-area .project-info > ul li:last-child {
margin-bottom: 0;
}
}
@media only screen and (max-width: 400px) {
.commen-item {
text-align: center;
}
.comments-list .commen-item .avatar img {
margin: 0;
}
.comments-list .commen-item .avatar {
margin: auto auto 30px;
float: none;
}
}.wp-river-woocommerce-class {
padding: 120px 0;
}
.wp-river-woocommerce-class .top-shorting {
border: 1px solid #e7e7e7;
margin-bottom: 50px;
padding: 20px;
display: flex;
align-items: center;
justify-content: space-between;
border-radius: 5px;
}
.wp-river-woocommerce-class .woocommerce-result-count {
margin: 0 !important;
font-weight: 600;
padding: 0 !important;
}
.wp-river-woocommerce-class form.woocommerce-ordering {
margin: 0 !important;
padding: 0 !important;
}
.wp-river-woocommerce-class form.woocommerce-ordering .nice-select {
margin: 0;
border: none;
background: transparent;
font-weight: 600;
color: #232323;
line-height: initial;
height: auto;
padding-right: 25px;
}
.wp-river-woocommerce-class form.woocommerce-ordering .nice-select ul.list {
right: 1px;
left: auto;
width: auto;
z-index: 9;
background: #ffffff;
margin-top: 24px;
}
.wp-river-woocommerce-class form.woocommerce-ordering .nice-select::after {
margin-top: -2px;
}
.products .product-thumb {
background: #f3f7fd;
text-align: center;
padding: 15px;
margin-bottom: 30px;
border-radius: 8px;
transition: all 0.35s ease-in-out;
}
.products .wp-river-product-title {
font-size: 20px;
line-height: 1;
margin-bottom: 15px;
}
.woocommerce ul.products li.product .price {
font-size: 17px;
font-weight: 700;
color: #086AD8;
text-decoration: none;
}
.products span.price del span, .products span.price del bdi {
text-decoration: none !important;
opacity: 1;
}
.woocommerce ul.products li.product .price del {
font-size: 15px;
font-weight: 600;
margin-right: 5px;
color: #999999;
}
.woocommerce ul.products .product-cart-btn a {
display: inline-block;
padding: 13px 20px;
font-size: 14px;
background: #104cba none repeat scroll 0 0;
border: 2px solid #104cba;
color: #ffffff;
float: left;
}
.woocommerce ul.products .product-cart-btn a:hover {
border: 2px solid #104cba;
color: #232323;
background: transparent;
}
.woocommerce ul.products .product-cart-btn a::after {
font-size: 8px;
left: 4px;
position: relative;
top: -1px;
}
.woocommerce ul.products .product-cart-btn a.added_to_cart.wc-forward {
padding: 9px 0;
background: transparent;
border: none;
color: #232323;
margin-left: 10px;
margin-top: 1em;
color: #666666;
}
.woocommerce ul.products .product-cart-btn a.added_to_cart.wc-forward:hover {
color: #104cba;
}
.products .product-thumb img {
transition: all 0.35s ease-in-out;
}
.products .product-thumb:hover img {
-webkit-transform: scale(1.08);
-moz-transform: scale(1.08);
-ms-transform: scale(1.08);
transform: scale(1.08);
}
.woocommerce nav.woocommerce-pagination ul li {
margin: 0 5px;
border: none;
margin-top: 20px;
}
.woocommerce nav.woocommerce-pagination ul {
border: none;
}
.woocommerce nav.woocommerce-pagination ul:hover {
background: transparent;
}
.woocommerce nav.woocommerce-pagination ul li span, .woocommerce nav.woocommerce-pagination ul li a {
display: inline-block;
min-width: 50px;
min-height: 50px;
line-height: 50px;
padding: 0;
border: 1px solid #e7e7e7;
font-weight: 700;
}
.woocommerce nav.woocommerce-pagination ul li .page-numbers.current, .woocommerce nav.woocommerce-pagination ul li a:hover {
border-color: #104cba;
background: #104cba;
color: #ffffff;
}
.woocommerce ul.products li.product .product-thumb .onsale {
right: 20px;
top: 20px;
margin: 0;
padding: 3px 10px;
border-radius: 5px;
min-height: 0 !important;
min-width: auto;
font-size: 11px;
text-transform: uppercase;
background: #101c3d;
font-weight: 700;
line-height: initial;
z-index: 1;
}
.wp-river-woocommerce-class form.woocommerce-ordering .nice-select ul.list li {
min-height: 50px;
line-height: 50px;
} .wp-river-woocommerce-single-product {
padding: 120px 0;
}
.woocommerce .wp-river-woocommerce-single-product div.product div.images.woocommerce-product-gallery {
position: relative;
z-index: 1;
}
.woocommerce .wp-river-woocommerce-single-product div.product div.images.woocommerce-product-gallery .zoomImg {
display: none !important;
}
.woocommerce .wp-river-woocommerce-single-product div.product div.images.woocommerce-product-gallery .woocommerce-product-gallery__trigger {
position: absolute;
right: 20px;
top: 20px;
height: 50px;
width: 50px;
text-align: center;
line-height: 50px;
text-indent: inherit;
background: #086AD8;
color: #ffffff;
}
.woocommerce .wp-river-woocommerce-single-product div.product div.images.woocommerce-product-gallery .woocommerce-product-gallery__trigger img, .woocommerce .wp-river-woocommerce-single-product div.product div.images.woocommerce-product-gallery .woocommerce-product-gallery__trigger::after {
display: none !important;
}
.woocommerce .wp-river-woocommerce-single-product div.product div.images.woocommerce-product-gallery .woocommerce-product-gallery__trigger::before {
position: absolute;
left: 50%;
top: 50%;
content: "\f002";
font-family: "Font Awesome 5 Free";
font-weight: 600;
border: none;
box-sizing: inherit;
height: 50px;
width: 50px;
transform: translate(-50%, -50%);
font-size: 20px;
}
.woocommerce .wp-river-woocommerce-single-product div.product div.images.woocommerce-product-gallery:hover::after {
opacity: 0.6;
}
.woocommerce .wp-river-woocommerce-single-product .single-product-info h1 {
font-weight: 700;
font-size: 36px;
}
.woocommerce .wp-river-woocommerce-single-product .single-product-info .price {
color: #086AD8;
font-weight: 700;
font-size: 24px;
}
.woocommerce .wp-river-woocommerce-single-product .single-product-info form.cart {
margin-top: 40px;
display: flex;
}
.woocommerce .wp-river-woocommerce-single-product .single-product-info form.cart .quantity {
margin-right: 15px;
border-radius: 5px;
min-width: 190px;
}
.woocommerce .wp-river-woocommerce-single-product .single-product-info form.cart button {
background: #086AD8;
padding: 15px 25px;
}
.woocommerce .wp-river-woocommerce-single-product .single-product-info form.cart button:hover {
background: #101c3d;
}
.woocommerce .wp-river-woocommerce-single-product .single-product-info span.sku_wrapper {
display: block;
font-weight: 600;
}
.woocommerce .wp-river-woocommerce-single-product .single-product-info span.sku_wrapper span.sku {
font-weight: 400;
}
.woocommerce .wp-river-woocommerce-single-product .single-product-info .posted_in {
display: block;
margin-top: 15px;
font-weight: 600;
}
.woocommerce .wp-river-woocommerce-single-product .single-product-info .posted_in a {
background: #f3f7fd;
display: inline-block;
font-size: 11px;
text-transform: uppercase;
padding: 2px 10px;
border-radius: 6px;
margin-top: 5px;
margin-left: 5px;
}
.woocommerce .wp-river-woocommerce-single-product .single-product-info .product_meta {
margin-top: 40px;
}
.woocommerce .wp-river-woocommerce-single-product .single-product-info .posted_in a:hover {
color: #104cba;
}
.woocommerce .wp-river-woocommerce-single-product .single-product-info .price del {
color: #666666;
margin-right: 5px;
font-size: 20px;
}
.woocommerce .wp-river-woocommerce-single-product .single-product-info .price ins {
text-decoration: none;
}
.woocommerce .wp-river-woocommerce-single-product div.product div.images.woocommerce-product-gallery span.onsale {
position: absolute;
left: 20px;
top: 20px;
padding: 3px 10px;
display: inline-block;
height: auto;
width: auto;
text-transform: uppercase;
font-size: 11px;
line-height: inherit;
border-radius: 5px;
background: #101c3d;
min-height: 0;
transition: all 0.35s ease-in-out;
}
.woocommerce .wp-river-woocommerce-single-product div.product div.images.woocommerce-product-gallery:hover span.onsale {
background: #086AD8;
}
.wp-river-woocommerce-single-product .woocommerce-tabs.wc-tabs-wrapper .wc-tabs {
display: inline-block;
border: none !important;
background: #e8edf6;
padding: 15px 20px !important;
border-radius: 8px;
margin-top: 30px !important;
}
.wp-river-woocommerce-single-product .woocommerce-tabs.wc-tabs-wrapper .wc-tabs::before {
display: none !important;
}
.wp-river-woocommerce-single-product .woocommerce-tabs.wc-tabs-wrapper .wc-tabs li {
border: none !important;
padding: 0 !important;
margin-right: 10px !important;
background: transparent !important;
}
.wp-river-woocommerce-single-product .woocommerce-tabs.wc-tabs-wrapper .wc-tabs li::before, .wp-river-woocommerce-single-product .woocommerce-tabs.wc-tabs-wrapper .wc-tabs li::after {
display: none;
}
.wp-river-woocommerce-single-product .woocommerce-tabs.wc-tabs-wrapper .wc-tabs li a {
display: inline-block;
padding: 7px 15px !important;
text-transform: uppercase;
font-size: 12px;
background: transparent !important;
border-radius: 5px;
}
.wp-river-woocommerce-single-product .woocommerce-tabs.wc-tabs-wrapper .wc-tabs li:last-child {
margin-right: 0 !important;
}
.wp-river-woocommerce-single-product .woocommerce-tabs.wc-tabs-wrapper .wc-tabs li.active a {
background: #104cba !important;
color: #ffffff !important;
}
.wp-river-woocommerce-single-product .woocommerce-tabs .woocommerce-Tabs-panel h2 {
font-weight: 700;
}
.wp-river-woocommerce-single-product section.related.products {
margin-top: 40px;
}
.wp-river-woocommerce-single-product section.related.products h2 {
font-weight: 700;
font-size: 20px;
margin-bottom: 15px;
}
.wp-river-woocommerce-single-product .woocommerce-notices-wrapper .woocommerce-message {
border-top-color: #086AD8;
}
.wp-river-woocommerce-single-product .woocommerce-notices-wrapper .woocommerce-message::before {
color: #086AD8;
}
.woocommerce .wp-river-woocommerce-single-product .woocommerce-message .button {
background: #086AD8;
color: #ffffff;
font-weight: 700;
}
.wp-river-woocommerce-single-product div#review_form_wrapper {
margin-top: 30px;
}
.wp-river-woocommerce-single-product div#review_form_wrapper span#reply-title {
font-size: 24px;
font-weight: 700;
display: block;
font-family: 'Quicksand', sans-serif;
color: #232323;
margin-bottom: 15px;
}
.woocommerce .wp-river-woocommerce-single-product .comment-form-rating {
margin-top: 30px;
display: block;
}
.woocommerce #review_form #respond p.stars a {
color: #ffb300;
}
.woocommerce .wp-river-woocommerce-single-product #review_form #respond textarea {
border: none;
background: #e8edf6;
padding: 20px;
min-height: 260px;
border-radius: 5px;
}
.woocommerce .wp-river-woocommerce-single-product #review_form label {
display: block;
}
.woocommerce .wp-river-woocommerce-single-product #review_form #respond input[type="text"], .woocommerce .wp-river-woocommerce-single-product #review_form #respond input[type="email"] {
background: #e8edf6;
border: none;
border-radius: 5px;
min-height: 60px;
padding: 15px;
width: 100%;
}
.woocommerce .wp-river-woocommerce-single-product #review_form .comment-form-author, .woocommerce .wp-river-woocommerce-single-product #review_form .comment-form-email {
float: left;
width: 50%;
}
.woocommerce .wp-river-woocommerce-single-product #review_form .comment-form-author {
padding-right: 15px !important;
}
.woocommerce .wp-river-woocommerce-single-product #review_form .comment-form-email {
padding-left: 15px !important;
}
.woocommerce .wp-river-woocommerce-single-product #review_form #respond .comment-form-cookies-consent {
float: left;
width: 100%;
margin: 30px 0;
}
.woocommerce .wp-river-woocommerce-single-product #review_form #respond .comment-form-cookies-consent input {
float: left;
min-height: auto;
border: 1px solid #e7e7e7;
position: relative;
top: 5px;
margin-right: 10px;
}
.woocommerce .wp-river-woocommerce-single-product #review_form #respond .form-submit {
float: left;
width: 100%;
}
.woocommerce .wp-river-woocommerce-single-product #review_form #respond .form-submit input[type="submit"] {
background: #104cba;
color: #ffffff;
padding: 10px 30px;
transition: all 0.35s ease-in-out;
}
.woocommerce .wp-river-woocommerce-single-product #review_form #respond .form-submit input[type="submit"]:hover {
background: #101c3d;
}
.wp-river-woocommerce-single-product div#review_form_wrapper .nice-select {
display: none;
}
.woocommerce .wp-river-woocommerce-single-product .woocommerce-Reviews ol.commentlist {
margin-top: 30px !important;
}
.woocommerce .wp-river-woocommerce-single-product .woocommerce-Reviews ol.commentlist li.review {
}
.woocommerce .wp-river-woocommerce-single-product  #reviews #comments ol.commentlist li img.avatar {
height: 80px;
width: 80px;
border-radius: 50%;
}
.woocommerce .wp-river-woocommerce-single-product #reviews #comments ol.commentlist li .comment-text {
margin-left: 100px;
padding: 30px;
border-color: #e7e7e7;
}
.woocommerce #reviews #comments ol.commentlist em.woocommerce-review__awaiting-approval {
font-size: 14px;
margin: 0;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta {
margin-bottom: 5px;
}
.woocommerce .star-rating {color: #ffb300;float: left;margin-bottom: 20px;}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta {
display: block;
float: left;
width: 100%;
margin-bottom: 15px;
}
.woocommerce #reviews #comments ol.commentlist li .description {
float: left;
width: 100%;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta strong.woocommerce-review__author {
display: block;
font-size: 14px;
font-weight: 600;
color: #232323;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta span.woocommerce-review__dash {
display: none;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta time.woocommerce-review__published-date {
font-size: 13px;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p:last-child {
margin: 0;
}
.woocommerce p.stars a {
font-size: 20px;
}
.woocommerce div.product form.cart table {
border: none;
margin-bottom: 30px;
}
.woocommerce .wp-river-woocommerce-single-product .single-product-info form.cart {
display: block;
}
.woocommerce div.product form.cart .group_table td ins {
text-decoration: none;
}
.woocommerce div.product form.cart .group_table td span.woocommerce-Price-amount.amount {
font-size: 18px !important;
font-weight: 600;
text-decoration: none;
}
.woocommerce div.product form.cart .group_table td span.woocommerce-Price-amount.amount bdi {font-size: 14px;}
.woocommerce div.product form.cart .group_table td span.woocommerce-Price-amount.amount span {
}
.wp-river-woocommerce-single-product section.related.products span.price {
margin-top: 15px;
}
.wp-river-woocommerce-single-product section.related.products > h2 {
margin-bottom: 30px;
}
.woocommerce div.product div.images .flex-control-thumbs {
margin-top: 30px;
margin-left: -15px;
margin-right: -15px;
}
.woocommerce div.product div.images .flex-control-thumbs li {
padding: 0 15px;
}
.woocommerce div.product form.cart .variations {
overflow: inherit;
}
.woocommerce-variation.single_variation .woocommerce-variation-price {
margin-bottom: 30px;
margin-top: 30px;
}
.woocommerce table.shop_attributes th {
padding: 15px;
font-size: 15px;
font-weight: 900;
}
.woocommerce table.shop_attributes td {
padding: 15px;
}
.woocommerce table.shop_attributes td p {
margin: 0;
padding: 0;
}
.wp-river-woocommerce-other-pages {
padding: 120px 0;
overflow: hidden;
}
.woocommerce table.shop_table {
border: none;
border-radius: inherit;
margin: 0;
overflow: inherit;
border-right: 1px solid rgba(0,0,0,.1);
border-bottom: 1px solid rgba(0,0,0,.1);
border-collapse: collapse;
}
.woocommerce table.shop_table th {
border-bottom: none;
}
.woocommerce table.shop_table th {
font-size: 16px;
}
.woocommerce table.shop_table td.product-remove {
text-align: center;
align-items: center;
justify-content: center;
}
.woocommerce table.shop_table td.product-remove a {
margin: 0 !important;
padding: 0 !important;
}
.woocommerce table.shop_table td.product-thumbnail {
text-align: center;
}
.woocommerce table.shop_table th {
border-bottom: none;
}
.woocommerce table.shop_table th {
font-size: 16px;
}
.woocommerce table.shop_table td.product-remove {
text-align: center;
align-items: center;
justify-content: center;
}
.woocommerce table.shop_table td.product-remove a {
margin: 0 !important;
padding: 0 !important;
}
.woocommerce table.shop_table td.product-thumbnail {
text-align: center;
}
.woocommerce table.shop_table td button.button {
min-height: 50px;
padding: 10px 25px !important;
border-radius: 30px;
background: #104cba;
color: #ffffff !important;
font-size: 14px;
}
.woocommerce-cart table.cart td.actions .coupon .input-text {
min-width: 200px;
padding: 15px;
background: #f3f7fd;
border: none;
border-radius: 30px;
padding-left: 25px;
}
.woocommerce table.cart td.actions {
padding: 30px 12px;
}
.woocommerce table.shop_table td button.button:hover {
background: #101c3d;
color: #ffffff;
}
.woocommerce button.button:disabled:hover, .woocommerce button.button:disabled[disabled]:hover {
}
tr.woocommerce-cart-form__cart-item.cart_item {
font-weight: 600;
}
.woocommerce table.shop_table th {
border-bottom: none;
}
.woocommerce table.shop_table th {
font-size: 18px;
}
.woocommerce table.shop_table td.product-remove {
text-align: center;
align-items: center;
justify-content: center;
}
.woocommerce table.shop_table td.product-remove a {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
}
.woocommerce table.shop_table td.product-remove a:hover {
background: transparent;
color: red !important;
}
.woocommerce table.shop_table td.product-thumbnail {
text-align: center;
}
.woocommerce table.shop_table td button.button {
min-height: 50px;
padding: 10px 25px !important;
border-radius: 30px;
background: #104cba;
color: #ffffff;
font-size: 14px;
}
.woocommerce-cart table.cart td.actions .coupon .input-text {
min-width: 200px;
padding: 15px;
background: #f3f7fd;
border: none;
border-radius: 30px;
padding-left: 25px;
}
.woocommerce table.cart td.actions {
padding: 30px 12px;
}
.woocommerce table.shop_table td button.button:hover {
background: #101c3d;
color: #ffffff;
}
.woocommerce button.button:disabled:hover, .woocommerce button.button:disabled[disabled]:hover {
}
tr.woocommerce-cart-form__cart-item.cart_item {
font-weight: 600;
}
.woocommerce-page .cart-collaterals .cart_totals {
margin-top: 50px;
}
.woocommerce-page .cart-collaterals .cart_totals table.shop_table.shop_table_responsive {
border: 1px solid #e7e7e7;
}
.woocommerce table.shop_table tbody:first-child tr th {
padding: 15px;
border-right: 1px solid #e7e7e7;
}
.woocommerce table.shop_table tbody:first-child tr td {
padding: 15px;
}
.woocommerce-page .cart-collaterals .cart_totals h2 {
font-size: 30px;
font-weight: 900;
margin-bottom: 15px;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
display: inline-block;
padding: 20px 25px;
font-size: 14px;
background: #104cba !important;
border-radius: 30px;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
background: #101c3d !important;
}
.woocommerce table.shop_table td.product-name {
font-size: 16px;
} .woocommerce .col2-set .col-1,
.woocommerce .col2-set .col-2 {
flex: 0 0 50%;
max-width: 50%;
}
@media all and (max-width: 767px) {
.woocommerce .col2-set .col-1,
.woocommerce .col2-set .col-2 {
flex: 0 0 100%;
max-width: 100%;
}
}
.wp-river-woocommerce-other-pages .woocommerce #customer_details {
margin: 0 -15px;
margin-top: 50px;
margin-bottom: 30px;
}
.wp-river-woocommerce-other-pages .woocommerce #customer_details h3 {
font-weight: 600;
margin-bottom: 25px;
}
.wp-river-woocommerce-other-pages .woocommerce #customer_details input {
padding: 16px;
border-radius: 5px;
}
.wp-river-woocommerce-other-pages .woocommerce #customer_details label {
display: block;
width: 100%;
}
.wp-river-woocommerce-other-pages .woocommerce #customer_details span.woocommerce-input-wrapper {
width: 100%;
overflow: inherit;
}
.wp-river-woocommerce-other-pages .woocommerce #customer_details select .nice-select {
border-radius: 5px;
}
.wp-river-woocommerce-other-pages .woocommerce #customer_details .nice-select {
border-radius: 5px;
overflow: inherit;
}
.wp-river-woocommerce-other-pages .woocommerce #customer_details textarea {
padding: 20px;
min-height: 100px;
border: 1px solid #e7e7e7;
border-radius: 5px;
}
.wp-river-woocommerce-other-pages .woocommerce form.checkout.woocommerce-checkout h3 {
font-weight: 700;
}
.wp-river-woocommerce-other-pages .woocommerce .woocommerce-checkout #payment {
margin-top: 30px;
background: #f1f1f1;
}
.wp-river-woocommerce-other-pages .woocommerce .woocommerce-checkout #payment ul.payment_methods {
padding: 30px;
}
.wp-river-woocommerce-other-pages .woocommerce .woocommerce-checkout #payment ul.payment_methods li.woocommerce-notice.woocommerce-notice--info.woocommerce-info {
background: #ffffff;
}
.wp-river-woocommerce-other-pages .woocommerce .woocommerce-checkout #payment button#place_order {
background: #104cba none repeat scroll 0 0;
padding: 20px 35px;
font-size: 14px;
margin-left: 14px;
}
.wp-river-woocommerce-other-pages .woocommerce .woocommerce-checkout #payment button#place_order:hover {
background: #101c3d;
}
.wp-river-woocommerce-other-pages .woocommerce form.checkout.woocommerce-checkout  table.shop_table.woocommerce-checkout-review-order-table {
border: 1px solid rgba(0,0,0,.1);
border-top: none;
border-left: none;
text-align: center;
font-weight: 600;
}
.wp-river-woocommerce-other-pages .woocommerce form.checkout.woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table tr th {
border-right: none;
padding: 15px;
text-align: center;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
padding: 50px;
border-radius: 5px;
border: 1px solid #dddddd;
}
.woocommerce-account .woocommerce-MyAccount-navigation li a {
display: block;
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: 1px solid #e7e7e7;
}
.woocommerce-account .woocommerce-MyAccount-navigation li:last-child a {
margin: 0;
padding-bottom: 0;
border: navajowhite;
}
.woocommerce-account .woocommerce-MyAccount-content {
padding-left: 35px;
}
.woocommerce-account .woocommerce-MyAccount-content input, .woocommerce-account .woocommerce-MyAccount-content textarea {
padding: 10px 20px;
border-radius: 8px;
}
.woocommerce-account .woocommerce-MyAccount-content em {
margin-top: 15px;
display: block;
margin-bottom: 15px;
}
.woocommerce-account .woocommerce-MyAccount-content fieldset {
margin-top: 50px;
}
.woocommerce-account .woocommerce-MyAccount-content fieldset label {
display: block;
width: 100%;
}
.woocommerce-account .woocommerce-MyAccount-content fieldset legend {
font-weight: 700;
color: #232323;
}
.woocommerce-account .woocommerce-MyAccount-content .password-input {
width: 100%;
}
.woocommerce-account .woocommerce-MyAccount-content button.woocommerce-Button.button {
display: inline-block;
font-size: 14px;
padding: 18px 34px;
border-radius: 8px;
margin-top: 20px;
background: #104cba;
color: #ffffff;
}
.woocommerce-account .woocommerce-MyAccount-content button.woocommerce-Button.button:hover {
background: #101c3d;
}
.woocommerce-account .woocommerce-MyAccount-content table {
width: 100%;
vertical-align: top;
overflow: hidden;
border: 1px solid rgba(0, 0, 0, 0.08);
}
.woocommerce-account .woocommerce-MyAccount-content table th, .woocommerce-account .woocommerce-MyAccount-content table td {
padding: 10px;
}
.woocommerce-account .woocommerce-MyAccount-content table td a.button {
display: inline-block;
padding: 14px 30px;
background: #104cba;
color: #ffffff;
}
.woocommerce-account .woocommerce-MyAccount-content table th {
border-bottom: 1px solid #e7e7e7 !important;
}
.woocommerce-account .woocommerce-MyAccount-content label {
display: block;
float: left;
width: 100%;
}
.woocommerce-account .woocommerce-MyAccount-content button.button {
display: inline-block;
font-size: 14px;
padding: 19px 34px;
background: #104cba;
color: #ffffff;
border-radius: 7px;
margin-top: 10px;
}
.woocommerce-account .woocommerce-MyAccount-content button.button:hover {
background: #101c3d;
}
.woocommerce-account .woocommerce-MyAccount-content .nice-select {
border: 1px solid #e7e7e7;
border-radius: 6px;
width: 100%;
}
.woocommerce-account .woocommerce-MyAccount-content span.woocommerce-input-wrapper {
width: 100%;
}
.woocommerce-account .woocommerce-MyAccount-content h3 {
font-weight: 700;
}
.woocommerce ul.order_details li strong {
display: block;
font-weight: 700;
color: #232323;
margin-top: 5px;
}
.woocommerce ul.order_details {
margin-top: 30px;
}
.woocommerce ul.order_details li {
font-weight: 600;
font-size: 12px;
}
.woocommerce .woocommerce-order-details {
margin-top: 30px;
}
.woocommerce .woocommerce-order-details h2 {
font-weight: 700;
font-size: 28px;
margin-bottom: 20px;
}
.woocommerce .woocommerce-customer-details h2 {
font-size: 28px;
font-weight: 700;
}
.woocommerce .woocommerce-customer-details address {
padding: 30px;
background: #f1f1f1;
border: none;
font-weight: 500;
line-height: 33px;
margin-top: 30px;
}
p.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
color: green;
font-weight: 700;
font-size: 20px;
}
.woocommerce .woocommerce-order-details table.shop_table th, .woocommerce .woocommerce-order-details table.shop_table td {
padding: 15px;
}
.woocommerce ul.products li.product .price ins {
text-decoration: none;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-order-downloads h2 {
font-weight: 700;
font-size: 28px;
margin-bottom: 20px;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-order-downloads {
margin-top: 30px;
}
.woocommerce .woocommerce-order-details a.button {
display: inline-block;
font-size: 14px;
margin-top: 15px;
padding: 18px 30px;
background: #086AD8;
color: #ffffff;
}
.woocommerce .woocommerce-order-details a.button:hover {
background: #101c3d;
}
.woocommerce-account .woocommerce-MyAccount-content table td a.button:hover {
background: #101c3d;
}
.woocommerce-info {
border-color: #086AD8;
}
.woocommerce-info::before {
color: #086AD8;
}
.woocommerce .woocommerce-info .button {
background: #086AD8;
color: #ffffff !important;
}
.woocommerce .woocommerce-info .button:hover {
background: #101c3d;
}
.woocommerce-cart table.cart input[type="number"] {-moz-appearance: textfield;-webkit-appearance: none;margin: 0;}
.woocommerce-cart table.cart input[type="number"]::-webkit-outer-spin-button, .woocommerce-cart table.cart input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
-moz-appearance: textfield;
}
.woocommerce table.shop_table td .quantity {
display: inline-block;
background: #f1f1ff;
border-radius: 5px;
}
.woocommerce table.shop_table td .quantity button {
padding: 17px 20px;
font-size: 23px;
background: transparent;
margin: 0;
font-weight: 700;
color: #232323;
}
.woocommerce table.shop_table td .quantity input[type="number"] {
position: relative;
top: -4px;
border: none;
margin: 0;
}
.woocommerce div.product form.cart div.quantity {
border: 1px solid #e7e7e7;
}
.woocommerce div.product form.cart div.quantity button {
background: transparent !important;
color: #232323;
font-size: 22px;
font-weight: 600;
}
.woocommerce .quantity .qty {
position: relative;
top: -3px;
text-align: center;
border: none;
background: #f1f1f1;
}
.woocommerce .quantity input[type="number"] {
-moz-appearance: textfield;
-webkit-appearance: none;margin: 0;
}
.woocommerce .quantity input[type="number"]::-webkit-outer-spin-button, 
.woocommerce .quantity input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
-moz-appearance: textfield;
}
.woocommerce .wp-river-woocommerce-single-product .single-product-info form.cart button[type="submit"] {
padding: 20px 40px;
border-radius: 7px;
}
.woocommerce form.woocommerce-cart-form table.shop_table td .quantity input[type="number"] {
-moz-appearance: inherit;
-webkit-appearance: inherit;
background: transparent;
}
.woocommerce form.woocommerce-cart-form table.shop_table td .quantity button {
display: none;
}
.woocommerce form.woocommerce-cart-form table.shop_table td .quantity input[type="number"]::-webkit-outer-spin-button, 
.woocommerce form.woocommerce-cart-form table.shop_table td .quantity input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: inner-spin-button !important;
-moz-appearance: inherit;
}
form.woocommerce-form.woocommerce-form-login.login, .woocommerce form.register {
background: #f3f7fd;
border: none;
padding: 50px;
margin: 0;
border-radius: 0 0 10px 10px;
}
form.woocommerce-form.woocommerce-form-login.login label, .woocommerce form.register label {
display: block;
width: 100%;
}
form.woocommerce-form.woocommerce-form-login.login input, .woocommerce form.register input {
padding: 15px;
width: 100%;
}
form.woocommerce-form.woocommerce-form-login.login button, .woocommerce form.register button {
display: inline-block;
font-size: 14px;
padding: 17px 35px;
background: #104cba;
color: #ffffff !important;
border-radius: 30px;
}
form.woocommerce-form.woocommerce-form-login.login button:hover, .woocommerce form.register button:hover {
background: #101c3d;
}
form.woocommerce-form.woocommerce-form-login.login span, .woocommerce form.register span {
width: 100%;
}
form.woocommerce-form.woocommerce-form-login.login input#rememberme {
width: auto;
min-height: auto;
}
label.woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme {
margin-bottom: 20px;
margin-top: 20px;
}
p.woocommerce-LostPassword.lost_password {
margin-top: 15px;
}
form.woocommerce-form.woocommerce-form-login.login span.show-password-input {
width: auto;
}
div#customer_login h2 {
font-weight: 700;
font-size: 18px;
text-align: center;
background: linear-gradient(90deg,rgba(0,16,45,1) 0%,rgba(0,89,252,1) 56%);
margin: 0;
padding: 16px;
color: #ffffff;
text-transform: uppercase;
border-radius: 10px 10px 0 0;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
border: none;
}
.select2-container--default .select2-selection--single {
border: 1px solid #e7e7e7;
padding: 10px;
min-height: 49px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
margin-top: 8px;
}