5222 lines
138 KiB
CSS
5222 lines
138 KiB
CSS
/* ********************* Include main styles ********************* */
|
|
/* Elegant Font */
|
|
@font-face{font-family:ElegantIcons;src:url(../plugins/elegant_font/html_css/fonts/ElegantIcons.eot);src:url(../plugins/elegant_font/html_css/fonts/ElegantIconsd41d.eot?#iefix) format('embedded-opentype'),url(../plugins/elegant_font/html_css/fonts/ElegantIcons.woff) format('woff'),url(../plugins/elegant_font/html_css/fonts/ElegantIcons.ttf) format('truetype'),url(../plugins/elegant_font/html_css/fonts/ElegantIcons.svg#ElegantIcons) format('svg');font-weight:400;font-style:normal}[data-icon]:before{font-family:ElegantIcons;content:attr(data-icon);speak:none;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.arrow-up-down,.arrow_back,.arrow_carrot-2down,.arrow_carrot-2down_alt2,.arrow_carrot-2dwnn_alt,.arrow_carrot-2left,.arrow_carrot-2left_alt,.arrow_carrot-2left_alt2,.arrow_carrot-2right,.arrow_carrot-2right_alt,.arrow_carrot-2right_alt2,.arrow_carrot-2up,.arrow_carrot-2up_alt,.arrow_carrot-2up_alt2,.arrow_carrot-down,.arrow_carrot-down_alt,.arrow_carrot-down_alt2,.arrow_carrot-left,.arrow_carrot-left_alt,.arrow_carrot-left_alt2,.arrow_carrot-right,.arrow_carrot-right_alt,.arrow_carrot-right_alt2,.arrow_carrot-up,.arrow_carrot-up_alt2,.arrow_carrot_up_alt,.arrow_condense,.arrow_condense_alt,.arrow_down,.arrow_down_alt,.arrow_expand,.arrow_expand_alt,.arrow_expand_alt2,.arrow_expand_alt3,.arrow_left,.arrow_left-down,.arrow_left-down_alt,.arrow_left-right,.arrow_left-right_alt,.arrow_left-up,.arrow_left-up_alt,.arrow_left_alt,.arrow_move,.arrow_right,.arrow_right-down,.arrow_right-down_alt,.arrow_right-up,.arrow_right-up_alt,.arrow_right_alt,.arrow_triangle-down,.arrow_triangle-down_alt,.arrow_triangle-down_alt2,.arrow_triangle-left,.arrow_triangle-left_alt,.arrow_triangle-left_alt2,.arrow_triangle-right,.arrow_triangle-right_alt,.arrow_triangle-right_alt2,.arrow_triangle-up,.arrow_triangle-up_alt,.arrow_triangle-up_alt2,.arrow_up,.arrow_up-down_alt,.arrow_up_alt,.icon_adjust-horiz,.icon_adjust-vert,.icon_archive,.icon_archive_alt,.icon_bag,.icon_bag_alt,.icon_balance,.icon_blocked,.icon_book,.icon_book_alt,.icon_box-checked,.icon_box-empty,.icon_box-selected,.icon_briefcase,.icon_briefcase_alt,.icon_building,.icon_building_alt,.icon_calculator_alt,.icon_calendar,.icon_calulator,.icon_camera,.icon_camera_alt,.icon_cart,.icon_cart_alt,.icon_chat,.icon_chat_alt,.icon_check,.icon_check_alt,.icon_check_alt2,.icon_circle-empty,.icon_circle-slelected,.icon_clipboard,.icon_clock,.icon_clock_alt,.icon_close,.icon_close_alt,.icon_close_alt2,.icon_cloud,.icon_cloud-download,.icon_cloud-download_alt,.icon_cloud-upload,.icon_cloud-upload_alt,.icon_cloud_alt,.icon_cog,.icon_cogs,.icon_comment,.icon_comment_alt,.icon_compass,.icon_compass_alt,.icon_cone,.icon_cone_alt,.icon_contacts,.icon_contacts_alt,.icon_creditcard,.icon_currency,.icon_currency_alt,.icon_cursor,.icon_cursor_alt,.icon_datareport,.icon_datareport_alt,.icon_desktop,.icon_dislike,.icon_dislike_alt,.icon_document,.icon_document_alt,.icon_documents,.icon_documents_alt,.icon_download,.icon_drawer,.icon_drawer_alt,.icon_drive,.icon_drive_alt,.icon_easel,.icon_easel_alt,.icon_error-circle,.icon_error-circle_alt,.icon_error-oct,.icon_error-oct_alt,.icon_error-triangle,.icon_error-triangle_alt,.icon_film,.icon_floppy,.icon_floppy_alt,.icon_flowchart,.icon_flowchart_alt,.icon_folder,.icon_folder-add,.icon_folder-add_alt,.icon_folder-alt,.icon_folder-open,.icon_folder-open_alt,.icon_folder_download,.icon_folder_upload,.icon_genius,.icon_gift,.icon_gift_alt,.icon_globe,.icon_globe-2,.icon_globe_alt,.icon_grid-2x2,.icon_grid-3x3,.icon_group,.icon_headphones,.icon_heart,.icon_heart_alt,.icon_hourglass,.icon_house,.icon_house_alt,.icon_id,.icon_id-2,.icon_id-2_alt,.icon_id_alt,.icon_image,.icon_images,.icon_info,.icon_info_alt,.icon_key,.icon_key_alt,.icon_laptop,.icon_lifesaver,.icon_lightbulb,.icon_lightbulb_alt,.icon_like,.icon_like_alt,.icon_link,.icon_link_alt,.icon_loading,.icon_lock,.icon_lock-open,.icon_lock-open_alt,.icon_lock_alt,.icon_mail,.icon_mail_alt,.icon_map,.icon_map_alt,.icon_menu,.icon_menu-circle_alt,.icon_menu-circle_alt2,.icon_menu-square_alt,.icon_menu-square_alt2,.icon_mic,.icon_mic_alt,.icon_minus-06,.icon_minus-box,.icon_minus_alt,.icon_minus_alt2,.icon_mobile,.icon_mug,.icon_mug_alt,.icon_music,.icon_ol,.icon_paperclip,.icon_pause,.icon_pause_alt,.icon_pause_alt2,.icon_pencil,.icon_pencil-edit,.icon_pencil-edit_alt,.icon_pencil_alt,.icon_pens,.icon_pens_alt,.icon_percent,.icon_percent_alt,.icon_phone,.icon_piechart,.icon_pin,.icon_pin_alt,.icon_plus,.icon_plus-box,.icon_plus_alt,.icon_plus_alt2,.icon_printer,.icon_printer-alt,.icon_profile,.icon_pushpin,.icon_pushpin_alt,.icon_puzzle,.icon_puzzle_alt,.icon_question,.icon_question_alt,.icon_question_alt2,.icon_quotations,.icon_quotations_alt,.icon_quotations_alt2,.icon_refresh,.icon_ribbon,.icon_ribbon_alt,.icon_rook,.icon_search,.icon_search-2,.icon_search_alt,.icon_shield,.icon_shield_alt,.icon_star,.icon_star-half,.icon_star-half_alt,.icon_star_alt,.icon_stop,.icon_stop_alt,.icon_stop_alt2,.icon_table,.icon_tablet,.icon_tag,.icon_tag_alt,.icon_tags,.icon_tags_alt,.icon_target,.icon_tool,.icon_toolbox,.icon_toolbox_alt,.icon_tools,.icon_trash,.icon_trash_alt,.icon_ul,.icon_upload,.icon_vol-mute,.icon_vol-mute_alt,.icon_volume-high,.icon_volume-high_alt,.icon_volume-low,.icon_volume-low_alt,.icon_wallet,.icon_wallet_alt,.icon_zoom-in,.icon_zoom-in_alt,.icon_zoom-out,.icon_zoom-out_alt,.social_blogger,.social_blogger_circle,.social_blogger_square,.social_delicious,.social_delicious_circle,.social_delicious_square,.social_deviantart,.social_deviantart_circle,.social_deviantart_square,.social_dribbble,.social_dribbble_circle,.social_dribbble_square,.social_facebook,.social_facebook_circle,.social_facebook_square,.social_flickr,.social_flickr_circle,.social_flickr_square,.social_googledrive,.social_googledrive_alt2,.social_googledrive_square,.social_googleplus,.social_googleplus_circle,.social_googleplus_square,.social_instagram,.social_instagram_circle,.social_instagram_square,.social_linkedin,.social_linkedin_circle,.social_linkedin_square,.social_myspace,.social_myspace_circle,.social_myspace_square,.social_picassa,.social_picassa_circle,.social_picassa_square,.social_pinterest,.social_pinterest_circle,.social_pinterest_square,.social_rss,.social_rss_circle,.social_rss_square,.social_share,.social_share_circle,.social_share_square,.social_skype,.social_skype_circle,.social_skype_square,.social_spotify,.social_spotify_circle,.social_spotify_square,.social_stumbleupon_circle,.social_stumbleupon_square,.social_tumbleupon,.social_tumblr,.social_tumblr_circle,.social_tumblr_square,.social_twitter,.social_twitter_circle,.social_twitter_square,.social_vimeo,.social_vimeo_circle,.social_vimeo_square,.social_wordpress,.social_wordpress_circle,.social_wordpress_square,.social_youtube,.social_youtube_circle,.social_youtube_square{font-family:ElegantIcons;speak:none;font-style:normal;font-weight:400;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}
|
|
|
|
/* Owl Carousel */
|
|
.owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel{display:none;position:relative;width:100%;-ms-touch-action:pan-y}.owl-carousel .owl-wrapper{display:none;position:relative}.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%}.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}.owl-carousel .owl-item{float:left}.owl-controls .owl-buttons div,.owl-controls .owl-page{cursor:pointer}.owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.grabbing{cursor:url(../plugins/owl-carousel/grabbing.png) 8 8,move}.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-theme .owl-controls{margin-top:10px;text-align:center}.owl-theme .owl-controls .owl-buttons div{color:#fff;display:inline-block;zoom:1;margin:5px;padding:5px 12px;font-size:13px;background:#444;border-radius:2px;-webkit-transition:all .5s ease-in;transition:all .5s ease-in}.owl-theme .owl-controls.clickable .owl-buttons div:focus,.owl-theme .owl-controls.clickable .owl-buttons div:hover{background-color:#b54321;-webkit-transition:all .2s ease-in;transition:all .2s ease-in}.owl-theme .owl-controls .owl-page{display:inline-block;zoom:1}.owl-theme .owl-controls .owl-page span{display:block;width:12px;height:12px;margin:5px 7px;opacity:.8;border-radius:20px;background:#fff}.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{opacity:1;background:#b54321}.owl-theme .owl-controls .owl-page span.owl-numbers{height:auto;width:auto;color:#FFF;padding:2px 10px;font-size:12px;border-radius:30px}.owl-item.loading{min-height:150px;background:url(../plugins/owl-carousel/AjaxLoader.gif) center center no-repeat}.owl-origin{-webkit-perspective:1200px;-webkit-perspective-origin-x:50%;-webkit-perspective-origin-y:50%;-moz-perspective:1200px;-moz-perspective-origin-x:50%;-moz-perspective-origin-y:50%;perspective:1200px}.owl-fade-out{z-index:10;-webkit-animation:fadeOut .7s both ease;-moz-animation:fadeOut .7s both ease;animation:fadeOut .7s both ease}.owl-fade-in{-webkit-animation:fadeIn .7s both ease;-moz-animation:fadeIn .7s both ease;animation:fadeIn .7s both ease}.owl-backSlide-out{-webkit-animation:backSlideOut 1s both ease;-moz-animation:backSlideOut 1s both ease;animation:backSlideOut 1s both ease}.owl-backSlide-in{-webkit-animation:backSlideIn 1s both ease;-moz-animation:backSlideIn 1s both ease;animation:backSlideIn 1s both ease}.owl-goDown-out{-webkit-animation:scaleToFade .7s ease both;-moz-animation:scaleToFade .7s ease both;animation:scaleToFade .7s ease both}.owl-goDown-in{-webkit-animation:goDown .6s ease both;-moz-animation:goDown .6s ease both;animation:goDown .6s ease both}.owl-fadeUp-in{-webkit-animation:scaleUpFrom .5s ease both;-moz-animation:scaleUpFrom .5s ease both;animation:scaleUpFrom .5s ease both}.owl-fadeUp-out{-webkit-animation:scaleUpTo .5s ease both;-moz-animation:scaleUpTo .5s ease both;animation:scaleUpTo .5s ease both}@-webkit-keyframes empty{0%{opacity:1}}@-moz-keyframes empty{0%{opacity:1}}@keyframes empty{0%{opacity:1}}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-moz-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes backSlideOut{25%{opacity:.5;-webkit-transform:translateZ(-500px)}100%,75%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(-200%)}}@-moz-keyframes backSlideOut{25%{opacity:.5;-moz-transform:translateZ(-500px)}100%,75%{opacity:.5;-moz-transform:translateZ(-500px) translateX(-200%)}}@keyframes backSlideOut{25%{opacity:.5;transform:translateZ(-500px)}100%,75%{opacity:.5;transform:translateZ(-500px) translateX(-200%)}}@-webkit-keyframes backSlideIn{0%,25%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(200%)}75%{opacity:.5;-webkit-transform:translateZ(-500px)}100%{opacity:1;-webkit-transform:translateZ(0) translateX(0)}}@-moz-keyframes backSlideIn{0%,25%{opacity:.5;-moz-transform:translateZ(-500px) translateX(200%)}75%{opacity:.5;-moz-transform:translateZ(-500px)}100%{opacity:1;-moz-transform:translateZ(0) translateX(0)}}@keyframes backSlideIn{0%,25%{opacity:.5;transform:translateZ(-500px) translateX(200%)}75%{opacity:.5;transform:translateZ(-500px)}100%{opacity:1;transform:translateZ(0) translateX(0)}}@-webkit-keyframes scaleToFade{to{opacity:0;-webkit-transform:scale(.8)}}@-moz-keyframes scaleToFade{to{opacity:0;-moz-transform:scale(.8)}}@keyframes scaleToFade{to{opacity:0;transform:scale(.8)}}@-webkit-keyframes goDown{from{-webkit-transform:translateY(-100%)}}@-moz-keyframes goDown{from{-moz-transform:translateY(-100%)}}@keyframes goDown{from{transform:translateY(-100%)}}@-webkit-keyframes scaleUpFrom{from{opacity:0;-webkit-transform:scale(1.5)}}@-moz-keyframes scaleUpFrom{from{opacity:0;-moz-transform:scale(1.5)}}@keyframes scaleUpFrom{from{opacity:0;transform:scale(1.5)}}@-webkit-keyframes scaleUpTo{to{opacity:0;-webkit-transform:scale(1.5)}}@-moz-keyframes scaleUpTo{to{opacity:0;-moz-transform:scale(1.5)}}@keyframes scaleUpTo{to{opacity:0;transform:scale(1.5)}}
|
|
|
|
|
|
/* -------------------------------------------------------------------
|
|
|
|
[Table of contents]
|
|
|
|
01. General style
|
|
02. Helper classes
|
|
03. Megamenu
|
|
04. Headers
|
|
05. Sliders
|
|
06. Page Breadcrumbs
|
|
07. Sections
|
|
08. Boxes
|
|
09. Titles
|
|
10. Miscellaneous sections (Team, Stats, Testimonials, Pricing etc)
|
|
11. Portfolio
|
|
12. Blog
|
|
13. Sidebar
|
|
14. Shop
|
|
15. Pages
|
|
16. Elements (Tabs, Butons, Alerts, Progress Bars etc)
|
|
17. Footers
|
|
18. Social Icons
|
|
19. Text Rotator (text rotator plugin)
|
|
20. Animations (Just a few animations from animate.css)
|
|
|
|
|
|
[Colors]
|
|
|
|
# main color --> #B54321 = rgb(181,67,33)
|
|
# background --> #f5f5f5
|
|
# content --> #667
|
|
# titles --> #556 , #445 , #667
|
|
|
|
|
|
[Typography]
|
|
|
|
# content --> Source Sans Pro font
|
|
# titles --> MontSerrat font
|
|
|
|
|
|
[Notes]
|
|
|
|
# I used Montserrat for some main paragrpahs too;
|
|
# I included only a few animations from animate.css (there's no way you'll need them all),
|
|
but you could include/replace what animations you want from this library in your css file.
|
|
I recommend not to include the whole library [it's better for performance]
|
|
# If you don't use the text rotator plugin, you should remove the code
|
|
|
|
# To easily find a class name, CTR+F (Find) (many text editors) may come in handy
|
|
|
|
# It's better if you create your user_style.css file to make css changes.
|
|
There will be some updates and you'll need to change this css file with the new one and
|
|
it will be difficult for you to keep the changes you made and at the same time to update this file.
|
|
|
|
-------------------------------------------------------------------- */
|
|
|
|
|
|
|
|
/* ********************* General Style ********************* */
|
|
|
|
html,
|
|
body {
|
|
width: 100%;
|
|
height: 100%;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
body {
|
|
-webkit-font-smoothing: antialiased;
|
|
text-rendering: optimizeLegibility;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
min-height: 100%;
|
|
font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
|
font-size: 14px;
|
|
line-height: 26px;
|
|
letter-spacing:normal;
|
|
font-weight:400;
|
|
background-color: #f5f5f5;
|
|
color: #667;
|
|
}
|
|
img {
|
|
height: auto;
|
|
max-width: 100%;
|
|
}
|
|
mark {
|
|
color:#fff;
|
|
background:rgb(181,67,33);
|
|
}
|
|
hr {
|
|
display: block;
|
|
line-height: 25px;
|
|
margin: 30px 0;
|
|
position: relative;
|
|
width: 100%;
|
|
}
|
|
h1, h2, h3, h4, h5, h6 {
|
|
font-weight: 300;
|
|
letter-spacing: -1px;
|
|
margin: 0;
|
|
color: #303030;
|
|
}
|
|
h1 {
|
|
font-size: 42px;
|
|
line-height: 44px;
|
|
margin: 0 0 40px 0;
|
|
}
|
|
h2 {
|
|
font-size: 36px;
|
|
line-height: 38px;
|
|
margin: 0 0 35px 0;
|
|
}
|
|
h3 {
|
|
font-size: 28px;
|
|
font-weight: 400;
|
|
letter-spacing: normal;
|
|
line-height: 28px;
|
|
margin-bottom: 30px;
|
|
}
|
|
h4, h5, h6 {
|
|
letter-spacing: normal;
|
|
margin: 0 0 15px 0;
|
|
}
|
|
h4 {
|
|
font-size: 16px;
|
|
font-weight: 400;
|
|
line-height: 26px;
|
|
}
|
|
h5 {
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
line-height: 18px;
|
|
}
|
|
h6 {
|
|
font-size: 12px;
|
|
font-weight: 400;
|
|
line-height: 18px;
|
|
}
|
|
p {
|
|
margin: 0 0 20px;
|
|
}
|
|
a {
|
|
color:rgb(181,67,33);
|
|
text-decoration:none;
|
|
-webkit-transition:all 0.2s linear; transition:all 0.2s linear;
|
|
}
|
|
a:hover,
|
|
a:focus,
|
|
a:active,
|
|
.btn:hover,
|
|
.btn:focus,
|
|
.btn:active,
|
|
button:hover,
|
|
button:focus,
|
|
button:active {
|
|
text-decoration:none;
|
|
outline:0;
|
|
box-shadow:none;
|
|
-webkit-transition:all 0.2s easeout; transition:all 0.2s ease-out;
|
|
}
|
|
/* anchors */
|
|
.anchor-1 {
|
|
color:#e8e8e8;
|
|
}
|
|
.anchor-1:hover {
|
|
color:rgb(181,67,33);
|
|
}
|
|
iframe {
|
|
border:0;
|
|
margin:0;
|
|
overflow: hidden;
|
|
width:100%;
|
|
height:auto;
|
|
}
|
|
::-moz-selection {
|
|
text-shadow:none;
|
|
color: #fff;
|
|
background:rgba(181,67,33,0.8);
|
|
}
|
|
::selection {
|
|
text-shadow:none;
|
|
color: #fff;
|
|
background:rgba(181,67,33,0.8);
|
|
}
|
|
|
|
|
|
|
|
/* Back to Top */
|
|
.back-to-top .fa {
|
|
z-index: 99999;
|
|
text-align:center;
|
|
width: 40px;
|
|
height: 35px;
|
|
padding-top: 6px;
|
|
border-top-left-radius:3px;
|
|
border-top-right-radius:3px;
|
|
position: fixed;
|
|
bottom: -100px;
|
|
right: 15px;
|
|
cursor: pointer;
|
|
-webkit-transition: all .3s ease-out; transition: all .3s ease-out;
|
|
overflow: hidden;
|
|
font-size:22px;
|
|
background: #434347;
|
|
color: #fff;
|
|
}
|
|
|
|
.back-to-top .fa:hover {
|
|
box-shadow: inset 2px 1px 8px rgba(0,0,0,.6);
|
|
background: rgb(181,67,33);
|
|
-webkit-transition: all .4s ease-in; transition: all .4s ease-in;
|
|
}
|
|
|
|
/* Preloader */
|
|
body { overflow:hidden; }
|
|
#preloader {
|
|
position:fixed;
|
|
top:0; left:0; right:0; bottom:0;
|
|
z-index:9999999;
|
|
background:#f5f5f5;
|
|
}
|
|
#status {
|
|
width:160px; height:15px;
|
|
position:absolute;
|
|
left:50%; top:50%;
|
|
background-image:url(../images/preloader.gif);
|
|
background-repeat:no-repeat;
|
|
background-position:center;
|
|
margin: -7.5px 0 0 -80px;
|
|
}
|
|
|
|
|
|
/* Background images */
|
|
.bg-img {
|
|
position: relative;
|
|
-webkit-backface-visibility: visible !important;
|
|
background-repeat: no-repeat;
|
|
background-position: 50% 0;
|
|
background-size: cover;
|
|
}
|
|
|
|
@media (min-width:768px) {
|
|
.bg-img.fixed,
|
|
.stellar { background-attachment: fixed; }
|
|
}
|
|
|
|
/* Background images path */
|
|
.bg01 { background-image:url('../images/demo/bg01.jpg'); }
|
|
.bg02 { background-image:url('../images/demo/bg02.jpg'); }
|
|
.bg03 { background-image:url('../images/demo/bg03.jpg'); }
|
|
.bg04 { background-image:url('../images/demo/bg04.jpg'); }
|
|
.bg05 { background-image:url('../images/demo/bg05.jpg'); }
|
|
.bg06 { background-image:url('../images/demo/bg06.jpg'); }
|
|
.bg07 { background-image:url('../images/demo/bg07.jpg'); }
|
|
.bg08 { background-image:url('../images/demo/bg08.jpg'); }
|
|
.bg09 { background-image:url('../images/demo/bg09.jpg'); }
|
|
.bg10 { background-image:url('../images/demo/bg10.jpg'); }
|
|
.bg11 { background-image:url('../images/demo/bg11.jpg'); }
|
|
.bg12 { background-image:url('../images/demo/bg12.jpg'); }
|
|
.bg13 { background-image:url('../images/demo/bg13.jpg'); }
|
|
.bg14 { background-image:url('../images/demo/bg14.jpg'); }
|
|
.bg15 { background-image:url('../images/demo/bg15.jpg'); }
|
|
.bg16 { background-image:url('../images/demo/bg16.jpg'); }
|
|
.bg17 { background-image:url('../images/demo/bg17.jpg'); }
|
|
.bg18 { background-image:url('../images/demo/bg18.jpg'); }
|
|
.bg19 { background-image:url('../images/demo/bg19.jpg'); }
|
|
|
|
|
|
.bg-team1 { background-image:url('../images/demo/team1.jpg'); }
|
|
.bg-team2 { background-image:url('../images/demo/team2.jpg'); }
|
|
.bg-team3 { background-image:url('../images/demo/team3.jpg'); }
|
|
.bg-team4 { background-image:url('../images/demo/team4.jpg'); }
|
|
.bg-team5 { background-image:url('../images/demo/team5.jpg'); }
|
|
.bg-team6 { background-image:url('../images/demo/team6.jpg'); }
|
|
|
|
|
|
|
|
/* Background Patterns */
|
|
.bg-pattern {
|
|
background-position:left top;
|
|
background-repeat:repeat;
|
|
}
|
|
.bg30 { background-image: url('../images/patterns/19.png'); }
|
|
|
|
|
|
/* Background layer */
|
|
.bg-overlay {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
z-index: 0;
|
|
background: #424252;
|
|
opacity: .6;
|
|
}
|
|
.bg-overlay.video {
|
|
background: #404244
|
|
}
|
|
|
|
|
|
|
|
/* Responsive canvas */
|
|
.rs-canvas {
|
|
width:100%;
|
|
overflow-x:auto;
|
|
-webkit-overflow-scrolling: touch;
|
|
-ms-overflow-style: -ms-autohiding-scrollbar;
|
|
}
|
|
|
|
|
|
/* Border left bottom */
|
|
.br-bottom:after {
|
|
content:"";
|
|
display:block;
|
|
height:1px;
|
|
width:35px;
|
|
border-top:2px solid rgb(181,67,33);
|
|
margin:6px 0 10px;
|
|
}
|
|
.br-bottom-center::after {
|
|
content:"";
|
|
display:block;
|
|
height:1px;
|
|
width:35px;
|
|
border-top:2px solid rgb(181,67,33);
|
|
margin: 8px auto 10px;
|
|
}
|
|
.br-bottom-center.faq::after {
|
|
content:"";
|
|
display:block;
|
|
height:1px;
|
|
width:100px;
|
|
border-top:2px solid rgb(181,67,33);
|
|
margin: 8px auto 10px;
|
|
}
|
|
|
|
|
|
.br-bottom-center.large:after {
|
|
width:50px;
|
|
border-top:5px solid rgb(181,67,33);
|
|
}
|
|
|
|
|
|
/* Full width videos */
|
|
.video-wrapper {
|
|
max-width: 100% ;
|
|
max-height: 450px ;
|
|
width: 100% ;
|
|
height: auto ;
|
|
overflow: hidden;
|
|
}
|
|
@media (max-width:767px) {
|
|
.video-wrapper { max-height:280px; }
|
|
}
|
|
@media (max-width:991px) {
|
|
.video-wrapper { max-height:380px; }
|
|
}
|
|
@media (min-width:1400px) {
|
|
.video-wrapper { max-height:550px; }
|
|
}
|
|
|
|
.video-wrapper video {
|
|
width:100%;
|
|
height:100%;
|
|
z-index: 1;
|
|
}
|
|
.video-caption {
|
|
position:absolute;
|
|
width:100%;
|
|
top:50%;
|
|
-ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%);
|
|
left:0;
|
|
}
|
|
#video-button {
|
|
position: absolute;
|
|
left:40px;
|
|
bottom:40px;
|
|
color:#fff;
|
|
font-size: 30px;
|
|
}
|
|
|
|
#video-button.pause .fa:before {
|
|
content: "\5f";
|
|
font-family: 'ElegantIcons';
|
|
}
|
|
#video-button.play .fa:before {
|
|
content: "\3d";
|
|
font-family: 'ElegantIcons';
|
|
}
|
|
|
|
|
|
/* Box heights fix */
|
|
@media(max-width:991px) {
|
|
.max_height.sm_max_height .el_max_height { height: auto !important; }
|
|
}
|
|
@media (max-width:767px) {
|
|
.max_height.xs_max_height .el_max_height { height: auto !important; }
|
|
}
|
|
|
|
|
|
/* Align middle */
|
|
.align-middle {
|
|
position: absolute;
|
|
left:0; right:0;
|
|
top:50%;
|
|
-webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);
|
|
}
|
|
|
|
|
|
|
|
/* ********************* Helper Classes ********************* */
|
|
|
|
|
|
.br0 { border-radius: 0 !important; }
|
|
.br1 { border-radius: 1px !important; }
|
|
.br2 { border-radius: 2px !important; }
|
|
.br4 { border-radius: 4px !important; }
|
|
.br6 { border-radius: 6px !important; }
|
|
.br8 { border-radius: 8px !important; }
|
|
|
|
|
|
.op8 { opacity:0.8 !important; }
|
|
.op7 { opacity:0.7 !important; }
|
|
.op6 { opacity:0.6 !important; }
|
|
.op5 { opacity:0.5 !important; }
|
|
.op4 { opacity:0.4 !important; }
|
|
.op2 { opacity:0.2 !important; }
|
|
|
|
.uppercase { text-transform: uppercase;}
|
|
.montserrat { font-family: "Montserrat",sans-serif; }
|
|
|
|
.fs-small { font-size:80% !important; }
|
|
.fs-large { font-size:120% !important; }
|
|
|
|
.relative { position: relative; }
|
|
|
|
|
|
.block { display: block !important; }
|
|
.inline-block { display: inline-block !important; }
|
|
|
|
|
|
.unstyled {
|
|
list-style:none;
|
|
padding:0 0 10px 20px;
|
|
}
|
|
|
|
.pull-center {
|
|
display: block;
|
|
margin-left: auto !important;
|
|
margin-right: auto !important;
|
|
clear: both;
|
|
text-align:center;
|
|
}
|
|
.text-left { text-align: left !important; }
|
|
.text-right { text-align: right !important; }
|
|
|
|
|
|
.m0 { margin:0 !important; }
|
|
.mb0 { margin-bottom:0 !important; }
|
|
.mt0 { margin-top: 0 !important; }
|
|
|
|
.mb10 { margin-bottom:10px !important; }
|
|
.mb20 { margin-bottom: 20px !important; }
|
|
.mb30 { margin-bottom:30px !important; }
|
|
.mb40 { margin-bottom:40px !important; }
|
|
.mb50 { margin-bottom:50px !important; }
|
|
.mb60 { margin-bottom: 60px !important; }
|
|
.mb70 { margin-bottom: 70px !important; }
|
|
.mb80 { margin-bottom: 80px !important; }
|
|
|
|
.mt10 { margin-top:10px !important; }
|
|
.mt20 { margin-top:20px !important; }
|
|
.mt30 { margin-top:30px !important; }
|
|
.mt40 { margin-top: 40px !important; }
|
|
.mt50 { margin-top: 50px !important; }
|
|
.mt60 { margin-top: 60px !important; }
|
|
.mt70 { margin-top: 70px !important; }
|
|
.mt80 { margin-top: 80px !important; }
|
|
|
|
.p0 { padding: 0 !important; }
|
|
.pb0 { padding-bottom: 0 !important; }
|
|
.pt0 { padding-top: 0 !important; }
|
|
|
|
.pt5 { padding-top:5px !important; }
|
|
|
|
|
|
.mr10 { margin-right: 10px !important; }
|
|
.mr20 { margin-right: 20px !important; }
|
|
.mr30 { margin-right: 30px !important; }
|
|
|
|
|
|
.py5 {padding-left:5px !important; padding-right:5px !important;}
|
|
.py10 {padding-left:10px !important; padding-right:10px !important;}
|
|
.py15 {padding-left:15px !important; padding-right:15px !important;}
|
|
.py20 {padding-left:20px !important; padding-right:20px !important;}
|
|
|
|
.pr0 { padding-right: 0 !important; }
|
|
.pl0 { padding-left: 0 !important; }
|
|
|
|
|
|
.no-border { border:none !important; }
|
|
|
|
.full-width { width:100%; }
|
|
.full-height {height:100%; }
|
|
|
|
.shadow-a { box-shadow:0 0 10px rgba(10,10,10,0.4); }
|
|
.shadow-b { box-shadow:2px 2px 8px rgba(10,10,10,0.4); }
|
|
.shadow-c { box-shadow:3px 3px 10px rgba(10,10,10,0.4); }
|
|
.shadow-d { box-shadow:1px 1px 5px rgba(10,10,10,0.4); }
|
|
|
|
|
|
|
|
|
|
/* Colors */
|
|
.color-main { color: rgb(181,67,33) !important; }
|
|
.color-white { color:#fff !important; }
|
|
.color-alpha { color:rgba(250,250,250,0.9); }
|
|
.color-darker { color:#303234 !important;}
|
|
.color-dark { color:#505355 !important; }
|
|
.color-default { color: #667 !important; }
|
|
.color-gray { color:#999a9b !important; }
|
|
|
|
|
|
.color-on-dark { color:#c0c3c3 !important; }
|
|
.color-on-img { color:#e2e3e4 !important }
|
|
|
|
|
|
.bg-main { background-color:rgb(181,67,33) !important; }
|
|
.bg-dark { background-color: #444648 !important; }
|
|
.bg-darker { background-color: #303234 !important; }
|
|
.bg-dark-gray { background-color: #778888 !important; }
|
|
.bg-light-gray { background-color: #aaabac !important; }
|
|
|
|
|
|
/* Helper classes for mobile */
|
|
@media (max-width:767px) {
|
|
.xs-block { display:block; }
|
|
.xs-mb10 { margin-bottom:10px !important; }
|
|
|
|
.xs-pull-left { float:left !important; }
|
|
|
|
.xs-pl0 { padding-left:0 !important; }
|
|
.xs-pt0 { padding-top:0 !important; }
|
|
|
|
.xs-mt0 {margin-top: 0 !important;}
|
|
.xs-mb0 {margin-bottom: 0 !important;}
|
|
}
|
|
|
|
/* Helper classes for tablets */
|
|
@media (max-width:991px) {
|
|
.sm-pt0 { padding-top:0 !important; }
|
|
|
|
.sm-m0 { margin:0 !important; }
|
|
|
|
.sm-block { display:block !important; }
|
|
}
|
|
|
|
|
|
|
|
/* ********************* Megamenu ********************* */
|
|
|
|
/* Menu */
|
|
.menu {
|
|
width: 100%;
|
|
padding: 0;
|
|
margin: 0;
|
|
position: relative;
|
|
float: left;
|
|
list-style: none;
|
|
}
|
|
.menu li {
|
|
display: inline-block;
|
|
float: left;
|
|
}
|
|
|
|
.menu > li > a {
|
|
padding: 25px 20px 25px 20px;
|
|
font-size: 15px;
|
|
text-transform: capitalize;
|
|
font-weight:400;
|
|
display: inline-block;
|
|
color: #707080;
|
|
position:relative;
|
|
z-index:10;
|
|
-webkit-transition: all .2s ease-out; transition: all .2s ease-out;
|
|
}
|
|
|
|
.menu > li > a:hover,
|
|
.menu > li > a:focus,
|
|
.menu > li:hover > a {
|
|
color:rgb(181,67,33);
|
|
-webkit-transition: all .2s ease-out; transition: all .2s ease-out;
|
|
}
|
|
|
|
|
|
/* Submenu */
|
|
.submenu,
|
|
.submenu .submenu {
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
display: none;
|
|
position: absolute;
|
|
z-index: 999999;
|
|
min-width: 150px;
|
|
font-size:13px;
|
|
word-spacing: 1px;
|
|
color:#dadde2;
|
|
background-color: #292c31;
|
|
}
|
|
.submenu {
|
|
top: 76px;
|
|
border-top:1px solid rgb(181,67,33);
|
|
}
|
|
.submenu .submenu {
|
|
left: 150px;
|
|
top: inherit;
|
|
margin-top: -1px;
|
|
}
|
|
.submenu > li {
|
|
clear:both;
|
|
width:100%;
|
|
font-size: 12px;
|
|
}
|
|
.submenu > li > a {
|
|
width:100%;
|
|
padding: 10px 15px 10px;
|
|
display:inline-block;
|
|
float:left;
|
|
clear:both;
|
|
color: inherit;
|
|
-webkit-transition: all .3s ease-out; transition: all .3s ease-out;
|
|
}
|
|
.submenu > li > a:hover,
|
|
.submenu > li > a:focus,
|
|
.submenu > li:hover > a {
|
|
text-indent:5px;
|
|
opacity:0.6;
|
|
-webkit-transition: all .3s ease-out; transition: all .3s ease-out;
|
|
}
|
|
|
|
|
|
|
|
/* Megamenu */
|
|
.megamenu {
|
|
position: absolute;
|
|
display: none;
|
|
min-width: 25%;
|
|
top: 76px;
|
|
font-size: 13px;
|
|
z-index: 999999;
|
|
padding: 25px 15px 5px;
|
|
background-color: #292c31;
|
|
color: #dadde2;
|
|
word-spacing: 1px;
|
|
border-top:1px solid rgb(181,67,33);
|
|
}
|
|
|
|
/* Megamenu lists */
|
|
|
|
.megamenu-list:before,
|
|
.megamenu-list:after,
|
|
.vertical-menu-list:before,
|
|
.vertical-menu-list:after {
|
|
display: table;
|
|
content: " ";
|
|
}
|
|
.megamenu-list:after,
|
|
.vertical-menu-list {
|
|
clear:both;
|
|
}
|
|
|
|
.megamenu-list,
|
|
.vertical-menu-list {
|
|
margin: 0;
|
|
padding: 0;
|
|
display: block;
|
|
position: relative;
|
|
list-style: none;
|
|
}
|
|
.vertical-menu-list {
|
|
color:#dadde2;
|
|
word-spacing: 1px;
|
|
text-align:center;
|
|
padding:20px 0;
|
|
font-size:13px;
|
|
}
|
|
.megamenu-list > li,
|
|
.vertical-menu-list > li { width: 100%; }
|
|
|
|
.megamenu-list > li > a,
|
|
.vertical-menu-list > li > a {
|
|
padding:4px 0;
|
|
display:block;
|
|
color:inherit;
|
|
-webkit-transition: all .3s ease-out; transition: all .3s ease-out;
|
|
}
|
|
.megamenu-list > li > a:hover,
|
|
.megamenu-list > li > a:focus {
|
|
text-indent:5px;
|
|
opacity:0.6;
|
|
-webkit-transition: all .3s ease-out; transition: all .3s ease-out;
|
|
}
|
|
.vertical-menu-list > li > a:hover,
|
|
.vertical-menu-list > li > a:focus {
|
|
color:rgb(181,67,33);
|
|
text-indent:0;
|
|
opacity:1;
|
|
-webkit-transition: all .3s ease-out; transition: all .3s ease-out;
|
|
}
|
|
|
|
.megamenu-list > .title,
|
|
.vertical-menu-list > .title {
|
|
font-size:14px;
|
|
color:inherit;
|
|
padding:0 0 6px;
|
|
text-transform:capitalize;
|
|
letter-spacing: 1px;
|
|
font-weight:600;
|
|
}
|
|
.vertical-menu-list > .title {
|
|
padding:0 0 10px;
|
|
}
|
|
.megamenu-list > .title:after,
|
|
.vertical-menu-list > .title:after {
|
|
content:"";
|
|
display:block;
|
|
height:1px;
|
|
border-top:2px solid rgb(181,67,33);
|
|
width:15px;
|
|
margin:5px 0 5px;
|
|
}
|
|
.vertical-menu-list > .title:after {
|
|
margin:5px auto;
|
|
}
|
|
|
|
|
|
/* Megamenu widths */
|
|
.megamenu.one_two {
|
|
width: 50%;
|
|
}
|
|
.megamenu.full {
|
|
width: 100%;
|
|
left: 0;
|
|
}
|
|
.megamenu.two_three {
|
|
width:66.66%;
|
|
left: 0;
|
|
}
|
|
.megamenu.three_four {
|
|
width:75%;
|
|
left:0;
|
|
}
|
|
|
|
@media (min-width: 992px) and (max-width: 1199px) {
|
|
.megamenu.one_two { width: 70%; }
|
|
.megamenu.two_three { width:100%; }
|
|
.megamenu.three_four { width:100%; }
|
|
}
|
|
|
|
@media (min-width: 768px) and (max-width: 991px) {
|
|
.megamenu.one_two { width: 100%; }
|
|
.megamenu.two_three { width:100%; }
|
|
.megamenu.three_four { width:100%; }
|
|
}
|
|
|
|
|
|
/*Megamenu positions */
|
|
.menu > li > .megamenu.left { left: 0; }
|
|
.menu > li > .megamenu.right,
|
|
.menu > .right > .megamenu { right:0; }
|
|
|
|
.menu > .right { float: right; }
|
|
|
|
.menu > .right > a,
|
|
.menu > li > a.last { padding-right:0 !important; }
|
|
|
|
|
|
@media (min-width:768px) and (max-width:991px) {
|
|
.menu > .first > a { padding-left:0; }
|
|
}
|
|
@media (min-width:768px) {
|
|
.menu > li > a.first { padding-left:0 !important; }
|
|
}
|
|
|
|
|
|
/* Megamenu grid */
|
|
.megamenu .row {
|
|
width: 100%;
|
|
margin:15px 0 0;
|
|
}
|
|
.megamenu .row:first-child { margin-top: 0; }
|
|
|
|
.megamenu .row:before,
|
|
.megamenu .row:after,
|
|
.submenu:after,
|
|
.submenu:before {
|
|
display: table;
|
|
content: "";
|
|
line-height: 0;
|
|
}
|
|
.megamenu .row:after,
|
|
.submenu:after {
|
|
clear: both;
|
|
}
|
|
|
|
.megamenu [class*="col-"] {
|
|
display: block;
|
|
width: 100%;
|
|
min-height: 1px;
|
|
float: left;
|
|
padding:0 10px;
|
|
margin-bottom:20px;
|
|
}
|
|
|
|
.megamenu .col-1 { width: 8.33333333%; }
|
|
.megamenu .col-2 { width: 16.66666667%; }
|
|
.megamenu .col-3 { width: 25%; }
|
|
.megamenu .col-4 { width: 33.33333333%; }
|
|
.megamenu .col-5 { width: 41.66666667%; }
|
|
.megamenu .col-6 { width: 50%; }
|
|
.megamenu .col-7 { width: 58.33333333%; }
|
|
.megamenu .col-8 { width: 66.66666667%; }
|
|
.megamenu .col-9 { width: 75%; }
|
|
.megamenu .col-10 { width: 83.33333333%; }
|
|
.megamenu .col-11 { width: 91.66666667%; }
|
|
.megamenu .col-12 { width: 100%; }
|
|
|
|
|
|
/* Menu Icons */
|
|
.menu > li > a .icon-direction {
|
|
margin:1px 0 0 10px;
|
|
font-size:8px;
|
|
}
|
|
.menu .icon-direction {
|
|
position: relative;
|
|
top: 0;
|
|
float: right;
|
|
display: block;
|
|
line-height: inherit;
|
|
vertical-align: middle;
|
|
width: auto;
|
|
margin: 0;
|
|
font-size: 7px;
|
|
font-weight:100;
|
|
text-align: right;
|
|
}
|
|
|
|
.menu-icon {
|
|
margin-right:10px;
|
|
font-size:13px;
|
|
color:#889;
|
|
}
|
|
|
|
|
|
/* Toggle Menu */
|
|
.menu .toggle-menu { display: none; }
|
|
|
|
|
|
/* Menu on Mobiles */
|
|
@media (max-width: 767px) {
|
|
.header-wrapper {
|
|
background-color: #292c31;
|
|
color: #dadde2;
|
|
}
|
|
.logo { background-image:url("../images/logo-light.png") !important; }
|
|
|
|
.menu.xs-toggle {
|
|
position:relative;
|
|
top:0;
|
|
margin-bottom: 0;
|
|
}
|
|
.menu > li {
|
|
display: block;
|
|
width: 100%;
|
|
}
|
|
.menu > li:last-child a {
|
|
padding-bottom:35px;
|
|
}
|
|
/* Toggle Menu */
|
|
.menu > .toggle-menu {
|
|
display: block;
|
|
float: right;
|
|
width: 50px;
|
|
height: 50px;
|
|
position: relative;
|
|
top: -60px;
|
|
margin-bottom: -50px;
|
|
cursor: pointer;
|
|
color: #dadde2;
|
|
}
|
|
.menu > .toggle-menu.xs-toggle {
|
|
float: none;
|
|
width: 100%;
|
|
position: relative;
|
|
top: auto;
|
|
margin-bottom: 0;
|
|
}
|
|
.toggle-menu .fa {
|
|
margin: 14px 0;
|
|
float: right;
|
|
font-size: 24px;
|
|
}
|
|
.toggle-menu-title {
|
|
color: #dadde2;
|
|
font-size:13px;
|
|
text-transform: uppercase;
|
|
letter-spacing: 1px;
|
|
margin-bottom:0;
|
|
font-weight:400;
|
|
float:left;
|
|
margin-top:12px;
|
|
}
|
|
|
|
.menu > li > a {
|
|
text-transform:uppercase;
|
|
font-size:12px;
|
|
color:inherit;
|
|
display:block;
|
|
}
|
|
.menu > li > a,
|
|
.menu > .right > a {
|
|
padding: 15px 25px;
|
|
}
|
|
.menu > li > a:hover,
|
|
.menu > li > a:focus {
|
|
color:rgb(181,67,33);
|
|
}
|
|
|
|
.submenu,
|
|
.submenu .submenu {
|
|
width: 100% !important;
|
|
left: 0;
|
|
position: static !important;
|
|
border: none;
|
|
}
|
|
.submenu { border-top:none; }
|
|
|
|
.megamenu {
|
|
width: 100% !important;
|
|
position: static;
|
|
border-top: none !important;
|
|
border-bottom:none;
|
|
padding: 15px 0 0 30px;
|
|
background-color:transparent;
|
|
}
|
|
|
|
.megamenu [class*="col-"] {
|
|
float: none;
|
|
display: block;
|
|
width: 100% !important;
|
|
margin-bottom:30px;
|
|
}
|
|
|
|
.megamenu .row,
|
|
.megamenu .row:first-child [class*="col-"]:first-child { margin-top: 0; }
|
|
|
|
.menu > li > .submenu > li > a { padding-left: 40px !important; }
|
|
.menu > li > .submenu > li > .submenu > li > a { padding-left: 62px !important; }
|
|
.menu > li > .submenu > li > .submenu > li > .submenu > li > a { padding-left: 80px !important; }
|
|
|
|
|
|
/* Topbar */
|
|
.topbar .pull-right {
|
|
float:none !important;
|
|
margin-top: 20px;
|
|
margin-bottom:20px;
|
|
}
|
|
}
|
|
|
|
|
|
|
|
/* ********************* Headers ********************* */
|
|
|
|
|
|
.logo {
|
|
display:block;
|
|
height:74px;
|
|
background-image:url("../images/logo.png");
|
|
background-position:left center;
|
|
background-repeat: no-repeat;
|
|
text-indent:-9999999px;
|
|
}
|
|
|
|
@media (max-width:767px) {
|
|
.logo-center {
|
|
display:block;
|
|
height:62px;
|
|
background-image:url("../images/logo.png");
|
|
background-position:center center;
|
|
background-repeat: no-repeat;
|
|
text-indent:-9999999px;
|
|
}
|
|
}
|
|
|
|
@media (min-width:768px) and (max-width:991px) {
|
|
.logo {
|
|
height:64px;
|
|
background-position:center bottom;
|
|
}
|
|
}
|
|
|
|
/* Header Dark */
|
|
.header-dark {
|
|
background-color: #292c31;
|
|
color: #dadde2;
|
|
}
|
|
.header-dark .menu > li > a { color: #dadde2; }
|
|
.header-dark .logo,
|
|
.topbar.dark .logo { background-image:url("../images/logo-light.png"); }
|
|
.topbar.dark .logo { height:50px; background-position: left center; }
|
|
|
|
@media (min-width:768px) {
|
|
.header-wrapper .navbar-right { margin-right: 0 !important; }
|
|
}
|
|
@media (max-width:991px) {
|
|
.header-wrapper .navbar-right { float:none !important; }
|
|
}
|
|
|
|
|
|
@media (min-width:992px) {
|
|
|
|
.menu-fixed,
|
|
.main-header {
|
|
-webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
|
|
}
|
|
|
|
/* Fixed Header */
|
|
.menu-fixed .main-header {
|
|
z-index: 9999;
|
|
width:100%;
|
|
left:0;
|
|
background-color:rgba(250,250,250,0.9);
|
|
box-shadow:0 0 10px rgba(0, 0, 0, 0.3);
|
|
-webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
|
|
}
|
|
.header-dark .menu-fixed .main-header { background-color: rgba(41,44,49,0.95); }
|
|
|
|
|
|
.menu-fixed .menu > li > a { padding: 20px 20px 20px 20px; }
|
|
|
|
.menu-fixed .megamenu,
|
|
.menu-fixed .submenu { top:66px; }
|
|
|
|
.menu-fixed .logo { height:66px; }
|
|
|
|
|
|
/* Transparent Menu */
|
|
.header-transparent.sticky-top #undefined-sticky-wrapper { height:auto !important; }
|
|
|
|
.header-transparent .main-header {
|
|
position:fixed;
|
|
z-index:9999;
|
|
width:100%;
|
|
left:0;
|
|
top:0;
|
|
background-color:transparent;
|
|
-webkit-backface-visibility:hidden;
|
|
}
|
|
|
|
|
|
.header-transparent .logo { background-image:url("../images/logo-light.png"); }
|
|
|
|
.header-transparent .menu > li > a {
|
|
color:#eaecf1;
|
|
opacity:0.9;
|
|
-webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
|
|
}
|
|
.header-transparent .menu > li > a:hover,
|
|
.header-transparent .menu > li > a:focus,
|
|
.header-transparent .menu > li:hover > a {
|
|
color:rgb(181,67,33);
|
|
-webkit-transition: all .3s ease-out; transition: all .3s ease-out;
|
|
}
|
|
|
|
.header-transparent .menu-fixed .main-header,
|
|
.header-transparent.with-topbar .menu-fixed .main-header {
|
|
background-color:rgba(250,250,250,0.95);
|
|
-webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
|
|
}
|
|
.header-transparent .menu-fixed .menu > li > a {
|
|
color: #667;
|
|
-webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
|
|
}
|
|
.header-transparent .menu-fixed .logo { background-image:url("../images/logo.png"); }
|
|
.static-menu.header-transparent .main-header {
|
|
position:absolute;
|
|
top:76px;
|
|
margin-top:-76px;
|
|
}
|
|
|
|
.header-transparent.with-topbar .main-header {
|
|
position:relative;
|
|
background-color: rgba(255,255,255,0.1);
|
|
}
|
|
|
|
/* Navigation menu over intro section */
|
|
.h-wrapper {
|
|
position: absolute;
|
|
left:0;
|
|
right:0;
|
|
top:0;
|
|
z-index:99999;
|
|
}
|
|
.push-top {
|
|
margin-top:46px;
|
|
}
|
|
|
|
}
|
|
|
|
|
|
/* Top bar */
|
|
.topbar {
|
|
padding:8px 0;
|
|
background-color: #303539;
|
|
color: #d2d6da;
|
|
}
|
|
.top-menu {
|
|
margin:0 -10px;
|
|
padding:0;
|
|
list-style: none;
|
|
}
|
|
.top-menu > li {
|
|
padding: 0 10px;
|
|
display:inline-block;
|
|
}
|
|
|
|
.top-menu > li > a {
|
|
color:inherit;
|
|
font-size:13px;
|
|
-webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out;
|
|
}
|
|
.top-menu > li > a:hover,
|
|
.top-menu > li > a:focus,
|
|
.top-menu > li > a:active {
|
|
color:rgb(181,67,33);
|
|
-webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out;
|
|
}
|
|
.top-menu li .fa { margin-right:5px; }
|
|
|
|
.topbar .social-icon .fa {
|
|
color:#d2d6da;
|
|
opacity:0.9;
|
|
}
|
|
.topbar .social-icon > li > a:hover .fa {
|
|
-webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out;
|
|
color:rgb(181,67,33);
|
|
background-color:transparent;
|
|
}
|
|
|
|
/* Top bar Gray */
|
|
.topbar.gray {
|
|
background-color: #e8eaec;
|
|
color:#666973;
|
|
}
|
|
.topbar.gray .social-icon .fa {
|
|
color:#666973;
|
|
opacity:0.9;
|
|
}
|
|
|
|
|
|
/* Cart items */
|
|
.cart-items {
|
|
color: #778;
|
|
opacity:0.7;
|
|
position:relative;
|
|
top:2px;
|
|
right:0;
|
|
}
|
|
|
|
|
|
@media (min-width:768px) {
|
|
/* Menu Gray */
|
|
.menu.menu-light .submenu,
|
|
.menu.menu-light .megamenu {
|
|
background-color: #ededee;
|
|
color:#555557;
|
|
box-shadow:0 2px 4px rgba(0,0,0,0.3);
|
|
}
|
|
/* Menu dark transparent */
|
|
.menu.menu-dark-transparent .submenu,
|
|
.menu.menu-dark-transparent .megamenu {
|
|
background-color: rgba(41,44,49,0.9);
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
/* Menu button trigger */
|
|
#menu-trigger {
|
|
position:fixed;
|
|
top:30px;
|
|
left:25px;
|
|
z-index:99999;
|
|
font-size:30px;
|
|
color:rgb(181,67,33);
|
|
padding:8px 5px 5px;
|
|
border-radius:1px;
|
|
background-color:rgba(255,255,255,0.1);
|
|
-webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out;
|
|
}
|
|
#menu-trigger.menu-close {
|
|
top:15px; left:15px;
|
|
font-size:24px;
|
|
background-color: transparent;
|
|
padding:5px;
|
|
-webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out;
|
|
}
|
|
|
|
|
|
#menu-trigger.right { right:25px; left:auto; }
|
|
#menu-trigger.right.menu-close { top:15px; right:15px; left:auto; }
|
|
|
|
#menu-trigger.fullscreen-trigger.menu-close {
|
|
font-size:38px;
|
|
top:20px; left:20px;
|
|
-webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out;
|
|
}
|
|
#menu-trigger.fullscreen-trigger.right.menu-close {
|
|
top:20px; right:20px; left:auto;
|
|
}
|
|
|
|
|
|
#menu-trigger:before { font-family: 'ElegantIcons'; content:"\61"; }
|
|
#menu-trigger.menu-close:before { font-family: 'ElegantIcons'; content:"\4d"; }
|
|
|
|
|
|
/* Vertical Menu */
|
|
.vertical-menu-wrapper {
|
|
width:320px;
|
|
height:100%;
|
|
position:fixed;
|
|
top:0;
|
|
z-index:-99;
|
|
background-color: #292c31;
|
|
padding:20px 30px;
|
|
box-shadow:0 0 30px rgba(0,0,0,0.5);
|
|
overflow-y: auto;
|
|
-webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out;
|
|
}
|
|
|
|
.vertical-menu-wrapper.on {
|
|
z-index:999;
|
|
-webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out;
|
|
}
|
|
|
|
.vertical-menu-wrapper.left { left: -350px; }
|
|
.vertical-menu-wrapper.right { right:-350px; }
|
|
|
|
.vertical-menu-wrapper.left.on { left:0; }
|
|
.vertical-menu-wrapper.right.on { right:0; }
|
|
|
|
|
|
.vertical-menu-wrapper .logo,
|
|
.fullscreen-menu-wrapper .logo {
|
|
background-position: center bottom;
|
|
background-image:url("../images/logo-light.png");
|
|
}
|
|
.vertical-menu { margin-bottom:140px; }
|
|
.vertical-menu .panel-body {
|
|
padding:0 0 20px;
|
|
}
|
|
|
|
.vertical-menu-footer {
|
|
position: fixed;
|
|
bottom:0;
|
|
width:300px;
|
|
padding:40px 0 30px;
|
|
text-align:center;
|
|
background-color:inherit;
|
|
-webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out;
|
|
}
|
|
|
|
.vertical-menu-wrapper .vertical-menu-footer.on {
|
|
-webkit-transition:all 0.3s ease-in-out 0.1s; transition:all 0.3s ease-in-out 0.1s;
|
|
}
|
|
|
|
.vertical-menu-wrapper.left .vertical-menu-footer { left:-300px; padding-left:20px; }
|
|
.vertical-menu-wrapper.right .vertical-menu-footer { right:-300px; padding-left:20px; margin-right:20px; }
|
|
|
|
.vertical-menu-wrapper.left .vertical-menu-footer.on { left:0; }
|
|
.vertical-menu-wrapper.right .vertical-menu-footer.on { right:0; }
|
|
|
|
|
|
|
|
.vertical-menu .panel-title {
|
|
font-family: "Source Sans Pro",sans-serif;
|
|
color:#d0d4d8;
|
|
font-size:16px;
|
|
text-transform: capitalize;
|
|
text-align:center;
|
|
}
|
|
.vertical-menu .panel-title a { display:block; }
|
|
.vertical-menu .panel-title:hover a,
|
|
.vertical-menu .panel-title:focus a { color:rgb(181,67,33); }
|
|
|
|
|
|
|
|
/* Vertical Menu Light */
|
|
.vertical-menu-wrapper.light {
|
|
background-color:#f1f1f2;
|
|
color:#778;
|
|
}
|
|
.vertical-menu-wrapper.light .logo { background-image:url("../images/logo.png") !important; }
|
|
.vertical-menu-wrapper.light .vertical-menu .panel-title { color:#667; }
|
|
.vertical-menu-wrapper.light .copyright { color: #889; }
|
|
.vertical-menu-wrapper.light .vertical-menu-list { color:#667; }
|
|
|
|
|
|
@media (max-width:767px) {
|
|
.vertical-menu-wrapper { width:100%; }
|
|
.vertical-menu-wrapper.left { left: -110%; }
|
|
.vertical-menu-wrapper.right { right:-110%; }
|
|
|
|
.vertical-menu-footer { width:100%; }
|
|
.vertical-menu-wrapper.left .vertical-menu-footer { left:-110%; padding-left:0; }
|
|
.vertical-menu-wrapper.right .vertical-menu-footer { right:-110%; padding-right:0; }
|
|
}
|
|
|
|
|
|
|
|
/* Full Screen Menu */
|
|
|
|
.fullscreen-menu-wrapper {
|
|
position:fixed;
|
|
top:-100px; left:0; right:0; bottom:0;
|
|
background-color:rgba(41,44,49,0.9);
|
|
text-align:center;
|
|
opacity:0;
|
|
z-index:-99;
|
|
padding:80px 0 0;
|
|
overflow-y:auto;
|
|
overflow-x:hidden;
|
|
-webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out;
|
|
}
|
|
|
|
.fullscreen-menu-wrapper.on {
|
|
top:0;
|
|
opacity:1;
|
|
z-index:999;
|
|
-webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out;
|
|
}
|
|
.fullscreen-menu-wrapper .vertical-menu { margin-bottom: 80px; }
|
|
.fullscreen-menu-wrapper .vertical-menu .panel-title {
|
|
font-size:17px;
|
|
letter-spacing: 1px;
|
|
}
|
|
.fullscreen-menu-wrapper .vertical-menu-list { font-size: 14px; }
|
|
|
|
.fullscreen-menu-wrapper .vertical-menu-list > li > a { display:inline-block; }
|
|
|
|
|
|
/* Top menu wrapper */
|
|
.top-menu-wrapper {
|
|
position: fixed;
|
|
top:-100%; left:0; right:0;
|
|
width:100%;
|
|
opacity:0;
|
|
background-color:rgba(41,44,49,0.9);
|
|
padding:60px 0 40px;
|
|
z-index:-99;
|
|
box-shadow:0 0 30px rgba(0,0,0,0.5);
|
|
overflow-y:auto;
|
|
overflow-x:hidden;
|
|
-webkit-transition:all 0.6s ease-out; transition:all 0.6s ease-out;
|
|
}
|
|
.top-menu-wrapper.on {
|
|
top:0;
|
|
opacity:1;
|
|
z-index:999;
|
|
-webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out;
|
|
}
|
|
|
|
@media (max-width:991px) {
|
|
.top-menu-wrapper {
|
|
position: absolute;
|
|
}
|
|
}
|
|
|
|
|
|
|
|
/* ********************* Sliders ********************* */
|
|
|
|
/* Revolution Slider */
|
|
.tp-banner-container {
|
|
width:100%;
|
|
position:relative;
|
|
padding:0;
|
|
}
|
|
.tp-banner {
|
|
width:100%;
|
|
position:relative;
|
|
}
|
|
|
|
.fullcoveredvideo .tp-video-play-button {
|
|
display: block !important;
|
|
z-index:9;
|
|
}
|
|
|
|
|
|
|
|
/* Slider Titles */
|
|
.title-slider-large {
|
|
font-family:"Montserrat",sans-serif;
|
|
font-size:44px;
|
|
line-height:54px;
|
|
font-weight: 700;
|
|
color:#e2e3e4;
|
|
letter-spacing: 1px;
|
|
}
|
|
.title-slider-large.uppercased {
|
|
text-transform: uppercase;
|
|
letter-spacing: 2px;
|
|
}
|
|
.title-slider-large.bordered {
|
|
border:5px solid #e2e3e4;
|
|
padding:10px 20px;
|
|
}
|
|
.title-slider-large.br-top-bottom {
|
|
border-top:3px solid #e2e3e4;
|
|
border-bottom:3px solid #e2e3e4;
|
|
padding:15px 0;
|
|
}
|
|
.title-slider-large.dark,
|
|
.title-slider-medium.dark,
|
|
.title-slider-small.dark {
|
|
color:#303336;
|
|
border-color:#303336;
|
|
}
|
|
|
|
.title-slider-medium {
|
|
font-family:"Montserrat",sans-serif;
|
|
font-size:23px;
|
|
line-height:32px;
|
|
font-weight: 700;
|
|
color:#e2e3e4;
|
|
letter-spacing: 1px;
|
|
}
|
|
.title-slider-medium.uppercased {
|
|
font-size:22px;
|
|
text-transform: uppercase;
|
|
letter-spacing: 1px;
|
|
}
|
|
|
|
.title-slider-small {
|
|
font-family:"Montserrat",sans-serif;
|
|
font-size:15px;
|
|
line-height:26px;
|
|
font-weight: 700;
|
|
letter-spacing: 1px;
|
|
color:#e2e3e4;
|
|
}
|
|
.title-slider-small.uppercased {
|
|
font-size:13px;
|
|
text-transform: uppercase;
|
|
letter-spacing: 1px;
|
|
}
|
|
|
|
@media (max-width:991px) {
|
|
.title-slider-large { font-size:30px; line-height:34px;}
|
|
.tp-caption { padding:0 30px; }
|
|
}
|
|
@media (max-width:767px) {
|
|
.title-slider-large {
|
|
font-size:24px;
|
|
line-height:30px;
|
|
padding:0 15px;
|
|
}
|
|
.tp-caption .title-slider-small,
|
|
.tp-caption .btn-slider { display:none; }
|
|
|
|
.tp-caption .br-bottom:after,
|
|
.tp-caption .br-bottom-center:after {
|
|
border-top:none;
|
|
}
|
|
|
|
.tp-caption { padding:0 20px; }
|
|
}
|
|
|
|
|
|
/* Slider Buttons */
|
|
.btn-slider {
|
|
padding:15px 25px;
|
|
border:2px solid #e2e3e4;
|
|
border-radius:25px;
|
|
color:#e2e3e4;
|
|
background-color: transparent;
|
|
font-family:"Raleway",sans-serif;
|
|
font-size:13px;
|
|
font-weight:700;
|
|
letter-spacing: 1px;
|
|
text-transform: uppercase;
|
|
-webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out;
|
|
}
|
|
.btn-slider:hover, .btn-slider:focus, .btn-slider:active {
|
|
background-color: rgb(181,67,33);
|
|
border-color:rgb(181,67,33);
|
|
color:#e2e3e4;
|
|
-webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out;
|
|
}
|
|
|
|
|
|
.btn-slider.reversed {
|
|
background-color:rgb(181,67,33);
|
|
border-color:rgb(181,67,33);
|
|
}
|
|
.btn-slider.reversed:hover, .btn-slider.reversed:focus, .btn-slider.reversed:active {
|
|
background-color: transparent;
|
|
border-color:#e2e3e4;
|
|
color:#e2e3e4;
|
|
}
|
|
|
|
.tp-caption .btn-slider,
|
|
.tp-caption .btn-slider:hover,
|
|
.tp-caption .btn-slider:focus,
|
|
.tp-caption .btn-slider:active {
|
|
color:#e2e3e4;
|
|
}
|
|
|
|
|
|
|
|
/* ********************* Page Breadcrums ********************* */
|
|
|
|
.page-breadcrumbs-wrapper {
|
|
position:relative;
|
|
top:-38px;
|
|
margin-bottom:-38px;
|
|
}
|
|
.page-breadcrumbs {
|
|
width:auto;
|
|
border-top-left-radius:2px;
|
|
border-top-right-radius:2px;
|
|
background-color:#f5f5f5;
|
|
padding:7px 17px;
|
|
font-size:11px;
|
|
font-weight:600;
|
|
color:#889;
|
|
text-transform: uppercase;
|
|
}
|
|
.page-breadcrumbs a {
|
|
color:#889;
|
|
}
|
|
.page-breadcrumbs a:hover,
|
|
.page-breadcrumbs a:focus,
|
|
.page-breadcrumbs a:active,
|
|
.page-breadcrumbs a.active {
|
|
color:#99a;
|
|
}
|
|
.page-breadcrumbs .separator {
|
|
margin:0 8px;
|
|
}
|
|
|
|
.page-breadcrumbs-wrapper.pb2 {
|
|
top:-90px;
|
|
margin-bottom:-45px;
|
|
}
|
|
.page-breadcrumbs-wrapper.pb2 .page-breadcrumbs {
|
|
border-radius:2px;
|
|
padding:9px 14px;
|
|
box-shadow:3px 3px 10px rgba(0,0,0,0.5);
|
|
}
|
|
|
|
/* Page breadcrumbs withouth background */
|
|
.page-breadcrumbs-wrapper.pb-without-bg {
|
|
top:-50px;
|
|
margin-bottom:-45px;
|
|
}
|
|
.page-breadcrumbs-wrapper.pb-without-bg .page-breadcrumbs {
|
|
background-color:transparent;
|
|
color:#d0d3d5;
|
|
}
|
|
.page-breadcrumbs-wrapper.pb-without-bg .page-breadcrumbs a {
|
|
color:#d0d3d5;
|
|
}
|
|
.page-breadcrumbs-wrapper.pb-without-bg .page-breadcrumbs a:hover,
|
|
.page-breadcrumbs-wrapper.pb-without-bg .page-breadcrumbs a:focus,
|
|
.page-breadcrumbs-wrapper.pb-without-bg .page-breadcrumbs a:active,
|
|
.page-breadcrumbs-wrapper.pb-without-bg .page-breadcrumbs a.active {
|
|
color:#e5e8ea;
|
|
}
|
|
|
|
|
|
/* Page Navigations tabs */
|
|
.page-nav-tabs-wrapper {
|
|
position:relative;
|
|
top:-41px;
|
|
margin-bottom:-41px;
|
|
}
|
|
.page-nav-tabs {
|
|
width:auto;
|
|
border-top-left-radius:2px;
|
|
border-top-right-radius:2px;
|
|
background-color:#f5f5f5;
|
|
padding:8px 14px 6px;
|
|
}
|
|
|
|
.page-nav-tabs .nav-tabs > li > a {
|
|
font-size:13px;
|
|
border: none;
|
|
border-radius: 0;
|
|
color: #606468;
|
|
padding:5px 16px;
|
|
}
|
|
|
|
.page-nav-tabs .nav-tabs > li.active > a,
|
|
.page-nav-tabs .nav-tabs > li.active > a:hover,
|
|
.page-nav-tabs .nav-tabs > li.active > a:focus,
|
|
.page-nav-tabs .nav-tabs > li > a:hover,
|
|
.page-nav-tabs .nav-tabs > li > a:focus {
|
|
color: rgb(181,67,33);
|
|
background-color: transparent;
|
|
border: none;
|
|
border-bottom-color: transparent;
|
|
}
|
|
|
|
@media (max-width:767px) {
|
|
.page-nav-tabs {
|
|
border-radius: 4px;
|
|
background-color: #fff;
|
|
border: 1px solid #ddd;
|
|
box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
|
|
padding: 8px 14px 6px;
|
|
}
|
|
.page-nav-tabs .nav-tabs > li {
|
|
padding:4px 0;
|
|
}
|
|
}
|
|
|
|
|
|
|
|
/* ********************* Sections ********************* */
|
|
|
|
|
|
.section { padding:50px 0; }
|
|
.section-bg {
|
|
padding:50px 0;
|
|
margin:40px 0;
|
|
position:relative;
|
|
}
|
|
.section-page { padding:75px 0 60px; }
|
|
.section-boxed { padding:40px 30px; }
|
|
.section-boxed-2 { padding: 40px 50px; }
|
|
.section-large { padding:70px 0; }
|
|
.section-larger { padding:90px 0; }
|
|
|
|
.section-fullwidth { padding-left:15px; padding-right:15px; }
|
|
|
|
@media (min-width:768px) {
|
|
.section-fullheight { height:100%; }
|
|
}
|
|
|
|
.section-main { background-color: rgb(181,67,33); }
|
|
.section-gray { background-color: #eaeaea; }
|
|
.section-dark { background-color:#303236; }
|
|
.section-white { background-color: #f5f5f5; }
|
|
|
|
|
|
|
|
/* Intro Section */
|
|
.section-intro {
|
|
position:relative;
|
|
padding:220px 0 160px;
|
|
}
|
|
.section-intro-2 {
|
|
position: relative;
|
|
padding:160px 0;
|
|
}
|
|
.section-intro.intro-small { padding:160px 0 100px; }
|
|
|
|
|
|
@media (max-width:991px) {
|
|
.section-intro { padding: 120px 0 110px; }
|
|
}
|
|
|
|
@media (max-width:767px) {
|
|
.section-intro-2 { padding: 100px 0; }
|
|
}
|
|
|
|
|
|
/* Caption overlay */
|
|
@media (min-width:768px) {
|
|
.section-caption {
|
|
position: absolute;
|
|
top:50%; left:0;
|
|
-webkit-transform:translateY(-50%); transform:translateY(-50%);
|
|
width:100%;
|
|
}
|
|
}
|
|
|
|
|
|
/* Intro Title */
|
|
.intro-title {
|
|
font-size:32px;
|
|
font-weight: 400;
|
|
color:#eaecf1;
|
|
margin-bottom:20px;
|
|
line-height:36px;
|
|
letter-spacing: 1px;
|
|
font-family:"Montserrat","Source Sans Pro","Helvetica New",sans-serif;
|
|
opacity:0.9;
|
|
}
|
|
.intro-title::after {
|
|
content:"";
|
|
display:block;
|
|
width:42px;
|
|
height:2px;
|
|
background-color:rgb(181,67,33);
|
|
margin:12px 0 14px;
|
|
}
|
|
.intro-title.intro-title-br0::after {
|
|
content:"";
|
|
display:none;
|
|
}
|
|
.intro-title.shadow {
|
|
text-shadow: 0 4px 14px rgba(0,0,0,0.5);
|
|
}
|
|
|
|
|
|
/* Intro title small */
|
|
.intro-title.intro-title-small { font-size:23px; line-height:28px;}
|
|
|
|
|
|
/* Intro Paragraph */
|
|
.intro-p {
|
|
color:#eaecf1;
|
|
font-size:13px;
|
|
margin-bottom: 0;
|
|
font-family: "Montserrat",sans-serif;
|
|
opacity:0.9;
|
|
}
|
|
|
|
|
|
|
|
/* ********************* Boxes ********************* */
|
|
|
|
|
|
@media (max-width:767px) {
|
|
.xs-box { padding-bottom:30px !important; }
|
|
.xs-box2 { padding-bottom:40px !important; }
|
|
.xs-box3 { padding-bottom: 50px !important; }
|
|
}
|
|
|
|
@media (max-width:991px) {
|
|
.sm-box { padding-bottom:30px !important; }
|
|
.sm-box2 { padding-bottom:40px !important; }
|
|
.sm-box3 { padding-bottom: 50px !important; }
|
|
}
|
|
|
|
/* Column paddings */
|
|
.row.col-p0 { margin-left:0; margin-right:0; }
|
|
.row.col-p0 [class*="col-"] { padding:0; }
|
|
|
|
@media (min-width:768px) {
|
|
.row.col-p5 { margin-left:-5px; margin-right:-5px; }
|
|
.row.col-p5 [class*="col-"] { padding:0 5px; }
|
|
|
|
.row.col-p10 { margin-left:-10px; margin-right:-10px; }
|
|
.row.col-p10 [class*="col-"] { padding:0 10px; }
|
|
|
|
.row.col-p15 { margin-left:-15px; margin-right:-15px; }
|
|
.row.col-p15 [class*="col-"] { padding:0 15px; }
|
|
|
|
.row.col-p20 { margin-left:-20px; margin-right:-20px; }
|
|
.row.col-p20 [class*="col-"] { padding:0 20px; }
|
|
|
|
.row.col-p30 { margin-left:-30px; margin-right:-30px; }
|
|
.row.col-p30 [class*="col-"] { padding:0 30px; }
|
|
|
|
.row .col-p0 { padding-left:0; padding-right:0; }
|
|
}
|
|
|
|
|
|
|
|
|
|
/* Box Services Style 1 */
|
|
.box-services-a .fa.fa-bg {
|
|
background-color: rgb(181,67,33);
|
|
color:#fff;
|
|
margin-right: 10px;
|
|
-webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out;
|
|
}
|
|
.box-services-a .title-small { margin-bottom: 10px; }
|
|
.box-services-a:hover .fa.fa-bg {
|
|
background-color: #556;
|
|
box-shadow: inset 2px 1px 8px rgba(0,0,0,.6);
|
|
-webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out;
|
|
}
|
|
.box-services-a:hover .title-small {
|
|
color:rgb(181,67,33);
|
|
-webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out;
|
|
}
|
|
|
|
|
|
/* Box left and right */
|
|
.box-left { display:block; float:left; text-align:center;}
|
|
.box-left img { width:60px; height:60px; margin-top:10px; }
|
|
|
|
.box-right { margin-left:85px; }
|
|
|
|
.box-right .title-small {
|
|
margin-bottom:8px;
|
|
-webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out;
|
|
}
|
|
|
|
/* Box services Style 2 */
|
|
.box-services-b:hover .title-small {
|
|
color:rgb(181,67,33);
|
|
-webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out;
|
|
}
|
|
.link-read-more {
|
|
opacity:0;
|
|
color:#99a;
|
|
font-size:12px;
|
|
margin-left:30px;
|
|
-webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out;
|
|
}
|
|
.box-services-a .title-uppercased .link-read-more {
|
|
text-transform: lowercase;
|
|
color:rgb(181,67,33);
|
|
}
|
|
|
|
.box-services-b:hover .link-read-more,
|
|
.box-services-a:hover .link-read-more,
|
|
.box-services-d:hover .link-read-more,
|
|
.box-services-f:hover .link-read-more {
|
|
opacity:1;
|
|
margin-left:15px;
|
|
-webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out;
|
|
}
|
|
.box-services-d:hover .social-icon a { margin-left:0; }
|
|
|
|
.box-services-b .link-read-more:hover,
|
|
.box-services-a .link-read-more:hover,
|
|
.box-services-b .link-read-more:focus,
|
|
.box-services-a .link-read-more:focus {
|
|
color:#445;
|
|
}
|
|
|
|
@media (max-width:991px) {
|
|
.link-read-more {
|
|
opacity:1;
|
|
margin-left:15px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.link-read-more {
|
|
display:block;
|
|
opacity:1;
|
|
margin-left: 0;
|
|
margin-top:10px;
|
|
}
|
|
}
|
|
|
|
|
|
.box-services-b .box-left .fa-style1,
|
|
.box-services-c .fa-style1 {
|
|
font-size: 30px;
|
|
width:60px;
|
|
height:60px;
|
|
background-color:#42424a;
|
|
color:#fff;
|
|
border-radius:4px;
|
|
margin-top:10px;
|
|
padding-top:15px;
|
|
-webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out;
|
|
}
|
|
|
|
.box-services-b:hover .box-left .fa-style1,
|
|
.box-services-c:hover .fa-style1 {
|
|
box-shadow: inset 2px 1px 8px rgba(0,0,0,.6);
|
|
background-color:rgb(181,67,33);
|
|
-webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out;
|
|
}
|
|
|
|
.box-services-b .box-left .fa-style2,
|
|
.box-services-c .fa-style2 {
|
|
font-size: 45px;
|
|
margin:15px 0 0 12px;
|
|
color:rgb(181,67,33);
|
|
-webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out;
|
|
}
|
|
|
|
.box-services-b:hover .box-left .fa-style2,
|
|
.box-services-c:hover .fa-style2 {
|
|
color:#556;
|
|
-webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out;
|
|
}
|
|
|
|
|
|
|
|
.box-services-b .box-left .fa-style3,
|
|
.box-services-c .fa-style3 {
|
|
font-size: 28px;
|
|
width:60px;
|
|
height:60px;
|
|
background-color:rgb(181,67,33);
|
|
color:#fff;
|
|
border-radius:50%;
|
|
margin-top:10px;
|
|
padding-top:15px;
|
|
-webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out;
|
|
}
|
|
|
|
.box-services-b:hover .box-left .fa-style3,
|
|
.box-services-c:hover .fa-style3 {
|
|
background-color:#445;
|
|
box-shadow:0 3px 10px rgba(0,0,0,0.7);
|
|
-webkit-transition:all 0.2s ease-out; transition:all 0.2s ease-out;
|
|
}
|
|
|
|
|
|
.box-services-b .fa-style4,
|
|
.box-services-c .fa-style4 {
|
|
margin-bottom: 20px;
|
|
font-size:4em;
|
|
-webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out;
|
|
}
|
|
.box-services-b:hover .fa-style4,
|
|
.box-services-c:hover .fa-style4 {
|
|
color:rgb(181,67,33);
|
|
-webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out;
|
|
}
|
|
|
|
|
|
.box-services-a .fa-style5 {
|
|
margin-right:10px;
|
|
font-size:22px;
|
|
padding-top:5px;
|
|
-webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out;
|
|
}
|
|
.box-services-a:hover .fa-style5 {
|
|
color:rgb(181,67,33);
|
|
-webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out;
|
|
}
|
|
|
|
|
|
|
|
.box-services-b .box-left .fa.circle,
|
|
.box-services-c .fa.circle {
|
|
border-radius:50%;
|
|
font-size:26px;
|
|
padding-top: 17px;
|
|
}
|
|
|
|
/* Box-services style 3 */
|
|
.box-services-c {
|
|
text-align:center;
|
|
}
|
|
.box-services-c .fa {
|
|
margin-bottom:15px;
|
|
}
|
|
|
|
/* Box Services style 4 */
|
|
.box-services-d {
|
|
position: relative;
|
|
padding:60px 40px;
|
|
color:#dedee3;
|
|
}
|
|
|
|
.box-services-d .bg-overlay { opacity:0.6; -webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out; }
|
|
.box-services-d:hover .bg-overlay { opacity:0.5; -webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out; }
|
|
|
|
.box-services-d.box-services-team { padding:60px 40px 30px; }
|
|
|
|
.box-services-d.box-services-team .bg-overlay { opacity:0.7; -webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out; }
|
|
.box-services-d.box-services-team:hover .bg-overlay { opacity:0.6; -webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out; }
|
|
|
|
.box-services-d .title-uppercased,
|
|
.box-services-d .title-medium {
|
|
font-size:20px;
|
|
color:#dedee3;
|
|
margin-bottom:20px;
|
|
-webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out;
|
|
}
|
|
.box-services-d:hover .title-uppercased,
|
|
.box-services-d:hover .title-medium {
|
|
color:rgb(181,67,33);
|
|
-webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out;
|
|
}
|
|
|
|
.box-service-d .title-medium { font-size:22px; }
|
|
.box-services-d .title-medium .link-read-more { font-size: 11px; }
|
|
|
|
.box-services-d .link-read-more {
|
|
color:#dedee3;
|
|
text-transform: lowercase;
|
|
font-size:13px;
|
|
}
|
|
.box-services-d .link-read-more:hover,
|
|
.box-services-d .link-read-more:focus {
|
|
color:rgb(181,67,33);
|
|
}
|
|
|
|
|
|
|
|
/* Box services style 5 */
|
|
.box-services-e {
|
|
background-color:rgb(181,67,33);
|
|
position: relative;
|
|
color:#d2d2d9;
|
|
}
|
|
|
|
.box-services-e.dark { background-color: #303236; }
|
|
.box-services-e.orange { background-color: #d18b21; }
|
|
.box-services-e.blue { background-color: #1375a3; }
|
|
.box-services-e.yellow { background-color: #fcc813; }
|
|
.box-services-e.green { background-color: #22aba6; }
|
|
.box-services-e.transparent { background-color: transparent; }
|
|
.box-services-e.gray { background-color: #f0f1f2; }
|
|
|
|
.box-services-e .fa {
|
|
font-size: 100px;
|
|
opacity: 0.25;
|
|
position: absolute;
|
|
bottom: -50px;
|
|
right: -30px;
|
|
color: #d2d2d9;
|
|
}
|
|
.box-services-d.box-services-e .title-uppercased {
|
|
margin-bottom:15px;
|
|
}
|
|
.box-services-d.box-services-e:hover .title-uppercased,
|
|
.box-services-d.box-services-e:hover .title-medium {
|
|
color:#d2d2d9;
|
|
-webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out;
|
|
}
|
|
|
|
.box-services-d.box-services-e .link-read-more:hover,
|
|
.box-services-d.box-services-e .link-read-more:focus {
|
|
color:#dedee3;
|
|
opacity:0.5;
|
|
}
|
|
|
|
.box-services-d.box-services-e .bg-overlay { opacity:0.4; -webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out; }
|
|
.box-services-d.box-services-e:hover .bg-overlay { opacity:0.3; -webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out; }
|
|
|
|
|
|
/* Box services style 6 */
|
|
.box-services-f .content { margin: 0 5px; }
|
|
.box-services-f .link-read-more {
|
|
color:#889;
|
|
text-transform: lowercase;
|
|
font-size:13px;
|
|
}
|
|
.box-services-f .link-read-more:hover,
|
|
.box-services-f .link-read-more:focus {
|
|
color:rgb(181,67,33);
|
|
}
|
|
|
|
.box-services-f .content {
|
|
padding-bottom:15px;
|
|
border-bottom:2px solid transparent;
|
|
-webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out;
|
|
}
|
|
.box-services-f:hover .content {
|
|
padding-bottom:2px;
|
|
border-bottom:2px solid #ccccd3;
|
|
-webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out;
|
|
}
|
|
|
|
|
|
/* Border box */
|
|
@media (min-width:768px) {
|
|
.br-box {
|
|
border-right:1px solid #99a2a2;
|
|
padding-top:30px;
|
|
padding-bottom:10px;
|
|
}
|
|
.br-box.last { border-right:none; }
|
|
}
|
|
|
|
|
|
|
|
/* ********************* Titles ********************* */
|
|
|
|
.title-small {
|
|
font-family:"Montserrat",sans-serif;
|
|
margin:0 0 15px;
|
|
font-size: 17px;
|
|
color: #556;
|
|
}
|
|
.title-small-a { font-size:16px; }
|
|
|
|
|
|
.title-large {
|
|
font-family:"Montserrat",sans-serif;
|
|
font-size:28px;
|
|
color:#556;
|
|
margin:0 0 40px;
|
|
line-height: 32px;
|
|
letter-spacing: 1px
|
|
}
|
|
.title-large.title-larger {
|
|
font-size:32px;
|
|
line-height:36px;
|
|
}
|
|
|
|
.title-medium {
|
|
font-family:"Montserrat",sans-serif;
|
|
font-size:23px;
|
|
color:#556;
|
|
margin:0 0 20px;
|
|
line-height: 28px;
|
|
letter-spacing: 1px
|
|
}
|
|
.title-medium.small {
|
|
font-size:19px;
|
|
}
|
|
|
|
.title-uppercased {
|
|
text-transform: uppercase;
|
|
font-size:18px;
|
|
font-weight: 600;
|
|
letter-spacing:1px;
|
|
color:#58585c;
|
|
margin-bottom:15px;
|
|
}
|
|
.title-uppercased.small {
|
|
font-size:16px;
|
|
}
|
|
|
|
/* Title shadows */
|
|
.title-shadow-a {
|
|
text-shadow: 2px 2px 6px rgba(10,10,15,0.2);
|
|
}
|
|
.title-shadow-b {
|
|
text-shadow: 4px 4px 10px rgba(0,0,0,0.4);
|
|
}
|
|
|
|
|
|
/* Paragraphs */
|
|
.p-lead {
|
|
font-size:15px;
|
|
font-weight: 600;
|
|
}
|
|
.p-lead-b {
|
|
font-size:15px;
|
|
line-height:28px;
|
|
font-weight:600;
|
|
color:#99a;
|
|
}
|
|
.p-large {
|
|
font-size:17px;
|
|
}
|
|
|
|
|
|
|
|
.title-border {
|
|
margin-bottom: 40px;
|
|
padding: 0 0 5px;
|
|
border-bottom: 2px solid #e1e1e1;
|
|
position:relative;
|
|
font-size:27px;
|
|
color:#556;
|
|
font-weight: 400;
|
|
}
|
|
.title-border:after {
|
|
width: 50px;
|
|
height: 2px;
|
|
display: block;
|
|
content: '';
|
|
background-color: rgb(181,67,33);
|
|
position: absolute;
|
|
bottom: -2px;
|
|
left:0%;
|
|
}
|
|
|
|
|
|
/* ********************* Misc Sections ********************* */
|
|
/* Stats, Features, Team, Plans, Testimonials, Contact etc */
|
|
|
|
|
|
|
|
/* Team Section */
|
|
.team-section .portfolio-text-content {
|
|
padding:18px 10px 35px;
|
|
text-align:left;
|
|
}
|
|
.team-section .view { border-radius:3px; }
|
|
.team-section .view .mask { background-color: rgba(45,45,50,0.8); }
|
|
|
|
.team-section .portfolio-text-title {
|
|
font-size:17px;
|
|
margin-bottom:0;
|
|
}
|
|
.team-section .project-title > a {
|
|
color:inherit;
|
|
}
|
|
.team-section .project-title > a:hover {
|
|
color:rgb(181,67,33);
|
|
}
|
|
|
|
|
|
.team-section-2 .portfolio-el,
|
|
.team-section-3 .portfolio-el { margin:0 0 30px; }
|
|
|
|
.team-section-2 .view .mask { padding:35px;}
|
|
|
|
.team-section-2 .view .project-title { margin-bottom:5px; }
|
|
|
|
.team-section-2 .social-icon.simple .fa { color:#e1e1e5; }
|
|
.team-section-2 .social-icon.simple > li > a:hover .fa { color:rgb(181,67,33); }
|
|
|
|
|
|
.team-section-fullwidth .portfolio-el { margin: 0 !important; }
|
|
.team-section-fullwidth .view { border-radius:0 !important; }
|
|
|
|
@media (max-width:991px) {
|
|
.owl-carousel.sm-owl-cursor:before {
|
|
content:"";
|
|
position: absolute;
|
|
top:5px; left:15px;
|
|
width:32px; height:32px;
|
|
background: url("../images/cursor_move.png") right top no-repeat;
|
|
z-index:999;
|
|
}
|
|
.sm-cursor {
|
|
width:32px; height:32px;
|
|
background: url("../images/cursor_move.png") right top no-repeat;
|
|
}
|
|
}
|
|
|
|
|
|
|
|
/* Stats Section */
|
|
.stats-timer {
|
|
color: #888894;
|
|
font-size: 40px;
|
|
margin-bottom: 20px;
|
|
font-weight: 400;
|
|
font-family: 'Montserrat', sans-serif;
|
|
}
|
|
.stats-content h3 {
|
|
margin-bottom:0;
|
|
font-size:16px;
|
|
color:#778;
|
|
font-family: 'Montserrat', sans-serif;
|
|
}
|
|
|
|
.stats-content {
|
|
padding:40px 20px;
|
|
text-align:center;
|
|
position:relative;
|
|
}
|
|
.stats-content .fa {
|
|
position:absolute;
|
|
bottom:40px;
|
|
right:50px;
|
|
opacity:0.3;
|
|
color:#99a;
|
|
font-size:60px;
|
|
}
|
|
|
|
@media (max-width:991px) {
|
|
.stats-content .fa {
|
|
position: absolute;
|
|
bottom: auto;
|
|
top: 40px;
|
|
right: 20px;
|
|
opacity: 0.1;
|
|
}
|
|
}
|
|
|
|
/* Testimonials section */
|
|
.section-testimonials {
|
|
position:relative;
|
|
}
|
|
.section-testimonials .fa {
|
|
position: absolute;
|
|
right: 40px;
|
|
top: 0;
|
|
font-size: 140px;
|
|
color: #aaaab8;
|
|
opacity: 0.2;
|
|
}
|
|
@media (max-width:767px) {
|
|
.section-testimonials .fa {
|
|
right: 0; bottom: 0; top:auto;
|
|
}
|
|
}
|
|
.section-testimonials blockquote {
|
|
text-align: center;
|
|
padding: 0 40px;
|
|
margin: 0;
|
|
font-size: 17px;
|
|
border-left: 0;
|
|
line-height: 30px;
|
|
color: #889;
|
|
font-style: italic;
|
|
}
|
|
.section-testimonials blockquote p { margin-bottom: 30px; }
|
|
.section-testimonials blockquote h5 {
|
|
margin:0;
|
|
font-family: "Montserrat",sans-serif;
|
|
font-size:14px;
|
|
color:#778;
|
|
font-style:normal;
|
|
}
|
|
.section-testimonials blockquote span {
|
|
font-family: "Source Sans Pro",sans-serif;
|
|
font-size:12px;
|
|
color:rgb(181,67,33);
|
|
margin-left:15px;
|
|
font-style:normal;
|
|
}
|
|
|
|
.section-testimonials blockquote footer:before,
|
|
.section-testimonials blockquote small:before,
|
|
.section-testimonials blockquote .small:before { content:""; }
|
|
|
|
.section-testimonials .owl-portfolio .owl-controls { display:none !important; }
|
|
|
|
.section-testimonials.testimonials-bg blockquote { color:#e2e3e6; opacity:1; }
|
|
.section-testimonials.testimonials-bg blockquote h5 { color:#e2e3e6; opacity:0.95; }
|
|
.section-testimonials.testimonials-bg .fa { color:#d0d4d8; opacity:0.4; }
|
|
.section-testimonials.testimonials-bg blockquote span { color:#e2e3e6; }
|
|
|
|
|
|
|
|
/* Clients */
|
|
.client {
|
|
position:relative;
|
|
width:100%;
|
|
height:160px;
|
|
}
|
|
.c-img {
|
|
position:absolute;
|
|
right:0;
|
|
left:0;
|
|
opacity:0;
|
|
-webkit-transition:all 0.7s ease-out; transition:all 0.7s ease-out;
|
|
}
|
|
.c-img.on {
|
|
opacity:0.8;
|
|
-webkit-transition:all 0.7s ease-out; transition:all 0.7s ease-out;
|
|
}
|
|
|
|
|
|
|
|
/* Plans Section */
|
|
.plan {
|
|
z-index:1;
|
|
text-align: center;
|
|
border-top:2px solid rgb(181,67,33);
|
|
}
|
|
@media (max-width:767px) {
|
|
.plan {
|
|
margin-bottom:30px !important;
|
|
margin-top:0 !important;
|
|
}
|
|
}
|
|
|
|
.plans-b .plan { margin-top: 0 !important; }
|
|
|
|
.plan-basic { margin-top:62px; }
|
|
.plan-professional { margin-top: 0; }
|
|
.plan-enterprise { margin-top:62px; }
|
|
|
|
.plan-header {
|
|
padding: 30px 30px 25px;
|
|
background-color: #323239;
|
|
}
|
|
.plan-price {
|
|
font-family:"Montserrat",sans-serif;
|
|
font-size: 55px;
|
|
color: rgb(181,67,33);
|
|
margin-bottom: 20px;
|
|
}
|
|
.plan-title {
|
|
font-family:"Montserrat",sans-serif;
|
|
margin-bottom: 0;
|
|
font-size:19px;
|
|
color:#adb7bf;
|
|
text-transform: uppercase;
|
|
letter-spacing: 1px;
|
|
text-shadow:3px 3px 9px rgba(0,0,0,0.2);
|
|
}
|
|
.plan-features {
|
|
list-style:none;
|
|
margin:0;
|
|
padding:40px 20px 20px;
|
|
line-height: 27px;
|
|
}
|
|
.plan-features > li {
|
|
margin-bottom:15px;
|
|
font-size:15px;
|
|
}
|
|
|
|
.plan-feature-off {
|
|
text-decoration: line-through;
|
|
color: #adb7bf;
|
|
}
|
|
.plan-popular {
|
|
font-family:"Montserrat",sans-serif;
|
|
font-size: 16px;
|
|
letter-spacing: 2px;
|
|
text-transform: uppercase;
|
|
color: #adb7bf;
|
|
margin-bottom:36px;
|
|
}
|
|
.plan-curency {
|
|
vertical-align: super;
|
|
font-size: 25px;
|
|
}
|
|
.plan-period {
|
|
font-family:"Montserrat",sans-serif;
|
|
font-size: 12px;
|
|
color:#d4d4d9;
|
|
}
|
|
.plan-register a {
|
|
display: block;
|
|
padding: 15px 30px;
|
|
background-color: #323239;
|
|
color: #adb7bf;
|
|
text-transform: uppercase;
|
|
font-size: 15px;
|
|
font-family: "Montserrat";
|
|
letter-spacing: 2px;
|
|
text-shadow:3px 3px 9px rgba(0,0,0,0.2);
|
|
-webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out;
|
|
}
|
|
.plan-register a:hover,
|
|
.plan-register a:focus {
|
|
color:#fff;
|
|
background-color:rgb(181,67,33);
|
|
-webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out;
|
|
}
|
|
|
|
|
|
|
|
/* ********************* Portfolio ********************* */
|
|
|
|
|
|
/* Portfolio filter */
|
|
.portfolio-filter-wrapper {
|
|
position:relative;
|
|
top:-41px;
|
|
margin-bottom:-41px;
|
|
}
|
|
.portfolio-filter {
|
|
width:auto;
|
|
border-top-left-radius:2px;
|
|
border-top-right-radius:2px;
|
|
background-color:#f5f5f5;
|
|
padding:9px 12px 6px;
|
|
}
|
|
.portfolio-filter.pf2 {
|
|
background-color: transparent;
|
|
padding:5px 0 0;
|
|
}
|
|
.portfolio-filter > ul {
|
|
margin: 0;
|
|
padding:0;
|
|
list-style: none;
|
|
}
|
|
.portfolio-filter li {
|
|
display:inline-block;
|
|
padding:0 10px;
|
|
}
|
|
.portfolio-filter li > a {
|
|
font-size:14px;
|
|
font-weight:600;
|
|
color:#889;
|
|
text-transform: capitalize;
|
|
border:none;
|
|
background:none;
|
|
-webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
|
|
}
|
|
|
|
.portfolio-filter li a:hover,
|
|
.portfolio-filter li a:focus,
|
|
.portfolio-filter li a:active,
|
|
.portfolio-filter li a.active {
|
|
color:rgb(181,67,33);
|
|
-webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in;
|
|
}
|
|
|
|
.portfolio-filter-wrapper.pfw2 {
|
|
top:-90px;
|
|
margin-bottom:-45px;
|
|
}
|
|
.portfolio-filter-wrapper.pfw2 .portfolio-filter {
|
|
border-radius:2px;
|
|
padding:9px 12px;
|
|
box-shadow:3px 3px 10px rgba(0,0,0,0.5);
|
|
}
|
|
|
|
|
|
|
|
/* Portfolio Container */
|
|
.portfolio {
|
|
overflow: visible !important;
|
|
margin: 0 auto;
|
|
position: relative;
|
|
}
|
|
.portfolio img { width:100%; height:auto; }
|
|
|
|
|
|
/* Portfolio Item */
|
|
.portfolio-el {
|
|
margin:0 0 10px;
|
|
overflow: hidden;
|
|
position: relative;
|
|
padding: 0;
|
|
}
|
|
|
|
|
|
/* Portfolio Hover effects */
|
|
.view {
|
|
overflow: hidden;
|
|
position: relative;
|
|
width:100%;
|
|
height:100%;
|
|
}
|
|
.view .mask {
|
|
position: absolute;
|
|
overflow: hidden;
|
|
display:block;
|
|
top: 0;
|
|
bottom:0;
|
|
left: 0;
|
|
right:0;
|
|
background-color: rgba(35,35,45,0.8);
|
|
padding:25px;
|
|
opacity: 0;
|
|
-webkit-transition: all 0.3s ease-in 0.4s; transition: all 0.3s ease-in 0.4s;
|
|
}
|
|
.view:hover .mask,
|
|
.view:focus .mask {
|
|
opacity: 1;
|
|
-webkit-transition-delay: 0s; transition-delay: 0s;
|
|
}
|
|
|
|
/* Image */
|
|
.view img {
|
|
display: block;
|
|
position: relative;
|
|
-webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;
|
|
}
|
|
|
|
/* Title */
|
|
.view .project-title {
|
|
font-family:"Montserrat",sans-serif;
|
|
color: #dedee4;
|
|
position: relative;
|
|
font-size: 20px;
|
|
font-weight:400;
|
|
opacity: 0;
|
|
margin-bottom:15px;
|
|
-webkit-transform: scale(3); -ms-transform: scale(3); transform: scale(3);
|
|
-webkit-transition: all 0.3s ease-in-out 0.1s; transition: all 0.3s ease-in-out 0.1s;
|
|
}
|
|
.view:hover .project-title,
|
|
.view:focus .project-title {
|
|
opacity: 1;
|
|
-webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);
|
|
-webkit-transition-delay: 0.1s; transition-delay: 0.1s;
|
|
}
|
|
|
|
/* Text */
|
|
.view .text {
|
|
font-size: 12px;
|
|
position: relative;
|
|
color: #dedee4;
|
|
font-family:"Montserrat", sans-serif;
|
|
opacity: 0;
|
|
margin-bottom: 0;
|
|
-webkit-transform: scale(3); -ms-transform: scale(3); transform: scale(3);
|
|
-webkit-transition: all 0.3s linear; transition: all 0.3s linear;
|
|
}
|
|
.view:hover .text,
|
|
.view:focus .text {
|
|
opacity: 1;
|
|
-webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);
|
|
-webkit-transition-delay: 0.2s; transition-delay: 0.2s;
|
|
}
|
|
|
|
/* Date */
|
|
.view .date {
|
|
font-size: 10px;
|
|
text-transform: uppercase;
|
|
position: relative;
|
|
color: #dedee4;
|
|
font-family:"Montserrat", sans-serif;
|
|
opacity: 0;
|
|
position:absolute;
|
|
bottom:15px;
|
|
right:25px;
|
|
margin-bottom:0;
|
|
-webkit-transform: scale(3); -ms-transform: scale(3); transform: scale(3);
|
|
-webkit-transition: all 0.3s linear; transition: all 0.3s linear;
|
|
}
|
|
.view:hover .date,
|
|
.view:focus .date {
|
|
opacity: 1;
|
|
-webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);
|
|
-webkit-transition-delay: 0.1s; transition-delay: 0.1s;
|
|
}
|
|
|
|
/* Portfolio align middle */
|
|
.portfolio-middle {
|
|
position:absolute;
|
|
top:50%;
|
|
-ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%);
|
|
}
|
|
|
|
/* Portfolio no animations */
|
|
.portfolio-animation-off .view .project-title,
|
|
.portfolio-animation-off .view .date,
|
|
.portfolio-animation-off .view .text {
|
|
opacity: 1;
|
|
-webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);
|
|
}
|
|
.portfolio-animation-off .view .mask,
|
|
.portfolio-text .view .mask {
|
|
-webkit-transition-delay: 0s; transition-delay: 0s;
|
|
}
|
|
|
|
|
|
/* Portfolio center */
|
|
.portfolio-center .portfolio-middle {
|
|
text-align: center;
|
|
width:100%;
|
|
}
|
|
.portfolio-center .view .mask { padding:0; }
|
|
.portfolio-center .view .project-title { margin-bottom:7px; }
|
|
|
|
|
|
|
|
/* Portfolio Text */
|
|
.portfolio-text .mask .fa {
|
|
padding:20px;
|
|
color: #dedee4;
|
|
background-color:rgba(0,0,0,0.3);
|
|
border-radius:50%;
|
|
-webkit-transition: all 0.3s linear; transition: all 0.3s linear;
|
|
}
|
|
.portfolio-text .mask .fa:hover {
|
|
-webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
|
|
background-color:rgba(181,67,33,0.8);
|
|
box-shadow:2px 4px 20px rgba(0,0,0,0.8);
|
|
}
|
|
.portfolio-text-content {
|
|
padding:18px 10px 25px;
|
|
text-align:center;
|
|
}
|
|
.portfolio-text-title {
|
|
font-family:"Montserrat",sans-serif;
|
|
color: #556;
|
|
font-size: 19px;
|
|
font-weight:400;
|
|
margin-bottom:5px;
|
|
}
|
|
.portfolio-text-p {
|
|
font-size: 12px;
|
|
color: #667;
|
|
font-family:"Montserrat", sans-serif;
|
|
margin-bottom: 0;
|
|
-webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
|
|
}
|
|
.portfolio-text .portfolio-el:hover .portfolio-text-p {
|
|
color:rgb(181,67,33);
|
|
-webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
|
|
}
|
|
|
|
|
|
|
|
/* Porrtfolio columns */
|
|
.portfolio.columns-2 .mask { padding:40px; }
|
|
.portfolio.columns-2 .view .date {
|
|
bottom:30px;
|
|
right:40px;
|
|
}
|
|
.portfolio-fullwidth .portfolio-el,
|
|
.portfolio-boxed .portfolio-el { margin-bottom:0; }
|
|
|
|
|
|
|
|
|
|
/* Project Portfolio */
|
|
.project-title {
|
|
color: #556;
|
|
font-family: 'Montserrat', sans-serif;
|
|
margin-bottom: 10px;
|
|
font-size: 23px;
|
|
letter-spacing: 0.5px;
|
|
}
|
|
.project-image img { border-radius:1px; }
|
|
|
|
/* Project details list */
|
|
.project-details { list-style: none; padding: 0; margin: 0; }
|
|
|
|
.project-details li { margin-bottom:15px; }
|
|
.project-details li:last-child { margin-bottom:0; }
|
|
|
|
.project-details li span {
|
|
margin-right:10px;
|
|
font-weight: 700;
|
|
}
|
|
.project-details li .fa {
|
|
margin-right: 10px;
|
|
color:rgb(181,67,33);
|
|
}
|
|
|
|
.portfolio-project-wide {
|
|
position: relative;
|
|
}
|
|
.portfolio-project-wide img {
|
|
width:100%;
|
|
height:600px;
|
|
}
|
|
|
|
/* Portfolio and blog Carousel */
|
|
.owl-portfolio .owl-controls {
|
|
position: absolute;
|
|
bottom: 10px;
|
|
left: 50%;
|
|
-ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); transform:translateX(-50%);
|
|
}
|
|
.owl-portfolio .owl-el,
|
|
.owl-carousel .owl-el {
|
|
cursor:move;
|
|
cursor:url("../images/cursor_move.png") 40 40, move;
|
|
}
|
|
|
|
.owl-carousel.owl-p10 .owl-el {
|
|
padding-right:10px;
|
|
}
|
|
|
|
|
|
|
|
/* ********************* Blog ********************* */
|
|
|
|
/* Blog Section */
|
|
.blog-item {
|
|
margin: 0 0 30px;
|
|
background-color: #f9f9fa;
|
|
text-align:left;
|
|
border-radius:1px;
|
|
overflow: hidden;
|
|
}
|
|
.blog-item .blog-caption {
|
|
padding: 17px 15px 15px;
|
|
}
|
|
.blog-item img {
|
|
width:100%;
|
|
height: auto;
|
|
}
|
|
.blog-item .post-title {
|
|
font-family:"Montserrat",sans-serif;
|
|
margin-bottom: 0;
|
|
font-size: 19px;
|
|
color: #556;
|
|
font-weight: 400;
|
|
}
|
|
|
|
/* Sub Post title */
|
|
.blog-item .sub-post-title {
|
|
margin:0 0 15px;
|
|
}
|
|
.blog-item .sub-post-title span,
|
|
.blog-item .sub-post-title a {
|
|
font-size:13px;
|
|
color:#667;
|
|
}
|
|
.blog-item .sub-post-title a:hover {
|
|
color:rgb(181,67,33);
|
|
}
|
|
.blog-item .sub-post-title .separator {
|
|
margin:0 10px;
|
|
}
|
|
|
|
.blog-item .blog-image iframe { margin-bottom:-7px; }
|
|
|
|
/* Read more */
|
|
.read-more {
|
|
font-family:"Montserrat",sans-serif;
|
|
font-size:10px;
|
|
color:rgb(181,67,33);
|
|
text-transform:uppercase;
|
|
-webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;
|
|
}
|
|
.read-more:hover {
|
|
color:#445;
|
|
}
|
|
.post-format {
|
|
font-size:20px;
|
|
color:#99a;
|
|
opacity:0.8;
|
|
-webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;
|
|
}
|
|
.blog-item:hover .post-format {
|
|
color:#556;
|
|
opacity:1;
|
|
-webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;
|
|
}
|
|
|
|
|
|
|
|
|
|
.blog-list .blog-item .blog-caption {
|
|
padding: 17px 20px 15px;
|
|
}
|
|
.blog-list .blog-item { margin:0 0 40px;}
|
|
|
|
|
|
.blog-item .media .author-img {
|
|
width:140px;
|
|
height:140px;
|
|
}
|
|
.blog-item .media .blog-author {
|
|
font-family:"Montserrat",sans-serif;
|
|
font-size:15px;
|
|
color:#667;
|
|
}
|
|
.blog-item .media .blog-author:after {
|
|
content:"";
|
|
display:block;
|
|
width:30px;
|
|
height:2px;
|
|
background-color:rgb(181,67,33);
|
|
margin:6px 0 14px;
|
|
}
|
|
|
|
/* Blog full post */
|
|
.blog-post-title {
|
|
font-family:"Montserrat","Helvetica New",sans-serif;
|
|
font-size:18px;
|
|
margin-bottom:20px;
|
|
color:#556;
|
|
}
|
|
.blog-post-lead {
|
|
font-size:14px;
|
|
color:#667;
|
|
line-height:28px;
|
|
margin-bottom:50px;
|
|
font-family:"Montserrat","Helvetica New",sans-serif;
|
|
}
|
|
.blog-post-image {
|
|
position:relative;
|
|
border-radius:1px;
|
|
overflow:hidden;
|
|
}
|
|
.blog-image-source {
|
|
position: absolute;
|
|
bottom:0;
|
|
left:0;
|
|
width:100%;
|
|
background-color:rgba(20,20,20,0.7);
|
|
padding:5px 15px;
|
|
color:#e8e8e8;
|
|
}
|
|
.blog-post-content {
|
|
margin-bottom:80px;
|
|
}
|
|
|
|
|
|
@media (max-width:767px) {
|
|
.author-post-social {
|
|
margin-top:10px;
|
|
float:left !important;
|
|
}
|
|
}
|
|
|
|
|
|
|
|
/* Search form */
|
|
.search-form {
|
|
position:relative;
|
|
top:-42px;
|
|
margin-bottom:-42px;
|
|
background-color:transparent;
|
|
}
|
|
.search-form .input-search {
|
|
width: 250px;
|
|
height: 42px;
|
|
background-color: #f5f5f5;
|
|
color: #778;
|
|
padding: 6px 20px 4px;
|
|
border: none;
|
|
box-shadow: none;
|
|
border-top-left-radius:2px;
|
|
border-top-right-radius:2px;
|
|
}
|
|
|
|
.search-form .input-search:hover,
|
|
.search-form .input-search:focus,
|
|
.search-form .input-search:active {
|
|
box-shadow:none;
|
|
border:none;
|
|
outline:0;
|
|
color:#667;
|
|
}
|
|
|
|
@media (max-width:767px) {
|
|
.search-form .pull-right {
|
|
float:none !important;
|
|
}
|
|
.page-breadcrumbs-wrapper .pull-right,
|
|
.portfolio-filter-wrapper .pull-right {
|
|
float: left !important;
|
|
}
|
|
}
|
|
|
|
|
|
/* Blog Intro Share icons */
|
|
.intro-share {
|
|
margin-left:-7px !important;
|
|
}
|
|
.intro-share > li .fa {
|
|
font-size:17px;
|
|
color:#e8eaf4;
|
|
opacity:0.8;
|
|
padding-top:5px;
|
|
}
|
|
.intro-share > li > a:hover .fa {
|
|
background-color: transparent;
|
|
color:#fff;
|
|
opacity: 1;
|
|
}
|
|
|
|
|
|
|
|
/* ********************* Sidebar ********************* */
|
|
|
|
/* Sidebar */
|
|
|
|
@media (max-width: 767px) {
|
|
.sidebar { margin-top: 60px; }
|
|
.sidebar-nav { margin-bottom: 60px; }
|
|
}
|
|
|
|
@media (min-width:768px) {
|
|
.space-right { padding-right: 25px; }
|
|
.space-left { padding-left: 25px; }
|
|
}
|
|
|
|
@media (max-width:991px) {
|
|
.sidebar-blog-post { margin-top:60px; }
|
|
.page-sidebars { margin-bottom: 50px; padding:0;}
|
|
}
|
|
|
|
/* Sidebars */
|
|
.page-sidebars { padding:0 25px; }
|
|
|
|
.sidebar-widget {
|
|
margin-bottom: 40px;
|
|
position: relative;
|
|
}
|
|
|
|
@media (max-width:767px) {
|
|
.sidebar-widget:last-child { margin-bottom: 10px; }
|
|
}
|
|
|
|
.sidebar-widget .sidebar-title {
|
|
margin: 0 0 20px;
|
|
font-family:"Montserrat",sans-serif;
|
|
font-size: 16px;
|
|
color:#556;
|
|
}
|
|
.sidebar-widget .tab-content { padding:25px 0 0 !important; }
|
|
|
|
|
|
|
|
/* Sidebar Tags*/
|
|
.tags a {
|
|
display: inline-block;
|
|
padding:0 10px 5px 0;
|
|
font-family:"Montserrat",sans-serif;
|
|
font-size: 11px ;
|
|
line-height: 16px;
|
|
color: #778;
|
|
letter-spacing: 0.5px;
|
|
-webkit-transition: all .4s linear; transition: all .4s linear;
|
|
}
|
|
.tags a.big { font-size:13px; }
|
|
|
|
.tags a:hover {
|
|
-webkit-transition: all .3s ease-out; transition: all .3s ease-out;
|
|
color:#445;
|
|
text-shadow:2px 2px 4px rgba(0,0,0,0.4);
|
|
}
|
|
|
|
|
|
/* Sidebar Flickr Feed */
|
|
.sidebar-flickr {
|
|
list-style: none;
|
|
padding:0;
|
|
margin:0;
|
|
}
|
|
.sidebar-flickr > li {
|
|
display:inline-block;
|
|
margin:0 3px 3px 0;
|
|
}
|
|
.sidebar-flickr img {
|
|
width:70px;
|
|
height:70px;
|
|
-webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in;
|
|
}
|
|
.sidebar-flickr img:hover {
|
|
opacity:0.6;
|
|
-webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in;
|
|
}
|
|
|
|
|
|
|
|
/* Sidebar Categories */
|
|
.sidebar-categories {
|
|
padding: 0;
|
|
list-style:none;
|
|
}
|
|
.sidebar-categories li { padding-bottom:8px; }
|
|
.sidebar-categories li:last-child { padding-bottom:0; }
|
|
.sidebar-categories .fa {
|
|
margin-right:10px;
|
|
font-size:10px;
|
|
}
|
|
.sidebar-categories li a {
|
|
color:#667;
|
|
}
|
|
.sidebar-categories li:hover a {
|
|
color:rgb(181,67,33);
|
|
padding-left:8px;
|
|
}
|
|
|
|
|
|
/* Blog Sidebar posts */
|
|
.sidebar-posts { margin: 0; padding: 0; list-style:none; }
|
|
.sidebar-post {
|
|
clear: both;
|
|
margin-bottom: 15px;
|
|
}
|
|
.sidebar-post .image-post {
|
|
float: left;
|
|
width: 65px;
|
|
height: 60px;
|
|
border-radius:2px;
|
|
overflow:hidden;
|
|
display: block;
|
|
position:relative;
|
|
}
|
|
.sidebar-post .image-post-date {
|
|
position:absolute;
|
|
top:0;
|
|
left:0;
|
|
width:100%;
|
|
height:100%;
|
|
text-align:center;
|
|
font-family:"Montserrat","Source Sans Pro","Helvetica New",sans-serif;
|
|
font-size:12px;
|
|
color:#e8e8e8;
|
|
text-transform: uppercase;
|
|
line-height:20px;
|
|
padding-top:10px;
|
|
background-color:rgba(20,20,20,0.6);
|
|
-webkit-transition: all .3s linear; transition: all .3s linear;
|
|
}
|
|
.sidebar-post:hover .image-post-date {
|
|
opacity:0;
|
|
-webkit-transition: all .3s linear; transition: all .3s linear;
|
|
}
|
|
.sidebar-posts img {
|
|
width: 66px;
|
|
height: 60px;
|
|
}
|
|
.sidebar-post h5 { margin-bottom:3px; }
|
|
.sidebar-post a {
|
|
font-family:"Montserrat","Source Sans Pro","Helvetica New",sans-serif;
|
|
font-size:14px;
|
|
font-weight: 400;
|
|
color:#556;
|
|
-webkit-transition: all .3s linear; transition: all .3s linear;
|
|
}
|
|
.sidebar-post h5 a:hover {
|
|
color: rgb(181,67,33);
|
|
-webkit-transition: all .2s linear; transition: all .2s linear;
|
|
}
|
|
.sidebar-post .info-post {
|
|
margin-left:80px;
|
|
padding-top: 5px;
|
|
}
|
|
.sidebar-post .info-post span {
|
|
font-size:13px;
|
|
color:#778;
|
|
}
|
|
|
|
/* Sidebar Contact */
|
|
.sidebar-contact {
|
|
margin-bottom:0;
|
|
}
|
|
.sidebar-contact p {
|
|
margin-bottom:12px;
|
|
}
|
|
.sidebar-contact .fa {
|
|
margin-right:8px;
|
|
width:14px;
|
|
color:#778
|
|
}
|
|
|
|
/* Flickr images */
|
|
.flickr-img {
|
|
list-style: none;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
.flickr-img li {
|
|
display:inline-block;
|
|
margin:0 10px 15px 0;
|
|
}
|
|
.flickr-img img {
|
|
width:70px;
|
|
height:70px;
|
|
-webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in;
|
|
}
|
|
.flickr-img img:hover {
|
|
opacity:0.6;
|
|
-webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in;
|
|
}
|
|
|
|
/* Sidebar Tweets */
|
|
.sidebar-tweet {
|
|
margin-bottom:15px;
|
|
}
|
|
.sidebar-tweet .fa {
|
|
display:block;
|
|
float:left;
|
|
font-size:18px;
|
|
color:#889;
|
|
padding-top:8px;
|
|
}
|
|
.tweet-content {
|
|
margin-left: 30px;
|
|
margin-bottom:10px;
|
|
}
|
|
.tweet-content .tweet-user {
|
|
margin-right:10px;
|
|
}
|
|
.tweet-content small {
|
|
display:block;
|
|
color:#889;
|
|
}
|
|
|
|
|
|
/* Sidebar socials */
|
|
.sidebar-socials {
|
|
padding:0;
|
|
margin:0 10px 0 0;
|
|
list-style:none;
|
|
}
|
|
.sidebar-socials > li {
|
|
margin-bottom:8px;
|
|
}
|
|
.sidebar-socials a {
|
|
color:#667;
|
|
}
|
|
.sidebar-socials a:hover,
|
|
.sidebar-socials a:focus {
|
|
color:rgb(181,67,33);
|
|
padding-left:5px;
|
|
}
|
|
.sidebar-socials .fa {
|
|
font-size:15px;
|
|
margin-right:15px;
|
|
padding-top:4px;
|
|
width:16px;
|
|
color:#889;
|
|
}
|
|
.sidebar-socials > li span {
|
|
float:right;
|
|
font-size:13px;
|
|
color:#889;
|
|
}
|
|
|
|
|
|
|
|
/* Sidebar Navigation */
|
|
.navigation-sidebar ul > li {
|
|
padding:4px 0;
|
|
}
|
|
.navigation-sidebar li > a {
|
|
display:block;
|
|
color:#666672;
|
|
padding:4px 0 4px 10px;
|
|
-webkit-transition:all 0.3s linear; transition:all 0.3s linear;
|
|
border: 0px solid #556;
|
|
}
|
|
.navigation-sidebar .active a,
|
|
.navigation-sidebar .current a,
|
|
.navigation-sidebar li a:hover,
|
|
.navigation-sidebar li a:focus {
|
|
border-left:2px solid #556;
|
|
color:#556;
|
|
padding-left:20px;
|
|
-webkit-transition:all 0.2s ease-out; transition:all 0.2s ease-out;
|
|
}
|
|
|
|
|
|
|
|
/* ********************* Shop ********************* */
|
|
|
|
.shop-product {
|
|
margin-bottom: 50px;
|
|
position: relative;
|
|
overflow:hidden;
|
|
border-radius:3px;
|
|
}
|
|
|
|
.shop-image {
|
|
position:relative;
|
|
display:block;
|
|
}
|
|
|
|
.shop-product img {
|
|
-webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out;
|
|
}
|
|
.shop-product:hover img {
|
|
opacity:0.6;
|
|
-webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out;
|
|
}
|
|
|
|
.shop-description {
|
|
padding:20px 10px 0;
|
|
margin-bottom: 0;
|
|
text-align: center;
|
|
font-size: 15px;
|
|
color: #666672;
|
|
font-family:"Montserrat",sans-serif;
|
|
font-weight: 400;
|
|
line-height: 20px;
|
|
letter-spacing: 1px;
|
|
text-transform: capitalize;
|
|
-webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out;
|
|
}
|
|
.shop-product:hover .shop-description {
|
|
color:#9999a6;
|
|
-webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out;
|
|
}
|
|
|
|
/* Shop Prices | Sales */
|
|
.shop-prices {
|
|
position: absolute;
|
|
top:10px;
|
|
right:15px;
|
|
}
|
|
.shop-price {
|
|
color: rgb(181,67,33);
|
|
font-size: 20px;
|
|
display: inline-block;
|
|
text-decoration:none;
|
|
}
|
|
.shop-price-off {
|
|
text-decoration: line-through;
|
|
color: #adb7bd;
|
|
font-size:15px;
|
|
margin-right:5px;
|
|
}
|
|
.shop-offer {
|
|
position:absolute;
|
|
top:10px;
|
|
left:15px;
|
|
color:#adb7bd;
|
|
text-transform: capitalize;
|
|
font-family:"Montserrat",sans-serif;
|
|
font-size:12px;
|
|
}
|
|
|
|
/* Tooolbar */
|
|
.toolbar-shop { margin-bottom: 35px; }
|
|
|
|
.toolbar-shop .btn .fa { margin-right:0; }
|
|
|
|
.shop-ordering {
|
|
display:inline-block;
|
|
margin-right:15px;
|
|
}
|
|
|
|
/* Shop Sidebar */
|
|
.shop-sidebar .irs { margin-bottom: 17px; }
|
|
|
|
.shop-sidebar .sidebar-categories li { padding-bottom:5px !important; }
|
|
|
|
.shop-sidebar .top-rated-products li {
|
|
clear: both;
|
|
margin-bottom: 25px;
|
|
}
|
|
.shop-sidebar .top-rated-products .product-image {
|
|
float: left;
|
|
width: 75px;
|
|
height: 75px;
|
|
display: block;
|
|
}
|
|
|
|
.shop-sidebar .top-rated-products .product-info { margin-left:90px; }
|
|
|
|
.shop-sidebar .top-rated-products h5 {
|
|
margin-bottom:8px;
|
|
padding-top:10px;
|
|
}
|
|
.shop-sidebar .top-rated-products h5 a {
|
|
font-size:16px;
|
|
color:#666670;
|
|
letter-spacing: 1px;
|
|
-webkit-transition: all .3s linear; transition: all .3s linear;
|
|
}
|
|
.shop-sidebar .top-rated-products h5 a:hover {
|
|
color:rgb(181,67,33);
|
|
-webkit-transition: all .2s linear; transition: all .2s linear;
|
|
}
|
|
|
|
.shop-sidebar .top-rated-products .shop-price { font-size:18px; }
|
|
|
|
|
|
|
|
|
|
/* Shop slider */
|
|
#owl-shop .owl-buttons {
|
|
width:100%;
|
|
position:absolute;
|
|
bottom:36px;
|
|
left:0;
|
|
}
|
|
#owl-shop .owl-buttons div {
|
|
margin:0;
|
|
color:#fff;
|
|
border:none;
|
|
background:rgba(0,0,0,0.7);
|
|
opacity:0;
|
|
border-radius:0;
|
|
-webkit-transition:all 0.2s linear; transition:all 0.2s linear;
|
|
}
|
|
#owl-shop:hover .owl-buttons div {
|
|
opacity:1;
|
|
-webkit-transition:all 0.2s ease-out; transition:all 0.2s ease-out;
|
|
}
|
|
|
|
#owl-shop .owl-prev { position:absolute; left:0; }
|
|
#owl-shop .owl-next { position:absolute; left:33px; }
|
|
|
|
|
|
@media (max-width:991px) {
|
|
#owl-shop .owl-buttons div {
|
|
opacity:0.9;
|
|
}
|
|
}
|
|
|
|
|
|
|
|
/* Shop description product */
|
|
.shop-description-product {
|
|
padding:10px 0;
|
|
}
|
|
.shop-product-name {
|
|
font-family: "Montserrat",sans-serif;
|
|
margin-bottom: 20px;
|
|
font-size: 22px;
|
|
color: #556;
|
|
}
|
|
.shop-product-name span {
|
|
font-size:16px;
|
|
color:#99a;
|
|
margin-left:10px;
|
|
}
|
|
.shop-description-product small {
|
|
vertical-align: sub;
|
|
margin-left:20px;
|
|
}
|
|
.shop-description-product .shop-price-wrapper {
|
|
padding: 10px 0 25px;
|
|
}
|
|
|
|
|
|
.shop-description-product .rating-system { display:inline-block; margin-top: 3px; }
|
|
|
|
|
|
/* Specifications */
|
|
.shop-specifications {
|
|
margin:0;
|
|
padding:0;
|
|
list-style: none;
|
|
}
|
|
.shop-specifications .title {
|
|
font-size: 15px;
|
|
font-weight: 600;
|
|
margin:20px 0 10px;
|
|
}
|
|
.shop-specifications .title:first-child { margin:0 0 10px; }
|
|
|
|
.shop-specifications > li {
|
|
color:#444450;
|
|
margin-bottom: 3px;
|
|
}
|
|
.shop-specifications > li > span {
|
|
margin-left:15px;
|
|
color:#888892;
|
|
font-size:13px;
|
|
}
|
|
|
|
|
|
|
|
|
|
/* Reviews */
|
|
.shop-comment {
|
|
margin-bottom: 40px;
|
|
color:#909096;
|
|
}
|
|
.shop-comment:last-child { margin-bottom:0; }
|
|
|
|
.shop-comment .author { margin-bottom:10px; }
|
|
.shop-comment .author cite {
|
|
text-transform: capitalize;
|
|
margin-right:25px;
|
|
font-size: 15px;
|
|
}
|
|
.shop-comment .date {
|
|
font-size:12px;
|
|
margin-right:25px;
|
|
vertical-align: baseline;
|
|
}
|
|
|
|
.shop-comment .rate-product {
|
|
position: relative;
|
|
top:-5px;
|
|
}
|
|
|
|
|
|
|
|
/* Checkout Page */
|
|
.shop-checkout .tab-content { padding:0 0 20px; }
|
|
|
|
@media (max-width:767px) {
|
|
.shop-checkout .form .forgot {
|
|
display:block;
|
|
margin-bottom: 15px;
|
|
}
|
|
}
|
|
|
|
|
|
/* Shopping Cart Page */
|
|
.shop-cart table .product img {
|
|
width:80px;
|
|
height:80px;
|
|
margin-right:25px;
|
|
}
|
|
.shop-cart table td,
|
|
.shop-cart table tr:last-child th { vertical-align: middle; }
|
|
.shop-cart table tr td:last-child { width:40px; }
|
|
|
|
|
|
.shop-cart table .span100 { width:100px; }
|
|
.shop-cart table .span40 { width:40px; }
|
|
@media (max-width: 767px) {
|
|
.table-responsive {
|
|
border:none;
|
|
margin-bottom:20px;
|
|
}
|
|
.shop-cart table .product { white-space:normal; }
|
|
.shop-cart table .product img {
|
|
margin-right:0;
|
|
margin-bottom:10px;
|
|
}
|
|
}
|
|
|
|
|
|
/* Shop account page */
|
|
.shop-account ul {
|
|
margin:0 0 15px;
|
|
padding:0;
|
|
list-style: none;
|
|
}
|
|
.shop-account ul li {
|
|
margin-bottom:10px;
|
|
color:#445;
|
|
}
|
|
.shop-account ul span {
|
|
margin-left:15px;
|
|
color:#778;
|
|
font-size:13px;
|
|
}
|
|
.shop-account .edit {
|
|
margin-top:18px;
|
|
display:block;
|
|
font-family:"Montserrat",sans-serif;
|
|
font-size:12px;
|
|
}
|
|
.shop-account-image {
|
|
position:relative;
|
|
top:-85px;
|
|
margin-bottom:-130px;
|
|
padding:10px;
|
|
border-radius:10px;
|
|
background-color:#f5f5f5;
|
|
width:170px;
|
|
}
|
|
.shop-account-image img {
|
|
width:150px;
|
|
height:140px;
|
|
border-radius:10px;
|
|
}
|
|
.shop-account table {
|
|
margin-top:0;
|
|
vertical-align:middle;
|
|
}
|
|
.shop-account table td,
|
|
.shop-account table th {
|
|
padding-top:20px;
|
|
padding-bottom:20px;
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.shop-account-image {
|
|
margin-bottom:-100px;
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
/* ********************* Pages ********************* */
|
|
|
|
/* Page Sign in / Register */
|
|
|
|
.sign-in-area {
|
|
position:relative;
|
|
top:-110px;
|
|
margin-bottom:-50px;
|
|
background-color:#f5f5f5;
|
|
padding:30px;
|
|
border-radius:5px;
|
|
}
|
|
.page-sign-in .info-area { padding:90px 0 50px; }
|
|
|
|
@media (max-width:991px) {
|
|
.sign-in-area { margin-top:40px; }
|
|
.page-sign-in .info-area { padding: 0 0 60px; }
|
|
}
|
|
|
|
/* Contact template */
|
|
.page-contact iframe.map {
|
|
width:100%;
|
|
height:400px;
|
|
border:1px solid #ddd;
|
|
border-radius:2px;
|
|
margin-bottom:-8px;
|
|
}
|
|
|
|
.contact-map-wrapper {
|
|
position: relative;
|
|
top:-210px;
|
|
margin-bottom:-210px;
|
|
background-color:#f5f5f5;
|
|
padding:10px;
|
|
border-radius:5px;
|
|
}
|
|
.contact-map-wrapper.form { padding:20px; }
|
|
|
|
.page-contact .box-right { margin-left:50px; }
|
|
.page-contact .box-left .fa {
|
|
font-size: 30px;
|
|
margin-top:5px;
|
|
width:30px;
|
|
color:#99a;
|
|
}
|
|
|
|
.page-contact .box-services-d.box-services-e p {
|
|
font-size:16px;
|
|
}
|
|
|
|
@media (max-width:991px) {
|
|
.contact-map-wrapper {
|
|
top:auto;
|
|
margin-bottom:0;
|
|
padding:0;
|
|
}
|
|
.contact-map-wrapper.form { padding:0; }
|
|
}
|
|
|
|
/* FAQ Template */
|
|
.page-faq .tab-content { padding-top: 0; }
|
|
|
|
.faq-list > li { padding:2px 0; }
|
|
|
|
.faq-list > li > a { color:#667; }
|
|
.faq-list > li > a:hover,
|
|
.faq-list > li > a:focus {
|
|
color:rgb(181,67,33);
|
|
padding-left:10px;
|
|
}
|
|
|
|
|
|
|
|
/* 404 and 403 Template */
|
|
.text-404 {
|
|
font-size: 280px;
|
|
font-weight: bold;
|
|
line-height: 100%;
|
|
display: block;
|
|
text-align: center;
|
|
color: #ccccd2;
|
|
}
|
|
.page-404 { padding:70px 0 80px; }
|
|
.over-404 {
|
|
position:absolute;
|
|
top:55%;
|
|
-webkit-transform:translateY(-55%); -ms-transform:translateY(-55%); transform:translateY(-55%);
|
|
width:100%;
|
|
}
|
|
.title-404 {
|
|
font-weight: 600;
|
|
color:#666670;
|
|
font-size: 40px;
|
|
margin-bottom:60px;
|
|
text-align: center;
|
|
line-height:36px;
|
|
}
|
|
.content-404 {
|
|
position:relative;
|
|
text-align:center;
|
|
}
|
|
|
|
@media (max-width:767px) {
|
|
.page-404 .text-404 {
|
|
font-size:130px;
|
|
margin-bottom:30px;
|
|
}
|
|
.page-404 .over-404 {
|
|
position:relative;
|
|
top:0;
|
|
-webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0);
|
|
width:100%;
|
|
}
|
|
.page-404 { padding:50px 0; }
|
|
.title-404 {
|
|
font-size: 36px;
|
|
margin-bottom:30px;
|
|
line-height:46px;
|
|
}
|
|
}
|
|
|
|
/* Page Clients */
|
|
.page-clients {
|
|
text-align:center;
|
|
}
|
|
.page-clients a {
|
|
opacity:0.6;
|
|
padding:10px;
|
|
display:block;
|
|
-webkit-transition:all 0.2s linear; transition:all 0.2s linear;
|
|
}
|
|
.page-clients a:hover {
|
|
opacity:1;
|
|
-webkit-transition:all 0.2s linear; transition:all 0.2s linear;
|
|
}
|
|
|
|
.page-clients-b a {
|
|
padding:30px;
|
|
background-color:#e2e2e5;
|
|
border-radius:1px;
|
|
}
|
|
.page-clients-b a:hover {
|
|
box-shadow:5px 5px 15px rgba(0,0,0,0.2);
|
|
}
|
|
|
|
.page-clients-c a {
|
|
padding:30px;
|
|
background-color:#efeff3;
|
|
border-radius:1px;
|
|
border:1px solid #e1e1e5;
|
|
}
|
|
.page-clients-c a:hover {
|
|
box-shadow: 2px 2px 4px rgba(10,10,15,0.15);
|
|
}
|
|
|
|
.page-clients .tooltip-inner {
|
|
padding: 15px 20px;
|
|
border-radius: 3px;
|
|
color:#fafafd;
|
|
letter-spacing: 1px;
|
|
background-color:rgba(20,20,30,0.7);
|
|
}
|
|
.page-clients .tooltip.top .tooltip-arrow { border-top-color:rgba(20,20,30,0.7); }
|
|
|
|
|
|
|
|
|
|
/* ********************* Elements ********************* */
|
|
/* Forms, Buttons, Alerts, Progress Bars, Tabs, Accordions,
|
|
Popovers, Tolltips, Toggles etc */
|
|
|
|
|
|
/* Forms */
|
|
.form .form-control {
|
|
border-radius:2px;
|
|
background-color:#e8e8e8;
|
|
border:none;
|
|
height:40px;
|
|
box-shadow:none;
|
|
}
|
|
.form .form-control:focus {
|
|
background-color:#ebebeb;
|
|
border:none;
|
|
outline: 0;
|
|
box-shadow:none;
|
|
}
|
|
.form select.form-control {
|
|
margin-top:5px;
|
|
border-radius:2px;
|
|
color:#556;
|
|
padding: 5px;
|
|
border: none;
|
|
background-color:#e8e8e8;
|
|
}
|
|
|
|
.form textarea.form-control { height:auto; }
|
|
|
|
.form-message-error,
|
|
.has-error .error {
|
|
color:#B94321;
|
|
font-size:14px;
|
|
font-weight: 400;
|
|
margin-top:3px;
|
|
}
|
|
.form { width: 100%; }
|
|
|
|
.form input[type],
|
|
.form textarea {
|
|
width: 100%;
|
|
margin-top:5px;
|
|
padding: 5px;
|
|
text-indent:5px;
|
|
outline: none;
|
|
-webkit-transition: all 0.2s linear; transition: all 0.2s linear;
|
|
color: #556;
|
|
background: #e8e8e8;
|
|
border: none;
|
|
box-shadow:none;
|
|
}
|
|
.form input[type]:hover,
|
|
.form textarea:hover {
|
|
box-shadow:none;
|
|
border:none;
|
|
background-color: #ededed;
|
|
}
|
|
.form input[type]:focus,
|
|
.form textarea:focus {
|
|
box-shadow:2px 2px 8px rgba(20,20,20,0.5);
|
|
border: none;
|
|
background-color:#ebebeb;
|
|
}
|
|
|
|
.form input[type=radio],
|
|
.form input[type=checkbox] {
|
|
width:auto;
|
|
margin-right:5px;
|
|
}
|
|
|
|
.form label {
|
|
font-weight: 400;
|
|
margin-bottom: 20px;
|
|
display:block;
|
|
}
|
|
|
|
.form-required {
|
|
color: #C51010;
|
|
font-weight: 400;
|
|
vertical-align: middle;
|
|
font-size: 13px;
|
|
}
|
|
.form .form-remember {
|
|
display:inline-block;
|
|
margin-right:15px;
|
|
}
|
|
@media (max-width:767px) {
|
|
.form .forgot {
|
|
display: block;
|
|
margin: -20px 20px 25px;
|
|
}
|
|
}
|
|
|
|
.form-group {
|
|
position:relative;
|
|
}
|
|
|
|
.form-icon:after {
|
|
content:"\f140";
|
|
font-family:"FontAwesome";
|
|
font-size:15px;
|
|
position:absolute;
|
|
right:14px;
|
|
top:7px;
|
|
color:#99a;
|
|
}
|
|
.form-icon.icon-user:after { content:"\f007"; }
|
|
.form-icon.icon-email:after { content:"\f0e0"; }
|
|
.form-icon.icon-message:after { content:"\f039"; }
|
|
.form-icon.icon-lock:after { content:"\f023"; }
|
|
|
|
|
|
/* Progress Bars */
|
|
.progress {
|
|
border-radius: 2px;
|
|
box-shadow: none;
|
|
height: 24px;
|
|
margin-bottom: 15px;
|
|
background-color: #e2e2e2;
|
|
}
|
|
.progress-bar {
|
|
text-align: left;
|
|
background-color: rgb(181,67,33);
|
|
line-height: 23px;
|
|
color:#fff;
|
|
}
|
|
.progress-bar-animate {
|
|
-webkit-transition:width 1s ease-out; transition:width 1s ease-out;
|
|
}
|
|
.progress-bar span {
|
|
padding: 5px 17px;
|
|
background-color: #444448;
|
|
}
|
|
|
|
.progress .progress-bar-info { background-color:#5bc0de !important; }
|
|
.progress .progress-bar-danger { background-color:#d9534f !important; }
|
|
.progress .progress-bar-warning { background-color:#f0ad4e !important; }
|
|
.progress .progress-bar-success { background-color:#5cb85c !important; }
|
|
.progress .progress-bar-primary { background-color:#428bca !important; }
|
|
|
|
|
|
/* Tables */
|
|
.table th,
|
|
.table td {
|
|
padding:12px !important;
|
|
}
|
|
|
|
|
|
/* Panels */
|
|
.panel-group .panel { border-radius:0; }
|
|
.panel {
|
|
background-color: transparent;
|
|
border:none;
|
|
box-shadow:none;
|
|
border-radius:0;
|
|
}
|
|
.panel-heading {
|
|
padding:7px 0;
|
|
border-bottom:0;
|
|
border-top-left-radius: 0;
|
|
border-top-right-radius: 0;
|
|
}
|
|
.panel-title {
|
|
font-family: "Montserrat",sans-serif;
|
|
color:#666670;
|
|
font-size:15px;
|
|
}
|
|
.panel-title:hover a,
|
|
.panel-title:focus a { color:#888892; }
|
|
|
|
.panel-title .fa {
|
|
margin-right:8px;
|
|
-webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out;
|
|
}
|
|
.panel-title .fa.upside-down {
|
|
-webkit-transform:rotateZ(180deg); -ms-transform:rotateZ(180deg); transform:rotateZ(180deg);
|
|
-webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out;
|
|
}
|
|
|
|
.panel-group
|
|
.panel-heading + .panel-collapse > .panel-body,
|
|
.panel-group .panel-heading + .panel-collapse > .list-group { border-top:none; }
|
|
|
|
.panel-body { padding:10px 0 5px 25px; }
|
|
|
|
|
|
/* Tabs */
|
|
|
|
.tab-content { padding:20px 5px; }
|
|
.tab-content.vertical { padding:5px 5px 20px 20px; }
|
|
.nav-tabs { border:none; }
|
|
|
|
.nav-tabs > li {
|
|
float: left;
|
|
margin-bottom: -1px;
|
|
}
|
|
.nav-tabs > li > a {
|
|
border: none;
|
|
border-radius: 0;
|
|
font-family:"Montserrat",sans-serif;
|
|
font-size:12px;
|
|
color:#606063;
|
|
border-top:2px solid #555557;
|
|
background-color:transparent;
|
|
padding:12px 20px;
|
|
margin-right:0;
|
|
|
|
}
|
|
.nav-tabs > li > a .fa { margin-right:10px; }
|
|
|
|
.nav-tabs > li.active > a,
|
|
.nav-tabs > li.active > a:hover,
|
|
.nav-tabs > li.active > a:focus {
|
|
color: #fff;
|
|
background-color: #555557;
|
|
border:none;
|
|
border-top:2px solid #555557;
|
|
}
|
|
|
|
.nav-tabs > li > a:hover,
|
|
.nav-tabs > li > a:focus {
|
|
color: rgb(181,67,33);
|
|
background-color: transparent;
|
|
border: none;
|
|
border-top:2px solid #555557;
|
|
}
|
|
|
|
/* nav-tabs vertical */
|
|
.nav-tabs.vertical > li {
|
|
float:none;
|
|
margin-bottom:0;
|
|
}
|
|
.nav-tabs.vertical > li > a {
|
|
border-radius:0;
|
|
border-top:none;
|
|
border-left:2px solid #555557;
|
|
}
|
|
.nav-tabs.vertical > li.active > a,
|
|
.nav-tabs.vertical > li.active > a:hover,
|
|
.nav-tabs.vertical > li.active > a:focus {
|
|
border-top:none;
|
|
border-left:2px solid #555557;
|
|
}
|
|
|
|
@media (max-width:767px) {
|
|
.tab-content.vertical { padding:20px 5 }
|
|
.nav-tabs > li {
|
|
float:none;
|
|
margin-bottom:0;
|
|
}
|
|
.nav-tabs > li > a {
|
|
border-radius:0;
|
|
border-top:none;
|
|
border-left:2px solid #555557;
|
|
}
|
|
.nav-tabs > li.active > a,
|
|
.nav-tabs > li.active > a:hover,
|
|
.nav-tabs > li.active > a:focus {
|
|
border-top:none;
|
|
border-left:2px solid #555557;
|
|
}
|
|
}
|
|
|
|
|
|
/* Buttons */
|
|
.btn {
|
|
border-radius:2px;
|
|
padding:8px 14px;
|
|
-webkit-transition: all 0.3s linear; transition: all 0.3s linear;
|
|
}
|
|
.btn:hover { -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
|
|
|
|
|
|
/* Button style 1 */
|
|
.btn-a {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
-webkit-transform: translateZ(0); transform: translateZ(0);
|
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
-webkit-backface-visibility: hidden; backface-visibility: hidden;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
position: relative;
|
|
background: #556;
|
|
-webkit-transition: color 0.3s ease-out; transition: color 0.3s ease-out;
|
|
padding:8px 14px;
|
|
border:none;
|
|
color:#fff;
|
|
}
|
|
.btn-a:before {
|
|
content: "";
|
|
position: absolute;
|
|
z-index: -1;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
background: rgb(181,67,33);
|
|
border-radius:2px;
|
|
-webkit-transform: scale(1); transform: scale(1);
|
|
-webkit-transition: transform 0.3s ease-out; transition: transform 0.3s ease-out;
|
|
}
|
|
.btn-a:hover, .btn-a:focus, .btn-a:active {
|
|
color: #fff;
|
|
}
|
|
.btn-a:hover:before, .btn-a:focus:before, .btn-a:active:before {
|
|
-webkit-transform: scale(0); transform: scale(0);
|
|
}
|
|
|
|
/* Button style 2 - simple */
|
|
.btn-b {
|
|
background-color: #e4e4e4;
|
|
border:none;
|
|
color:#555560;
|
|
}
|
|
.btn-b:hover, .btn-b:focus, .btn-b:active, .btn-b.active {
|
|
background-color: #dfdfdf;
|
|
border:none;
|
|
color:#555557;
|
|
}
|
|
|
|
/* Button style 3 - bordered */
|
|
.btn-c {
|
|
background-color:transparent;
|
|
color:rgb(181,67,33);
|
|
border:1px solid rgb(181,67,33);
|
|
border-radius:2px;
|
|
padding:7px 13px;
|
|
}
|
|
.btn-c:hover, .btn-c:focus, .btn-c:active, .btn-c.active {
|
|
color:#556;
|
|
border:1px solid #556;
|
|
}
|
|
|
|
|
|
/* Button style 4 - Uppercased */
|
|
.btn-d {
|
|
background-color:#505460;
|
|
color:#fff;
|
|
border-radius:2px;
|
|
text-transform: uppercase;
|
|
font-size:12px;
|
|
letter-spacing: 1px;
|
|
padding:9px 18px;
|
|
}
|
|
.btn-d:hover, .btn-d:focus, .btn-d:active, .btn-d.active {
|
|
background-color:rgb(181,67,33);
|
|
color:#fff;
|
|
box-shadow: inset 2px 1px 6px rgba(0,0,0,.6);
|
|
}
|
|
|
|
|
|
/* Button style 5 - Bordered large */
|
|
.btn-e {
|
|
background-color:transparent;
|
|
color:rgb(181,67,33);
|
|
border:1px solid rgb(181,67,33);
|
|
border-radius:2px;
|
|
padding:10px 20px;
|
|
font-size:12px;
|
|
text-transform:uppercase;
|
|
font-weight: 600;
|
|
letter-spacing:1px;
|
|
}
|
|
.btn-e:hover, .btn-e:focus, .btn-e:active, .btn-e.active {
|
|
color:#fff;
|
|
background-color:rgb(181,67,33);
|
|
box-shadow:2px 4px 14px rgba(0,0,0,0.5);
|
|
}
|
|
|
|
|
|
/* Background buttons */
|
|
.btn.btn-bg {
|
|
color:#fff;
|
|
border:none;
|
|
padding:6px 14px;
|
|
}
|
|
.btn.btn-bg:hover, .btn.btn-bg:focus, .btn.btn-bg:active {
|
|
background-color:#556 !important;
|
|
color:#fff;
|
|
box-shadow:3px 3px 8px rgba(0,0,0,0.4);
|
|
}
|
|
|
|
|
|
.btn-icon .fa { margin-right:8px; }
|
|
|
|
/* Social Buttons */
|
|
.btn.facebook { background-color:#677fb5 ; }
|
|
.btn.twitter { background-color: #70c2e9; }
|
|
.btn.google-plus { background-color:#bc7067; ; }
|
|
.btn.behance { background-color: #42a9fb; }
|
|
.btn.pinterest { background-color:#d8545d; }
|
|
.btn.flickr { background-color:#ff3ba4; }
|
|
.btn.dribbble { background-color:#e299c2 }
|
|
.btn.linkedin { background-color:#3daccf; }
|
|
.btn.instagram { background-color:#b99682; }
|
|
|
|
|
|
/* Group Buttons - Dropdown menu */
|
|
.dropdown-menu {
|
|
min-width:150px;
|
|
margin: 0;
|
|
background-color: #f6f6f6;
|
|
border:none;
|
|
border-radius:2px;
|
|
|
|
}
|
|
.dropdown-menu > li > a {
|
|
color:#444450;
|
|
padding:5px 20px;
|
|
}
|
|
.dropdown-menu > li > a:hover,
|
|
.dropdown-menu > li > a:focus {
|
|
background-color: #eaeaea;
|
|
}
|
|
|
|
/* Tooltips */
|
|
.tooltip-inner {
|
|
padding: 12px 20px;
|
|
border-radius: 3px;
|
|
color:#fafafd;
|
|
background-color:rgba(15,15,20,0.8);
|
|
}
|
|
.tooltip.top .tooltip-arrow { border-top-color:rgba(15,15,20,0.8); }
|
|
.tooltip.bottom .tooltip-arrow { border-bottom-color:rgba(15,15,20,0.8); }
|
|
.tooltip.right .tooltip-arrow { border-right-color:rgba(15,15,20,0.8); }
|
|
.tooltip.left .tooltip-arrow { border-left-color:rgba(15,15,20,0.8); }
|
|
|
|
|
|
/* Popovers */
|
|
.popover {
|
|
border-radius: 0;
|
|
font-family:"Source Sans Pro",sans-serif;
|
|
border:none;
|
|
background-color: #fcfcfc;
|
|
box-shadow:0 4px 15px rgba(0,0,0,0.3);
|
|
color:#667;
|
|
padding:3px 3px 8px;
|
|
}
|
|
.popover-title {
|
|
padding: 10px 14px 0;
|
|
margin: 0 0 10px 0;
|
|
font-size: 16px;
|
|
font-weight: 400;
|
|
line-height: 18px;
|
|
background-color: inherit;
|
|
border-bottom: none;
|
|
border-radius: 0;
|
|
}
|
|
.popover-title::after {
|
|
content:"";
|
|
display:block;
|
|
height:1px;
|
|
width:25px;
|
|
border-top:2px solid rgb(181,67,33);
|
|
margin:12px 0 5px;
|
|
}
|
|
|
|
|
|
|
|
/* Modals */
|
|
.modal { z-index:999999; }
|
|
.modal-content {
|
|
border-radius:1px;
|
|
background-color: #fafafa;
|
|
padding:10px;
|
|
}
|
|
.modal-title {
|
|
font-family: "Montserrat",sans-serif;
|
|
font-size:17px;
|
|
color:#556;
|
|
}
|
|
.modal-title:after {
|
|
content:"";
|
|
display:block;
|
|
height:1px;
|
|
width:35px;
|
|
border-top:2px solid rgb(181,67,33);
|
|
margin:10px 0 10px;
|
|
}
|
|
.modal-header,
|
|
.modal-footer { border:none; }
|
|
|
|
|
|
|
|
|
|
/* Alerts */
|
|
.alert {
|
|
border-radius:1px;
|
|
border:none;
|
|
padding:10px 20px;
|
|
position: relative;
|
|
}
|
|
.alert.alert-bg {
|
|
color:rgba(255,255,255,0.9);
|
|
padding:20px 40px 20px 20px;
|
|
}
|
|
.alert .fa {
|
|
display:block;
|
|
float:left;
|
|
margin:5px 20px 15px 5px;
|
|
}
|
|
.alert.alert-dismissable .close {
|
|
position: absolute;
|
|
right: 10px;
|
|
top: 5px;
|
|
}
|
|
|
|
.alert-modal {
|
|
position: fixed;
|
|
top:80px;
|
|
left:0;
|
|
opacity:0;
|
|
width:100%;
|
|
margin-top:-30px;
|
|
-webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out;
|
|
}
|
|
.alert-modal.alert-modal-on {
|
|
opacity:0.9;
|
|
margin-top:0;
|
|
-webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out;
|
|
}
|
|
.alert-modal .alert {
|
|
box-shadow:2px 4px 8px rgba(0,0,0,0.2);
|
|
}
|
|
|
|
|
|
/* Pagination */
|
|
.pagination { margin: 20px 0 5px; }
|
|
|
|
.pagination > li > a {
|
|
border: none;
|
|
margin-right:7px;
|
|
padding:5px 12px;
|
|
color: rgb(181,67,33);
|
|
background-color: #f5f5f5;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
.pagination > li > a > .fa { font-size:10px; }
|
|
|
|
.pagination > .active > a {
|
|
color:#fff;
|
|
background-color: rgb(181,67,33);
|
|
border-radius:2px;
|
|
}
|
|
/*.pagination li:first-child.disabled a { padding-left: 0 !important; }*/
|
|
|
|
.pagination li:first-child a { border-bottom-left-radius: 2px; border-top-left-radius: 2px; }
|
|
.pagination li:last-child a { border-bottom-right-radius: 2px; border-top-right-radius: 2px; }
|
|
|
|
.pagination > li a:hover {
|
|
background-color: rgb(181,67,33);
|
|
color:#fff;
|
|
}
|
|
.pagination .active a:hover { background-color: #556; }
|
|
|
|
.pagination > .disabled a {
|
|
background:transparent;
|
|
border:none;
|
|
color:#667;
|
|
}
|
|
|
|
.pagination > .disabled a:hover { background: transparent; }
|
|
|
|
.pagination.pagination-2 > li > a {
|
|
color:#fff;
|
|
background-color:#d8d8da;
|
|
border:0;
|
|
border-radius:2px;
|
|
}
|
|
.pagination.pagination-2.dark > li > a {
|
|
background-color:#4a4b4e;
|
|
color:#fff;
|
|
}
|
|
.pagination.pagination-2 > .active a,
|
|
.pagination.pagination-2.dark > .active a { background-color: rgb(181,67,33); }
|
|
|
|
.pagination.pagination-2 > li a:hover {
|
|
background-color: rgb(181,67,33);
|
|
color:#fff;
|
|
border:none;
|
|
box-shadow: inset 2px 1px 6px rgba(0,0,0,.6);
|
|
}
|
|
.pagination.pagination-2 .active a:hover {
|
|
background-color: #556;
|
|
color:#fff;
|
|
}
|
|
|
|
.pagination.pagination-2 .disabled a,
|
|
.pagination.pagination-2 .disabled a:hover,
|
|
.pagination.pagination-2 .disabled a:focus {
|
|
color:#fff;
|
|
background-color:#d8d8da;
|
|
box-shadow:none;
|
|
}
|
|
.pagination.pagination-2.dark .disabled a,
|
|
.pagination.pagination-2.dark .disabled a:hover,
|
|
.pagination.pagination-2.dark .disabled a:focus {
|
|
background-color:#4a4b4e;
|
|
color:#fff;
|
|
box-shadow:none;
|
|
}
|
|
|
|
/* Magnific Popup */
|
|
.mfp-bg,
|
|
.mfp-wrap {
|
|
z-index:999999;
|
|
}
|
|
.mfp-counter {
|
|
width: 50px;
|
|
text-align: right;
|
|
}
|
|
.mfp-close {
|
|
color:#fcfcfc;
|
|
cursor:pointer;
|
|
}
|
|
.mfp-close:hover {
|
|
color:rgb(181,67,33);
|
|
cursor:pointer;
|
|
}
|
|
.mfp-zoom-out-cur .header-wrapper {
|
|
z-index: 0 !important;
|
|
}
|
|
button.mfp-arrow {
|
|
background-color:rgba(0,0,0,0.6);
|
|
}
|
|
.mfp-arrow-left:before {
|
|
border-right:none;
|
|
}
|
|
.mfp-arrow-left:after {
|
|
border-right: 20px solid #fcfcfc;
|
|
margin-left: 25px;
|
|
}
|
|
.mfp-arrow-right:before {
|
|
border-left:none;
|
|
}
|
|
.mfp-arrow-right:after {
|
|
border-left: 20px solid #fcfcfc;
|
|
}
|
|
|
|
.title-mfp {
|
|
margin: 4px 0 0 4px;
|
|
font-size: 15px;
|
|
font-family: "Source Sans Pro",sans-serif;
|
|
color: #d1d2d3;
|
|
font-weight:600;
|
|
opacity:0.9;
|
|
}
|
|
|
|
|
|
/* Media */
|
|
.media,
|
|
.media .media {
|
|
margin-top:40px;
|
|
}
|
|
h4.media-heading {
|
|
color:#445;
|
|
font-size:17px;
|
|
margin: 2px 0 6px;
|
|
}
|
|
.media-heading .date {
|
|
margin-left:20px;
|
|
font-size:12px;
|
|
}
|
|
.media-heading .reply {
|
|
margin-left:20px;
|
|
font-size:13px;
|
|
}
|
|
.media-heading .reply a:hover{
|
|
text-decoration: none;
|
|
color: #453951;
|
|
}
|
|
.media .media-object {
|
|
width:90px;
|
|
height:90px;
|
|
border-radius:50%;
|
|
margin-top:5px;
|
|
}
|
|
.media-heading > .user {
|
|
font-size:15px;
|
|
color:#667;
|
|
}
|
|
.media-heading > .user:hover,
|
|
.media-heading > .user:focus,
|
|
.media-heading > .user:active {
|
|
color:rgb(181,67,33);
|
|
}
|
|
.media > .pull-left {
|
|
margin-right:15px;
|
|
}
|
|
@media (max-width:767px) {
|
|
#blog-posts .media,
|
|
#blog-posts .media-body {
|
|
overflow: visible !important;
|
|
}
|
|
.media > .pull-left {
|
|
display:none;
|
|
}
|
|
.media-heading > .user {
|
|
display:block;
|
|
}
|
|
.media-heading .date {
|
|
margin-left:0;
|
|
}
|
|
}
|
|
|
|
/* Blockquotes */
|
|
.blockquote {
|
|
border-left:2px solid rgb(181,67,33);
|
|
background:#f5f5f5;
|
|
}
|
|
.blockquote p {
|
|
font-size:14px;
|
|
line-height:26px;
|
|
color:#898994;
|
|
}
|
|
.blockquote cite {
|
|
color:rgb(181,67,33);
|
|
font-size:14px;
|
|
margin-left:10px;
|
|
}
|
|
.blockquote small {
|
|
display:inline-block;
|
|
font-size:13px;
|
|
}
|
|
.blockquote-2 {
|
|
border-left:3px solid #ddd;
|
|
}
|
|
|
|
|
|
|
|
/* Lists */
|
|
.unstyled-list {
|
|
margin:0;
|
|
padding:0;
|
|
list-style:none;
|
|
}
|
|
.list-medium > li {
|
|
margin-bottom:5px;
|
|
}
|
|
|
|
|
|
/* Icons */
|
|
.fa.fa-border { border:2px solid #ddd; }
|
|
|
|
.fa.fa-bg {
|
|
background-color:#f0f0f0;
|
|
padding:6px 8px;
|
|
border-radius:3px;
|
|
}
|
|
.fa.fa-bg-2 {
|
|
background-color:#f0f0f0;
|
|
padding:15px;
|
|
border-radius:50%;
|
|
}
|
|
.fa.fa-bg-3 {
|
|
background-color:#444;
|
|
padding:15px;
|
|
border-radius:50%;
|
|
}
|
|
|
|
.box-icon {
|
|
font-size:13px;
|
|
width:28px;
|
|
height:28px;
|
|
color:#fafafa;
|
|
padding-top:7px;
|
|
background-color:rgb(181,67,33);
|
|
text-align:center;
|
|
vertical-align:middle;
|
|
border-radius:4px;
|
|
}
|
|
|
|
|
|
/* Dropcaps */
|
|
.dropcap {
|
|
float: left;
|
|
font-family: Georgia;
|
|
text-align:center;
|
|
padding:10px 15px;
|
|
margin:8px 20px 0 2px;
|
|
background-color: #666674;
|
|
color:rgba(254,254,254,0.9);
|
|
font-size:40px;
|
|
line-height:35px;
|
|
border-radius:4px;
|
|
}
|
|
.dropcap.bordered {
|
|
background-color: transparent;
|
|
color:#778;
|
|
border-radius:4px;
|
|
border:1px solid #778;
|
|
}
|
|
|
|
.dropcap.shadow { box-shadow:0 2px 4px #778888; }
|
|
.dropcap.circle { border-radius:50%; }
|
|
|
|
|
|
/* Dividers */
|
|
.divider {
|
|
height:1px;
|
|
background-color:#ccc;
|
|
margin:30px auto;
|
|
}
|
|
|
|
.divider.d2 {
|
|
background:none;
|
|
border-top:1px dashed #ccc;
|
|
}
|
|
.divider.d3:after {
|
|
content:"";
|
|
display:block;
|
|
width:25%;
|
|
height:1px;
|
|
position:relative;
|
|
background-color:rgb(181,67,33);
|
|
margin:0 auto;
|
|
}
|
|
.divider.d4 {
|
|
text-align:center;
|
|
margin:40px auto;
|
|
}
|
|
.divider.d4 span {
|
|
background:#f5f5f5;
|
|
color:#778888;
|
|
padding:0 18px;
|
|
position:relative;
|
|
top:-12px;
|
|
font-size:14px;
|
|
}
|
|
|
|
.divider.d4.text-left span { padding:0 18px 0 0; }
|
|
.divider.d4.text-right span { padding:0 0 0 18px; }
|
|
|
|
|
|
|
|
|
|
/* ********************* Footers ********************* */
|
|
|
|
.footer-wrapper {
|
|
background-color: #303236;
|
|
color: #d8dade;
|
|
position:relative;
|
|
padding:60px 0 40px;
|
|
}
|
|
|
|
.footer-widget { margin-bottom:50px;}
|
|
|
|
/* Footer title */
|
|
.footer-title {
|
|
font-family:"Montserrat",sans-serif;
|
|
font-size: 16px;
|
|
margin-bottom:30px;
|
|
color: #d8dade;
|
|
letter-spacing: 1px;
|
|
}
|
|
.footer-title:after {
|
|
content:"";
|
|
display:block;
|
|
height:1px;
|
|
width:22px;
|
|
border-top:2px solid rgb(181,67,33);
|
|
margin:5px 0 0;
|
|
}
|
|
|
|
/* Social icons - footer */
|
|
.footer-social {
|
|
margin:0;
|
|
padding:0;
|
|
list-style:none;
|
|
}
|
|
.footer-social > li {
|
|
margin-right:33px;
|
|
display:inline-block;
|
|
}
|
|
.footer-social > li:last-child { margin-right:0; }
|
|
|
|
.footer-social > li > a {
|
|
color:inherit;
|
|
padding-top:15px;
|
|
-webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out;
|
|
}
|
|
.footer-social > li > a > .fa {
|
|
color:inherit;
|
|
opacity:0.9;
|
|
font-size:18px;
|
|
-webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out;
|
|
}
|
|
|
|
.footer-social > li > a:hover > .fa,
|
|
.footer-social > li > a:focus > .fa {
|
|
color:rgb(181,67,33);
|
|
-webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out;
|
|
}
|
|
|
|
|
|
/* Latest tweets */
|
|
.footer-wrapper .sidebar-tweet .fa {
|
|
color:#c2c6ca;
|
|
font-size:19px;
|
|
}
|
|
.footer-wrapper .tweet-content { margin-left:35px; }
|
|
|
|
/* Footer subscribe */
|
|
.footer-subscribe input {
|
|
width: 80%;
|
|
background-color: transparent;
|
|
border: none;
|
|
border-bottom: 2px solid rgb(181,67,33);
|
|
padding: 0 0 3px 8px;
|
|
-webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out;
|
|
}
|
|
.footer-subscribe input:focus {
|
|
box-shadow:none;
|
|
border:none;
|
|
border-bottom: 2px solid rgb(181,67,33);
|
|
outline:none;
|
|
padding:0 0 3px 15px;
|
|
-webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out;
|
|
}
|
|
|
|
.footer-subscribe ::-webkit-input-placeholder {
|
|
color:inherit;
|
|
font-weight:400;
|
|
font-size:13px;
|
|
word-spacing:2px;
|
|
}
|
|
.footer-subscribe ::-moz-placeholder {
|
|
color:inherit;
|
|
opacity:1;
|
|
font-weight:400;
|
|
font-size:13px;
|
|
word-spacing:2px;
|
|
}
|
|
|
|
.footer-subscribe :-ms-input-placeholder {
|
|
color:inherit;
|
|
font-weight:400;
|
|
font-size:13px;
|
|
word-spacing:2px;
|
|
padding-bottom: 5px;
|
|
}
|
|
|
|
|
|
|
|
|
|
/* Footer links */
|
|
.footer-links {
|
|
margin:0;
|
|
padding:0;
|
|
}
|
|
.footer-links > li {
|
|
margin:0 20px 15px 0;
|
|
display:inline-block;
|
|
list-style:none;
|
|
}
|
|
.footer-links > li > a {
|
|
color:#d8dade;
|
|
-webkit-transition:all 0.6s ease-out; transition:all 0.6s ease-out;
|
|
}
|
|
.footer-links > li > a:hover,
|
|
.footer-links > li > a:focus,
|
|
.footer-links > li > a:active {
|
|
color: rgb(181,67,33);
|
|
-webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out;
|
|
}
|
|
|
|
/* Copyright */
|
|
.copyright {
|
|
font-size:13px;
|
|
color:#d4d8db;
|
|
font-style: italic;
|
|
margin-bottom:0;
|
|
padding-top:8px;
|
|
}
|
|
|
|
|
|
/* Gray Footer */
|
|
.footer-wrapper.footer-gray {
|
|
background-color: #e1e1e1;
|
|
color:#666973;
|
|
box-shadow:inset 0 0 3px rgba(10,10,15,0.3);
|
|
}
|
|
|
|
.footer-wrapper.footer-gray .footer-title,
|
|
.footer-wrapper.footer-gray .footer-links > li > a,
|
|
.footer-wrapper.footer-gray .copyright { color:inherit; }
|
|
|
|
.footer-wrapper.footer-gray .footer-social > li > a > .fa { color:#a2a6aa; }
|
|
|
|
/* Background Footer */
|
|
.footer-wrapper.footer-bg {
|
|
background-image:url("../images/map.png");
|
|
background-position:48% 50%;
|
|
background-color:#303236;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
/* Simple Footer */
|
|
.footer-simple.footer-wrapper { padding:40px 0; }
|
|
|
|
|
|
|
|
|
|
/* ********************* Social Icons ********************* */
|
|
|
|
/*
|
|
pinterest, rss, facebook, twitter, flickr, dribble
|
|
behance, linkedin, vimeo, youtube, skype, tumblr,
|
|
forrst, digg, blogger, github, google-plus, lastfm,
|
|
spotify, instagram, paypal, soundcloud.
|
|
*/
|
|
|
|
.social-icon {
|
|
padding: 0;
|
|
margin: 0;
|
|
font-size: 0;
|
|
height: 30px;
|
|
list-style:none;
|
|
}
|
|
.social-icon > li {
|
|
display: inline-block;
|
|
margin-right: 8px;
|
|
}
|
|
.social-icon > li:last-child { margin-right:0; }
|
|
|
|
.social-icon > li > a { display: table; }
|
|
.social-icon .fa {
|
|
text-align: center;
|
|
display: table-cell;
|
|
vertical-align: middle;
|
|
width: 30px;
|
|
height: 30px !important;
|
|
line-height: 1;
|
|
font-size: 14px;
|
|
-webkit-transition: all 0.4s ease; transition: all 0.4s ease;
|
|
color: #aaa;
|
|
background: none;
|
|
}
|
|
.social-icon a:hover .fa {
|
|
background-color: #fcfcfc;
|
|
color: #fafafa;
|
|
-webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in;
|
|
}
|
|
|
|
|
|
.social-icon.bordered .fa { border:1px solid; }
|
|
.social-icon.circle .fa { border-radius:50%; }
|
|
.social-icon.rounded .fa { border-radius:3px; }
|
|
|
|
.social-icon.main .fa { color:#fff; background-color:rgb(181,67,33); }
|
|
.social-icon.dark .fa { color:#fff; background-color:#404448; }
|
|
|
|
|
|
.social-icon.simple .fa { color:#778; background-color:transparent; }
|
|
.social-icon.simple > li > a:hover .fa {
|
|
background-color:transparent;
|
|
color:rgb(181,67,33);
|
|
border:none;
|
|
}
|
|
|
|
.social-icon.unstyled > li > a:hover .fa {
|
|
border:none;
|
|
background-color: transparent;
|
|
}
|
|
|
|
|
|
.social-icon .fa-pinterest,
|
|
.social-icon.unstyled a:hover .fa-pinterest { border-color: #d8545d; color: #d8545d; }
|
|
.social-icon .fa-rss,
|
|
.social-icon.unstyled a:hover .fa-rss { border-color: #faaa5e; color: #faaa5e; }
|
|
.social-icon .fa-facebook,
|
|
.social-icon.unstyled a:hover .fa-facebook { border-color: #677fb5; color: #677fb5; }
|
|
.social-icon .fa-twitter,
|
|
.social-icon.unstyled a:hover .fa-twitter { border-color: #70c2e9; color: #70c2e9; }
|
|
.social-icon .fa-flickr,
|
|
.social-icon.unstyled a:hover .fa-flickr { border-color: #ff3ba4; color: #ff3ba4; }
|
|
.social-icon .fa-dribbble,
|
|
.social-icon.unstyled a:hover .fa-dribbble { border-color: #e299c2; color: #e299c2; }
|
|
.social-icon .fa-behance,
|
|
.social-icon.unstyled a:hover .fa-behance { border-color: #42a9fb; color: #42a9fb; }
|
|
.social-icon .fa-linkedin,
|
|
.social-icon.unstyled a:hover .fa-linkedin { border-color: #3daccf; color: #3daccf; }
|
|
.social-icon .fa-vimeo-square,
|
|
.social-icon.unstyled a:hover .fa-vimeo-square { border-color: #42b5d4; color: #42b5d4; }
|
|
.social-icon .fa-youtube,
|
|
.social-icon.unstyled a:hover .fa-youtube { border-color: #d5615c; color: #d5615c; }
|
|
.social-icon .fa-tumblr,
|
|
.social-icon.unstyled a:hover .fa-tumblr { border-color: #829fb9; color: #829fb9; }
|
|
.social-icon .fa-github-alt,
|
|
.social-icon.unstyled a:hover .fa-github-alt { border-color: #6c93bb; color: #6c93bb; }
|
|
.social-icon .fa-google-plus,
|
|
.social-icon.unstyled a:hover .fa-google-plus { border-color: #bc7067; color: #bc7067; }
|
|
.social-icon .fa-instagram,
|
|
.social-icon.unstyled a:hover .fa-instagram { border-color: #b99682; color: #b99682; }
|
|
.social-icon .fa-soundcloud,
|
|
.social-icon.unstyled a:hover .fa-soundcloud { border-color: #ff8b45; color: #ff8b45; }
|
|
|
|
|
|
/* Hover effects */
|
|
.social-icon a:hover .fa-pinterest,
|
|
.social-icon.social-bg .fa-pinterest { background-color: #d8545d; }
|
|
.social-icon a:hover .fa-rss,
|
|
.social-icon.social-bg .fa-rss { background-color: #faaa5e; }
|
|
.social-icon a:hover .fa-facebook,
|
|
.social-icon.social-bg .fa-facebook { background-color: #677fb5; }
|
|
.social-icon a:hover .fa-twitter,
|
|
.social-icon.social-bg .fa-twitter { background-color: #70c2e9; }
|
|
.social-icon a:hover .fa-flickr,
|
|
.social-icon.social-bg .fa-flickr { background-color: #ff3ba4; }
|
|
.social-icon a:hover .fa-dribbble,
|
|
.social-icon.social-bg .fa-dribbble { background-color: #e299c2; }
|
|
.social-icon a:hover .fa-behance,
|
|
.social-icon.social-bg .fa-behance { background-color: #42a9fb; }
|
|
.social-icon a:hover .fa-linkedin,
|
|
.social-icon.social-bg .fa-linkedin { background-color: #3daccf; }
|
|
.social-icon a:hover .fa-vimeo-square,
|
|
.social-icon.social-bg .fa-vimeo-square { background-color: #42b5d4; }
|
|
.social-icon a:hover .fa-youtube,
|
|
.social-icon.social-bg .fa-youtube { background-color: #d5615c; }
|
|
.social-icon a:hover .fa-tumblr,
|
|
.social-icon.social-bg .fa-tumblr { background-color: #829fb9; }
|
|
.social-icon a:hover .fa-github-alt,
|
|
.social-icon.social-bg .fa-github-alt { background-color: #6c93bb; }
|
|
.social-icon a:hover .fa-google-plus,
|
|
.social-icon.social-bg .fa-google-plus { background-color: #bc7067; }
|
|
.social-icon a:hover .fa-instagram,
|
|
.social-icon.social-bg .fa-instagram { background-color: #b99682; }
|
|
.social-icon a:hover .fa-soundcloud,
|
|
.social-icon.social-bg .fa-soundcloud { background-color: #ff8b45; }
|
|
|
|
|
|
.social-icon.social-bg [class*="fa-"] { color:#fff; }
|
|
.social-icon.social-bg a:hover .fa { opacity:0.6; }
|
|
|
|
|
|
|
|
|
|
/* ********************* Text Rotator ********************* */
|
|
|
|
|
|
.rotating {
|
|
display: inline-block;
|
|
-webkit-transform-style: preserve-3d;
|
|
-ms-transform-style: preserve-3d;
|
|
transform-style: preserve-3d;
|
|
-webkit-transform: rotateX(0) rotateY(0) rotateZ(0);
|
|
-ms-transform: rotateX(0) rotateY(0) rotateZ(0);
|
|
transform: rotateX(0) rotateY(0) rotateZ(0);
|
|
-webkit-transition: 0.5s;
|
|
transition: 0.5s;
|
|
-webkit-transform-origin-x: 50%;
|
|
}
|
|
|
|
.rotating.flip {
|
|
position: relative;
|
|
}
|
|
|
|
.rotating .front, .rotating .back {
|
|
left: 0;
|
|
top: 0;
|
|
-webkit-backface-visibility: hidden;
|
|
-moz-backface-visibility: hidden;
|
|
-ms-backface-visibility: hidden;
|
|
-o-backface-visibility: hidden;
|
|
backface-visibility: hidden;
|
|
}
|
|
|
|
.rotating .front {
|
|
position: absolute;
|
|
display: inline-block;
|
|
-webkit-transform: translate3d(0,0,1px);
|
|
-ms-transform: translate3d(0,0,1px);
|
|
transform: translate3d(0,0,1px);
|
|
}
|
|
|
|
.rotating.flip .front {
|
|
z-index: 1;
|
|
}
|
|
|
|
.rotating .back {
|
|
display: block;
|
|
opacity: 0;
|
|
}
|
|
|
|
.rotating.spin {
|
|
-webkit-transform: rotate(360deg) scale(0);
|
|
-ms-transform: rotate(360deg) scale(0);
|
|
transform: rotate(360deg) scale(0);
|
|
}
|
|
|
|
|
|
|
|
.rotating.flip .back {
|
|
z-index: 2;
|
|
display: block;
|
|
opacity: 1;
|
|
|
|
-webkit-transform: rotateY(180deg) translate3d(0,0,0);
|
|
-ms-transform: rotateY(180deg) translate3d(0,0,0);
|
|
transform: rotateY(180deg) translate3d(0,0,0);
|
|
}
|
|
|
|
.rotating.flip.up .back {
|
|
-webkit-transform: rotateX(180deg) translate3d(0,0,0);
|
|
-ms-transform: rotateX(180deg) translate3d(0,0,0);
|
|
transform: rotateX(180deg) translate3d(0,0,0);
|
|
}
|
|
|
|
.rotating.flip.cube .front {
|
|
-webkit-transform: translate3d(0,0,100px) scale(0.9,0.9);
|
|
-ms-transform: translate3d(0,0,100px) scale(0.85,0.85);
|
|
transform: translate3d(0,0,100px) scale(0.85,0.85);
|
|
}
|
|
|
|
.rotating.flip.cube .back {
|
|
-webkit-transform: rotateY(180deg) translate3d(0,0,100px) scale(0.9,0.9);
|
|
-ms-transform: rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85);
|
|
transform: rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85);
|
|
}
|
|
|
|
.rotating.flip.cube.up .back {
|
|
-webkit-transform: rotateX(180deg) translate3d(0,0,100px) scale(0.9,0.9);
|
|
-ms-transform: rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85);
|
|
transform: rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85);
|
|
}
|
|
|
|
|
|
|
|
/* ********************* Animations ********************* */
|
|
/* fade */
|
|
|
|
.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 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: translate3d(0, -100%, 0);
|
|
transform: translate3d(0, -100%, 0);
|
|
}
|
|
|
|
100% {
|
|
opacity: 1;
|
|
-webkit-transform: none;
|
|
transform: none;
|
|
}
|
|
}
|
|
|
|
@keyframes fadeInDown {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(0, -100%, 0);
|
|
-ms-transform: translate3d(0, -100%, 0);
|
|
transform: translate3d(0, -100%, 0);
|
|
}
|
|
|
|
100% {
|
|
opacity: 1;
|
|
-webkit-transform: none;
|
|
-ms-transform: none;
|
|
transform: none;
|
|
}
|
|
}
|
|
|
|
.fadeInDown {
|
|
-webkit-animation-name: fadeInDown;
|
|
animation-name: fadeInDown;
|
|
}
|
|
|
|
|
|
@-webkit-keyframes fadeInLeft {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(-100%, 0, 0);
|
|
transform: translate3d(-100%, 0, 0);
|
|
}
|
|
|
|
100% {
|
|
opacity: 1;
|
|
-webkit-transform: none;
|
|
transform: none;
|
|
}
|
|
}
|
|
|
|
@keyframes fadeInLeft {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(-100%, 0, 0);
|
|
-ms-transform: translate3d(-100%, 0, 0);
|
|
transform: translate3d(-100%, 0, 0);
|
|
}
|
|
|
|
100% {
|
|
opacity: 1;
|
|
-webkit-transform: none;
|
|
-ms-transform: none;
|
|
transform: none;
|
|
}
|
|
}
|
|
|
|
.fadeInLeft {
|
|
-webkit-animation-name: fadeInLeft;
|
|
animation-name: fadeInLeft;
|
|
}
|
|
|
|
|
|
|
|
@-webkit-keyframes fadeInRight {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(100%, 0, 0);
|
|
transform: translate3d(100%, 0, 0);
|
|
}
|
|
|
|
100% {
|
|
opacity: 1;
|
|
-webkit-transform: none;
|
|
transform: none;
|
|
}
|
|
}
|
|
|
|
@keyframes fadeInRight {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(100%, 0, 0);
|
|
-ms-transform: translate3d(100%, 0, 0);
|
|
transform: translate3d(100%, 0, 0);
|
|
}
|
|
|
|
100% {
|
|
opacity: 1;
|
|
-webkit-transform: none;
|
|
-ms-transform: none;
|
|
transform: none;
|
|
}
|
|
}
|
|
|
|
.fadeInRight {
|
|
-webkit-animation-name: fadeInRight;
|
|
animation-name: fadeInRight;
|
|
}
|
|
|
|
@-webkit-keyframes fadeInRightBig {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(2000px, 0, 0);
|
|
transform: translate3d(2000px, 0, 0);
|
|
}
|
|
|
|
100% {
|
|
opacity: 1;
|
|
-webkit-transform: none;
|
|
transform: none;
|
|
}
|
|
}
|
|
|
|
|
|
@-webkit-keyframes fadeInUp {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(0, 100%, 0);
|
|
transform: translate3d(0, 100%, 0);
|
|
}
|
|
|
|
100% {
|
|
opacity: 1;
|
|
-webkit-transform: none;
|
|
transform: none;
|
|
}
|
|
}
|
|
|
|
@keyframes fadeInUp {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(0, 100%, 0);
|
|
-ms-transform: translate3d(0, 100%, 0);
|
|
transform: translate3d(0, 100%, 0);
|
|
}
|
|
|
|
100% {
|
|
opacity: 1;
|
|
-webkit-transform: none;
|
|
-ms-transform: none;
|
|
transform: none;
|
|
}
|
|
}
|
|
|
|
.fadeInUp {
|
|
-webkit-animation-name: fadeInUp;
|
|
animation-name: fadeInUp;
|
|
}
|
|
|
|
|
|
/* Appear animations */
|
|
.animated { opacity: 0; }
|
|
.animated.on { opacity: 1; }
|
|
|
|
|
|
/* ********************* Updates ********************* */
|
|
|
|
/* v1.3 - 28 June 2015 */
|
|
/* ******************* */
|
|
|
|
/* Fix Isotope colums on Firefox between 992px and 1199px */
|
|
@media (min-width:992px) and (max-width:1199px) {
|
|
.portfolio .col-md-4 {
|
|
width:33.3%;
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* ********************* Demo ********************* */
|
|
|
|
|
|
|
|
|
|
/* Buy button */
|
|
.demo-buy {
|
|
display:none;
|
|
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
|
|
position: fixed;
|
|
bottom: 100px;
|
|
right: 0;
|
|
z-index: 99999;
|
|
padding: 10px 15px;
|
|
background: rgba(150, 39, 65,0.8);
|
|
color: #fcfcfc;
|
|
text-align: center;
|
|
border-left-top-radius:2px;
|
|
border-left-bottom-rarius:2px;
|
|
}
|
|
.demo-buy:hover {
|
|
background: rgb(150,39,65);
|
|
color:#fafafa;
|
|
}
|
|
|
|
/* Template Settings */
|
|
.template-settings,
|
|
.change-sidebar {
|
|
display:block;
|
|
position: fixed;
|
|
left:0;
|
|
top: 150px;
|
|
width: 40px;
|
|
height: 40px;
|
|
background: rgba(22,22,22,0.7);
|
|
color: #fcfcfc;
|
|
font-size:22px;
|
|
text-align: center;
|
|
outline: none;
|
|
z-index:999999;
|
|
border-top-right-radius:3px;
|
|
border-bottom-right-radius:3px;
|
|
}
|
|
.template-settings:hover,
|
|
.template-settings:focus,
|
|
.change-sidebar:hover,
|
|
.change-sidebar:focus {
|
|
background-color:rgba(22,22,22,0.9);
|
|
color:#fafafa;
|
|
}
|
|
.template-settings .fa {
|
|
margin-top:9px;
|
|
}
|
|
.settings-modal ul {
|
|
list-style:none;
|
|
margin:0;
|
|
padding:0;
|
|
}
|
|
.settings-modal ul > li {
|
|
display:inline-block;
|
|
margin-right:10px;
|
|
}
|
|
.settings-modal ul > li > a {
|
|
width:25px;
|
|
height:25px;
|
|
display:block;
|
|
background:#555;
|
|
}
|
|
|
|
/* Change sidebar */
|
|
.change-sidebar {
|
|
top:220px;
|
|
padding-top:7px;
|
|
}
|
|
.pull-off.on { right:0; }
|
|
.push-off.on { left:0; }
|