@charset "utf-8";
/*-----------------------------------------------------------------------------------

    Theme Name: G6Feature
    Theme URI: http://madza.afloy.com/templates/g6feature/
    Description: Business & Portfolio Theme
    Author: Madars Bitenieks
    Author URI: http://themeforest.net/user/madza
    License: GNU General Public License version 3.0
    License URI: http://www.gnu.org/licenses/gpl-3.0.html
    Version: 1.2
    
    Designed & Handcrafted by Madars Bitenieks for http://themeforest.net/user/madza
    All files, unless otherwise stated, are released under the GNU General Public License
    version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html)

-----------------------------------------------------------------------------------

    0.  CSS Reset & Clearfix
    1.  Document Setup (body, common classes, vertical rhythm, structure etc)
    3.  Header Styles
    4.  Typography
    5.  Home Page
    6.  Footer Style
    7.  Blog & Single
    8.  Widgets
    9.  Plugins
    10. Other

-----------------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------------*/
/*  0.  CSS Reset & Clearfix - http://meyerweb.com/eric/tools/css/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, font, 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 { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden } .clearfix { display: inline-block } /* Hide from IE Mac \*/ .clearfix { display: block; } /* End hide from IE Mac */ .none { display: none; } /* End Clearfix */


/*-----------------------------------------------------------------------------------*/
/*  1.  Document Setup (body, common classes, vertical rhythm, structure etc)
/*-----------------------------------------------------------------------------------*/

body { 
    font: 12px/20px "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    background: #fff;
    color: #96999d
}

input,
textarea {
    font: 12px/14px "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    background: #f3f3f3;
    color: #999;
    border: 0px
}

.hidden { display: none }

.alignleft,
.float-left { float: left }

.alignright,
.float-right { float: right }

.aligncenter {
    margin-left: auto;
    margin-right: auto;
    display: block;
    clear: both
}

.center { text-align: center }

.clear {
    clear: both;
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    width: 100%
}

.midle {
    margin: 0 auto; 
    width: 900px
}

a { 
    color: #828282;
    text-decoration: none }

a img { border: none }

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 5px;
    margin-bottom: 10px;
    color: #000;
    font-weight: normal;
    padding: 0;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
}

h1 {
    font-size: 24px;
    line-height: 28px
}

h2 {
    font-size: 20px;
    line-height: 22px
}

h3 {
    font-size: 16px;
    line-height: 20px
}

h4 {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 15px;
    font-family: "Droid Serif", Georgia, Times, serif;
    font-style: italic
}

h5 {
    font-size: 12px;
    line-height: 18px
}

h6 {
    font-size: 10px;
    line-height: 16px
}

p { margin-top:5px }

p,
pre,
ul,
ol,
dl,
dd,
blockquote,
address,
table,
fieldset,
form { 
    margin-bottom: 15px;
    color: #96999d
}

#content-full { width: 100% }

#content { 
    background: #fcfcfc;
    margin: 0 auto; 
    width: 960px; 
    z-index: 2;
    display: block;
    position: relative
}

.right-content { 
    float: left; 
    width: 600px;  
    padding: 15px 0 30px 30px 
}

.left-content { 
    float: right; 
    width: 600px;  
    padding: 15px 30px 30px 0
}

.right-sidebar { 
    float: left; 
    width: 260px;  
    padding: 0px 0 30px 40px 
}
.left-sidebar { 
    float: left; 
    width: 260px;  
    padding: 0px 0 30px 30px
}

#full-page { 
    width: 900px;  
    padding: 15px 30px 20px 30px;
}

.line{ border-top: solid 1px #efefef }

.line-home {
    border-bottom: 1px solid #F3F3F3;
    margin: 20px -30px 20px -30px
}

.line-single {
    border-top: solid 1px #efefef; 
    margin-bottom: 25px
}

#all-div {
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
width: 960px;
margin:0 auto;
}


/*-----------------------------------------------------------------------------------*/
/*  2.  Header Styles
/*-----------------------------------------------------------------------------------*/

#logo { 
    margin-left:20px;
    float: left; 
    width: 230px; 
    height: 90px;  
    display: block
}

#logo a{
    padding-top: 30px; 
    display: block; 
    position: relative; 
    width: 230px; 
    height: 90px; 
    background: none;
    font-size: 30px!important; 
    vertical-align: middle; 
    cursor: pointer
}

#logo h1 {  
    padding: 0px;
    margin: 0px;
    display: block; 
    position: relative;
    cursor: pointer
}

#logo h1 a { 
    font-size: 30px!important; 
    vertical-align: middle; 
    position: relative; 
    color: #232323; 
    display: block; 
    cursor: pointer
}

#header-midle-line{
    border-top-color: #f3f3f3;
    border-top-style: solid;
    border-top-width: 1px; 
    width: 960px;
    padding: 0px;
    height: 0px;
    margin: 0 auto;
    line-height: 0px
} 

#head-layout{
    width: 100%;
    border-top-color: #232323;
    border-top-style: solid;
    border-top-width: 0px
    
}

#slider-top-shadow {
    width: 960px;
    height: 4px;
    background: black;
    opacity: 0.1;
    margin: 0 auto;
    position: absolute;
    z-index: 999
}

#slider-bottom-shadow {
    width: 960px;
    height: 31px;
    background: url(images/growing/slider-bottom-bg.png) no-repeat center;
    margin: -31px 0 0 0;
    position: relative;
    z-index: 999
}

#slider-midle {
    width: 960px;
    margin: 0 auto
}

#title-layout{ width: 100% }

.title-frame-top { 
    width: 960px;
    background: white;
    margin:0 auto;
    position: relative
}

#header-title { 
    padding: 20px 0 20px 0; 
    line-height: 0em;
    background: #fcfcfc;
    border-bottom:1px solid #F3F3F3;
}

#header-title h1 { 
    padding: 0;
    margin: 0
}

#header-subtitle { padding: 0 30px }

#header-subtitle, 
#header-subtitle a { 
    line-height: 1.3em;
    background: none
}

#header-subtitle a:hover { color: gray }

#header-title.float-right a {
    font-size: 16px!important; 
    line-height: 1.3em;
    padding: 5px 0px 5px 0px;
    color: #2a313a;
}

#header-title.float-right a:hover {
    color: gray
}

#header-subtitle h1, 
#header-subtitle h2, 
#header-subtitle h3, 
#header-subtitle h4, 
#header-subtitle h5, 
#header-subtitle h6 { 
    padding: 0; 
    color: #444444; 
    margin: 0
}

#title-left {
    text-align: left;
    width: 900px;
    padding: 0 30px
}

#title-left h1, .title-left-portfolio h1 {
    font-size: 30px!important;
    line-height: 0
}

#general-button {
    background-image: url(images/growing/new-wersion.png);
    background-repeat: no-repeat;
    width: 299px;
    height: 74px;
    margin: -35px 0 -39px 330px;
    position: relative;
    z-index: 9999
}

#title-left-home {
    text-align: center;
    width: 800px;
    padding: 20px 80px 0 80px
}

#title-left-home{ font-size:21px!important }

#title-left-portfolio {
    float: left;
    width: 350px;
    padding-left: 30px
}

#title-button:hover {
    background-color: #3288e4;
    color: #fff
}

#title-right{ 
    float: right; 
    width: 245px
}
#title-right-portfolio {
    float: right;
    padding: 0px 30px 0px 0px;
    margin-top: -2px;
    margin-bottom: -10px;
    width: 530px
}
#title-right-portfolio fieldset { float: right }

#edit-link {
    position: absolute;
    margin-top: 5px
}

#edit-link a {
    font-size: 10px; 
    color: white;
    background: none
}

#top-area { 
    padding: 0px 0 20px 0; 
    width: 960px;
    margin: 0 auto;
    background: white url(https://bloodbikesscotland.co.uk/wp-content/themes/Growing-Feature/images/growing/top-area-bg.jpg) repeat-x bottom
}

#top-area-2 { 
    padding: 0px 0 20px 0; 
    width: 960px;
    margin-bottom: -80px;
    background: white url(https://bloodbikesscotland.co.uk/wp-content/themes/Growing-Feature/images/growing/top-area-bg.jpg) repeat-x bottom
}

#header { 
    width: 940px;
    margin: 0 auto
}

#header-social {
    float: right;
    margin: 29px 15px 0px 0px;
    padding: 0
}

#header-social li {
    float: left;
    list-style: none;
    margin: 0px;
    height: 27px;
    opacity: 1
}

#header-social li a {
    float: left;
    list-style: none;
    margin: -5px 0px 0px 0px;
    padding: 0px;
    height: 32px;
    width: 37px
}

#header-social li.phone {
    background: url(images/icons/social/oscr.png) no-repeat left;
	margin: 0 15px 0 0px;
    font-size: 11px;
    padding: 5px 0px 0px 80px;
	color: #1c3f94;

}

#header-social li.email {
    background: url(images/icons/social/email.png) no-repeat left;
    margin: 0 15px 0 0px;
    font-size: 11px;
    padding: 5px 0px 0px 37px;
	color: #1c3f94;
}

#header-social li.rss a { background: url(images/icons/social/rss.png) no-repeat left }

#header-social li.facebook a {  background: url(images/icons/social/facebook.png) no-repeat left }

#header-social li.twitter a { background: url(images/icons/social/twitter.png) no-repeat left }


/* HEADER NAV */

#header-menu {
    background: #fcfcfc url(images/growing/menu-bg.jpg) repeat-x;
    height: 40px;
    border-color: #efefef;
    border-width: 1px;
    border-style: solid;
    margin-left: -1px;
    -moz-box-shadow: 0px 3px 0px 0px rgba(0,0,0,0.03);
    -webkit-box-shadow: 0px 3px 0px 0px rgba(0,0,0,0.03);
    box-shadow: 0px 3px 0px 0px rgba(0,0,0,0.03);
    z-index: 1000;
    position: relative;
}

#header-menu-2 {
    opacity:0.9;
    background: #fcfcfc url(images/growing/menu-bg.jpg) repeat-x;
    height: 40px;
    border-color: #efefef;
    border-width: 1px;
    border-style: solid;
    margin-left: -1px;
    margin-top:20px;
    -moz-box-shadow: 0px 3px 0px 0px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0px 3px 0px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 3px 0px 0px rgba(0,0,0,0.1);
    z-index: 1000;
    position: relative;
}

#menu-home-button {
    background: url(https://bloodbikesscotland.co.uk/wp-content/themes/Growing-Feature/images/growing/home-button-icon.png) no-repeat center;
    float: left
}

#menu-home-button a {
    padding: 0;
    margin: 0;
    display: block;
    height: 38px;
    width: 40px
}

.nav {
    margin: 0 0px 0 40px; 
    padding: 0; 
    height: 40px; 
    color: #fff; 
    z-index: 1000; 
    position: absolute; 
    float: left 
}

.menu a {
    float: left; 
    color: #eee; 
    text-decoration: none; 
    padding:10px 20px 10px 20px
}

.menu li:hover { background: #f6f6f6 }

.menu span {
    float: left; 
    color: #eee;
    text-decoration: none
}

.menu {
    list-style: none;
    margin: 0; 
    padding:0
}

.menu li {
    position: relative; 
    float: left; 
    padding: 0px; 
    border-left: 1px solid #efefef
}

.menu li a {
    color: #434343; 
    display: block;  
    font-size: 12px; 
    font-weight: bold; 
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif 
}

.menu li a:hover { color: #232323 }

.menu ul {
    border: solid 1px #efefef; 
    display: none; 
    position: absolute; 
    z-index:1000;
    font: normal 13px Arial,Verdana; 
    top: 30px; 
    left: -30px; 
    background: #fdfdfd; 
    list-style: none; 
}

.menu ul li {
    float: none; 
    border: 0px solid #ccc; 
    width: 170px; 
    margin: 0px; 
    padding: 0px
}

.menu ul li:first-child { padding-top: 2px }

.menu ul li:last-child { padding-bottom: 4px }

.menu ul li a, 
li.menuhover li a, 
li.menhover li.menuhover li a {
    border-bottom: 0px solid #f0f0f0; 
    font-size: 11px; 
    font-weight: normal; 
    float: none; 
    display: block; 
    background: none; 
    line-height: 1.3em; 
    padding: 9px 20px;  
    margin: 0; 
    color: #999999; 
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
}

.menu ul li:last-child a, 
.menu ul li ul li:last-child a, 
.menu ul li ul li ul li:last-child a { border-bottom: none }

.menu ul li a:hover, 
li.menuhover li a:hover, 
li.menuhover li.menuhover li a:hover { color: #343434 }

.menu ul li span, 
li.menuhover li span, 
li.menuhover li.menuhover li span {
    float: none; 
    display: block; 
    background: none; 
    padding-top: 0
}
.menu ul ul {
    left: 170px; 
    top: -1px;  
    margin: 0px
}

.menu li.submenu { font-weight: bold }

.menu li.noborder { border-top: none }

li.menuhover a strong, 
li.menuhover a span { color: #fff }

li.menuhover a, 
li.menuhover li.menuhover a { opacity: 1.0 }

#info {
    width: 170px; 
    opacity: 1.0  
}  

#info li {
    width: 170px; 
    border-top: none;
    padding: 0px 10px; 
    text-shadow: 1px 1px #fff; 
    text-align: left
}

#menu-search {
    float: right;
    width: 40px;
    height: 40px;
    border-left: solid 1px #e7e7e7;
    overflow: hidden
}

#menu-search-button {
    float: right;
    cursor: pointer; 
    border: 0;  
    background: url(https://bloodbikesscotland.co.uk/wp-content/themes/Growing-Feature/images/growing/search-icon.png) no-repeat center;
    width: 40px;
    height: 40px;
    position: relative;
    z-index: 2
}

#menu-search-input {
    display: none;
    width: 140px;
    height: 30px;
    float: left;
    border: 0;
    padding: 5px 10px 5px 10px; 
    background: none; 
    color: #c0c0c0;
    font-size: 12px;
    z-index: 1;
    position: absolute
}


/*-----------------------------------------------------------------------------------*/
/*  3.  Navigation
/*-----------------------------------------------------------------------------------*/

#footer_menu div ul li a{ padding: 0 }

/* BREADCRUMB */

#title_left { 
    width: 600px; 
    float: left 
}

#breadcrumb { 
    padding: 7px 10px 7px 0; 
    float: left; 
    font-size: 11px
}

#breadcrumb a, 
#breadcrumb span, 
#breadcrumb p { 
    font-size: 11px; 
    padding: 0;
    margin: 0
}

.breadcrumbs-plus p strong { font-weight: normal }

.menu_categories {
    font-weight: 400; 
    padding: 15px 0 0 0; 
    margin: 0
}

.menu_categories ul { 
    list-style: none; 
    margin: 0; 
    padding: 0
}

.menu_categories ul li { 
    padding: 8px 0 8px 15px; 
    margin: 0; 
    color: #999999;  
    overflow: hidden;
    background: url(https://bloodbikesscotland.co.uk/wp-content/themes/Growing-Feature/images/arrow-right-for-cat.png) no-repeat left center;
    border-bottom: 1px solid #F3F3F3
}

.menu_categories ul li a {
    text-decoration: none; 
    background: none
}

.menu_categories ul li a:hover { text-decoration: none }

.menu_categories ul li ul { 
    list-style: none; 
    padding-left: 5px; 
    font-size: 14px; 
    padding-top: 3px; 
    margin: 0
}

.menu_categories ul li ul li { 
    padding: 3px 0 3px 0; 
    font-weight: 400; 
    color: #666; 
    margin: 0; 
}

.menu_categories ul li ul li a { 
    text-decoration: none;  
    color: gray 
}

.menu_categories ul li ul li a:hover { 
    text-decoration: underline; 
    color: #0080C0; 
    font-weight: 800
}


/*-----------------------------------------------------------------------------------*/
/*  4.  Typography
/*-----------------------------------------------------------------------------------*/


/*BUTTONS*/

.read-more-link, 
.more-link-2 a, 
.more-diva-2 a, 
#contact_form_holder_2 form #send_message, 
ul#filter a, 
.form-submit input, 
.reply_link a {
    background-color: #fff;
    background-image: url(images/growing/button-small-bg.png);
    background-repeat: repeat-x;
    background-position: bottom;
    font-size: 11px!important;
    display: inline-block;
    color: #444;
    border: solid 1px #e7e7e7;
    line-height:1.6em;
    padding: 5px 15px 5px 15px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    -moz-box-shadow: 0px 2px 2px 1px rgba(0,0,0,0.05);
    -webkit-box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.05);
    box-shadow: 0px 2px 2px 1px rgba(0,0,0,0.05);
    cursor: pointer
}

.read-more-link:hover, 
.more-link-2 a:hover,
.more-diva-2 a:hover, 
#contact_form_holder_2 form #send_message:hover, 
ul#filter a:hover,
.form-submit input:hover,
.reply_link a:hover {
    text-decoration: none;
    background-color: #fafafa;
    color: #555
}

.big-button {
    background-color: #fff;
    background-image: url(images/growing/button-small-bg.png);
    background-repeat: repeat-x;
    background-position: bottom;
    font-size: 14px!important;
    display: inline-block;
    color: #999999;
    border: solid 1px #e7e7e7;
    line-height:1.6em;
    padding: 5px 15px 5px 15px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    -moz-box-shadow: 0px 2px 2px 1px rgba(0,0,0,0.05);
    -webkit-box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.05);
    box-shadow: 0px 2px 2px 1px rgba(0,0,0,0.05);
    cursor: pointer
}

.big-button:hover {
    text-decoration: none;
    background-color: #fafafa;
    color: #999999
}


/* FORM */

.comment-input input, 
#contact_form_holder_2 form input {
    width: 300px; 
    padding: 10px 10px; 
    margin: 5px 0px 0px 0px; 
}

.comment-textarea textarea, 
#contact_form_holder_2 form textarea {
    width: 580px;
    padding: 10px 10px; 
    margin: 5px 0 0px 0
}

#ver-img { padding: 5px 0px 0px 10px; height: 30px; position: absolute }


/* HEADING */

h1.entry-title { margin-bottom: 0px !important }

h1.entry-title a { color: #0e0e0e }

h1.entry-title a:hover { color: #828282 }


/* TEXT & LINK & OTHER */

a { text-decoration: none }

a:hover { 
    color: #000; 
    text-decoration: none 
}

hr {
    width: 100%;
    border-left: #d4d4d4 0px solid; 
    border-right: #d4d4d4 0px solid; 
    border-top: #ffffff 1px solid; 
    border-bottom: #d6dddf 1px  solid; 
    clear: both; 
    margin: 20px 0 20px 0; 
    padding: 0
}

pre { 
    border: #CCC 1px dotted; 
    padding: 5px; 
    font-size: 11px; 
    color: #999; 
    margin: 20px 0 10px 0;  
    height: 100%
}

blockquote.right { 
    float: right; 
    margin: 10px 0px 0px 20px; 
    width: 220px 
}

blockquote.left { 
    margin: 10px 20px 0px 0px;
    width: 220px; 
    float:left 
}

blockquote p {
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-size: 16px !important;
    line-height: 24px !important;
    font-style: italic;
    padding: 0
}

blockquote {
    quotes: none;
    background: url(images/quote.png) no-repeat;
    padding: 0 10px 0 30px !important;
    font-family: Times New Roman, Times, Serif;
    margin: 10px 0 0px 0;
    font-size: 16px !important;
    line-height: 24px !important
}


/* UL & OL */

ul { 
    margin: 10px 0px 10px 30px; 
    padding: 0
}

ul li { padding: 3px 0px 3px 0px }

ol { margin:10px 0px 10px 30px }

ol li { padding:3px 0 3px 0 }


/* IMAGES */

.alignright {
    float: right; 
    margin-left: 20px; 
    margin-bottom: 10px; 
    margin-top: 10px
}

.alignleft{
    float: left; 
    margin-right: 20px; 
    margin-bottom: 10px; 
    margin-top: 10px
}


/*-----------------------------------------------------------------------------------*/
/*  5.  Home Page
/*-----------------------------------------------------------------------------------*/

ul.home-page-posts-portfolio{ 
    margin: 0px; 
    padding: 5px 0px 0px 0px; 
    list-style: none; 
    clear: both;
}

ul.home-page-posts-portfolio li {
    border-bottom: solid 1px #d9d9d9;
    float: left;
    width: 200.5px;
    margin: 0px 0px 10px 30px;
    background: #f8f8f8;
    padding: 0
}

ul.home-page-posts-portfolio li:first-child { 
    border:  0;
    width: 192.5px;
    margin: -10px 10px 0px 0px;
    background: none;
    padding: 0
}

ul.home-page-posts-portfolio li .home-page-post-portfolio-link { padding: 10px 15px 10px 15px }

ul.home-page-posts-portfolio li .home-page-post-portfolio-link a { 
    color: #555555;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
}

ul.home-page-posts-portfolio li .home-page-post-portfolio-link a:hover { color: #222222 }

ul.home-page-posts-portfolio li .home-page-post-portfolio-link p { margin: 10px 0 10px; }


/*-----------------------------------------------------------------------------------*/
/*  6.  Footer
/*-----------------------------------------------------------------------------------*/

#footer {
    border-top: 1px solid #f2f2f2;
    position: relative; 
    width: 960px;
    margin:  0 auto;
    padding: 0px 0 10px 0;
    background: #F8F8F8
}


/* MIDLE FOOTER */

#footer_columns_midle { padding: 0px 0 20px 0 }

.footer_widget_midle p, 
.footer_widget_midle div p, 
.footer_widget_midle div div p, 
.footer_widget_midle div div p span, 
.footer_widget_midle, 
.footer_widget_midle div, 
.footer_widget_midle div div {
    color: #7b7d80;
    font-size: 11px!important  
}

.footer_widget_midle .link { margin: 0 }

.footer_widget_midle { margin-bottom: 0 }

.footer_widget_midle h1, 
.footer_widget_midle h2, 
.footer_widget_midle h3, 
.footer_widget_midle h4, 
.footer_widget_midle h5, 
.footer_widget_midle h6,
.footer_widget_midle div h1, 
.footer_widget_midle div h2, 
.footer_widget_midle div h3, 
.footer_widge_midlet div h4, 
.footer_widget_midle div h5, 
.footer_widget_midle div h6 {
    color: #1D1D1D;
    padding: 20px 0 5px 0;
    margin: 0
}

.footer_widget_midle h2, 
.footer_widget_midle div h2, 
.footer_widget_midle div div h2 {
    font-size: 16px!important;
}

.footer_widget_midle ul,
.footer_widget_midle div ul, 
.footer_widget_midle div div ul {
    list-style: none;
    margin: 0px 0 0 0;
    padding: 0;
}

.footer_widget_midle ul li, 
.footer_widget_midle div ul li, 
.footer_widget_midle div div ul li{
    color: #7b7d80;
    padding: 4px 0;
    border-bottom-color: #f2f2f2;
    border-bottom-style: solid;
    border-bottom-width: 1px
}

.footer_widget_midle ul li ul, 
.footer_widget_midle div ul li ul, 
.footer_widget_midle div div ul li ul { display: none }

.footer_widget_midle a, 
.footer_widget_midle div a, 
.footer_widget_midle div div a {
    color: #7b7d80;
    font-size:11px   
}

.footer_widget_midle a:hover, 
.footer_widget_midle div a:hover, 
.footer_widget_midle div div a:hover { color: #444; }

.footer_widget_midle table, .footer_widget_midle th, .footer_widget_midle td { color:#7b7d80 }

.footer_widget_midle caption, .footer_widget_midle div caption { color:#7b7d80 }


/* SUB FOOTER */

#sub_footer {
    width: 100%;
    padding: 0 0 5px 0
}

.line-sub-footer { 
    height: 1px;
    border-bottom-color: #f2f2f2;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    position: relative; 
    margin-bottom: 10px
}

#sub_footer div div, 
#footer_twitter ul li span { 
    font-size: 11px;
    color: #696969
}

#footer_social{
    float: right;
    text-align: right
}

#footer_social img { padding: 0 0px 0 5px }

#footer_menu ul {
    float: right;
    list-style: none;
    margin: 0;
    padding: 0px 0 10px 0
}

#footer_menu ul li {
    float: left;
    margin: 0 0px 0 10px;
    padding: 0;
    border: 0
}

#menu-footer-menu ul li a { padding: 0 }

#footer_menu ul li a, 
#footer_twitter ul li a, 
#sub_footer div div a {
    font-size: 11px;
    font-weight: normal;
    color: #696969
}

#footer_menu ul li a:hover, 
#footer_twitter ul li a:hover, 
#sub_footer div div a:hover { color: #444 }

#footer_menu ul li ul { display: none }

#footer_twitter ul {
    background: url(images/bird.png) no-repeat 0 -10px;
    list-style: none;
    margin: 0;
    padding: 0 0px 0 40px;
}

.linkcat{ list-style: none; }


/* FOOTER CONTACT FORM */

#contact_form_holder form input {
    width: 60%; 
    border: solid 1px #d8d8d8;
    border-bottom: rgba(50, 50, 50, .3) 1px solid; 
    border-right: rgba(50, 50, 50, .3) 1px solid; 
    padding: 6px 3% 6px 3%; 
    margin: 0px 0 10px 0; 
    background: url(images/input-bg.jpg) repeat; 
    color: #c4c4c4; 
    font-size: 11px
}

#contact_form_holder form textarea {
    width: 96%; 
    padding: 6px 2% 6px 2%; 
    margin: 0px 0px 5px 0px; 
    border: solid 1px #d8d8d8;
    border-bottom: rgba(50, 50, 50, .3) 1px solid; 
    border-right: rgba(50, 50, 50, .3) 1px solid; 
    background: url(images/textarea-bg.jpg) repeat-x top #fbfbfb; 
    color: #c4c4c4;
    font-size: 11px
}

#contact_form_holder form #send_message { 
    width: 70px; 
    background: url(images/read-more-link-bg.jpg) repeat-x bottom;
    font-size: 10px;
    color: #555555;
    border: solid 1px #d8d8d8;
    padding: 6px 10px;
    -moz-border-radius: 5px; border-radius: 5px;
    border-bottom: #d5d5d5  1px solid; 
    border-right: #d5d5d5  1px solid; 
    cursor: pointer
}

#contact_form_holder form #send_message:hover { background:url(images/read-more-link-bg-hover.jpg) repeat-x bottom }


/*-----------------------------------------------------------------------------------*/
/*  7.  Blog & Single
/*-----------------------------------------------------------------------------------*/

.blog-slide-class {
    margin: 0;
    padding: 0;
    list-style: none
}

.blog-slide-class li {
    margin: 0;
    padding: 0;
    overflow: hidden 
}

.blog-slide-class li a {
    padding: 0;
    margin: 0;
    line-height: 0
}

.blog-slide-class li img {
    margin: 0;
    padding: 0;
    overflow: hidden; 
    position: relative;
    z-index: 2
}

.slider-top-space { height: 10px }

.circle-nav-class {
    text-align: right;
    width: 100%;
    margin-top: -5px;
    padding: 0;
    height: 25px;
    margin-bottom: -5px
}

.single-big-img { width: 950px!important }

.circle-nav-class a {
    cursor: pointer;
    color: #e2e2e2!important;
    font-size: 2px!important;
	text-decoration: none;
    padding: 3px 4px 2px 3px;
	margin: 0px 0px 0px 3px!important;
	text-align: center;
	border-radius: 4px 4px;
	-moz-border-radius: 4px 4px;
	-webkit-border-radius: 4px 4px;
    background-color: #e2e2e2!important
}

.circle-nav-class a:hover {
    background-color: #bdbdbd!important;
    color: #bdbdbd!important;
	text-decoration: none
 }
 
.circle-nav-class a.activeSlide {
    background-color: #bdbdbd!important;
    color: #bdbdbd!important
}

.blog-slide-class li a.portfolio-hover-link {
    position: absolute;
    width: 650px;
    height: 200px;
    opacity: 0.8;
    background: url(images/plus_in.png) no-repeat center #fff;
    z-index: 5
}

.blog-slide-class li a.portfolio-hover-lightbox {
    position: absolute;
    width: 650px;
    height: 200px;
    opacity: 0.8;
    background: url(images/zoom_in.png) no-repeat center #fff;
    z-index: 5
}


/* DATE */

.data-frame {
    float: right;
    margin-left: 20px;
    padding-top: 5px
}

.data-d {
    float: left;
    font-size: 31px;
    padding-right: 5px;
    text-align: right;
    height: 31px;
    width: 40px;
    line-height: 1em;
    color: silver
}

.data-m-j {
    float: right;
    height: 31px;
    margin-top: 0px;
    padding-left: 5px;
    top: 0;
    border-left: #e0e0e0 solid 1px
}

.data-m {
    font-weight: bold;
    line-height: 1.1em;
    color: silver
}

.data-j { color: silver }


/* COMENT */

.comment_link {  
    padding: 9px 0px 0 15px;  
    background: url(../../../files/icons/829/quartz/48/comments.png) no-repeat; 
    height: 39px; 
    width: 33px; 
    display: block;
    float: right; 
    margin-top: -5px;
    margin-bottom: 0px    
}


/* POST ON */

.entry-meta {
    margin: 0; 
    padding: 0px 0 10px 0;
    color: #828282;
    font-size: 11px;
    font-style: italic
}

.entry-meta-small-image {
    margin: 0px 0 15px 0; 
    padding: 0;
    width: 350px;
    color: #828282;
    float: right;
    font-size: 11px;
    font-style: italic
}

.single-meta-frame { color: #828282 }

.single-meta-frame {
    font-size: 11px;
    font-style: italic
}


/* TITLE */

.entry-title a {
    text-transform: none;
    background: none
}


/* POST THUMB */

.thumb-image { padding: 0 }

.thumb-image a { background: none }

.post-small-image {
    width: 220px;
    float: left
}

.post-small-image a { background: none }

.small-image-diver {
    width: 400px;
    float: right
}

.post-small-image {
    margin: 0px 25px 10px 0px;
    padding: 7px 0 22px 0
}


/* POST CONTENT */

.entry-content {
    margin-top: 0; 
    margin-bottom: 20px
}


/* LINE POST */

.post_line { 
    clear: both; 
    border-bottom: 1px solid #efefef;  
    height: 2px;   
    margin: 0px 0 20px 0; 
    padding: 0
}


/* LINE POST */
#entry_author_info {
    padding: 15px 15px 10px 15px; 
    border-top: 1px solid #efefef
}


/* AUTOR DESCRIPTION */

#author_avatar { 
    float: left; 
    width: 50px
}

#author_avatar img {
    padding: 5px; 
    background: white;
    border: 1px solid #e9eaea
}

#author_description {
    width: 530px;
    float: left; 
    padding-left: 15px
}

#author_description h4 { padding-bottom: 5px }

#author_description p { margin: 0px }


/* COMENT STYLE */

.comment_conent img {
    padding: 0px !important; 
    background: url(https://bloodbikesscotland.co.uk/wp-content/themes/Growing-Feature/none) !important
}

.comment_vcard { 
    padding: 10px 15px 0 15px; 
    margin: 10px 0px 0px 0px; 
    clear: both;  
    border-bottom: 1px solid #eaeaea; 
}

.comment_photo { float: left }

.comment_photo img {
    padding: 5px; 
    border: 1px solid #e9eaea
}

.comment_text { 
    float: left;  
    padding-left: 15px; 
    padding-bottom: 20px;
    width: 375px
}

.comment_name h4 {
    padding-bottom: 0 !important; 
    margin-bottom: 0 !important
}

.comment_name h4 a { font-size: 18px }

.comment_name h5 {
    margin: 0px;
    margin-right: 10px;
    font-size: 18px! important;
    float: left
}

.comment_date { 
    padding-top: 5px;
    font-size: 10px; 
    opacity: 0.5
}

.comment_date a { font-size: 10px }

.children {  
    clear: both; 
    padding: 0; 
    margin: 0 0px 0 30px
}

.commentlist {
    padding: 0; 
    margin: 0px 0 20px 0 
}

.children.div.comment_vcard { 
    padding: 0; 
    margin: 0; 
    clear: both
}

.children div div.comment_photo { 
    padding: 0; 
    margin: 0; 
    float: left
}

.children div div .comment_text {
    padding: 0px 0 20px 0; 
    margin: 0; 
    width: 390px;
    float: left;
    margin-left: 15px
}


/* REPLY COMMENT */

.reply_link { margin: 5px 0 0px 0 }



#comments_frame h4 { margin-bottom: 10px }

#respond { 
    font-size: 11px; 
    padding: 5px 20px 20px 0
}

#respond h3 { padding-top: 0 }

form p { padding-top: 0 }

.comment-form-email {
    color: gray; 
    clear: both; 
    width: 100px
}

.comment-form-email input { 
    font-size: 11px; 
    color: #777777; 
    padding: 6px !important; 
    clear: both; 
    width: 250px; 
    -moz-border-radius: 5px; 
    border-radius: 5px;
    background: #fafafa; 
    border: 1px solid #d8d8d8
}

.comment-form-url {
    color: gray; 
    clear: both; 
    width: 100px
}

.comment-form-url input { 
    font-size: 11px; 
    color: #777777; 
    padding: 6px !important; 
    clear: both; 
    width: 250px; 
    -moz-border-radius: 5px; 
    border-radius: 5px; 
    background:  #fafafa; 
    border: 1px solid #d8d8d8
}

.comment-form-author {
    color: gray; 
    clear: both; 
    width: 100px
}

.comment-form-author input { 
    width: 60%; 
    border: solid 1px #d8d8d8;
    border-bottom: rgba(50, 50, 50, .3) 1px solid; 
    border-right: rgba(50, 50, 50, .3) 1px solid; 
    padding: 6px 3% 6px 3%; 
    margin: 0px 0 10px 0; 
    background: url(images/input-bg.jpg) repeat; 
    color: #c4c4c4; 
    font-size: 11px
}

.comment-form-comment {
    color: gray; 
    clear: both; 
    width: 100px
}

.comment-form-comment textarea { 
    font-size: 11px; 
    color: #777777; 
    clear: both; 
    width: 450px; 
    -moz-border-radius: 5px; 
    border-radius: 5px;   
    background: #fafafa; 
    border: 1px solid #f6f8f9
}

.comment-notes { font-size: 11px }

p.form-allowed-tags code {
    font-size: 0px; 
    opacity: 0
}

.form-allowed-tags { 
    font-size: 0px; 
    opacity: 0
}


/* SINGLE STYLE */

/* BIG SLIDER */

.bee-big-slider {
    margin: 0;
    padding: 0px 0 7px 0;
    border-bottom: 1px solid #efefef
}

.bee-big-slider .blog-slide-class li a.portfolio-hover-link {
    width: 960px !important;
    height: 300px !important
}

.bee-big-slider .blog-slide-class li a.portfolio-hover-lightbox {
    width: 960px !important;
    height: 300px !important
}


/* MIDDLE SLIDER */

.bee-middle-slider {
    margin: 10px 0 0px 0;
    padding: 0px 0 12px 0
}

.bee-middle-slider .blog-slide-class li a.portfolio-hover-link {
    width: 610px !important;
    height: 200px !important
}

.bee-middle-slider .blog-slide-class li a.portfolio-hover-lightbox {
    width: 610px !important;
    height: 200px !important
}


/* SMALL SLIDER */

.bee-small-slider {
    margin: 0 30px 0 0px;
    padding: 0px 0 12px 0;
    width: 300px;
    float: left
}

.bee-small-slider .blog-slide-class li a.portfolio-hover-link {
    width: 300px !important;
    height: 300px !important
}

.bee-small-slider .blog-slide-class li a.portfolio-hover-lightbox {
    width: 300px !important;
    height: 300px !important
}


/* BLOG POSTS */

.post-old-thumb-bug { height: 10px }

.post-line-after {
    margin: 0px 0 15px 0;
    border-bottom: 1px solid #efefef;
    width: 100%;
    clear: both;
    position: relative
}


/* SMALL POST IMAGE */

.bee-blog-small-image {
    margin: 10px 30px 0px 0px;
    padding: 0px 0 15px 0;
    width: 220px;
    float: left
}

.bee-blog-small-image .blog-slide-class li a.portfolio-hover-link {
    width: 220px !important;
    height: 230px !important
}

.bee-blog-small-image .blog-slide-class li a.portfolio-hover-lightbox {
    width: 220px !important;
    height: 230px !important
}


/* FUUL POST IMAGE */

.bee-blog-full-image { padding: 10px 0px 0px 0px }

.bee-blog-full-image .blog-slide-class li a.portfolio-hover-link {
    width: 610px !important;
    height: 200px !important
}

.bee-blog-full-image .blog-slide-class li a.portfolio-hover-lightbox {
    width: 610px !important;
    height: 200px !important
}


/*-----------------------------------------------------------------------------------*/
/*  8.  Widgets
/*-----------------------------------------------------------------------------------*/

/* CALENDAR WIDGET */

#calendar_wrap table { font-size: 11px }

#calendar_wrap table td { padding: 10px 30px 0px 10px }

#calendar_wrap table tr td a { color: #000 }

#calendar_wrap table tr td a:hover {
    color: silver;  
    text-decoration: none
}

#calendar_wrap table tr td { padding-right: 6px }

#calendar_wrap table th { text-align: left }

#calendar_wrap table caption {
    text-align: left; 
    font-weight: bold; 
    padding-bottom: 5px
}

.screen-reader-text {
    font-size: 18px; 
    font-family: Arial, Helvetica, sans-serif; 
    font-weight: 400; 
    color: #383838; 
    margin-top: 2.1em; 
    padding-bottom: 0
}


/* FOOTER CONTACT FORM */

.error { 
    display: none; 
    padding: 10px; 
    color: #fff; 
    font-size: 12px
}

.success { 
    display: none; 
    padding: 10px; 
    color: #fff; 
    font-size: 12px
}

#contact_logo { vertical-align: middle }

.error img { vertical-align: top }


/* WIDGETS */

#flickr img {
    float: left; 
    display: inline; 
    margin: 3px; 
    padding: 1px; 
    border: 1px solid #ccc
}

#flickr {
    padding-top: 10px; 
    padding-bottom: 30px; 
    clear: left
}

.twitter_title_link{
    font-size: 21px; 
    color: #2a313a
}

.boxgrid { 
	width: 223px; 
	height: 260px; 
	margin: 5px; 
    background: #f0f1f2;
	float: left; 
	border: solid 1px #f0f1f2; 
	overflow: hidden; 
	position: relative 
}

.boxgrid img { 
	position: absolute; 
	top: 0; 
	left: 0; 
	border: 0
}

.boxgrid p { 
	padding: 0 10px; 
	color: #afafaf; 
	font-weight: bold; 
	font: 10pt "Lucida Grande", Arial, sans-serif
}
	
.boxcaption{ 
	float: left; 
	position: absolute; 
	background: #000; 
	height: 100px; 
	width: 100%; 
	opacity: .8; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.captionfull .boxcaption {
	top: 260px;
	left: 0;
}
.caption .boxcaption {
	top: 220px;
	left: 0;
}

/*-----------------------------------------------------------------------------------*/
/*  9.  Plugins
/*-----------------------------------------------------------------------------------*/

.pricing-table {
    padding: 0;
    margin-top: 0;
    border: solid 0px #eaeaea
}

.pricing-box ul {
    list-style: none;
    margin: 15px 0px 10px 0px;
    background: url(images/search-bottom-line.png) repeat-x top
}

.pricing-box ul li {
    padding: 7px 0;
    text-decoration: none; 
    background: url(images/search-bottom-line.png) repeat-x bottom
}

.pricing-box ul li .yes {
    background: url(https://bloodbikesscotland.co.uk/wp-content/themes/Growing-Feature/images/icon_yes.png) no-repeat center;
    height: 22px;
    margin-top: -2px
}

.pricing-box ul li .not {
    background: url(images/icon_not.png) no-repeat center;
    height: 22px;
    margin-top: -2px
}

.green { color: #67b428 }

.catalog-frame-li {
    padding: 5px 5px 15px 5px;
    width: 198px;
    height: 360px;
    position: relative; 
    display: -moz-inline-box; 
    display: inline-block; 
    vertical-align: top; 
    overflow: hidden;  
    list-style: none;
    z-index: 1
}

.catalog-frame-li h2 {
    font-size: 18px;
    padding: 7px 10px;
    margin-top: -50px;
    background: white;
    position: absolute;
    z-index: 2
}

.portfolio_2_column h2,
.portfolio_3_column h2,
.portfolio_4_column h2 {
    padding: 20px 20px 10px 0px; 
    font-size:21px;  
    margin: 0 !important
}

.portfolio_2_column p, 
.portfolio_3_column p, 
.portfolio_4_column p { padding: 0 20px 20px 0 }

.portfolio_2_column a, 
.portfolio_3_column a, 
.portfolio_4_column a { background: none }

.image-grid{
    margin: 30px 0 0px 0; 
    padding: 0; 
    list-style: none
}

.portfolio_2_column {
    width: 468px; 
    position: relative; 
    display: -moz-inline-box; 
    display: inline-block; 
    vertical-align: top; 
    overflow: hidden;  
    list-style: none; 
    margin: 20px 20px 0px 0px 
}

.portfolio_3_column { 
    width: 304px; 
    position: relative; 
    display: -moz-inline-box; 
    display: inline-block; 
    vertical-align: top; 
    overflow: hidden;  
    list-style: none; 
    margin: 20px 20px 0 0;
}

.portfolio_4_column { 
    width: 222px; 
    position: relative; 
    display: -moz-inline-box; 
    display: inline-block; 
    vertical-align: top; 
    overflow: hidden; 
    list-style: none; 
    margin: 20px 20px 0 0
}

.portfolio_2_column img, 
.portfolio_3_column img, 
.portfolio_4_column img { padding-bottom: 5px }

#portfolio_column {
    width: 980px;
    padding: 30px 0 30px 0
}

#portfolio_show {
    margin-top: 5px; 
    float: left; 
    font-size: 11px; 
    font-family: Arial, Helvetica, Sans-serif; 
    color: #777777; 
    width: 60px
}

#portfolio_show h4 { padding: 6px 0 0 15px }

.image_post:hover {
    background: #f00; 
    padding-top: 10px
}

ul#filter {
    margin: 0;
    list-style: none;
    float: right
}

ul#filter li {
    padding: 0;
    margin: 0;
    float: left
}

ul#filter a {
    z-index: 200; 
    float: left; 
    margin: 0 0px 0 5px
}

.portfolio-categoria-button input[type="radio"] { display: none }

.portfolio-categoria-button input.show { display: inline }


/*ANYTHING SLIDER*/

#anything-slider, 
div.anythingSlider { 
    margin: 0; 
    padding: 0 
}

div.anythingSlider .anythingWindow { border: 0 }

div.anythingSlider .back a,
div.anythingSlider .back a:hover {
     background: url(images/left-arrow-slider.png) no-repeat center;
     opacity: 0.8
}

div.anythingSlider .forward a,
div.anythingSlider .forward a:hover {
     background: url(https://bloodbikesscotland.co.uk/wp-content/themes/Growing-Feature/images/right-arrow-slider.png) no-repeat center;
     opacity: 0.8
}

div.anythingSlider .forward a,
div.anythingSlider .back {
    left: 20px;
    bottom: 20px
}

div.anythingSlider .forward a,
div.anythingSlider .forward {
    right: 20px;
    bottom: 20px
}
div.anythingSlider .arrow a {
    margin: 0;
    height: 50px;
}

div.anythingSlider .arrow {
    height: 50px;
    top: 45%
}


/* NIVO SLIDER */

.nivo-caption {
    bottom: 30%; 
    left: auto;
    left: -15px; 
    width: auto;
    max-width: 450px;
    overflow: hidden;
    background: none !important;
    text-shadow: none;
    font-family: 'Anton', arial, serif; 
    color: #4c4b4b
}

.nivo-caption .title-slider {
    float: left;
    background-color: #000000;
    padding: 15px 30px
}

.nivo-caption .content-slider {
    float: left;
    background: #efefef;
    margin-top: 0;
    padding: 10px 30px
}

.nivo-caption .title-slider h1 {
    color: #fff;
    float: left;
    margin: 0;
    padding: 0
}

.nivo-caption .content-slider p, 
.nivo-caption .content-slider h1, 
.nivo-caption .content-slider h2, 
.nivo-caption .content-slider h3, 
.nivo-caption .content-slider h4, 
.nivo-caption .content-slider h5, 
.nivo-caption .content-slider h6, 
.nivo-caption .content-slider a {
    padding: 0;
    margin: 0;
    color: #202020
}

.nivo-caption a {
    font-weight: bold;
    text-transform: uppercase
}

.nivo-controlNav { 
    top: 68px;
    right: 10px;
    position: absolute  
}

.nivo-controlNav a { 
    display: block; 
    margin-right: 5px;
    width: 6px !important; 
    height: 6px; 
    background: url(images/slider_point.png) no-repeat; 
    text-indent: -9999px; 
    border: 0;  
    float: left
}

.nivo-controlNav a.active { 
    background: url(images/slider_point_active.png) no-repeat;
    opacity: 0.2
}

.nivo-directionNav a { 
    display: block; 
    width: 12px; 
    height: 18px; 
    text-indent: -9999px; 
    border: 0;
}

a.nivo-nextNav { 
    background: url(images/growing/slider-new-arrow-right.png) no-repeat; 
    right: 20px 
}

a.nivo-prevNav { 
    background: url(images/growing/slider-new-arrow-left.png) no-repeat; 
    left: 20px 
}

.nivo-caption{ 
    color: white !important;
    padding:5px 10px 5px 10px !important; 
    width: 940px
}

#header_image_silder { 
    padding: 0; 
    z-index: 99; 
    position: relative; 
}

#slider_frame {
    padding: 0; 
    margin-bottom: 0
}

#slider_image { background: url(images/ajax-loader.gif) no-repeat 50% 50% #f0f0f0 }

#slider_image img { 
    display: none;
    overflow: hidden; 
    border-top: 10px solid black
}

#slider_image a { display: block }


/*BX SLIDER IMAGE*/

#header-image-bx-silder { 
    padding: 0; 
    z-index: 99; 
    position: relative 
}

#slider-bx-ul {
    width: 962px;
    margin: 0;
    padding: 0;
    z-index: 1;
    position: relative;
    background: url(images/ajax-loader.gif) no-repeat 50% 50% 
}

.slider-bx-full-image {
    background: url(images/normal-slider-shape.png) bottom center no-repeat; 
    padding: 0px 0 40px 0
}

.slider-bx-full-image img, 
.slider-bx-full-image a img, 
.bx-slider-small-image img, 
.bx-slider-small-image a img { border: #ededed solid 1px }

.slider-bx-full-video {
    background: url(images/normal-slider-shape.png) bottom center no-repeat; 
    padding: 0px 0 40px 0
}

.bx-slider-small-image {
    width: 600px;
    background: url(images/half-slider-shape.png) bottom center no-repeat; 
    padding: 0px 0 40px 0
}

.bx-slider-small-text-right{
    width: 340px;
    padding-left: 20px
}

.bx-slider-small-text-left{
    width: 340px;
    padding-right: 20px
}

.bx-pager{
    margin: -35px 0 10px 430px;
    padding: 0;
    z-index: 2;
    position: absolute;
    text-align: center
}

.bx-pager .pager-link {
    background: url(images/slider_point.png) no-repeat;
    padding: 3px;
    margin-right: 5px;
    text-indent: -9999px;
    display: block;
    float: left
}

.bx-pager .pager-active { background:url(images/slider_point_active.png) no-repeat }


/*ORBIT SLIDER*/

.orbit-bullets {
    bottom: 0px;
    list-style: none
}

.orbit-bullets li {
    background: url(images/slider_point.png) no-repeat;
    height: 6px;
    width: 6px;
    text-indent: -9999px;
    display: block;
    float: left
}

.orbit-bullets .active {
    background-position: 0 0 !important;
    background: url(images/slider_point_active.png) no-repeat;
    opacity: 0.2
}

#orbit-slider { 
  width: 960px;
  background: url(images/ajax-loader.gif) no-repeat 50% 50%;  
  overflow: hidden
}

#orbit-slider img, 
#orbit-slider div { display: none }


/* HEADER IMAGE */
#image-from-url { 
    margin: 0 auto;
    width: 960px; 
    background-position: center;
    background-position: top;
    background-repeat: no-repeat
}


/* PAGINATION */

.wp-pagenavi {
    clear: both; 
    padding: 0px 0 35px; 
    position: relative; 
    font-size: 11px; 
    line-height: 13px
}

.pages { 
    float: left;  
    margin: 4px 5px 2px 0 !important; 
    padding: 6px 9px 5px 9px !important; 
    text-decoration: none !important; 
    width: auto !important; 
    color: #777777 !important; 
    border: solid 0 #e2e2e2 !important;
}

.wp-pagenavi a { 
    float: left; 
    font-size: 11px !important; 
    margin: 2px 5px 2px 0 !important; 
    padding: 6px 9px 5px 9px !important; 
    text-decoration: none !important; 
    width: auto !important; 
    color: #777777 !important; 
    border: solid 1px #e2e2e2 !important; 
    background: url(images/title_search_bg.jpg) repeat-x center !important
}

.wp-pagenavi a:hover {  
    font-size: 11px !important;  
    border: solid 1px #e2e2e2 !important;  
    background: url(images/title_search_bg.jpg) repeat-x center !important
}

.wp-pagenavi .current { 
    float: left; 
    padding: 8px 9px 5px 9px !important;  
    color: #777777 !important;  
    border: solid 0 #e2e2e2 !important
}

.opacity-start { position: relative }

.caption-portfolio-slide {
    width: 200px;
    height: 200px;
    padding: 20px;
    margin: 0;
    background: #232323;
    z-index: 88;
    position: absolute;
    left: 0;
    display: none;
    filter: alpha(opacity=80);   
    -moz-opacity: 0.8;  
    -khtml-opacity: 0.8;  
    opacity: 0.8  
}

.caption-portfolio-slide h2 {
    color: white;
    font-size: 15px !important;
    text-align: center;
    margin-top: 100px
}

.opacity-start a.portfolio-hover-lightbox {
    position: absolute;
    width: 240px;
    height: 240px;
    opacity: 0.8;
    background: url(images/zoom_in.png) no-repeat 110px 90px;
    z-index: 99;
    display: none    
}

.opacity-start a.portfolio-hover-link {
    position: absolute;
    width: 240px;
    height: 240px;
    opacity: 0.8;
    background: url(images/plus_in.png) no-repeat 110px 90px;
    z-index: 99;
    display: none    
}

.portfolio-full-images .caption {
    width: 900px;
    height: 200px;
    padding: 30px;
    margin: 0;
    background: #000;
    position: absolute;
    left: 0;
    display: none;
    filter: alpha(opacity=80);   
    -moz-opacity: 0.8;  
    -khtml-opacity: 0.8;  
    opacity: 0.8
}

.portfolio-full-images {
    width: 960px;
    height: 260px;   
    padding: 0px;
    cursor: pointer;
    list-style: none;
    overflow :hidden;
    display: inline-block; 
    position: relative;
    float: left
}

.portfolio-small-images {
    width: 320px;
    height: 250px;   
    padding: 0;
    cursor: pointer;
    list-style: none;
    overflow: hidden;
    display: inline-block; 
    position: relative;
    float: left
}
 
.portfolio-small-images .caption  {
    width: 320px;
    height: 250px;
    margin: 0;
    background: #000;
    position: absolute;
    left: 0;
    display: none;
    filter: alpha(opacity=80); 
    -moz-opacity: 0.8;  
    -khtml-opacity: 0.8;   
    opacity: 0.8  
}
 
.portfolio-full-images .caption a,  
.portfolio-small-images .caption a {
    text-decoration: none;
    font-size: 16px; 
    display: block
}

.portfolio-full-images .caption h2, 
.portfolio-small-images .caption h2 { color: #fff } 

.portfolio-small-images .caption { text-align: center }

.portfolio-small-images .caption h2 { margin-top: 70px } 

.portfolio-full-images .caption p, 
.portfolio-small-images .caption p { 
    margin: 0; 
    color: #fff;
    opacity: 0.5
}

.portfolio-full-images img, 
.portfolio-small-images img { position: absolute }


/* CONTACT FORM */

#message {
    margin: 10px 0; 
    padding: 0 
}

.error_message { 
    display: block; 
    line-height: 22px;  
    background: #FBE3E4 url('https://bloodbikesscotland.co.uk/wp-content/themes/Growing-Feature/includes/contact-form/assets/error.gif') no-repeat 10px 13px; 
    padding: 10px 10px 10px 35px; 
    color: #8a1f11;
    border: 1px solid #FBC2C4
}

ul.error_messages { 
    margin: 0 0 0 -25px;
    padding: 0; 
    list-style: none;
}

ul.error_messages li { 
    height: 22px; 
    line-height: 22px;
    color:#bd4535; 
    font-style: italic;
}

.loader { padding: 0 10px }

#contact #success_page h1 { 
    background: url('https://bloodbikesscotland.co.uk/wp-content/themes/Growing-Feature/includes/contact-form/assets/success.gif') left no-repeat; 
    padding-left: 22px 
}

.beeCodes-general-frame {
    margin: 0 auto;
    width: 960px;
    height: 330px;
    z-index: 2;
    position: relative
}

.beeCodes-slider {
    margin: 0 auto;
    width: 960px;
    height: 330px;
    overflow: hidden;
    background: url(images/ajax-loader.gif) no-repeat 50% 50% #f0f0f0;
    z-index: 2;
    position: absolute
}

.beeCodes-slider-item {
    left: 50%;
    right: 50%;
    width: 1920px;
    margin-left: -960px;
	position: absolute
}

.beeCodes-slider-frame {
    position: relative;
    height: 280px;
    margin-top: -280px;
    z-index: 1
}

.beeCodes-slider-frame-in {
    height: 225px;
    width: 960px;
    float: left
}

.beeCodes-left-frame {
    height: 225px;
    width: 480px;
    right: 0;
    padding-right: 480px
}

.beeCodes-right-frame {
    height: 225px;
    width: 480px;
    left: 0;
    padding-left: 480px;
}

.beeCodes-slide-3,
.beeCodes-slide-1 {
    width: 480px;
    height: 225px
}

.beeCodes-frame-hover-3, 
.beeCodes-frame-hover-1 { cursor: pointer }

.beeCodes-hover-1, 
.beeCodes-hover-3 {
    width: 480px;
    height: 221px;
    border-bottom-color: black;
    border-bottom-style: solid;
    border-bottom-width: 4px;
    position: absolute;
    margin-top:-225px;
    z-index: 7;
    display: none;
    filter: alpha(opacity=80);  
    -moz-opacity: 0.8;   
    -khtml-opacity: 0.8;   
    opacity: 0.8    
}

.beeCodes-hover-2 {
    width: 960px;
    height: 330px;
    border-bottom-color: black;
    border-bottom-style: solid;
    border-bottom-width: 4px;
    position: absolute;
    left: 0;
    z-index: 5;
    display: none;
    filter: alpha(opacity=80);  
    -moz-opacity: 0.8;   
    -khtml-opacity: 0.8;   
    opacity: 0.8   
}

.beeCodes-content-scroll {
    width: 960px;
    height: 330px;
    position: absolute;
    overflow: hidden;
    display: none;
    filter: alpha(opacity=80);  
    -moz-opacity: 0.8;   
    -khtml-opacity: 0.8;   
    opacity: 0.8; 
}
.beeCodes-title {
    width: auto;
    background-color: transparent!important;
    height: 330px
    
}

.beeCodes-content {
    color: white;
    padding: 15px 30px 15px 30px;
    background: black;
    margin-top: -20px;
    position: relative;
    z-index: 10
}

.beeCodes-title h1 {
    text-transform: uppercase;
    color: white;
    font-size: 18px!important;
    padding: 15px 30px 15px 30px;
    background: black;
    position: relative;
    z-index: 11
}

.link-hide {
    text-indent:-9999px; 
    position: absolute;
    cursor: pointer;
    width: 960px;
    height: 330px;
    z-index: 12
}

#applications {
    margin: 0;
    padding: 0
}

#applications li {
    margin: 0;
    padding: 0
}


/* PORTFOLIO SMALL IMAGE 250 X 250PX */

.portfolio-small-sliders, 
.portfolio-small-sliders li {
    margin: 0;
    padding: 0;
    list-style: none
}

.portfolio-small-sliders li img {
    width: 320px !important;
    height: 250px !important;
    position: absolute
}

.portfolio-small-images ul li {
    width: 320px;
    height: 250px
}

.portfolio-small-images ul li {
    position: relative;
    z-index: 1
}

.portfolio-small-images ul li a.portfolio-hover-lightbox {
    position: absolute;
    width: 320px;
    height: 250px;
    opacity: 0.8;
    background: url(images/zoom_in.png) no-repeat center;
    z-index: 2
}

.portfolio-small-images ul li a.portfolio-hover-link {
    position: absolute;
    width: 320px;
    height: 250px;
    opacity: 0.8;
    background: url(images/plus_in.png) no-repeat center;
    z-index: 2;
}


/* PORTFOLIO SMALL FULLL 1000 X 320PX */

.portfolio-sliders, 
.portfolio-sliders li {
    margin: 0;
    padding: 0;
    list-style: none
}

.portfolio-full-images li img {
    width: 960px !important;
    height: 260px !important;
    position: absolute
}

.portfolio-full-images ul li {
    width: 960px;
    height: 260px
}

.portfolio-full-images ul li {
    position: relative;
    z-index: 1
}

.portfolio-full-images ul li a.portfolio-hover-lightbox {
    position: absolute;
    width: 960px;
    height: 260px;
    opacity: 0.8;
    background: url(images/zoom_in.png) no-repeat 30px 200px;
    z-index: 2
}
.portfolio-full-images ul li a.portfolio-hover-link {
    position: absolute;
    width: 960px;
    height: 260px;
    opacity: 0.8;
    background: url(images/plus_in.png) no-repeat 30px 200px;
    z-index: 2
}


/*PORTFOLIO SINGLE*/

#anything-slider-portfolio {
    margin: 10px 0 0px 0;
    list-style: none;
    padding: 0  
}

#portfolio-single-line {
    border-top-color: #efefef; 
    border-top-style: solid;
    border-top-width: 1px;
    margin: 5px 0 30px 0
}


/* PORTFOLIO SHORTCODE */

.portfolio-shortcode-homepage-left {
    position: absolute;
    width: 33px;
    height: 50px;
    background: url(images/left-arrow-slider.png) no-repeat center;
    opacity: 0.8;
    z-index: 100;
    bottom: 95px;
    left: 20px;
    cursor: pointer
}

.portfolio-shortcode-homepage-right {
    position: absolute;
    width: 33px;
    height: 50px;
    background:url(https://bloodbikesscotland.co.uk/wp-content/themes/Growing-Feature/images/right-arrow-slider.png) no-repeat center;
    opacity: 0.8;
    z-index: 100;
    bottom: 95px;
    right: 20px;
    cursor: pointer
}


/*-----------------------------------------------------------------------------------*/
/*  10.  Other
/*-----------------------------------------------------------------------------------*/


#colorspy { 
    border: 2px solid #EEEEEE;
    padding: 7px 0 20px 20px; 
    margin: 0 0 7px 0; 
    font-size: 16px; 
    text-align: left; 
    color: #555; 
    background: #fbfbfb
}

#colorspy a { color: #e04f92 }

#colorspy legend { 
    font-size: 17px; 
    color: #bbb; 
    padding: 0 
}

.colorpicker { z-index: 999999 }

#theme_option_switcher {
	cursor: pointer;
    margin-top: -2px; 
    padding-left: 20px;
    position: absolute
}

#theme_option_button_close {
    margin-top: 20px;
    margin-left: 92px;
    cursor: pointer;
    width: 30px;
    height: 30px;
    position: absolute
}

.option-button-close { background: #fff url(../../../data/icons/basicset/delete_16.png) no-repeat center }

.option-button-open { background: #fff url(../../../data/icons/basicset/plus_16.png) no-repeat center }

.theme_option_switcher {
	padding: 0 10px 10px 10px;
    background: white;
	color: #fff;
	position: fixed;
	left: 0px;
    width: 82px;
	top: 30px;
	z-index: 99999
 }

.theme_option {
	font-size: 10px;
	line-height: 1.6em;
	width: 82px;
	font-weight: normal
}

.theme_option form p {
    font-size: 10px !important;
    padding: 10px 0 3px 0;
    margin: 0;
    border-bottom: 2px silver solid
}

.theme_option select { width: 100% }

#theme_option_prewiev, 
#theme_option_prewiev2, 
#theme_option_prewiev3, 
#theme_option_prewiev4 {
	width: 100%;
	height: 25px;
	cursor: pointer;
    border: 1px solid #eee
}

#texture{
    padding:30px 0 60px 0
}

#texture-top { background-repeat: repeat }

.pattern-box {
    width: 21px;
    height: 20px;
    border: solid 1px silver;
    display: block;
    margin: 4px 4px 0px 0px;
    float: left;
    cursor: pointer
}

.pattern-box:hover { border: solid 1px orange }

.none { background-image: none !important }

.texture-none { background-image: none !important }

.texture-1 { background-image: url(images/textures/texture-1.png) !important; background-repeat: repeat!important }

.texture-2 { background-image: url(images/textures/texture-2.png) !important; background-repeat: repeat!important }

.texture-3 { background-image: url(https://bloodbikesscotland.co.uk/wp-content/themes/Growing-Feature/images/textures/texture-3.png) !important; background-repeat: repeat!important }

.texture-4 { background-image: url(images/textures/texture-4.png) !important; background-repeat: repeat!important }

.texture-5 { background-image: url(images/textures/texture-5.png) !important; background-repeat: repeat!important }

.texture-6 { background-image: url(images/textures/texture-6.png) !important; background-repeat: repeat!important }

.texture-7 { background-image: url(images/textures/texture-7.png) !important; background-repeat: repeat!important }

.texture-8 { background-image: url(images/textures/texture-8.png) !important; background-repeat: repeat!important }

.texture-9 { background-image: url(https://bloodbikesscotland.co.uk/wp-content/themes/Growing-Feature/images/textures/texture-9.png) !important; background-repeat: repeat!important } 

.texture-10 { background-image: url(https://bloodbikesscotland.co.uk/wp-content/themes/Growing-Feature/images/textures/texture-10.png) !important; background-repeat: repeat!important }

.texture-11 { background-image: url(https://bloodbikesscotland.co.uk/wp-content/themes/Growing-Feature/images/textures/texture-11.png) !important; background-repeat: repeat!important }

.texture-12 { background-image: url(images/textures/texture-12.png) !important; background-repeat: repeat!important }

.texture-13 { background-image: url(images/textures/texture-13.png) !important; background-repeat: repeat!important }

.texture-14 { background-image: url(images/textures/texture-14.png) !important; background-repeat: repeat!important }

.texture-15 { background-image: url(images/textures/texture-15.png) !important; background-repeat: repeat!important }

.texture-16 { background-image: url(images/textures/texture-16.png) !important; background-repeat: repeat!important }

.grid2 { background-image: url(images/textures/grid2.png) !important }

.grid3 { background-image: url(images/textures/grid3.png) !important }

.grid4 { background-image: url(images/textures/grid4.png) !important }

.grid5 { background-image: url(images/textures/grid5.png) !important }

.grid6 { background-image: url(images/textures/grid6.png) !important }

.grid7 { background-image: url(images/textures/grid7.png) !important }

.grid8 { background-image: url(https://bloodbikesscotland.co.uk/wp-content/themes/Growing-Feature/images/textures/grid8.png) !important }

.grid9 { background-image: url(https://bloodbikesscotland.co.uk/wp-content/themes/Growing-Feature/images/textures/grid9.png) !important; background-repeat: repeat!important }

.grid10 { background-image: url(https://bloodbikesscotland.co.uk/wp-content/themes/Growing-Feature/images/textures/grid10.png) !important }

.grid11 { background-image: url(images/textures/grid11.png) !important }

.grid12 { background-image: url(images/textures/grid12.png) !important }

.grid13 { background-image: url(images/textures/grid13.png) !important }

.grid14 { background-image: url(images/textures/grid14.png) !important }

.grid15 { background-image: url(images/textures/grid15.png) !important; background-repeat: repeat!important }

.grid16 { background-image: url(images/textures/grid16.png) !important }

.grid17 { background-image: url(images/textures/grid17.png) !important }

.grid18 { background-image: url(images/textures/grid18.png) !important }

.grid19 { background-image: url(images/textures/grid19.png) !important }

.grid20 { background-image: url(images/textures/grid20.png) !important }

.bokeh-1 { background-image: url(images/textures/bokeh-1.jpg) !important; background-position: center; background-repeat: ; background-attachment: fixed }

.bokeh-2 { background-image: url(images/textures/bokeh-2.jpg) !important; background-position: center; background-attachment: fixed }

.bokeh-3 { background-image: url(images/textures/bokeh-3.jpg) !important; background-position: center; background-attachment: fixed }

.bokeh-4 { background-image: url(images/textures/bokeh-4.jpg)!important; background-position: center; background-attachment: fixed }

.bokeh-5 { background-image: url(images/textures/bokeh-5.jpg) !important; background-position: center; background-attachment: fixed }

.tf-1 { 
    background-image: url(https://bloodbikesscotland.co.uk/wp-content/themes/Growing-Feature/images/textures/orange-extremium-lights.jpg)!important; 
    background-color: #b93300!important; 
    background-repeat: repeat-x!important; 
    background-position: center top; 
    background-attachment: fixed 
}

.tf-2 { 
    background-image: url(images/textures/red-extremium-lights.jpg)!important; 
    background-color: #630708!important; 
    background-repeat: repeat-x!important; 
    background-position: center top; 
    background-attachment: fixed 
}

.tf-3 { 
    background-image: url(images/textures/violet-extremium-lights.jpg)!important; 
    background-color: #25163d!important; 
    background-repeat: repeat-x!important; 
    background-position: center top; 
    background-attachment: fixed 
}

.tf-4 { 
    background-image: url(images/textures/yellow-extremium-lights.jpg)!important; 
    background-color: #949023!important; 
    background-repeat: repeat-x!important; 
    background-position: center top; 
    background-attachment: fixed 
}

.tf-5 { 
    background-image: url(https://bloodbikesscotland.co.uk/wp-content/themes/Growing-Feature/images/textures/blue-extremium-lights.jpg)!important; 
    background-color: #0d2235!important; 
    background-repeat: repeat-x!important; 
    background-position: center top; 
    background-attachment: fixed 
}

.tf-6 { 
    background-image: url(images/textures/dark-extremium-lights.jpg)!important; 
    background-color: #020202!important; 
    background-repeat: repeat-x!important; 
    background-position: center top; 
    background-attachment: fixed 
}

.tf-7 { 
    background-image: url(images/textures/green-extremium-lights.jpg)!important; 
    background-color: #1f3e05!important; 
    background-repeat: repeat-x!important; 
    background-position: center top; 
    background-attachment: fixed 
}

.gradient-1 { 
    background-image: url(https://bloodbikesscotland.co.uk/wp-content/themes/Growing-Feature/images/textures/gradiant-1.png) !important; 
    background-position: center bottom; 
    background-repeat: repeat-x; 
    background-attachment: fixed
}

#top-effect-frame-1, 
#top-effect-frame-2 {
    width: 33%;
    height: 10px;
    float: left
}

#top-effect-frame-3 {
    width: 34%;
    height: 10px;
    float: left
}

.top-effect-colour-1, 
.top-effect-colour-2, 
.top-effect-colour-3, 
.top-effect-colour-4, 
.top-effect-colour-5 {
    width: 100%;
    height: 10px;
    float: left
}

.top-effect-colour-1{ background-color: #878787 }

.top-effect-colour-2{ background-color: #6b6b6b }

.top-effect-colour-3{ background-color: #adadad }

.top-effect-colour-4{ background-color: #7a7a7a }

.top-effect-colour-5{ background-color: #3c3c3c }

@import "css/shortcodes.css";