/*----------------------------------------------------------- Theme Name: Fashionista Version: 3.2 Description: A premium WordPress theme by WPExplorer Author: WPExplorer Author URI: http://www.wpexplorer.com Theme URI: http://www.themeforest.net/wpexplorer License: Dual GPL + Custom License URI: http://wiki.envato.com/support/legal-terms/licensing-terms/ /* Reset ================================================== */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block } body { line-height: 1 } ol, ul { list-style: none } blockquote, q { quotes: none } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* Commons ================================================== */ /*images*/ img { max-width: 100%; height: auto !important; } /*class to box in content*/ .outerbox{ width: 1188px; margin: 0 auto; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /*clear floats*/ .remove-margin { margin-right: 0 !important } .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clear { clear: both } /*grids*/ .grid-container{position: relative; margin-right: -25px; } /*container with white background and shadow*/ .container{ padding: 15px; background: #fff; } /*classes to remove margins*/ .no-right-margin{ margin-right: 0; } .no-btm-margin{ margin-bottom: 0; } /*floats*/ .float-left{ float: left; } .float-right{ float: right; } /*blockquote*/ blockquote{ border-left: double #ddd; font-size:18px; line-height: 1.5em; margin: 30px 25px; padding-left: 25px; font-family: 'Droid Serif', Georgia, Times New Roman, Times, serif; font-style: italic; color: #999; } blockquote p:last-child{ margin: 0 } /*preformatted text*/ pre {background: #fff url("images/pre-bg.png") repeat;margin: 20px 0px;padding: 25px 20px;line-height: 25px;border: 1px solid #ddd;white-space: pre-wrap;white-space: -moz-pre-wrap;white-space: -pre-wrap;white-space: -o-pre-wrap;word-wrap: break-word } /*address*/ address{letter-spacing: 1px; margin: 20px 0 } /*wp*/ .sticky{} .gallery-caption{} .bypostauthor{} /* Body & Main ================================================== */ body { background: #ddd; background-image: url("images/mainbg.png"); background-repeat: repeat; nowhitespace: afterproperty; font: 13px/1.7 'Open Sans', Helvetica, Arial, sans-serif; color: #777; } body a { color: #ed4555 } /*main link color*/ body a:hover { text-decoration: none; color: #ed4555 } /*main containers*/ #main-content{ padding: 20px 0; } #home-wrap, #search-entries-wrap, #archive-entries-wrap { position: relative; } #post { position: relative; float: left; width: 845px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #post img{ max-width: 100%; } #sidebar{ width: 320px; } .infinite-scroll-enabled #wpex-grid-wrap { padding-bottom: 40px; } #wpex-grid-wrap{ margin-right: -20px; } /* #wpex-grid-wrap{ opacity: 0; } */ /* .grid-loader { position: absolute; top: 80px; left: 50%; color: #666; font-size: 24px; } */ .grid-loader { display: none; } .entry ul{ list-style-image: url("images/bullets-gray.png"); margin-left: 16px; margin-bottom: 20px; } .entry ul li{ padding-left: 4px; margin-bottom: 5px; font-size: 15px; } .entry ol{ margin-left: 16px; margin-bottom: 20px; } .entry ol li{ padding-left: 4px; margin-bottom: 5px; } .entry p:last-child{ margin: 0 } .entry a:hover{ text-decoration: underline; color: #ed4555; } .entry .icon-link{ text-decoration: none !important; } /*set max img width*/ img{ max-width: 100%; } /*no sidebar style*/ body.no-sidebar #post{ width: 100% !important; } body.no-sidebar #author-bio{ width: 880px; } /* Typography ================================================== */ h1, h2, h3, h4, h5, h6 { color: #000; font-weight: 400; text-transform: uppercase; } h2, h3, h4, h5, h6 { margin: 30px 0 20px; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #000 } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #ed4555 } h1 { font-size: 24px; margin: 0 0 20px; } h2 { font-size: 18px } h3 { font-size: 16px } h4 { font-size: 14px } h5 { font-size: 12px } h6 { font-size: 11px } p { font-size: 15px; margin: 0 0 20px;} p img { margin: 0 } em { font-style: italic } strong { font-weight: bold } small { font-size: 80% } hr { border: solid rgba(0, 0, 0, 0.2); border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; } p a, p a:visited { line-height: inherit } a:link { text-decoration: none } a:focus { outline: 0 } a { outline: 0 } p a, p a:visited { line-height: inherit } a:link { text-decoration: none } a:focus { outline: 0 } /* Lists ================================================== */ ul { list-style: none outside } ol { list-style: decimal } ol, ul.square, ul.circle, ul.disc { margin-left: 30px } ul.square { list-style: square outside } ul.circle { list-style: circle outside } ul.disc { list-style: disc outside } ul ul, ul ol, ol ol, ol ul { margin: 4px 0 5px 30px } ul ul li, ul ol li, ol ol li, ol ul li { margin-bottom: 6px } /* Headings ================================================== */ /*page heading*/ #page-heading { position: relative; margin-bottom: 30px; text-align: center; } #page-heading h1, #page-heading h2 { font-size: 21px; line-height: 1.2em; margin: 5px 0 0; padding: 0 40px; background: url("images/dots-dark.png") repeat; font-weight: 300; } #page-heading h1 span, #page-heading h2 span{ background: #fff; padding: 5px 25px; } #single-heading{ position: relative; padding-bottom: 10px; margin-bottom: 15px; background: url("images/dots.png") left bottom repeat-x; } #single-heading h1 { font-size: 21px; line-height: 1.2em; margin: 0px; font-weight: 600; } #related-heading { margin: 60px 0 40px; text-align: center; } #related-heading h4 { font-size: 21px; line-height: 1.2em; margin: 0px; padding: 0 40px; background: url("images/dots-dark.png") repeat; font-weight: 300; } #related-heading h4 span{ background: #fff; padding: 5px 25px; } /* Header ================================================== */ #header-wrap{ z-index: 999; width: 100%; background: #fff; border-bottom: 1px solid #999; -webkit-box-shadow: 0px 0px 25px rgba(0,0,0,.4); -moz-box-shadow: 0px 0px 25px rgba(0,0,0,.4); box-shadow: 0px 0px 25px rgba(0,0,0,.4); } #header-top{ position: relative; } #page-featured-img{ padding: 7px; margin-bottom: 30px; } #page-featured-img img{ display: block; width: 100%; } /*logo*/ #logo{ padding: 27px 0; } #logo a { display: block; float: left; margin: 0px; text-decoration: none; } #logo img { display: block; max-width: 100%; } #logo h1, #logo h2 { float: left; background: #000; padding: 15px; font-weight: 600; margin: 0; line-height: 21px; font-size: 21px; color: #fff; font-family: "Droid Serif"; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } #logo h1:hover, #logo h2:hover { background: #ed4555; } /* Main Navigation ================================================== */ .mobile-menu-toggle, .sidr, #sidr-close { display: none; } #navigation { background: #d02c2b url("http://www.rajatnayarvedicastrologer.com/images/nav-bg.jpg") repeat-x scroll left top; border: medium none; border-radius: inherit; float: left; line-height: 18px; margin-bottom: 0; min-height: inherit; width: 100%; } /*superfish core*/ .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu { line-height: 1.0 } .sf-menu ul { position: absolute; top: -999em; width: 180px; } .sf-menu ul li { width: 100% } .sf-menu li:hover { visibility: inherit } .sf-menu li { float: left; position: relative; } .sf-menu a { display: block; position: relative; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0px; top: 55px; z-index: 99; } ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em } ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 180px; top: 0px; } #navigation .sf-menu > li:hover > ul, .sf-menu li.sfHover > ul { top: 54px; } #navigation ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul, ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 190px; top: 0px } #navigation .sf-menu { float: left; border-right: 1px solid rgba(255,255,255, 0.1); } #navigation .sf-menu li { float: left; position: relative; } /*drop-down styles*/ #navigation .sf-menu ul { position: absolute; nowhitespace: afterproperty; top: -999em; width: 190px; padding-top: 1px; } #navigation .sf-menu ul li:last-child { border-bottom: 0 } #navigation .sub-menu ul { padding-top: 0; z-index: 1 !important; } #navigation li.sfHover { color: #000 } #navigation .sf-menu ul ul:after { display: none } #navigation .sf-menu ul li { border-bottom: 1px solid #222; background: #000; } #navigation .sf-menu ul a { color: #888; padding: 10px 15px; height: auto; margin: 0px; border: 0px; line-height: 1.6em; font-size: 11px; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } #navigation .sf-menu ul li > a:hover { color: #ed4555; } #navigation .sf-menu ul li:last-child { border: none !important } #navigation .sub-menu li { border-left: none !important; border-right: none !important; } /* Blog Posts & Blog Entries ================================================== */ /*entry*/ .entry-top { margin-bottom: 20px; } .loop-entry { position: relative; display: block; width: 320px; float: left; margin-right: 20px; margin-bottom: 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid transparent; text-align: center; font-size: 12px; overflow: hidden; -webkit-transition-property: border;-moz-transition-property: border;-ms-transition-property: border;-o-transition-property: border;transition-property: border;-webkit-transition-duration: 0.25s;-moz-transition-duration: 0.25s;-ms-transition-duration: 0.25s;-o-transition-duration: 0.25s;transition-duration: 0.25s; } .loop-entry:hover{ border:1px solid #bbb; } .loop-entry h2 { margin: 0 0 5px; font-size: 14px; line-height: 1.6em; font-weight: 600; text-transform: uppercase; text-align: center; } .loop-entry p:last-child{ margin: 0; } .loop-entry-img-link{ display: block; width: 100%; margin: 0 0 20px; position: relative;-webkit-transition: background 25s ease-out;-moz-transition: background 25s ease-out;-o-transition: background 25s ease-out; transition: background 25s ease-out; background: #000; } .loop-entry-img-link:hover .entry-overlay{ display: block;-webkit-transition-property: all;-moz-transition-property: all;-ms-transition-property: all;-o-transition-property: all;transition-property: all;-webkit-transition-duration: 0.25s;-moz-transition-duration: 0.25s;-ms-transition-duration: 0.25s;-o-transition-duration: 0.25s;transition-duration: 0.25s; } .loop-entry-img-link img{ display: block; width: 100%; } .loop-entry img{ display: block; width: 100%; -webkit-transition-property: opacity;-moz-transition-property: opacity;-ms-transition-property: opacity;-o-transition-property: opacity;transition-property: opacity; -webkit-transition-duration: 0.25s;-moz-transition-duration: 0.25s;-ms-transition-duration: 0.25s;-o-transition-duration: 0.25s;transition-duration: 0.25s; box-shadow: #000 0em 0em 0em; } .loop-entry-img-link:hover img{ opacity: 0.5; -moz-opacity: 0.5; -webkit-opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); } .post-video{ margin: 0 0 20px; } .single .post-video { opacity: 0; } .loop-entry-meta{ margin-top: 15px; padding-top: 15px; border-top: 1px solid #e6e6e6; font-size: 10px; text-transform: uppercase; } .loop-entry-meta li{ display: inline; margin-right: 10px; color: #999; } .loop-entry-meta li:last-child{ margin-right: 0; } .loop-entry-meta li span.icon-comment,.loop-entry-meta li span.icon-calendar, span.icon-link{ margin-right: 5px; } .loop-entry-meta a{ color: #888; } .loop-entry .flexslider-container{ margin-bottom: 20px; } .format-audio .loop-entry-img-link{ margin-bottom: 0; } .loop-entry-title-margin { margin-top: 20px !important; } .entry-overlay{ display: none; font-size: 18px; height:40px; line-height: 40px; width: 40px; text-align: center; color: #fff; opacity: 0.8; position: absolute; top: 50%; margin-top: -20px; left: 50%; margin-left: -20px; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .entry-quote, #single-quote{ text-align: center; background: #000; padding: 15px; color: #fff; font-weight: normal; font-size: 21px; font-style: italic; font-family: 'Droid Serif'; border-color: #000 !important; } .entry-quote p:last-child, #single-quote p:last-child{ margin: 0; } .entry-quote-author, #single-quote-author{ margin-top: -10px; font-size: 12px; font-weight: normal; color: #666; } #single-quote{ margin: -15px; } .loop-entry iframe, .loop-entry embed{ max-width: 100%; height: auto; } /*post-thumbnail*/ #single-media-wrap{ text-align: center; } #post-thumbnail img{ display: block; max-width: 100%; } #post-thumbnail{display: block; margin-bottom: 20px; } #post-thumbnail img:hover{ opacity: 0.7; -moz-opacity: 0.7; -webkit-opacity: 0.7; } #post-thumbnail.audio-thumb{ display: block; margin-bottom: 0; width: 100%; } /*tags*/ .post-tags { margin-top: 40px; } .post-tags a { display: block; float: left; padding: 4px 8px; background: #f5f5f5; color: #666; margin-right: 5px; margin-bottom: 5px; font-size: 11px; font-weight: 600; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .post-tags a:hover { background: #000; color: #fff; } /*author bio*/ #single-author{ margin-top: 25px; padding-top: 25px; padding-bottom: 10px; background: url("images/dots.png") left top repeat-x; } #author-image{ float: left; width: 70px } #author-image img{ display: block; border: 5px solid #eee; } #author-bio{ float: right; width: 540px } #author-bio h4{ font-size: 14px; margin: -3px 0 5px } #author-bio p:last-child{ margin: 0; } /*social share*/ #single-share{ margin-top: 25px; padding-top: 25px; background: url("images/dots.png") left top repeat-x; } #single-share h4{ text-align: center; margin: 0 0 20px; } #single-share h4 span{ margin-right: 10px; background: #F30; color: #fff; padding: 0 5px; font-size: 12px; } .share-btns { margin: 1em 0; text-align: center; } .share-btns > .twitter-count-horizontal { width: 95px !important; } .share-btns .twitter-count-vertical { margin-right: 10px; } .share-btns > div { width: 88px !important; } .share-btns > div.fb_edge_widget_with_comment { top: 0; width: 90px !important;} .share-btns div[data-action="recommend"] { width: auto !important; } /* FB recommend */ .share-btns p, .share-btns span {display: inline;margin: 0;padding: 0;} .share-btns br { display: none; } /*related posts*/ #related-posts{ margin-top: 25px; } /* Meta ================================================== */ .meta{ margin-top: 15px; text-transform: uppercase; font-size: 10px; } .meta li{ display: inline; margin-right: 10px; color: #777; } .meta li:last-child{ margin-right: 0; } .meta .icon-comment, .meta .icon-link, .meta .icon-user, .meta .icon-calendar, .meta .icon-folder-open{ margin-right: 5px; } .meta a{ color: #777; } /* Pagination ================================================== */ .page-wpex_paginate_pages { margin: 20px 0 0; text-align: center; padding-top: 30px; background: url("images/dots-dark.png") center top repeat-x; } .page-of-page{ padding: 0 7px; } .page-of-page, .page-wpex_paginate_pages a, .page-wpex_paginate_pages span.outer { display: inline-block; font-size: 11px; line-height: 24px; height: 24px; text-align: center; margin-right: 5px; margin-bottom: 5px; color: #666; border: 1px solid #ddd; background: #f9f9f9; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .page-wpex_paginate_pages a, .page-wpex_paginate_pages span.outer { width: 24px } .page-wpex_paginate_pages a:hover{ background: #000; border-color: #000; color: #fff; } .page-wpex_paginate_pages span.current { text-decoration: none; background: #000; border-color: #000; color: #fff; } /*infinite scroll*/ .infinite-scroll-loader { color: #666; font-size: 24px; text-align: center; position:absolute; bottom: -40px; margin-bottom: 40px; width: 100%; } #infscr-loading img { display: none !important; } .infinite-scroll-nav { display: none; } /* Single Nav ================================================== */ #single-nav { margin-top: 25px; } #single-nav-left, #single-nav-right { float: left; max-width: 48%; } #single-nav-right{ float: right; } #single-nav a { font-size: 12px; font-weight: 600; display: block; padding: 5px 15px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; text-align: center; color: #666; text-shadow: none; background: #000; color: #fff; } #single-nav-left span{ margin-right: 10px; margin-top: 1px; } #single-nav-right span{ margin-left: 10px; margin-top: 1px; } #single-nav a:hover { text-decoration: none; background: #fff; color: #444; } /* Sidebar ================================================== */ #sidebar { float: right; color: #6f6f6f; font-size: 12px; overflow: hidden; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #sidebar a{ color: #777; font-size: 15px; } #sidebar a:hover{ color: #333; } #sidebar h4{ font-size: 13px; margin: 0 0 15px; font-weight: 600; text-transform: uppercase; background: url("images/dots.png") center center repeat-x; } #sidebar h4 span{ background: #fff; padding-right: 10px; } .sidebar-box { margin-bottom: 25px } .sidebar-box ul{ margin: 0; padding: 0; } #sidebar .sidebar-box:last-child{ margin: 0; } /* Widgets ================================================== */ /*main wp widgets*/ .widget_nav_menu li, .widget_recent_entries li, .widget_categories li, .widget_archive a, widget_meta li, .wpex-taxonomies-widget li, .tagcloud li, .wpex-recent-post-types-widget li, .wpex-tax-widget li{ background: url("images/double-arrow-right.png") left 11px no-repeat; padding-left: 15px; } #footer .widget_nav_menu li, #footer .widget_recent_entries li, #footer .widget_categories li, #footer .widget_archive a, widget_meta li, #footer .wpex-taxonomies-widget li, #footer .tagcloud li, #footer .wpex-recent-post-types-widget li, #footer .wpex-tax-widget li{ border-bottom: 1px solid #222; margin-bottom: 7px; padding-bottom: 7px; } /*tagcloud*/ .tagcloud a { float: left; display: block; font-weight: normal; font-size: 11px !important; line-height: 1em !important; margin-bottom: 8px; margin-right: 8px; padding: 7px 10px; background: #f0f0f0; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } #sidebar .tagcloud a, #footer .tagcloud a { color: #888; } #sidebar .tagcloud a:hover{ background: #000 !important; color: #fff; } #footer .tagcloud a:hover { background: #222; color: #fff; } #sidebar .tagcloud a { background: #f5f5f5; } #sidebar .tagcloud a:hover{ background: #eee; } /*calendar*/ #wp-calendar{ font-size: 11px } #wp-calendar caption { background: #fff; padding: 8px; text-align: center; font-weight: normal; border: 1px solid #ddd; color: #000; text-transform: uppercase; } #wp-calendar, #footer #wp-calendar tr { width: 100% } #wp-calendar th { text-align: center; border: 1px solid #ddd; border-top: none; padding: 5px 0; background: #fff } #wp-calendar tbody td { padding: 4px 0; text-align: center; border: 1px solid #eee } #wp-calendar tbody td:hover { background: #f5f5f5; color: #000 } #wp-calendar tbody a { display: block } #sidebar #wp-calendar a:hover { text-decoration: underline } #footer #wp-calendar caption { color: #fff } #wp-calendar tbody td { padding: 4px 0; text-align: center; border: 1px solid #eee } #wp-calendar tfoot td{ padding-top: 5px } /*flickr*/ .wpex-flickr-widget a{ float: left; display: block; -webkit-transition: border 0.2s ease-in-out; -moz-transition: border 0.2s ease-in-out; -o-transition: border 0.2s ease-in-out; -ms-transition: border 0.2s ease-in-out; transition: border 0.2s ease-in-out; } .wpex-flickr-widget img{ display: block; opacity: 0.7; box-shadow: #000 0em 0em 0em; } .wpex-flickr-widget img:hover{ opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; } #sidebar .wpex-flickr-widget{ margin-right: -11px; margin-top: -8px; } #sidebar .wpex-flickr-widget a{ margin-right: 11px; margin-top: 11px; border: 5px solid #e6e6e6; width: 53px; height: 53px; } #footer .wpex-flickr-widget{ margin-right: -8px; margin-top: -8px; } #footer .wpex-flickr-widget a{ margin-right: 8px; margin-top: 8px; border: 5px solid #222; width: 58px; height: 58px; } #footer .wpex-flickr-widget a:hover{ border-color: #fff; } /*video*/ .wpex-video-widget-description { margin-top: 10px; text-align: center } .wpex-video-widget-description p:last-child{ margin: 0; } /*recent posts*/ .wpex-widget-recent-posts{line-height:1.5em; margin: 0; } #sidebar .wpex-widget-recent-posts a{color:#444} #sidebar .wpex-widget-recent-posts a:hover{color:#ed4555} .wpex-widget-recent-posts li{padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #eee; } .wpex-widget-recent-posts li:last-child{ margin:0; padding:0; border:none; } .wpex-widget-recent-posts img{float:left; transition:all 0.25s ease; -webkit-transition:all 0.25s ease; -o-transition:all 0.25s ease; -moz-transition:all 0.25s ease; border: 5px solid #f7f7f7; max-width: 30%; } .wpex-widget-recent-posts img:hover{border-color: #ed4555;} .wpex-widget-recent-posts .recent-right{ float: right; width: 185px; } .wpex-widget-recent-posts li .title{ font-weight: 600; display: block; margin-bottom: 5px; text-transform: uppercase; } .wpex-widget-recent-posts li .date, .wpex-widget-recent-posts li .cat, .wpex-widget-recent-posts li .likes{font-size: 10px; color:#999; text-transform: uppercase; } .wpex-widget-recent-posts li .date span, .wpex-widget-recent-posts li .cat span{ margin-right: 5px; } #footer .wpex-widget-recent-posts li .title{ color: #eee; } #footer .wpex-widget-recent-posts li a.title:hover{ color: #ed4555; } #footer .wpex-widget-recent-posts li{border-color: #222} #footer .wpex-widget-recent-posts .recent-right{ width: 200px; } #footer .wpex-widget-recent-posts img{border-color: #222; -moz-box-shadow:0 0 10px rgba(0,0,0,0.2); -webkit-box-shadow:0 0 10px rgba(0,0,0,0.2); opacity:0.7; -webkit-opacity:0.7; -moz-opacity:0.7} #footer .wpex-widget-recent-posts img:hover{border-color: #fff; opacity:1; -webkit-opacity:1; -moz-opacity:1} /* Footer ================================================== */ /*footer main*/ #footer a:hover { color: #ed4555 } #footer ul { margin: 0 } /*footer widgets*/ .footer-box { float: left; margin-right: 22px; width: 12%; } .footer-box.remove-margin { margin-right: 0; width: 24%; } .footer-widget{ margin-bottom: 40px; } .footer-widget h4{ color: #fff; font-size: 14px; font-weight: bold; margin: 0 0 25px } /*footer bottom*/ #footer-bottom { background-color: #022947; padding: 15px 0; text-align: center; } .rights { color: #fff; font-size: 13px; font-weight: 400; margin:0px; } #footer-bottom .outerbox { position: relative; } #footer-bottom a { color: #fff; } #footer-bottom a:hover { color: #fff; } #copyright { font-size: 11px; } /*footer menu*/ #copyright{ float: left;} .footer-menu{ float: right; width: 50%; text-align: right; } .footer-menu li{ display: inline; margin: 0; font-weight: normal } .footer-menu a{ display: inline; font-size: 11px; display: inline; padding-right: 10px; margin-right: 5px; background: url("images/footer-menu-divider.png") no-repeat center right } .footer-menu li:last-child a{ margin: 0; padding: 0; background: none } /*back to top*/ #toplink{ display: none; position: fixed; bottom: 20px; right: 20px; width: 30px; height: 30px; line-height: 28px; text-align: center; background: #333; color: #fff; font-size: 18px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; opacity: 0.8; -moz-opacity: 0.8; -webkit-opacity: 0.8; } #toplink:hover{ opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; } /* Social ================================================== */ #header-social { position: absolute; right: 0; top: 50%; margin-top: -13px; list-style: none; } #header-social li { display: inline-block; margin-left: 7px; } #header-social a { display: block; float: left; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out } #header-social a img { height: 26px; width: 26px; display: block; -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; } #header-social a:hover img { -moz-opacity: 1.0; -khtml-opacity: 1.0; opacity: 1.0 } .tipsy {padding: 5px;font-size: 10px;letter-spacing: 1px;text-transform: uppercase;background-repeat: no-repeat;background-image: url("images/tipsy.gif");} .tipsy-inner {padding: 5px 8px 4px 8px;background-color: #000;color: white;max-width: 200px;text-align: center;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} .tipsy-inner {-moz-border-radius: 3px;-webkit-border-radius: 3px;} .tipsy-south {background-position: bottom center;} /* Search ================================================== */ /*main*/ input[type="search"] { background: #fafafa; border: 1px solid #fafafa; color: #666; font-family: 'Droid Serif',Helvetica,Arial; font-size: 11px; padding: 10px; width: 100%; background 0.3s ease-in-out; -o-transition: background 0.3s ease-in-out; transition: background 0.3s ease-in-out; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; outline: none; margin: 0; font-style: italic; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out } input[type="search"]:focus{ border-color: #ddd; } input[type="search"]::-webkit-search-decoration { display: none } input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none } /*header*/ #navigation input[type="search"]{ position: absolute; right: 0; top: 50%; margin-top: -15px; width: 175px; padding: 0 16px 0 40px; height: 30px; line-height: 30px; border: none; background: #fff url("./images/left-slant.png") left center no-repeat; color: #fff; -webkit-appearance: none; -moz-border-radius: 0; -khtml-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;} #navigation input[type="search"]:focus{ width: 190px; } #navigation #searchbar #searchsubmit {position: absolute;right: 15px;top: 50%;margin-top: -5px; background: url("images/search-white.png") no-repeat;text-indent: -9999px;border: none;outline: none;width: 9px;height: 10px;cursor: pointer; padding: 0; border: 0; } #sidebar #searchbar #searchsubmit, #footer #searchbar #searchsubmit { display: none; } /* Forms ================================================== */ /*inputs*/ input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="url"] { height: 28px; line-height: 28px; } input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="url"], textarea { background: #f6f6f6; color: #666; display: block; font-size: 12px; margin-left: 0; padding: 0 10px; border: 1px solid #ddd; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 100%; -webkit-appearance: none; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; } textarea{ width: 100%; padding: 10px; font-family: 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; } input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="url"] { width: 200px } input[type="text"]:focus, input[type="password"]:focus, textarea:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus { font-family: 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; outline: none; border-color: #bbb; } /*contact form 7*/ div.wpcf7 .wpcf7-not-valid { border-color: #F00; box-shadow: 0 0 6px rgba(255,0,0,0.4); } span.wpcf7-not-valid-tip { display: none !important } div.wpcf7-validation-errors { margin: 0; padding: 10px; color: #c4690e; background: #fffdf3; text-align: center; border: 1px solid #e6bf4a; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } div.wpcf7-mail-sent-ng { margin: 0; padding: 10px; background: #ffe9e9; color: #d04544; border: 1px solid #e7a9a9; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .wpcf7 p { font-size: 11px; text-transform: uppercase; } .wpcf7 input, .wpcf7 textarea { margin-top: 5px; } /* Form Submit Buttons ================================================== */ .entry button, .entry input[type="button"], .entry input[type="submit"], #commentsbox input[type="submit"]{display: block; padding: 0 12px; height: 35px; line-height: 35px; text-decoration: none; border: 1px solid #d4d4d4; font-size: 12px; cursor: pointer; font-family: inherit; color: #444; font-weight: 600; -moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; background: #f7f7f7; background: -moz-linear-gradient(top, #fefefe 0%, #f7f7f7 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#f7f7f7));background: -webkit-linear-gradient(top, #fefefe 0%,#f7f7f7 100%);background: -o-linear-gradient(top, #fefefe 0%,#f7f7f7 100%);background: -ms-linear-gradient(top, #fefefe 0%,#f7f7f7 100%);background: linear-gradient(to bottom, #fefefe 0%,#f7f7f7 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f7f7f7',GradientType=0 ); -webkit-box-shadow: 0px 1px 6px rgba(0,0,0,.1); -moz-box-shadow: 0px 1px 6px rgba(0,0,0,.1); box-shadow: 0px 1px 6px rgba(0,0,0,.1); } .entry button:hover, .entry input[type="button"]:hover, .entry input[type="submit"]:hover,#commentsbox input[type="submit"]:hover{ border-color: #bbb; } .entry button:active, .entry input[type="button"]:active, .entry input[type="submit"]:active, #commentsbox input[type="submit"]:active{ background: #fefefe;background: -moz-linear-gradient(top, #f7f7f7 0%, #fefefe 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#fefefe));background: -webkit-linear-gradient(top, #f7f7f7 0%,#fefefe 100%);background: -o-linear-gradient(top, #f7f7f7 0%,#fefefe 100%);background: -ms-linear-gradient(top, #f7f7f7 0%,#fefefe 100%);background: linear-gradient(to bottom, #f7f7f7 0%,#fefefe 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#fefefe',GradientType=0 ); } /* Comments ================================================== */ #commentsbox{ margin-top: 30px; } #comments h3{ margin: 0 0 15px; font-size: 16px; background: url("images/dots.png") center center repeat-x; } #comments h3 span{ background: #fff; padding-right: 20px; display: inline-block; } .comment-details ul { margin: 0 } .comment-details ul li { border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding-bottom: 8px; padding-top: 8px; } .comment-details ul li:first-child { border-top: 1px solid rgba(0, 0, 0, 0.1) } .commentlist { margin: 0 } .commentlist li { list-style: none; margin: 0; } .children li.depth-2 { margin: 0 0 0px 65px } .children li.depth-3 { margin: 0 0 0px 65px } .children li.depth-4 { margin: 0 0 0px 65px } .children li.depth-5 { margin: 0 0 0px 65px } .children li.depth-6 { margin: 0 0 0px 65px } .children li.depth-7 { margin: 0 0 0px 65px } .children li.depth-8 { margin: 0 0 0px 65px } .children li.depth-9 { margin: 0 0 0px 65px } .children li.depth-10 { margin: 0 0 0px 65px } .comment-body { margin-bottom: 25px; } .comment-details{ position: relative; margin-left: 90px; background: #fafafa; padding: 15px; text-shadow: 1px 1px 1px #fff; } .comment-details:after{ content: ""; display: block; width: 20px; height: 20px; position: absolute; top: 0; left: -20px; background: url("images/comment-triangle.png") no-repeat; } .comment-avatar{ position: absolute; left: -90px; top:0 } .comment-avatar img{ display: block; border: 5px solid #f1f1f1; } .comment-author .author a:link, .comment-author .author a:visited { color: #000; font-weight: normal; text-transform: uppercase; } .comment-author .author a:hover { color: #999 } .comment-content{ margin-top: 5px } .comment-content p:last-child{ margin: 0; } .comment-date { font-size: 11px; font-weight: normal } .comment-date a { color: #888 } .comment-reply-link{ margin-top: 15px; color: #444; font-size: 11px; } .comment-reply-link, #cancel-comment-reply-link { display: inline-block; font-size: 11px; } #cancel-comment-reply-link, h3#reply-title{ color: #C30; font-size: 12px; text-transform: none; background: none !important; } #cancel-comment-reply-link{ margin: -25px 0 0; } .comment-reply-link:hover, #cancel-comment-reply-link:hover { color: #000 } .commentlist .children { margin: 0 } #comments-title { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding-top: 10px; padding-bottom: 10px; margin-top: 30px; background: #fbfbfb; text-align: center; color: #222 } #comments_wrap { margin-top: 15px } #comments-logged-in { margin-bottom: 30px; margin-top: 10px; font-size: 12px; } #log-out { float: right; margin-top: -56px; } #cancel-comment-reply { float: right; margin-top: 5px; } #submit { margin-bottom: 0; } h3#reply-title{ font-size: 16px; margin-bottom: 15px; } .children #commentform textarea { width: 95.6% } #commentform label { font-size: 12px; font-weight: 600; display: block; float: left; height: 28px; line-height: 28px; width: 60px; text-align: left } #commentsbox span.required{ color: #C30; font-size: 9px; } #commentform input { margin-top: 0 !important } #commentform input#author, #commentform input#email, #commentform input#url { font-size: 13px; width: 40%; margin-top: 10px; } #commentform textarea { font-size: 13px; width: 100%; margin-top: 10px } /*WP JetPack*/ .comment-subscription-form { font-size: 12px; margin-top: 20px; margin-bottom: 0px; } .comment-subscription-form:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .comment-subscription-form input, .comment-subscription-form label { float: left; margin: 0px !important; margin-right: 5px !important; padding: 10px; } #comment-left { float: left; width: 160px; padding-right: 35px; } #comment-right { float: left; width: 445px; } .comment-subscription-form { margin: 0 !important; } .comment-subscription-form label { width: auto !important; padding: 0; top: -7px; position: relative; } /* Sitemap ================================================== */ #sitemap-wrap ul { margin-bottom: 40px; margin-left: 0 } #sitemap-wrap h2 { font-size: 14px; margin: 0 0 5px; margin-bottom: 10px; } .sitemap-container a:hover { color: #000; text-decoration: none; } /* 404 Page ================================================== */ #error-page{ padding: 60px 0 } #error-page-title { font-size: 32px; text-align: center; font-weight: bold; background: none; line-height: 1em; border: none; margin: 0 0 10px; color: #000 } #error-page-title span{ margin-right: 7px; } #error-page-text { text-align: center; font-size: 11px; margin: 0; } /* WordPress Styles ================================================== */ /*aligns*/ .alignleft, img.alignleft {display: inline;float: left;margin-right: 1.5em;} .alignright, img.alignright {display: inline;float: right;margin-left: 1.5em;} .aligncenter, img.aligncenter{clear: both;display: block;margin-left: auto;margin-right: auto; } /*floats*/ .floatleft { float: left } .floatright { float: right } /*text style*/ .textcenter { text-align: center } .textright { text-align: right } .textleft { text-align: left } /*captions*/ .wp-caption { max-width: 100% !important; box-sizing: border-box; border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding: 5px; margin: 20px auto; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .wp-caption.aligncenter { margin-left: auto; margin-right: auto; } .wp-caption.aligncenter a { display: inline-block; } .wp-caption.aligncenter p.wp-caption-text { display: inline-block; text-align: center; } .wp-caption img { margin: 0; padding: 0; border: 0 none; max-width: 100$; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; } /*smiley reset*/ .wp-smiley { margin: 0 !important; max-height: 1em; } /*blockquote*/ blockquote.left { margin-right: 20px; text-align: right; margin-left: 0; width: 33%; float: left; } blockquote.right { margin-left: 20px; text-align: left; margin-right: 0; width: 33%; float: right; } /*img attachment*/ #img-attch-page { text-align: center; overflow: hidden; } #img-attch-page img { display: inline-block; margin: 0 auto; max-width: 100%; margin-bottom: 20px } /*gallery shortcode*/ .gallery-item img { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /* Load More ================================================== */ #load-more { background: #fff; border:1px solid #fff; clear: both; width: 100%; text-align: center; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } #load-more a { display: block; padding: 10px 20px; color: #000; text-transform: uppercase; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } #load-more:hover a, #load-more a:hover{ color: #ed4555; } #load-more:hover{ border-color: #bbb; } .isotope { -webkit-transition-property: height, width;-moz-transition-property: height, width;-ms-transition-property: height, width;-o-transition-property: height, width;transition-property: height, width;-webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-ms-transition-duration: 0.8s;-o-transition-duration: 0.8s;transition-duration: 0.8s;} /* fancyBox v2.1.4 fancyapps.com | fancyapps.com/fancybox/#license ================================================== */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030 } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative } .fancybox-inner { overflow: hidden } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('images/fancybox/fancybox_sprite.png') } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url('images/fancybox/fancybox_loading.gif') center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .fancybox-prev { left: 0 } .fancybox-next { right: 0 } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: hidden } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('images/fancybox/fancybox_overlay.png'); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } /* * jQuery FlexSlider v2.0 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) */ /* Browser Resets */ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* FlexSlider Necessary Styles *********************************/ .flexslider {margin: 0; padding: 0;} .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img {width: 100%; display: block;} .flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .slides element */ .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child {display: block;} /* FlexSlider Default Theme *********************************/ .flexslider { position: relative; zoom: 1; } .flexslider img{ display: block; } /* Direction Nav */ .flex-direction-nav {*height: 0;} .flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0.8; -webkit-transition: all .3s ease;} .flex-direction-nav .flex-next {background-position: 100% 0; right: 12px; } .flex-direction-nav .flex-prev {left: 12px;} .flexslider:hover .flex-next {opacity: 0.8; } .flexslider:hover .flex-prev {opacity: 0.8; } .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;} .flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;} /* * Skin for jPlayer Plugin (http://jplayer.org/) * jPlayer Version: 2.1.0 * * Skin Name: Premium Pixels * Author: @thelukemcdonald (lukemcdonald.com) * Description: A responsive CSS3 jPlayer skin with playlist funcitonality. Design by @ormanclark (premiumpixels.com). * Version: 2.0 * Tags: audio, playlist, dark, play, pause, volume-bar, progress-bar */ /* GENERAL ----------------------------------------------- */ .jp-jplayer { width: 100%; height: 30px; background-color: #000000; } .jp-audio { margin: 0 auto; width: 100%; max-width: 100%; font-size: 1em; font-family: "Helvetica Neue", Helvetica, Arial, "Nimbus Sans L", sans-serif; color: #fff; line-height: 1.6; margin-bottom: 20px; } .jp-audio a { text-decoration: none; color: #d2d6db; } .jp-audio a:hover { color: #ffffff } .jp-interface { position: relative; height: 30px; width: 100%; background-color: #222222; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#3a3b3c), to(#222222)); background-image: -moz-linear-gradient(#3a3b3c, #222222); background-image: -ms-linear-gradient(#3a3b3c, #222222); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3a3b3c), color-stop(100%, #222222)); background-image: -webkit-linear-gradient(#3a3b3c, #222222); background-image: -o-linear-gradient(#3a3b3c, #222222); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3a3b3c', endColorstr='#222222', GradientType=0); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#3a3b3c', endColorstr='#222222', GradientType=0)"; background-image: linear-gradient(#3a3b3c, #222222); } .jp-no-solution { color: #777; margin-bottom: 20px; text-align: center; } .jp-no-solution a { color: #DD4B39 } .jp-no-solution a:hover { color: #DD4B39 } /* CONTROLS ----------------------------------------------- */ .jp-controls { float: left; width: 30px; height: 30px; list-style-type: none; padding: 0; margin: 0; z-index: 100; } .jp-controls:after { content: " "; position: absolute; top: 0; left: 30px; width: 0; height: 30px; border-left: 1px solid #242526; border-right: 1px solid #323334; } .jp-controls li { float: left } .jp-controls a { position: absolute; overflow: hidden; text-indent: -9999px; } .jp-play, .jp-pause, .jp-mute, .jp-unmute { z-index: 1; outline: none; width: 30px; height: 30px; background-position: 10px center; background-repeat: no-repeat; -webkit-transition: opacity 0.1s ease-in-out; -moz-transition: opacity 0.1s ease-in-out; -o-transition: opacity 0.1s ease-in-out; transition: opacity 0.1s ease-in-out; } .jp-play:hover, .jp-pause:hover, .jp-mute:hover, .jp-unmute:hover { background-position: -23px center } .jp-play { background-image: url('images/audioplayer/play.png') } .jp-pause { display: none; background-image: url('images/audioplayer/pause.png'); } .jp-mute, .jp-unmute { display: block; position: absolute; top: 0; right: 55px; } .jp-mute { background-image: url('images/audioplayer/mute-off.png') } .jp-unmute { background-image: url('images/audioplayer/mute-on.png') } /* @media all and (-webkit-min-device-pixel-ratio: 1.5) { .jp-play { background-image: url('images/audioplayer/play@2x.png'); background-size: auto auto; } } @media all and (-webkit-min-device-pixel-ratio: 1.5) { .jp-pause { background-image: url('images/audioplayer/pause@2x.png'); background-size: auto auto; } } @media all and (-webkit-min-device-pixel-ratio: 1.5) { .jp-mute { background-image: url('images/audioplayer/mute-off@2x.png'); background-size: auto auto; } } @media all and (-webkit-min-device-pixel-ratio: 1.5) { .jp-unmute { background-image: url('images/audioplayer/mute-on@2x.png'); background-size: auto auto; } } */ /* PROGRESS BAR ----------------------------------------------- */ .jp-progress { position: absolute; padding: 0 95px 0 40px; margin-top: 12px; margin-bottom: 12px; margin-left: 0; margin-right: 0; width: 100%; height: 7px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .jp-seek-bar, .jp-play-bar { width: 0px; height: 5px; -webkit-border-radius: 1px; -khtml-border-radius: 1px; -moz-border-radius: 1px; -o-border-radius: 1px; border-radius: 1px; } .jp-seek-bar { cursor: pointer; position: relative; z-index: 101; background: #464849; } .jp-seek-bar:before { content: " "; display: block; background: transparent; border: 1px solid; border-color: #212424 #262929 #262929; height: 5px; width: 100%; position: relative; top: -1px; left: -1px; -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1); -khtml-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1); -moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1); -o-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1); box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1); -webkit-border-radius: 1px; -khtml-border-radius: 1px; -moz-border-radius: 1px; -o-border-radius: 1px; border-radius: 1px; } .jp-play-bar { position: absolute; top: 0; left: 0; -webkit-animation: progress 0.75s linear infinite; -moz-animation: progress 0.75s linear infinite; -o-animation: progress 0.75s linear infinite; -ms-animation: progress 0.75s linear infinite; animation: progress 0.75s linear infinite; } /* VOLUME BAR ----------------------------------------------- */ .jp-volume-bar { float: right; z-index: 99; position: relative; margin: 12px 10px 12px; width: 40px; height: 7px; cursor: pointer; background: #262929; -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1); -khtml-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1); -moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1); -o-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1); box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1); -webkit-border-radius: 1px; -khtml-border-radius: 1px; -moz-border-radius: 1px; -o-border-radius: 1px; border-radius: 1px; } .jp-volume-bar:before { content: " "; position: absolute; top: -12px; left: -35px; width: 0; height: 30px; border-left: 1px solid #323334; border-right: 1px solid #242526; } .jp-volume-bar-value { width: 0px; height: 5px; margin: 1px; -webkit-border-radius: 1px; -khtml-border-radius: 1px; -moz-border-radius: 1px; -o-border-radius: 1px; border-radius: 1px; } /* Diagonal Background Bars */ .jp-play-bar, .jp-volume-bar-value { -webkit-box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.3); -khtml-box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.3); -moz-box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.3); -o-box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.3); -webkit-background-size: 7px 7px; -moz-background-size: 7px 7px; -o-background-size: 7px 7px; background-size: 7px 7px; background-color: #fcc500; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#fff200), to(#fcc500)); background-image: -moz-linear-gradient(#fff200, #fcc500); background-image: -ms-linear-gradient(#fff200, #fcc500); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff200), color-stop(100%, #fcc500)); background-image: -webkit-linear-gradient(#fff200, #fcc500); background-image: -o-linear-gradient(#fff200, #fcc500); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff200', endColorstr='#fcc500', GradientType=0); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff200', endColorstr='#fcc500', GradientType=0)"; background-image: linear-gradient(#fff200, #fcc500); background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.25, rgba(255, 255, 255, 0.3)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.3)), color-stop(0.75, rgba(255, 255, 255, 0.3)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent); background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent); background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent); } /* TIME HOLDER ----------------------------------------------- */ .jp-time-holder { display: none; visibility: hidden; } /* TIME HOLDER ----------------------------------------------- */ .jp-toggles { display: none; visibility: hidden; } /* CSS3 ANIMATINS ----------------------------------------------- */ /* Progress Bar Animation */ @-webkit-keyframes progress { 0% { background-position: 0 } 100% { background-position: -7px } } @-moz-keyframes progress { 0% { background-position: 0 } 100% { background-position: -7px } } @-ms-keyframes progress { 0% { background-position: 0 } 100% { background-position: -7px } } @-o-keyframes progress { 0% { background-position: 0 } 100% { background-position: -7px } } /*! * Font Awesome 4.0.3 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ /* FONT PATH * -------------------------- */ @font-face{font-family:'FontAwesome';src:url('font/fontawesome-webfont.eot?v=3.2.1');src:url('font/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'),url('font/fontawesome-webfont.woff?v=3.2.1') format('woff'),url('font/fontawesome-webfont.ttf?v=3.2.1') format('truetype'),url('font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');font-weight:normal;font-style:normal;}[class^="icon-"],[class*=" icon-"]{font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;*margin-right:.3em;} [class^="icon-"]:before,[class*=" icon-"]:before{text-decoration:inherit;display:inline-block;speak:none;} .icon-large:before{vertical-align:-10%;font-size:1.3333333333333333em;} a [class^="icon-"],a [class*=" icon-"]{display:inline;} [class^="icon-"].icon-fixed-width,[class*=" icon-"].icon-fixed-width{display:inline-block;width:1.1428571428571428em;text-align:right;padding-right:0.2857142857142857em;}[class^="icon-"].icon-fixed-width.icon-large,[class*=" icon-"].icon-fixed-width.icon-large{width:1.4285714285714286em;} .icons-ul{margin-left:2.142857142857143em;list-style-type:none;}.icons-ul>li{position:relative;} .icons-ul .icon-li{position:absolute;left:-2.142857142857143em;width:2.142857142857143em;text-align:center;line-height:inherit;} [class^="icon-"].hide,[class*=" icon-"].hide{display:none;} .icon-muted{color:#eeeeee;} .icon-light{color:#ffffff;} .icon-dark{color:#333333;} .icon-border{border:solid 1px #eeeeee;padding:.2em .25em .15em;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} .icon-2x{font-size:2em;}.icon-2x.icon-border{border-width:2px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;} .icon-3x{font-size:3em;}.icon-3x.icon-border{border-width:3px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} .icon-4x{font-size:4em;}.icon-4x.icon-border{border-width:4px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;} .icon-5x{font-size:5em;}.icon-5x.icon-border{border-width:5px;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;} .pull-right{float:right;} .pull-left{float:left;} [class^="icon-"].pull-left,[class*=" icon-"].pull-left{margin-right:.3em;} [class^="icon-"].pull-right,[class*=" icon-"].pull-right{margin-left:.3em;} [class^="icon-"],[class*=" icon-"]{display:inline;width:auto;height:auto;line-height:normal;vertical-align:baseline;background-image:none;background-position:0% 0%;background-repeat:repeat;margin-top:0;} .icon-white,.nav-pills>.active>a>[class^="icon-"],.nav-pills>.active>a>[class*=" icon-"],.nav-list>.active>a>[class^="icon-"],.nav-list>.active>a>[class*=" icon-"],.navbar-inverse .nav>.active>a>[class^="icon-"],.navbar-inverse .nav>.active>a>[class*=" icon-"],.dropdown-menu>li>a:hover>[class^="icon-"],.dropdown-menu>li>a:hover>[class*=" icon-"],.dropdown-menu>.active>a>[class^="icon-"],.dropdown-menu>.active>a>[class*=" icon-"],.dropdown-submenu:hover>a>[class^="icon-"],.dropdown-submenu:hover>a>[class*=" icon-"]{background-image:none;} .btn [class^="icon-"].icon-large,.nav [class^="icon-"].icon-large,.btn [class*=" icon-"].icon-large,.nav [class*=" icon-"].icon-large{line-height:.9em;} .btn [class^="icon-"].icon-spin,.nav [class^="icon-"].icon-spin,.btn [class*=" icon-"].icon-spin,.nav [class*=" icon-"].icon-spin{display:inline-block;} .nav-tabs [class^="icon-"],.nav-pills [class^="icon-"],.nav-tabs [class*=" icon-"],.nav-pills [class*=" icon-"],.nav-tabs [class^="icon-"].icon-large,.nav-pills [class^="icon-"].icon-large,.nav-tabs [class*=" icon-"].icon-large,.nav-pills [class*=" icon-"].icon-large{line-height:.9em;} .btn [class^="icon-"].pull-left.icon-2x,.btn [class*=" icon-"].pull-left.icon-2x,.btn [class^="icon-"].pull-right.icon-2x,.btn [class*=" icon-"].pull-right.icon-2x{margin-top:.18em;} .btn [class^="icon-"].icon-spin.icon-large,.btn [class*=" icon-"].icon-spin.icon-large{line-height:.8em;} .btn.btn-small [class^="icon-"].pull-left.icon-2x,.btn.btn-small [class*=" icon-"].pull-left.icon-2x,.btn.btn-small [class^="icon-"].pull-right.icon-2x,.btn.btn-small [class*=" icon-"].pull-right.icon-2x{margin-top:.25em;} .btn.btn-large [class^="icon-"],.btn.btn-large [class*=" icon-"]{margin-top:0;}.btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x,.btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x{margin-top:.05em;} .btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x{margin-right:.2em;} .btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x{margin-left:.2em;} .nav-list [class^="icon-"],.nav-list [class*=" icon-"]{line-height:inherit;} .icon-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:-35%;}.icon-stack [class^="icon-"],.icon-stack [class*=" icon-"]{display:block;text-align:center;position:absolute;width:100%;height:100%;font-size:1em;line-height:inherit;*line-height:2em;} .icon-stack .icon-stack-base{font-size:2em;*line-height:1em;} .icon-spin{display:inline-block;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;-webkit-animation:spin 2s infinite linear;animation:spin 2s infinite linear;} a .icon-stack,a .icon-spin{display:inline-block;text-decoration:none;} @-moz-keyframes spin{0%{-moz-transform:rotate(0deg);} 100%{-moz-transform:rotate(359deg);}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);} 100%{-webkit-transform:rotate(359deg);}}@-o-keyframes spin{0%{-o-transform:rotate(0deg);} 100%{-o-transform:rotate(359deg);}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg);} 100%{-ms-transform:rotate(359deg);}}@keyframes spin{0%{transform:rotate(0deg);} 100%{transform:rotate(359deg);}}.icon-rotate-90:before{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);} .icon-rotate-180:before{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);} .icon-rotate-270:before{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);} .icon-flip-horizontal:before{-webkit-transform:scale(-1, 1);-moz-transform:scale(-1, 1);-ms-transform:scale(-1, 1);-o-transform:scale(-1, 1);transform:scale(-1, 1);} .icon-flip-vertical:before{-webkit-transform:scale(1, -1);-moz-transform:scale(1, -1);-ms-transform:scale(1, -1);-o-transform:scale(1, -1);transform:scale(1, -1);} a .icon-rotate-90:before,a .icon-rotate-180:before,a .icon-rotate-270:before,a .icon-flip-horizontal:before,a .icon-flip-vertical:before{display:inline-block;} .icon-glass:before{content:"\f000";} .icon-music:before{content:"\f001";} .icon-search:before{content:"\f002";} .icon-envelope-alt:before{content:"\f003";} .icon-heart:before{content:"\f004";} .icon-star:before{content:"\f005";} .icon-star-empty:before{content:"\f006";} .icon-user:before{content:"\f007";} .icon-film:before{content:"\f008";} .icon-th-large:before{content:"\f009";} .icon-th:before{content:"\f00a";} .icon-th-list:before{content:"\f00b";} .icon-ok:before{content:"\f00c";} .icon-remove:before{content:"\f00d";} .icon-zoom-in:before{content:"\f00e";} .icon-zoom-out:before{content:"\f010";} .icon-power-off:before,.icon-off:before{content:"\f011";} .icon-signal:before{content:"\f012";} .icon-gear:before,.icon-cog:before{content:"\f013";} .icon-trash:before{content:"\f014";} .icon-home:before{content:"\f015";} .icon-file-alt:before{content:"\f016";} .icon-time:before{content:"\f017";} .icon-road:before{content:"\f018";} .icon-download-alt:before{content:"\f019";} .icon-download:before{content:"\f01a";} .icon-upload:before{content:"\f01b";} .icon-inbox:before{content:"\f01c";} .icon-play-circle:before{content:"\f01d";} .icon-rotate-right:before,.icon-repeat:before{content:"\f01e";} .icon-refresh:before{content:"\f021";} .icon-list-alt:before{content:"\f022";} .icon-lock:before{content:"\f023";} .icon-flag:before{content:"\f024";} .icon-headphones:before{content:"\f025";} .icon-volume-off:before{content:"\f026";} .icon-volume-down:before{content:"\f027";} .icon-volume-up:before{content:"\f028";} .icon-qrcode:before{content:"\f029";} .icon-barcode:before{content:"\f02a";} .icon-tag:before{content:"\f02b";} .icon-tags:before{content:"\f02c";} .icon-book:before{content:"\f02d";} .icon-bookmark:before{content:"\f02e";} .icon-print:before{content:"\f02f";} .icon-camera:before{content:"\f030";} .icon-font:before{content:"\f031";} .icon-bold:before{content:"\f032";} .icon-italic:before{content:"\f033";} .icon-text-height:before{content:"\f034";} .icon-text-width:before{content:"\f035";} .icon-align-left:before{content:"\f036";} .icon-align-center:before{content:"\f037";} .icon-align-right:before{content:"\f038";} .icon-align-justify:before{content:"\f039";} .icon-list:before{content:"\f03a";} .icon-indent-left:before{content:"\f03b";} .icon-indent-right:before{content:"\f03c";} .icon-facetime-video:before{content:"\f03d";} .icon-picture:before{content:"\f03e";} .icon-pencil:before{content:"\f040";} .icon-map-marker:before{content:"\f041";} .icon-adjust:before{content:"\f042";} .icon-tint:before{content:"\f043";} .icon-edit:before{content:"\f044";} .icon-share:before{content:"\f045";} .icon-check:before{content:"\f046";} .icon-move:before{content:"\f047";} .icon-step-backward:before{content:"\f048";} .icon-fast-backward:before{content:"\f049";} .icon-backward:before{content:"\f04a";} .icon-play:before{content:"\f04b";} .icon-pause:before{content:"\f04c";} .icon-stop:before{content:"\f04d";} .icon-forward:before{content:"\f04e";} .icon-fast-forward:before{content:"\f050";} .icon-step-forward:before{content:"\f051";} .icon-eject:before{content:"\f052";} .icon-chevron-left:before{content:"\f053";} .icon-chevron-right:before{content:"\f054";} .icon-plus-sign:before{content:"\f055";} .icon-minus-sign:before{content:"\f056";} .icon-remove-sign:before{content:"\f057";} .icon-ok-sign:before{content:"\f058";} .icon-question-sign:before{content:"\f059";} .icon-info-sign:before{content:"\f05a";} .icon-screenshot:before{content:"\f05b";} .icon-remove-circle:before{content:"\f05c";} .icon-ok-circle:before{content:"\f05d";} .icon-ban-circle:before{content:"\f05e";} .icon-arrow-left:before{content:"\f060";} .icon-arrow-right:before{content:"\f061";} .icon-arrow-up:before{content:"\f062";} .icon-arrow-down:before{content:"\f063";} .icon-mail-forward:before,.icon-share-alt:before{content:"\f064";} .icon-resize-full:before{content:"\f065";} .icon-resize-small:before{content:"\f066";} .icon-plus:before{content:"\f067";} .icon-minus:before{content:"\f068";} .icon-asterisk:before{content:"\f069";} .icon-exclamation-sign:before{content:"\f06a";} .icon-gift:before{content:"\f06b";} .icon-leaf:before{content:"\f06c";} .icon-fire:before{content:"\f06d";} .icon-eye-open:before{content:"\f06e";} .icon-eye-close:before{content:"\f070";} .icon-warning-sign:before{content:"\f071";} .icon-plane:before{content:"\f072";} .icon-calendar:before{content:"\f073";} .icon-random:before{content:"\f074";} .icon-comment:before{content:"\f075";} .icon-magnet:before{content:"\f076";} .icon-chevron-up:before{content:"\f077";} .icon-chevron-down:before{content:"\f078";} .icon-retweet:before{content:"\f079";} .icon-shopping-cart:before{content:"\f07a";} .icon-folder-close:before{content:"\f07b";} .icon-folder-open:before{content:"\f07c";} .icon-resize-vertical:before{content:"\f07d";} .icon-resize-horizontal:before{content:"\f07e";} .icon-bar-chart:before{content:"\f080";} .icon-twitter-sign:before{content:"\f081";} .icon-facebook-sign:before{content:"\f082";} .icon-camera-retro:before{content:"\f083";} .icon-key:before{content:"\f084";} .icon-gears:before,.icon-cogs:before{content:"\f085";} .icon-comments:before{content:"\f086";} .icon-thumbs-up-alt:before{content:"\f087";} .icon-thumbs-down-alt:before{content:"\f088";} .icon-star-half:before{content:"\f089";} .icon-heart-empty:before{content:"\f08a";} .icon-signout:before{content:"\f08b";} .icon-linkedin-sign:before{content:"\f08c";} .icon-pushpin:before{content:"\f08d";} .icon-external-link:before{content:"\f08e";} .icon-signin:before{content:"\f090";} .icon-trophy:before{content:"\f091";} .icon-github-sign:before{content:"\f092";} .icon-upload-alt:before{content:"\f093";} .icon-lemon:before{content:"\f094";} .icon-phone:before{content:"\f095";} .icon-unchecked:before,.icon-check-empty:before{content:"\f096";} .icon-bookmark-empty:before{content:"\f097";} .icon-phone-sign:before{content:"\f098";} .icon-twitter:before{content:"\f099";} .icon-facebook:before{content:"\f09a";} .icon-github:before{content:"\f09b";} .icon-unlock:before{content:"\f09c";} .icon-credit-card:before{content:"\f09d";} .icon-rss:before{content:"\f09e";} .icon-hdd:before{content:"\f0a0";} .icon-bullhorn:before{content:"\f0a1";} .icon-bell:before{content:"\f0a2";} .icon-certificate:before{content:"\f0a3";} .icon-hand-right:before{content:"\f0a4";} .icon-hand-left:before{content:"\f0a5";} .icon-hand-up:before{content:"\f0a6";} .icon-hand-down:before{content:"\f0a7";} .icon-circle-arrow-left:before{content:"\f0a8";} .icon-circle-arrow-right:before{content:"\f0a9";} .icon-circle-arrow-up:before{content:"\f0aa";} .icon-circle-arrow-down:before{content:"\f0ab";} .icon-globe:before{content:"\f0ac";} .icon-wrench:before{content:"\f0ad";} .icon-tasks:before{content:"\f0ae";} .icon-filter:before{content:"\f0b0";} .icon-briefcase:before{content:"\f0b1";} .icon-fullscreen:before{content:"\f0b2";} .icon-group:before{content:"\f0c0";} .icon-link:before{content:"\f0c1";} .icon-cloud:before{content:"\f0c2";} .icon-beaker:before{content:"\f0c3";} .icon-cut:before{content:"\f0c4";} .icon-copy:before{content:"\f0c5";} .icon-paperclip:before,.icon-paper-clip:before{content:"\f0c6";} .icon-save:before{content:"\f0c7";} .icon-sign-blank:before{content:"\f0c8";} .icon-reorder:before{content:"\f0c9";} .icon-list-ul:before{content:"\f0ca";} .icon-list-ol:before{content:"\f0cb";} .icon-strikethrough:before{content:"\f0cc";} .icon-underline:before{content:"\f0cd";} .icon-table:before{content:"\f0ce";} .icon-magic:before{content:"\f0d0";} .icon-truck:before{content:"\f0d1";} .icon-pinterest:before{content:"\f0d2";} .icon-pinterest-sign:before{content:"\f0d3";} .icon-google-plus-sign:before{content:"\f0d4";} .icon-google-plus:before{content:"\f0d5";} .icon-money:before{content:"\f0d6";} .icon-caret-down:before{content:"\f0d7";} .icon-caret-up:before{content:"\f0d8";} .icon-caret-left:before{content:"\f0d9";} .icon-caret-right:before{content:"\f0da";} .icon-columns:before{content:"\f0db";} .icon-sort:before{content:"\f0dc";} .icon-sort-down:before{content:"\f0dd";} .icon-sort-up:before{content:"\f0de";} .icon-envelope:before{content:"\f0e0";} .icon-linkedin:before{content:"\f0e1";} .icon-rotate-left:before,.icon-undo:before{content:"\f0e2";} .icon-legal:before{content:"\f0e3";} .icon-dashboard:before{content:"\f0e4";} .icon-comment-alt:before{content:"\f0e5";} .icon-comments-alt:before{content:"\f0e6";} .icon-bolt:before{content:"\f0e7";} .icon-sitemap:before{content:"\f0e8";} .icon-umbrella:before{content:"\f0e9";} .icon-paste:before{content:"\f0ea";} .icon-lightbulb:before{content:"\f0eb";} .icon-exchange:before{content:"\f0ec";} .icon-cloud-download:before{content:"\f0ed";} .icon-cloud-upload:before{content:"\f0ee";} .icon-user-md:before{content:"\f0f0";} .icon-stethoscope:before{content:"\f0f1";} .icon-suitcase:before{content:"\f0f2";} .icon-bell-alt:before{content:"\f0f3";} .icon-coffee:before{content:"\f0f4";} .icon-food:before{content:"\f0f5";} .icon-file-text-alt:before{content:"\f0f6";} .icon-building:before{content:"\f0f7";} .icon-hospital:before{content:"\f0f8";} .icon-ambulance:before{content:"\f0f9";} .icon-medkit:before{content:"\f0fa";} .icon-fighter-jet:before{content:"\f0fb";} .icon-beer:before{content:"\f0fc";} .icon-h-sign:before{content:"\f0fd";} .icon-plus-sign-alt:before{content:"\f0fe";} .icon-double-angle-left:before{content:"\f100";} .icon-double-angle-right:before{content:"\f101";} .icon-double-angle-up:before{content:"\f102";} .icon-double-angle-down:before{content:"\f103";} .icon-angle-left:before{content:"\f104";} .icon-angle-right:before{content:"\f105";} .icon-angle-up:before{content:"\f106";} .icon-angle-down:before{content:"\f107";} .icon-desktop:before{content:"\f108";} .icon-laptop:before{content:"\f109";} .icon-tablet:before{content:"\f10a";} .icon-mobile-phone:before{content:"\f10b";} .icon-circle-blank:before{content:"\f10c";} .icon-quote-left:before{content:"\f10d";} .icon-quote-right:before{content:"\f10e";} .icon-spinner:before{content:"\f110";} .icon-circle:before{content:"\f111";} .icon-mail-reply:before,.icon-reply:before{content:"\f112";} .icon-github-alt:before{content:"\f113";} .icon-folder-close-alt:before{content:"\f114";} .icon-folder-open-alt:before{content:"\f115";} .icon-expand-alt:before{content:"\f116";} .icon-collapse-alt:before{content:"\f117";} .icon-smile:before{content:"\f118";} .icon-frown:before{content:"\f119";} .icon-meh:before{content:"\f11a";} .icon-gamepad:before{content:"\f11b";} .icon-keyboard:before{content:"\f11c";} .icon-flag-alt:before{content:"\f11d";} .icon-flag-checkered:before{content:"\f11e";} .icon-terminal:before{content:"\f120";} .icon-code:before{content:"\f121";} .icon-reply-all:before{content:"\f122";} .icon-mail-reply-all:before{content:"\f122";} .icon-star-half-full:before,.icon-star-half-empty:before{content:"\f123";} .icon-location-arrow:before{content:"\f124";} .icon-crop:before{content:"\f125";} .icon-code-fork:before{content:"\f126";} .icon-unlink:before{content:"\f127";} .icon-question:before{content:"\f128";} .icon-info:before{content:"\f129";} .icon-exclamation:before{content:"\f12a";} .icon-superscript:before{content:"\f12b";} .icon-subscript:before{content:"\f12c";} .icon-eraser:before{content:"\f12d";} .icon-puzzle-piece:before{content:"\f12e";} .icon-microphone:before{content:"\f130";} .icon-microphone-off:before{content:"\f131";} .icon-shield:before{content:"\f132";} .icon-calendar-empty:before{content:"\f133";} .icon-fire-extinguisher:before{content:"\f134";} .icon-rocket:before{content:"\f135";} .icon-maxcdn:before{content:"\f136";} .icon-chevron-sign-left:before{content:"\f137";} .icon-chevron-sign-right:before{content:"\f138";} .icon-chevron-sign-up:before{content:"\f139";} .icon-chevron-sign-down:before{content:"\f13a";} .icon-html5:before{content:"\f13b";} .icon-css3:before{content:"\f13c";} .icon-anchor:before{content:"\f13d";} .icon-unlock-alt:before{content:"\f13e";} .icon-bullseye:before{content:"\f140";} .icon-ellipsis-horizontal:before{content:"\f141";} .icon-ellipsis-vertical:before{content:"\f142";} .icon-rss-sign:before{content:"\f143";} .icon-play-sign:before{content:"\f144";} .icon-ticket:before{content:"\f145";} .icon-minus-sign-alt:before{content:"\f146";} .icon-check-minus:before{content:"\f147";} .icon-level-up:before{content:"\f148";} .icon-level-down:before{content:"\f149";} .icon-check-sign:before{content:"\f14a";} .icon-edit-sign:before{content:"\f14b";} .icon-external-link-sign:before{content:"\f14c";} .icon-share-sign:before{content:"\f14d";} .icon-compass:before{content:"\f14e";} .icon-collapse:before{content:"\f150";} .icon-collapse-top:before{content:"\f151";} .icon-expand:before{content:"\f152";} .icon-euro:before,.icon-eur:before{content:"\f153";} .icon-gbp:before{content:"\f154";} .icon-dollar:before,.icon-usd:before{content:"\f155";} .icon-rupee:before,.icon-inr:before{content:"\f156";} .icon-yen:before,.icon-jpy:before{content:"\f157";} .icon-renminbi:before,.icon-cny:before{content:"\f158";} .icon-won:before,.icon-krw:before{content:"\f159";} .icon-bitcoin:before,.icon-btc:before{content:"\f15a";} .icon-file:before{content:"\f15b";} .icon-file-text:before{content:"\f15c";} .icon-sort-by-alphabet:before{content:"\f15d";} .icon-sort-by-alphabet-alt:before{content:"\f15e";} .icon-sort-by-attributes:before{content:"\f160";} .icon-sort-by-attributes-alt:before{content:"\f161";} .icon-sort-by-order:before{content:"\f162";} .icon-sort-by-order-alt:before{content:"\f163";} .icon-thumbs-up:before{content:"\f164";} .icon-thumbs-down:before{content:"\f165";} .icon-youtube-sign:before{content:"\f166";} .icon-youtube:before{content:"\f167";} .icon-xing:before{content:"\f168";} .icon-xing-sign:before{content:"\f169";} .icon-youtube-play:before{content:"\f16a";} .icon-dropbox:before{content:"\f16b";} .icon-stackexchange:before{content:"\f16c";} .icon-instagram:before{content:"\f16d";} .icon-flickr:before{content:"\f16e";} .icon-adn:before{content:"\f170";} .icon-bitbucket:before{content:"\f171";} .icon-bitbucket-sign:before{content:"\f172";} .icon-tumblr:before{content:"\f173";} .icon-tumblr-sign:before{content:"\f174";} .icon-long-arrow-down:before{content:"\f175";} .icon-long-arrow-up:before{content:"\f176";} .icon-long-arrow-left:before{content:"\f177";} .icon-long-arrow-right:before{content:"\f178";} .icon-apple:before{content:"\f179";} .icon-windows:before{content:"\f17a";} .icon-android:before{content:"\f17b";} .icon-linux:before{content:"\f17c";} .icon-dribbble:before{content:"\f17d";} .icon-skype:before{content:"\f17e";} .icon-foursquare:before{content:"\f180";} .icon-trello:before{content:"\f181";} .icon-female:before{content:"\f182";} .icon-male:before{content:"\f183";} .icon-gittip:before{content:"\f184";} .icon-sun:before{content:"\f185";} .icon-moon:before{content:"\f186";} .icon-archive:before{content:"\f187";} .icon-bug:before{content:"\f188";} .icon-vk:before{content:"\f189";} .icon-weibo:before{content:"\f18a";} .icon-renren:before{content:"\f18b";} .rajat-mail { background: rgba(0, 0, 0, 0) url("http://www.rajatnayarvedicastrologer.com/images/msg-icon.png") no-repeat scroll left center; display: inline-block; margin-top: 9px; padding-left: 45px; } #header-wrap { background: #fff url("images/header.jpg") repeat-x scroll 0 0; } #footer { color: #ffffff; padding: 15px 0; } .footer-box h6 { color: #fff; font-size: 13px; font-weight: 400; margin-bottom: 10px; margin-top: 0; text-transform: uppercase; } .footer-box img { height: auto; width: auto; } #footer-wrap { background: #054686 url("images/footer-bg.jpg") no-repeat scroll center top; clear: both; } .follow-us { display: none; float: right; margin-top: 10px; } .need-follow { float: right; } .need-help { background-color: #fff; border: 1px solid #cccbca; border-radius: 0 0 5px 5px; float: right; padding: 8px; } .consult-i { background: rgba(0, 0, 0, 0) url("http://www.rajatnayarvedicastrologer.com/images/cons-user-w.png") no-repeat scroll left center; float: right; height: 30px; padding-left: 32px; } #logo { float: left; margin-top: 17px; } .header-right { float: right; } .header-nav { clear: both; float: right; margin-top: 10px; } .header-nav ul li { color: #232222; display: inline; padding-left: 2px; vertical-align: middle; } .header-nav ul li a { color: #232222; font-size: 12px; } .header-nav ul li a:hover { color: #cf292a; } .phone-msg { clear: both; float: right; margin-top: 10px; } .phone-msg ul li:first-child { float: left; margin-bottom: 11px; margin-top: -8px; } .phone-msg ul li { display: inline; margin-right: 5px; } .phone-msg ul li a { color: #151414; font-size: 14px; font-weight: 600; height: 30px; line-height: 27px; } .rajat-mail { background: rgba(0, 0, 0, 0) url("http://www.rajatnayarvedicastrologer.com/images/msg-icon.png") no-repeat scroll left center; display: inline-block; margin-top: 9px; padding-left: 45px; } .phone { background: rgba(0, 0, 0, 0) url("http://www.rajatnayarvedicastrologer.com/images/phone-icon.png") no-repeat scroll left center; float: right; padding-left: 40px; } .header-right .footer-widget { margin-bottom: 0; } #navigation ul li { background: rgba(0, 0, 0, 0) url("http://www.rajatnayarvedicastrologer.com/images/navigation-bg.jpg") no-repeat scroll left center; display: inline-block; vertical-align: middle; } #navigation ul li a { color: #fff; padding: 13px 15px; font-size: 13px; font-weight: 600; text-transform: uppercase; } #navigation ul li:first-child { background: none; } #navigation ul li a:hover { background: #f1992d none repeat scroll 0 0; color:#fff; } .top-bar { background-color: #0b0b0b; padding:5px 0; } .top-nav { float: left; } .top-nav ul li { display: inline-block; } .top-nav ul li a { background: rgba(0, 0, 0, 0) url("images/top-nav-line.png") no-repeat scroll right center; color: #fff; display: block; font-size: 13px; margin: 0 3px 0 0; padding-right: 10px; padding-top: 5px; } .top-nav ul li a:last-child{background:none;} .consult-i { background: rgba(0, 0, 0, 0) url("images/cons-user.png") no-repeat scroll left center; float: right; height: 30px; padding-left: 32px; } .consult-i a { color: #fff; float: right; font-size: 14px; margin: 5px 0; } .header-right { float: right; margin-bottom: 20px; } .bollywood { color: #fff; float: right; font-family: "OgiremaBold-Regular"; font-size: 30px; font-weight: 700; margin-bottom: 5px; margin-top: 15px; } .world-famous { clear: both; color: #fff; float: right; font-size: 15px; } .mail-phone { clear: both; float: right; margin-top: 10px; } .mail-phone ul li { display: inline-block; margin-left: 12px; vertical-align: middle; } .mail { background: rgba(0, 0, 0, 0) url("images/msg.png") no-repeat scroll left 0; padding-left: 45px; padding-top: 12px; } .phone { background: rgba(0, 0, 0, 0) url("images/phone.png") no-repeat scroll left center; font-weight: 600; line-height: 46px; padding-left: 45px; } .mail-phone ul li a { color: #fff; font-size: 14px; } .footer-box ul li a { color: #fff; font-size: 13px; font-weight: 400; text-transform: uppercase; }