/* ********************* 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; }