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

        Theme Name: Blueclaw 2012 Responsive
        Theme URI: http://blueclaw.co.uk
        Description: Blueclaw 2012 Responsive Edition
        Author: Reza Moaiandin
        Author URI: http://blueclaw.co.uk
        License: Proprietary commercial
        License URI: http://blueclaw.co.uk
        Version: 1.2
l
-----------------------------------------------------------------------------------*/

/* Fonts */

@font-face {
    font-family: 'icomoon';
    src:url('fonts/icomoon.eot');
    src:url('fonts/icomoon.eot#iefix') format('embedded-opentype'),
        url('fonts/icomoon.woff') format('woff'),
        url('fonts/icomoon.ttf') format('truetype'),
        url('fonts/icomoon.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AvalonMediumBold';
    src: url('fonts/Avalon-Bold-webfont.eot');
    src: url('fonts/Avalon-Bold-webfont.eot#iefix') format('embedded-opentype'),
        url('fonts/Avalon-Bold-webfont.woff') format('woff'),
        url('fonts/Avalon-Bold-webfont.ttf') format('truetype'),
        url('fonts/Avalon-Bold-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'AvalonRegular';
    src: url('fonts/Avalon-Book-webfont.eot');
    src: url('fonts/Avalon-Book-webfont.eot#iefix') format('embedded-opentype'),
        url('fonts/Avalon-Book-webfont.woff') format('woff'),
        url('fonts/Avalon-Book-webfont.ttf') format('truetype'),
        url('fonts/Avalon-Book-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'AvalonMediumRegular';
    src: url('fonts/Avalon-Medium-webfont.eot');
    src: url('fonts/Avalon-Medium-webfont.eot#iefix') format('embedded-opentype'),
        url('fonts/Avalon-Medium-webfont.woff') format('woff'),
        url('fonts/Avalon-Medium-webfont.ttf') format('truetype'),
        url('fonts/Avalon-Medium-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}
/*  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;
}
/* HTML5 display-role reset for older browsers */
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;
}

:focus { outline: 0;}


/*  Basic Styles
================================================== */


body {
    position: relative;
    line-height: 1;
    color: #1F1F1F;
    font: 16px/22px 'AvalonRegular', Helvetica, Arial, sans-serif;
    background: transparent repeat fixed;
}

.page-id-6184{
    background-color: #008bcc;
}
.autobg{
    position: absolute;
    width: 100%;
    display: none;
}

/*.autobg:after, .autobg:before {
    display: block;
    content: "\0020";
    color: transparent;
    width: 100%;
    height: 45px;
    background: white;
    position: absolute;
    left: 1px;
    bottom: -20px;
    -webkit-transform: rotate(-12deg);
    -moz-transform: rotate(-12deg);
}*/
input,
textarea {
    font: 12px/20px 'AvalonRegular', Helvetica, Arial, sans-serif;
}

select{
    font: 12px/20px Helvetica, Arial, sans-serif;
}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix { display: inline-block; *zoom:1;}
* html .clearfix { height: 1%;} /* Hides from IE-mac \*/
.clearfix { display: block;}

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

::selection {
    background: #D20C0C;
    color: #fff;
}
::-moz-selection {
    background: #D20C0C; /* Firefox */
    color: #fff;
}

::-webkit-selection {
    background: #D20C0C; /* Safari */
    color: #fff;
}


/*  Typography
================================================== */

a {
    text-decoration: none;
    color: #008bcb;
}

a:hover { color: #000; }

a img { border: none; }

p,
pre,
ul,
ol,
dl,
dd,
blockquote,
address,
table,
fieldset,
form { margin-bottom: 20px; }

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'AvalonMediumRegular', sans-serif;
    font-weight: normal;
    padding: 0 0 20px 0;
    color: #444;
}

h1,
h2,
h3,
h4 { text-rendering: optimizeLegibility; }

h5 {
    font-family: 'AvalonRegular', Helvetica, serif;
    font-weight: bold;
}

h6 {
    font-family: 'AvalonMediumRegular', "Droid Sans", 'AvalonRegular', Helvetica, Arial, sans-serif;
    text-transform: uppercase;
}

h4,
h5,
h6 { padding-bottom: 15px; }

h1 {
    font-size: 32px;
    line-height: 36px;
}

h2 {
    font-size: 28px;
    line-height: 32px;
}

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

h4 {
    font-family: "Droid Sans";
    font-size: 19px;
    line-height: 24px;
}

h5 {
    font-size: 15px;
    line-height: 20px;
}

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

address { font-style: italic; }

abbr[title],
acronym[title],
dfn[title] {
    cursor: help;
    border-bottom: 1px dotted #888;
}

blockquote {
    font-style: italic;
    color: #666;
    border-left: 3px solid #888;
    font-size: 16px;
    line-height: 1.4;
    font-family: 'AvalonMediumRegular', "Droid Serif", Georgia, "Times New Roman", Times, serif;
    margin-left: 10px;
    padding-left: 18px;
}

blockquote span {
    display: block;
    text-align: right;
    color: #999;
    font-style: normal;
    font-size: 14px;
}

strong { font-family: 'AvalonMediumBold' }

em,
dfn,
cite { font-style: italic; }

dfn { font-weight: bold; }

sup {
    font-size: 11px;
    vertical-align: top;
}

sub {
    font-size: 11px;
    vertical-align: bottom;
}

small {
    font-size: 11px;
    font-family: 'Droid Serif';
    font-style: normal;
    font-style: italic;
}

del { text-decoration: line-through; }

ins { text-decoration: underline; }

pre {
    font: 12px/18px Consolas, "Andale Mono", Courier, "Courier New", monospace;
    white-space: pre;
    overflow: auto;
    padding: 0 10px;
    clear: both;
    color: #666;
    line-height: 19px;
}

code {
    padding: 5px;
    background: #FFF;
}

var,
kbd,
samp,
code {
    font: 12px/18px Consolas, "Andale Mono", Courier, "Courier New", monospace;
    background: #efefef;
}

kbd { font-weight: bold; }

samp,
var { font-style: italic; }

ul,
ol,
dl { margin-left: 30px; }

table {
    border: 1px solid #ccc;
    border-width: 1px;
    line-height: 18px;
    margin: 0 0 22px 0;
    text-align: left;
    padding: 0 5px;
}

table .even { background: #ddd; }

caption { text-align: left; }

tr { border-bottom: 1px solid #ccc; }

th,
td {
    padding: 5px;
    vertical-align: middle;
    text-align: center;
}


/*  Layout Styles
================================================== */


.tright { text-align: right !important; }
.fright { float: right !important; }
.fleft { float: left !important; }
.container { width: 1040px; margin: 0 auto; position: relative; box-shadow: 0 0 12px rgba(0,0,0,0.5); -moz-box-shadow: 0 0 12px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 12px rgba(0,0,0,0.5); }
.line,
.doubleline { clear: both; position: relative; width: 100%; margin: 30px 0; border-top: 1px solid rgba(0,0,0,0.1);}
.doubleline { border-top: 3px double rgba(0,0,0,0.1);}
.line a { position: absolute; left: auto; right: 0; padding-left: 5px; color: #272727; background: #FFF; margin-top: -11px;}
.line a:hover { color: #575757;}
.emptydiv { display: block !important; position: relative !important;}
.allmargin { margin: 30px !important;}
.leftmargin { margin-left: 30px !important;}
.rightmargin { margin-right: 30px !important;}
.topmargin { margin-top: 30px !important;}
.bottommargin { margin-bottom: 30px !important;}
.nomargin {margin: 0 !important;}
.noleftmargin { margin-left: 0 !important;}
.norightmargin { margin-right: 0 !important;}
.notopmargin { margin-top: 0 !important;}
.nobottommargin { margin-bottom: 0 !important;}
.noabsolute { position: relative !important;}
.hidden { display: none !important;}
.nothidden { display: block !important;}
.center { text-align: center !important;}
.divcenter { position: relative !important; margin-left: auto !important; margin-right: auto !important;}


/*  Top Hidden Panel
================================================== */

#top-area-wrap{
    width: 100%;
}

#top-area {
    margin: 0 auto;
    max-width: 1040px;
    position: relative;
    z-index: 2;
    background-color: #333;
    padding: 10px 40px;
}

.top-area-wrap p {
    margin-bottom: 0;
    color: #FFF;
    font-size: 14px;
    font-family: 'AvalonMediumRegular', "Droid Serif", serif;
    font-style: italic;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.7);
}

.top-area-wrap a {
    display: inline-block;
    margin-left: 3px;
    padding: 4px 7px;
    color: #FFF;
    font-size: 13px;
    font-style: normal;
    background-color: #222;
    background-color: rgba(0,0,0,0.3);
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.top-area-wrap a:hover { background-color: #D20C0C; }

a#top-area-trigger {
    position: absolute;
    z-index: 5;
    width: 32px;
    height: 32px;
    background-color: #D20C0C;
    background-position: center center;
    background-repeat: no-repeat;
    bottom: -32px;
    left: auto;
    right: -32px;
}

#top-area-trigger.top-area-closed { background-image: url("images/icons/top-area-closed.png"); }

#top-area-trigger.top-area-opened { background-image: url("images/icons/top-area-opened.png"); }


/*  Top Menu Area
================================================== */

#dl-menu{
    display: none;
}

#top-bar-wrap{
    width: 100%;
}

#top-bar {
    margin:0 auto;
    max-width: 1040px;
    position: relative;
    background-color: #444;
    /*    height: 40px;
        TODO Height and Overflow Changed for TalkToUs
        overflow: hidden;
    */
    height: 35px;
    padding: 0 40px;
    font-family: 'AvalonMediumRegular';
    /* border-top: 5px solid #D20C0C;
    border-bottom: 3px solid #008bcb; */
    color: #FFF;
}

#top-bar .topmenubar{    
    position: absolute;
    width: 280px;
    line-height: 35px;
    right: 200px;
}

.topmenubar{

    -webkit-transition: background-color 100ms linear;
    -moz-transition: background-color 100ms linear;
    -o-transition: background-color 100ms linear;
    -ms-transition: background-color 100ms linear;
    transition: background-color 100ms linear;
}

#top-bar .topmenubar .col_two_third{
    font-family:'AvalonMediumBold';
    margin: 0 5px;
    text-align: right;
}


#top-bar .topmenubar .col_last{
    margin: 0;
    height: 35px;
    overflow: hidden;
}
#top-bar .topmenubar img{
    padding: 0 4px;
}

#topbarblog{
    position: relative;
    top: 5px;
}

#topbarcontact{
    cursor: pointer;
}

#topbarcontactextent{
    display: none;
    width: 340px;
    height: 125px;
    background: #0a2430;
    -webkit-box-shadow: 0px 5px 5px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px 5px 5px rgba(50, 50, 50, 0.75);
    box-shadow:         0px 5px 5px rgba(50, 50, 50, 0.75);
    position: absolute;
    top: 35px;
    z-index: 999999999;
    right: 0px;
}

#topbarcontactextent a{
    color: #fff;
}
#topbarcontactextent a:hover{
    color: #F6A209;
}

#topbarcontactextent .icons{
    position: absolute;
    background: url('images/icons/topcontact.png') no-repeat;
    width: 23px;
    height: 85px;
    right: 10px;
    top: 15px;
}
#topbarcontactextent ul{

    margin: 0;
    text-align: right;
    padding-right: 45px;
    padding-top: 10px;
}


#top-bar .col_half,
#top-bar .col_half p { margin-bottom: 0; }

#top-bar .col_half p { line-height: 40px; }


#top-bar .talktous{
    position: absolute;
    right: 10px;
    top: 0;
    background-color: #F6A209;
    width: 100px;
    height: 40px;
    text-align: center;
    z-index: 100;
    font-size: 18px;
    line-height: 40px;
}

#top-bar .talktous:after{
    content: url('images/talktous.png');
    height: 20px;
    width: 23px;
    position: absolute;
    bottom: -5px;
    right: 45px;
}

#top-bar .talktous a{
    height: 40px;
    width: 100px;
    display: block;
    color: #fff;
}

#top-menu {
    position: relative;
    height: 40px;
    overflow: hidden;
}

#top-menu ul {
    margin: 14px 0;
    height: 12px;
}

#top-menu ul ul { display: none; }

#top-menu ul li {
    margin: 0;
    float: left;
    height: 12px;
    border-left: 1px dotted rgba(255,255,255,0.3);
}

#top-menu ul li:first-child { border-left: none; }

#top-menu ul li a {
    display: block;
    line-height: 12px;
    padding: 0 12px;
    font-size: 12px;
    color: #FFF;
}

#top-menu ul li:first-child a { padding-left: 0; }

#top-menu ul li a:hover { color: #EEE; }

.healthcheck {
    top: 0;
    float: right;
    display: block;
    margin: -1px 7.2em 0em 0em;
}

.briefing {
    top: 0;
    float: right;
    display: block;
    margin: -1px -4.9em 0em 0em;
}

/*  Header
================================================== */

#header-wrap {
    width: 100%;
    background-color: #008bcb;
    border-bottom: 10px solid #f1e6dd;
}

#header {
    margin: 0 auto;
    max-width: 1040px;
    position: relative;
    /*    background-color: #008bcb;*/
    height: 75px;
    padding: 15px 5px;
    /*padding: 0 40px;*/
}

/*  Logo
================================================== */


#logo {
    position: relative;
    float: left;
    margin: 2px 10px 0 30px;
    max-height: 120px;
    max-width: 460px;
    overflow: hidden;
}

#logo a {
    display: inline-block;
    padding-bottom: 0;
    font-size: 40px;
    line-height: 48px;
    font-family: "PT Sans", sans-serif;
}

#logo a,
#logo a:hover { background: none; }

#logo a.logo-image,
#logo a.logo-image img,
#logo img {
    display: block;
    line-height: 1;
    padding: 0;
    max-width: 100%;
}

#logo strong{

    position: absolute;
    top: -999em;
    left: -999em;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    text-indent: -999em;
    overflow: hidden;

}

/*  Top Contacts & Social Icons
================================================== */


#top-contacts-area {
    display: none;
    position: relative;
    overflow: hidden;
    float: right;
    max-width: 460px;
    margin: 37px 0;
    height: 76px;
}

#top-contacts-area #top-contacts,
#top-contacts-area #top-social {
    position: relative;
    height: 28px;
    overflow: hidden;
    margin: 0 0 20px 0;
    text-align: right;
}

#top-contacts-area #top-social { margin-bottom: 0; }

#top-contacts li {
    display: inline-block;
    margin: 0 0 0 10px;
    padding: 8px 12px;
    line-height: 12px;
    font-size: 11px;
    background-color: rgba(111,111,111,0.1);
    color: #888;
    border-radius: 14px;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.6);
}

#top-contacts li:first-child { margin-left: 0; }

#top-contacts li span {
    display: inline-block;
    color: #777;
    font-weight: bold;
    padding-right: 7px;
    border-right: 1px dotted #888;
    margin-right: 7px;
}



#top-social { margin: 0; float: right; }

#top-social li {
    display: inline-block;
    margin: 0 0 0 5px;
    width: 28px;
    height: 28px;
    border-radius: 14px;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
}

#top-social li:first-child { margin-left: 0; }

#top-social li a {
    display: block;
    background-color: rgba(111,111,111,0.1);
    width: 28px;
    height: 28px;
    border-radius: 14px;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
}

#top-social li a img {
    display: block;
    padding: 5px;
    width: 18px;
    height: 18px;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    border-radius: 9px;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
}

#top-social li a:hover img {
    display: block;
    padding: 2px;
    width: 24px;
    height: 24px;
    border-radius: 12px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
}

.magento-experts {
    margin: 0 0 0 10%;
    position: relative;
    float:left;
}

.magento-experts a:before{
    display:block;
    height: 3px;
    position: absolute;
    top: -8px;
    left: -5px;
    content: "♦";
    z-index:999;
    color: #f5a115;
}
.magento-experts a:after{
    width: 100%;
    display:block;
    height: 3px;
    background: #f5a115;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
}
#top-bar-wrap.bce-top-bar {
    background: #092330;
}
#top-bar-wrap.bce-top-bar #top-bar{
    background: transparent;
}
/*  Primary Navigation
================================================== */


#primary-menu {
    position: relative;
    max-width: 688px;
    float: right;
    height: 70px;
    background-color: #008bcb;
    text-transform: uppercase;
    /*    border: 1px dashed #73c0e3;*/
    font-family: 'AvalonMediumRegular';
    /*    border-bottom: 3px solid rgba(255,255,255,0.8);
        border-top: 3px solid rgba(255,255,255,0.8);*/
}

#primary-menu select {
    display: none;
    width: 100%;
    height: 40px;
}

div.responsive-menu { display: none; }

#primary-menu ul { margin: 0; }

#primary-menu ul li {
    display: block;
    position: relative;
    float: left;
    /*border-left: 1px solid rgba(0,0,0,0.2);*/
}

#primary-menu ul li a {
    display: block;
    height: 40px;
    /*    border-left: 1px solid rgba(255,255,255,0.1);*/
    font-size: 14px;
    padding: 15px 10px;
    color: #FFF;
    /*    text-shadow: 1px 1px 1px rgba(0,0,0,0.7);*/
    transition: background-color .3s linear;
    -moz-transition: background-color .3s linear;
    -webkit-transition: background-color .3s linear;    
    -ms-transition: background-color .3s linear;
    -o-transition: background-color .3s linear;
}


#primary-menu ul li a span {
    display: block;
    margin-top: 2px;
    font-family: 'AvalonMediumRegular', "Droid Serif", serif;
    font-style: italic;
    font-size: 11px;
    line-height: 18px;
    color: #DDD;
    font-weight: normal;
}


#primary-menu ul li:first-child,
#primary-menu ul li:first-child a { border-left: none; }


#primary-menu ul li.menu-home a {
    width: 54px;
    height: 70px;
    padding: 0;
    text-indent: -9999px;
    background: url("images/icons/home.png") no-repeat;
}

#primary-menu ul li a:hover,#primary-menu ul li.sfHover a{
    /*    background-color: rgba(255,255,255,0.2);*/
    background-color: #111111;
    text-decoration: none;
}

#primary-menu ul li.sfHover li a:hover{
    background-color: #f6a309;
}
/*
#primary-menu > ul > li.current,
#primary-menu > ul > li.current-menu-ancestor,
#primary-menu > ul > li.current-menu-parent,
#primary-menu > ul > li.current-menu-item,
#primary-menu > ul > li.current_page_parent {
    margin-top: -3px;
    border-top: 3px solid #D20C0C;
}
*/

#primary-menu ul li.sfHover > li{

}

#primary-menu ul li:hover > ul { display: block; }

#primary-menu ul ul {
    visibility: hidden;
    z-index: 200;
    width: 280px;
    margin: 0;
    position: absolute;
    top: 60px;
    left: 0;
    border:0;
    background-color: #000;
}


#primary-menu ul ul li {
    display: block;
    float: none;
    margin: 0;
    padding: 0;
    border: 0;
}


#primary-menu ul ul li:first-child {
    border-top: 0;
    border-left: 1px solid rgba(0,0,0,0.2);
}

#primary-menu ul ul ul {
    margin: 0;
    left: 205px;
    top: -1px;
}

#primary-menu ul ul a {
    display: block;
    font-size: 12px;
    height: 40px;
    line-height: 40px;
    color: #FFF;
    padding: 0 15px;
    border: 0;
}

#primary-menu ul ul li:first-child a { border-top: none; }

#primary-menu ul ul a.has-sub-menu {
    background-image: url("images/icons/dropdownmenu.png");
    background-position: right center;
    background-repeat: no-repeat;
}

#primary-menu ul ul li a span { display: none; }

#primary-menu ul:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}


/*  Content
================================================== */

#content-wrap{
    width:100%;
}

#content {
    margin: 0 auto;
    max-width: 1040px;
    display: block;
    position: relative;
    /*    background-color: #FFF;*/
    margin-bottom: 0;
}


/*  Columns & Grids
================================================== */


.postcontent { width: 660px; }
.sidebar { width: 210px; padding-right: 30px; }
.content-wrapper { width: 970px; }
.col_full { width: 100%; }
.col_half { width: 48%; }
.col_one_third { width: 30.66%; }
.col_two_third { width: 65.33%; }
.col_one_fourth { width: 22%; }
.col_three_fourth { width: 74%; }
.col_one_fifth { width: 16.8%; }
.col_two_fifth { width: 37.6%; }
.col_three_fifth { width: 58.4%; }
.col_four_fifth { width: 67.2%; }
.col_one_sixth { width: 13.33%; }
.col_five_sixth { width: 82.67%; }
#landing-offer-slider { width: 600px; }
#landing-offer-content { width: 320px; }

.content-wrapper,
.postcontent,
.sidebar,
.portfolio-meta,
.col_full,
.col_half,
.col_one_third,
.col_two_third,
.col_three_fourth,
.col_one_fourth,
.col_one_fifth,
.col_two_fifth,
.col_three_fifth,
.col_four_fifth,
.col_one_sixth,
.col_five_sixth,
#landing-offer-slider,
#landing-offer-content {
    display: block;
    position: relative;
    margin-right: 4%;
    margin-bottom: 20px;
    float: left;
}

#landing-offer-slider,
#landing-offer-content {
    margin-right: 40px;
    margin-bottom: 0;
}


.content-wrapper,
.postcontent,
.sidebar,
.portfolio-meta {
    margin-right: 0;
    /* TEMP TODO FIX */
    /*    padding: 40px;*/
    padding-left: 5%;
}

.page-template-template-team-php.content-wrapper{
    padding: 0 40px 40px 40px;    
}

.portfolio-meta {
    padding-left: 10px;
    width: 260px;
}

.postcontent { padding-right: 30px; }

.template-leftsidebar .postcontent {
    padding-left: 30px;
    padding-right: 40px;
}

.sidebar {
    background-color: transparent;
    border-left: 1px solid rgba(0,0,0,0.1);
    padding-left: 28px;
}

.template-leftsidebar .sidebar {
    border-left: none;
    padding-left: 40px;
    border-right: 1px solid rgba(0,0,0,0.1);
    padding-right: 29px;
}

.content-wrapper { margin-bottom: 0; }


.col_full {
    float: none;
    margin-right: 0;
}

.col_last {
    margin-right: 0 !important;
    clear: right;
}


/*  Page Title
================================================== */

#page-title {
    display: block;
    position: relative;
    padding: 20px 40px;
    background: #0a2431;
    /*border-bottom: 3px double #E5E5E5;*/
}

#page-title h1 { padding-bottom: 0; color:#fff;}
#page-title h1::first-letter {
    color: #fa9f06;
}

#page-title h1 span {
    display: inline-block;
    position: relative;
    top: -3px;
    font-size: 12px;
    font-family: 'AvalonMediumRegular', "Droid Sans", serif;
    text-transform: uppercase;
    line-height: 20px;
    margin-left: 15px;
    color: #AAA;
}

#page-title .h1title {     font-family: 'AvalonMediumRegular', sans-serif;
                           font-weight: normal;
                           padding: 0 0 20px 0;
                           color: #444;
                           text-rendering: optimizeLegibility;
                           font-size: 32px;
                           line-height: 36px;
                           padding-bottom: 0; color:#fff;}
#page-title .h1title::first-letter {
    color: #fa9f06;
}

#page-title .h1title span {
    display: inline-block;
    position: relative;
    top: -3px;
    font-size: 12px;
    font-family: 'AvalonMediumRegular', "Droid Sans", serif;
    text-transform: uppercase;
    line-height: 20px;
    margin-left: 15px;
    color: #AAA;
}


/*  Breadcrumbs
================================================== */


#breadcrumbs {
    position: relative;
    overflow: hidden;
    background-color: #EEE;
    height: 32px;
    line-height: 34px;
    padding: 0 40px;
    font-size: 11px;
    font-family: 'AvalonMediumRegular', "Droid Serif", serif;
    color: #888;
    text-shadow: 1px 1px 1px #FFF;
    margin-bottom: 20px;
}


/*  Page Navigation
================================================== */


.page-link { margin-top: 20px; }

.page-link span { font-weight: bold; }

.page-navigation {
    position: relative;
    margin: 20px 0 40px;
    font-size: 14px;
    font-family: 'AvalonMediumRegular', "Droid Serif", serif;
    border-bottom: 3px double rgba(0,0,0,0.1);
    padding-bottom: 20px;
}

.page-navigation.blog-navigation,
.page-navigation.portfolio-pagination { margin-bottom: 0; }

.portfolio-pagination {
    border-top: 3px double rgba(0,0,0,0.1);
    padding-top: 20px;
    text-align: right;
}

.page-navigation .nav-next {
    float: right;
    width: 47%;
    text-align: right;
}

.page-navigation .nav-previous {
    float: left;
    width: 47%;
    margin-right: 6%;
}

.pagination { font-size: 12px; }

.pagination span,
.pagination a {
    display: inline-block;
    margin-right: 3px;
}

.pagination a {
    color: #FFF;
    padding: 2px 6px;
    background-color: #444;
    border: 2px solid rgba(0,0,0,0.2);
    text-shadow: 1px 1px 1px #000;
}

.pagination a:hover { background-color: #D20C0C; }

.pagination span.pagi-pages {
    font-style: italic;
    margin-right: 7px;
}

.pagination span.pagi-current {
    color: #888;
    padding: 2px 6px;
    background-color: #E5E5E5;
    border: 2px solid rgba(0,0,0,0.1);

    text-shadow: 1px 1px 1px #FFF;
}


/*  Slider
================================================== */


#slider {
    position: relative;
    margin: -3px 0 0 0;
    /*    border-bottom: 3px solid rgba(0,0,0,0.1);*/
    line-height: 1;
    overflow: hidden;
}

.slider-border {
    display: none;
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: rgba(0,0,0,0.2);
}

#slider .slider-wrap,
.slider-wrap .slide { position: relative; }

#slider,
#slider .slider-wrap,
.slider-wrap .slide,
.slide a,
.slide img {
    display: block;
    width: 1040px;
    height: 410px;
}

.bce #slider,
.bce #slider .slider-wrap,
.bce .slider-wrap .slide,
.bce .slide a,
.bce .slide img {
    display: block;
    width: 100%;
    height: 410px;
}



#slider .ls-fallback-image { display: none; }

.slide .slide-caption,
.nivo-caption,
.rs-caption {
    position: absolute;
    z-index: 10;
    line-height: 1.4;
    max-width: 300px;
    padding: 15px;
    top: auto;
    left: auto;
    right: 68px;
    bottom: 100px;
    border-top: 3px solid #D20C0C;    
    background-color: rgba(11,11,11,0.8);
    font-size: 14px;
    font-family: 'AvalonMediumRegular', "Droid Serif", serif;
    font-style: italic;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.7);
}

.slider-prev,
.slider-next,
.flex-direction-nav a.flex-prev,
.flex-direction-nav a.flex-next,
.ls-noskin .ls-nav-prev,
.ls-noskin .ls-nav-next,
.nivo-prevNav,
.nivo-nextNav,
.rs-arrows .rs-prev,
.rs-arrows .rs-next {
    display: none;
    position: absolute;
    z-index: 10;
    cursor: pointer;
    width: 32px !important;
    height: 32px !important;
    top: auto;
    left: auto;
    right: auto;
    bottom: 180px;
    text-indent: -9999px;
    background-color: rgba(11,11,11,0.8);
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("images/icons/slider-prev.png");
    transition: background-color .3s linear;
    -moz-transition: background-color .3s linear;
    -webkit-transition: background-color .3s linear;
    -ms-transition: background-color .3s linear;
    -o-transition: background-color .3s linear;
}

.slider-next,
.flex-direction-nav a.flex-next,
.ls-noskin .ls-nav-next,
.nivo-nextNav,
.rs-arrows .rs-next {
    right: 0;
    background-image: url("images/icons/slider-next.png");
}

.slider-prev:hover,
.slider-next:hover,
.flex-direction-nav a.flex-prev:hover,
.flex-direction-nav a.flex-next:hover,
.ls-noskin .ls-nav-prev:hover,
.ls-noskin .ls-nav-next:hover,
.nivo-prevNav:hover,
.nivo-nextNav:hover,
.rs-arrows .rs-prev:hover,
.rs-arrows .rs-next:hover { background-color: rgba(44,44,44,0.8); }

.slides,
.flex-control-nav,
.flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}

.flexslider {
    margin: 0;
    padding: 0;
}

.flexslider .slide img {
    width: 100%;
    display: block;
}

.flex-pauseplay span { text-transform: capitalize; }

.no-js .slider-wrap > .slide:first-child { display: block; }

.flexslider .slider-wrap { zoom: 1; }

.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
}

.loading .flex-viewport { max-height: 300px; }

.flex-direction-nav .disabled {
    opacity: 0!important;
    filter:alpha(opacity=0);
    cursor: default;
}


/*  Layer Slider Styles
================================================== */

.ls-noskin .ls-nav-prev,
.ls-noskin .ls-nav-next {
    left: -32px;
    right: auto;
    top: 50%;
    margin-top: -16px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.ls-noskin .ls-nav-next {
    left: auto;
    right: -32px;
}

.ls-noskin:hover .ls-nav-prev { left: 20px; }
.ls-noskin:hover .ls-nav-next { right: 20px; }


/*  Nivo Slider Styles
================================================== */

.nivo-caption p { margin: 0; }

.nivo-html-caption { display:none; }

.nivo-controlNav { display: none; }


/*  Landing Page Offer Area
================================================== */


#landing-offer {
    position: relative;
    padding: 40px;
    background-color: #333;
    border-top: 3px solid #DDD;
}

.landing-action {
    display: inline-block;
    margin: 0 5px;
    font-family: 'AvalonMediumRegular', "Droid Sans", sans-serif;
    font-size: 24px;
    color: #444;
}

#landing-offer-slider {
    position: relative;
    box-shadow: 0 0 10px rgba(0,0,0,0.7);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.7);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.7);    
}

#landing-offer-slider .landing-slider {
    position: relative;
    overflow: hidden;
}

.landing-slider,
.landing-slider .landing-slide,
.landing-slide a,
.landing-slide img {
    display: block;
    width: 600px;
    height: 337px;
}

#landing-offer-slider .flex-direction-nav a.flex-prev,
#landing-offer-slider .flex-direction-nav a.flex-next,
#landing-offer-slider .nivo-prevNav,
#landing-offer-slider .nivo-nextNav,
#landing-offer-slider .rs-arrows .rs-prev,
#landing-offer-slider .rs-arrows .rs-next {
    top: 50%;
    margin-top: -16px;
    right: auto;
    left: 0;
}

#landing-offer-slider .flex-direction-nav a.flex-next,
#landing-offer-slider .nivo-nextNav,
#landing-offer-slider .rs-arrows .rs-next {
    left: auto;
    right: 0;
}

#landing-offer-content {
    color: #DDD;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.6);
}

#landing-offer-content h1 {
    font-size: 32px;
    line-height: 40px;
    font-family: 'AvalonMediumRegular', "Droid Serif", serif;
    color: #FFF;
}

#landing-description {
    font-size: 14px;
    line-height: 22px;
    color: #EEE;
    font-family: 'AvalonMediumRegular', "Droid Sans", sans-serif;
    padding-bottom: 17px;
    margin-bottom: 20px;
    border-bottom: 2px dotted #CCC;
}

#landing-features { margin: 0; }

#landing-features li {
    font-size: 13px;
    line-height: 20px;
    color: #FFF;
    font-weight: bold;
    font-family: 'AvalonMediumRegular', "Droid Sans", sans-serif;
    background: url("images/icons/landing-features.png") no-repeat left top;
    padding-left: 26px;
    margin-top: 10px;
}

#landing-features li:first-child { margin-top: 0; }


/*  Portfolio
================================================== */


#portfolio {
    position: relative;
    margin: 0 -4px -4px 0;
}

.blacktitle{
    margin-bottom: 0;
    color: #fff;
    height: 175px;
}

.blacktitle h1{
    font-size: 90px;

    padding: 0;
    margin-top: 68px;
    margin-left: 10px;
    color: #FFF;
    font-family: 'AvalonMediumBold';
    text-transform: uppercase;
}

.blacktitle .col_last{
    text-align: left;
    border-top: 1px dashed #FFF;
    margin-top: 50px;
    padding-top: 10px;    
}
/*  Portfolio Filter
================================================== */

#portfolio-content.content-wrapper{
    padding: 0;
    width: 100%;
}

#portfolio-filter {
    position: relative;
    height: 50px;
    background: #0a2431;
    margin-bottom: 0;
    margin-left: 0;
}

#portfolio-filter li {
    margin: 0;
    float: left;
    height: 50px;
    line-height: 50px;
    font-family: 'AvalonMediumRegular', "Droid Serif", serif;
    font-style: italic;
    background: #0a2431;
}

#portfolio-filter li:first-child { margin-left: 0; }

#portfolio-filter li a {
    display: block;
    padding: 0 10px;
    background-color: #0a2431;
    color: #FFF;
    font-family: 'AvalonMediumRegular', "Droid Sans", sans-serif;
    font-style: normal;
    transition: background-color .3s linear;
    -moz-transition: background-color .3s linear;
    -webkit-transition: background-color .3s linear;    
    -ms-transition: background-color .3s linear;
    -o-transition: background-color .3s linear;
}

#portfolio-filter li a:hover,
#portfolio-filter li.activeFilter a {
    color: #FFF;
    background-color: #008bcc;
}


#da-thumbs{margin: 0;}

.da-thumbs li {
    padding: 8px
}


.da-thumbs li a,
.da-thumbs li a img {
    display: block;
    position: relative;
}

.da-thumbs li a {
    overflow: hidden;
}

.da-thumbs li a div {
    position: absolute;
    background: #f6a209;
    width: 100%;
    height: 100%;
    color: #fff;
    text-align: center;
}

.da-thumbs li img.alternative{
    display: none;
}

.da-thumbs li a div span.full{
    display: block;
    padding: 30px 15px;
}

.da-thumbs li a div span.full p{
    line-height: 17px;
}
.da-thumbs li a div span.full p.big{
    font-size:20px;
    line-height: 70px;
}

.da-thumbs li a div span.full p.right{
    text-align: right;
}

.da-thumbs li a div span.full p.left{
    text-align: left;
}
.da-thumbs li a div span.full h3{
    font-family: 'AvalonMediumBold';
    color: #fff;
    text-transform: uppercase;
    font-size: 20px;
    text-align: center;
    line-height: 22px;
}

.da-thumbs li a div span.full .large-percentage{
    font-size: 50px;
}
.da-thumbs li a div span.full .small-percentage{
    font-size: 25px;
}

.da-thumbs li a div span.mini{
    display: none;
}

/* ANIMATION */

.da-thumbs li a div.da-animate {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
/* Initial state classes: */
.da-slideFromTop {
    left: 0px;
    top: -100%;
}
.da-slideFromBottom {
    left: 0px;
    top: 100%;
}
.da-slideFromLeft {
    top: 0px;
    left: -100%;
}
.da-slideFromRight {
    top: 0px;
    left: 100%;
}
/* Final state classes: */
.da-slideTop {
    top: 0px;
}
.da-slideLeft {
    left: 0px;
}




/*  Portfolio Items
================================================== */


.portfolio-item {
    position: relative;
    float: left;
    margin: 0 4px 4px 0;
}

.portfolio-image,
.portfolio-image a,
.portfolio-image img {
    display: block;
    position: relative;
    overflow: hidden;
}

.portfolio-image { border-top: 4px solid rgba(0,0,0,0.1); }

.portfolio-item .portfolio-desc {
    position: relative;
    border-top: 4px solid rgba(0,0,0,0.1);
    background-color: #EEE;
    padding: 15px 10px;
    text-align: center;
}

.portfolio-item:hover .portfolio-image,
.portfolio-item:hover .portfolio-desc { border-color: #D20C0C; }

.portfolio-desc h3 {
    padding-bottom: 0;
    font-family: 'AvalonMediumRegular', "Droid Sans", sans-serif;
    font-size: 15px;
}

.portfolio-desc h3 a {
    color: #555;
    text-shadow: 1px 1px 1px #FFF;    
}

.portfolio-item:hover .portfolio-desc a { color: #D20C0C; }

.portfolio-image,
.portfolio-desc,
.related-projects a,
.entry_image a {
    transition: border-color .3s linear;
    -moz-transition: border-color .3s linear;
    -webkit-transition: border-color .3s linear;
    -ms-transition: border-color .3s linear;
    -o-transition: border-color .3s linear;
}

.item-overlay {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 5;
    background-color: rgba(255,255,255,0.4);
}

.item-overlay.overlay-icon-pic span,
.item-overlay.overlay-icon-gallery span,
.item-overlay.overlay-icon-video span {
    display: block;
    position: absolute;
    z-index: 6;
    top: 50%;
    left: -66px;
    margin-top: -33px;
    width: 66px;
    height: 66px;
    background-image: url("images/icons/portfolio/pic.png");
    background-repeat: no-repeat;
    background-position: center center;
}

.item-overlay.overlay-icon-gallery span { background-image: url("images/icons/portfolio/gallery.png"); }

.item-overlay.overlay-icon-video span { background-image: url("images/icons/portfolio/video.png"); }


/*  Portfolio Items : Normal
================================================== */


.portfolio-normal .portfolio-item { width: 237px; }

.portfolio-normal .portfolio-image,
.portfolio-normal .portfolio-image a,
.portfolio-normal .portfolio-image img {
    width: 237px;
    height: 180px;
}


/*  Portfolio Items : Portrait
================================================== */


.portfolio-portrait .portfolio-item { width: 237px; }

.portfolio-portrait .portfolio-image,
.portfolio-portrait .portfolio-image a,
.portfolio-portrait .portfolio-image img {
    width: 237px;
    height: 320px;
}


/*  Portfolio Items : Masonry
================================================== */


.portfolio-masonry .portfolio-item { width: 237px; }

.portfolio-masonry .portfolio-image,
.portfolio-masonry .portfolio-image a,
.portfolio-masonry .portfolio-image img {
    width: 237px;
    height: auto;
}


/*  Isotope Filtering
================================================== */


.isotope-item {
    z-index: 2;
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}

.isotope,
.isotope .isotope-item {
    /* change duration value to whatever you like */
    -webkit-transition-duration: 0.7s;
    -moz-transition-duration: 0.7s;
    -ms-transition-duration: 0.7s;
    -o-transition-duration: 0.7s;
    transition-duration: 0.7s;
}

.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;
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property:    -moz-transform, opacity;
    -ms-transition-property:     -ms-transform, opacity;
    -o-transition-property:         top, left, opacity;
    transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}


/*  Portfolio Single Page
================================================== */


.single-portfolio {}

.single-portfolio-image {}

#portfolio-slider,
.single-portfolio-image a { position: relative; }

#portfolio-slider,
.portfolio-slider-wrap,
.single-portfolio-image a,
.single-portfolio-image img {
    display: block;
    width: 660px;
    height: auto;
}

#portfolio-slider .flexslider a { display: none; -webkit-backface-visibility: hidden; } /* Hide the slides before the JS is loaded. Avoids image jumping */

#portfolio-slider .flexslider a:first-child { display: list-item; }

.single-portfolio-description {}

.single-portfolio-description ul { margin: 0; }

.single-portfolio-description li { margin: 20px 0 0 0; }

.single-portfolio-description li:first-child { margin-top: 0; }

.single-portfolio-description h4 {
    font-size: 12px;
    line-height: 20px;
    font-family: 'AvalonMediumRegular', "Droid Sans", sans-serif;
    text-transform: uppercase;
    color: #222;
    border-bottom: 3px double rgba(0,0,0,0.1);
    padding-bottom: 6px;
    margin-bottom: 7px;
}

.word-wrap {
    white-space: -moz-pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    white-space: pre-wrap;
    white-space: pre-line;
}


/*  Portfolio Related Items
================================================== */


.related-projects-wrap h3 {
    font-size: 17px;
    line-height: 20px;
    font-family: 'AvalonMediumRegular', "Droid Serif", serif;
    font-style: italic;
}

.related-projects-wrap { padding: 0 40px 40px; }

.related-projects { margin: 0 -5px 0 0; }

.related-projects a {
    position: relative;
    overflow: hidden;
    float: left;
    margin-right: 5px;
    border-top: 2px solid rgba(0,0,0,0.1);
    border-bottom: 2px solid rgba(0,0,0,0.1);
}

.related-projects a:hover { border-color: #D20C0C; }

.related-projects a,
.related-projects img {
    display: block;
    width: 188px;
    height: 140px;
}

.portfolio-navigation {
    position: absolute;
    max-width: 106px;
    height: 32px;
    top: 22px;
    left: auto;
    right: 40px;
}


/*  Homepage Portfolio Carousel
================================================== */


#home-portfolio-list { position: relative; }

#home-portfolio-list .portfolio-normal { margin: 0 0 -4px 0; }

#home-portfolio-list .portfolio-item {
    margin: 0 4px 4px 0;
    width: 236px;
}

#home-portfolio-list .portfolio-image,
#home-portfolio-list .portfolio-image a,
#home-portfolio-list .portfolio-image img {
    width: 236px;
    height: 180px;
}

#home-portfolio-list .portfolio-navigation {
    top: -48px;
    margin: 0;
    right: 0;
    height: 32px;
}

.portfolio-navigation a,
#portfolio-slider .flex-direction-nav a.flex-prev,
#portfolio-slider .flex-direction-nav a.flex-next {
    display: inline-block;
    width: 32px;
    height: 32px;
    background-color: #444;
    background-repeat: no-repeat;
    text-indent: -9999px;
    transition: background-color .3s linear;
    -moz-transition: background-color .3s linear;
    -webkit-transition: background-color .3s linear;
    -ms-transition: background-color .3s linear;
    -o-transition: background-color .3s linear;
}

.portfolio-navigation a:hover { background-color: #777; }

.portfolio-navigation a.portfolio-prev,
#portfolio-slider .flex-direction-nav a.flex-prev {
    background-image: url("images/icons/portfolio/portfolio-navigation-icons.png");
    background-position: 0 0;
}

.portfolio-navigation a.portfolio-list {
    background-image: url("images/icons/portfolio/portfolio-navigation-icons.png");
    background-position: -32px 0;
}

.portfolio-navigation a.portfolio-next,
#portfolio-slider .flex-direction-nav a.flex-next {
    background-image: url("images/icons/portfolio/portfolio-navigation-icons.png");
    background-position: -64px 0;
}

.portfolio-navigation a.portfolio-close {
    background-image: url("images/icons/portfolio/portfolio-navigation-icons.png");
    background-position: -96px 0;
}

#portfolio-slider .flex-direction-nav a.flex-prev,
#portfolio-slider .flex-direction-nav a.flex-next {
    display: block;
    cursor: pointer;
    position: absolute;
    top: 50%;
    margin-top: -16px;
    z-index: 10;
    background-color: rgba(0,0,0,0.5);
}

#portfolio-slider .flex-direction-nav a.flex-prev:hover,
#portfolio-slider .flex-direction-nav a.flex-next:hover { background-color: rgba(0,0,0,0.8); }

#portfolio-slider .flex-direction-nav a.flex-prev { left: 0; }

#portfolio-slider .flex-direction-nav a.flex-next {
    left: auto;
    right: 0;
}

#home-portfolio-pagination {
    position: absolute;
    top: -38px;
    height: 12px;
    left: auto;
    right: 79px;
}

#home-portfolio-pagination a {
    display: block;
    float: left;
    margin-left: 4px;
    width: 12px;
    height: 12px;
    text-indent: -9999px;
    background-color: #444;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

#home-portfolio-pagination a:first-child { margin-left: 0; }

#home-portfolio-pagination a.selected { background-color: #D20C0C; }

#home-portfolio-pagination a span { display: none; }


/*  AJAX Portfolio
================================================== */


#portfolio-revealer {
    position: relative;
    height: 0;
    margin: -40px -40px 40px;
    overflow: hidden;
}

#portfolio-reveal {
    position: relative;
    border-top: 3px solid rgba(0,0,0,0.1);
    border-bottom: 3px double rgba(0,0,0,0.1);
}

#portfolio-reveal .portfolio-reveal-wrap { position: relative; }


#portfolio-loader {
    display: none;    
    position: absolute;
    top: 3px;
    left: auto;
    right: 0;
    width: 20px;
    height: 20px;
    background: url("images/portfolio-loader.gif") no-repeat;
}


/*  Posts
================================================== */


#posts { position: relative; }

.entry {
    position: relative;
    margin-top: 40px;
    padding-bottom: 40px;
    border-bottom: 3px double rgba(0,0,0,0.1);
}

.entry:first-child { margin-top: 0; }

.entry_image a {
    position: relative;
    overflow: hidden;
    border-top: 4px solid rgba(0,0,0,0.1);
    border-bottom: 4px solid rgba(0,0,0,0.1);
}

.entry_image a:hover { border-color: #D20C0C; }

.entry_image a,
.entry_image img {
    display: block;
    width: 660px;
    /*    height: 350px;*/
    padding: 0;
}

.entry_image {
    width: 660px;
    margin-bottom: 20px;
}

.blog-layout2 .entry_image {
    float: left;
    margin: 0 20px 0 0;
    width: 240px;
}

.single .entry_image { margin-bottom: 15px; }

.blog-layout2 .entry_image a,
.blog-layout2 .entry_image img{
    width: 240px;
    height: 200px;
}

.entry_date {
    float: left;
    width: 76px;
    height: 66px;
    padding: 16px 10px 14px;
    text-align: center;
    font-family: 'AvalonMediumRegular', "Droid Serif", serif;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.6);
    font-size: 13px;
    margin: 0 14px 0 0;
    background-color: #444;
    border-radius: 48px;
    -moz-border-radius: 48px;
    -webkit-border-radius: 48px;
    transition: background-color .3s linear;
    -moz-transition: background-color .3s linear;
    -webkit-transition: background-color .3s linear;
    -ms-transition: background-color .3s linear;
    -o-transition: background-color .3s linear;
}

.entry_date:hover { background-color: #D20C0C; }

.entry_date span {
    display: block;
    font-size: 44px;
    line-height: 44px;
}

.blog-layout2 .entry_date { display: none; }

.entry_c {
    float: left;
    width: 550px;
    margin: 0 0 0 0;
}

.blog-layout2 .entry_c { width: 400px; }

.entry_title { margin-bottom: 15px; }

.entry_title h1 {
    padding: 0;
    font-family: 'AvalonMediumRegular', "Droid Serif", serif;
    font-size: 24px;
    line-height: 28px;
}

.blog-layout2 .entry_title h2 , .blog-layout2 .entry_title h1 {
    font-size: 20px;
    line-height: 24px;
}

.single .entry_title h2 , .single .entry_title h1 {
    font-size: 28px;
    line-height: 32px;
}

.entry_title h2 a ,.entry_title h1 a { color: #444; }

.entry_title h2 a:hover , .entry_title h1 a:hover { color: #666; }

.entry .entry_content { margin-bottom: -20px; }

.entry_content ul { list-style: disc; }

.entry_content ol { list-style: decimal; }


.entry_meta {
    margin: 0 0 15px 0;
    padding: 5px 0 4px;
    border-top: 1px solid rgba(0,0,0,0.1);
    border-bottom: 1px solid rgba(0,0,0,0.1);
}

.entry_meta ul { margin: 0; }

.entry_meta li {
    float: left;
    margin: 0 0 0 6px;
    font-family: 'AvalonMediumRegular', "Droid Serif", serif;
    font-size: 11px;
    color: #666;
}

.entry_meta li span {
    display: inline-block;
    margin-left: 6px;
    font-family: 'AvalonMediumRegular', "Droid Sans", sans-serif;
    text-transform: uppercase;
    color: #999;
}

.entry_meta li:first-child,
.entry_meta li:first-child span { margin-left: 0; }

/*  Home Blog List
================================================== */


#home-blog-list { position: relative; }

#home-blog-list .home-post {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid rgba(0,0,0,0.1);
}

#home-blog-list .home-post:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
}

.home-post .home-post-img {
    float: left;
    width: 81px;
    margin-right: 15px;
}

.home-post-img a {
    padding: 3px;
    background-color: #EEE;
}

.home-post-img a,
.home-post-img img {
    display: block;
    width: 75px;
    height: 60px;
}

.home-post-img a:hover { background-color: #D20C0C; }

.home-post .home-post-content {
    position: relative;
    overflow: hidden;
}

.home-post-content h5 {
    font-weight: normal;
    font-family: 'AvalonMediumRegular', "Droid Sans", sans-serif;
    font-size: 14px;
    padding-bottom: 6px;
}

.home-post-content h5 a { color: #444; }

.home-post-content h5 a:hover { color: #D20C0C; }

.home-post-content .entry_meta {
    padding: 0;
    border: none;
    margin: 0;
}

.entry_image iframe {
    margin: 0 0 -7px 0 !important;
    padding: 0 !important;
}


/*  Image Alignments
================================================== */


.entry_content img { max-width: 660px; }

img.alignleft,
div.alignleft {
    float: left;
    margin: 12px 20px 12px 0;
}

img.alignleft,
img.alignnone,
img.aligncenter,
img.alignright,
.wp-caption img {
    display: block;
    background-color: #E5E5E5;
    transition: background-color .3s linear;
    -moz-transition: background-color .3s linear;
    -webkit-transition: background-color .3s linear;
    -ms-transition: background-color .3s linear;
    -o-transition: background-color .3s linear;
}

img.alignleft:hover,
img.alignnone:hover,
img.aligncenter:hover,
img.alignright:hover,
.wp-caption img:hover { background-color: #D20C0C; }

img.alignleft,
img.alignnone,
img.aligncenter,
img.alignright,
div.alignleft img,
div.alignnone img,
div.aligncenter img,
div.alignright img,
.wp-caption img { padding: 4px 0; }

img.alignnone,
img.aligncenter,
div.alignnone,
div.aligncenter {
    display: block;
    margin: 10px 0;
    float: none;
}

img.aligncenter,
div.aligncenter {
    margin-left: auto;
    margin-right: auto;
    display: block;
    clear: both;
    float: none;
}

img.alignright,
div.alignright {
    float: right;
    margin: 12px 0 12px 20px;
}

.wp-caption {
    text-align: center;
    margin: 10px 20px 20px 20px;
}

.wp-caption img,
.wp-caption img a {
    margin: 0;
    padding: 0;
    border: 0 none;
}

.wp-caption .wp-caption-text {
    margin: 0 !important;
    font-size: 13px;
    line-height: 20px;
    font-family: 'AvalonMediumRegular', "Droid Serif", serif;
    color: #666;
    text-shadow: 1px 1px 1px #FFF;
    padding: 10px 6px;
    background-color: #EEE;
}

.wp-smiley {
    max-height: 13px;
    margin: 0 !important;
}


/*  Comments
================================================== */


#comments {
    margin: 40px 0 0 0;
    position: relative;
}

#comments h3 { padding-bottom: 15px; }


/*  Comments List
================================================== */


.commentlist,
.commentlist li,
.commentlist li ul,
.commentlist li ul li { margin: 10px 0 0 0; }

.commentlist {
    margin-top: 0;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.commentlist > li { padding-top: 10px; }

.commentlist > li:first-child {
    padding-top: 0;
    border-top: 0;
}

.commentlist ul.children {
    margin-left: 25px;
    border-left: 1px dotted #CCC;
}

.commentlist ul.children ul.children { margin-left: 50px; }

.commentlist ul .comment-wrap {
    position: relative;
    padding-left: 25px;
    padding-top: 10px;
}

.commentlist ul.children .comment-sep {
    position: absolute;
    width: 21px;
    height: 0px;
    border-bottom: 1px dotted #CCC;
    top: 34px;
    left: 2px;
}

.commentlist li .comment-content,
.pingback {
    position: relative;
    overflow: hidden;
}

.commentlist li .comment-content {
    background-color: #EEE;
    padding: 12px 15px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.commentlist li .comment-content p,
.pingback p { margin-bottom: 0; }

.commentlist li .comment-meta {
    float: left;
    margin-right: 10px;
}

.comment-meta img {
    display: block;
    border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
}

.comment-content .comment-author {
    margin-bottom: 4px;
    font-size: 14px;
    font-family: 'AvalonMediumRegular', "Droid Serif", serif;
    color: #333;
    width: 100%;
}

.comment-content .comment-author a { color: #333; }

.comment-content .comment-author a:hover { color: #000; }

.comment-content .comment-author span { float: right; }

.comment-content .comment-author span,
.comment-content .comment-author span a {
    font-size: 11px;
    font-weight: normal;
    color: #888;
}

.comment-content .comment-author span a { border-bottom: 1px dotted #888; }

.comment-content .comment-author span a:hover {
    border-bottom: none;
    color: #000;
}

.bypostauthor {}


/*  Comment Form
================================================== */

#respond,
#respond form { margin-bottom: 0; }

#respond form { margin: 0; }

.commentlist li #respond { margin-top: 15px; }

.commentlist ul.children #respond { margin: 15px 0 0 25px; }

#respond p { margin: 10px 0 0 0; }

#respond h3 { padding-bottom: 5px !important; }

#respond h3 small {
    display: inline-block;
    position: relative;
    top: -3px;
    margin-left: 15px;
}

#respond input[type="text"],
#respond label { display: inline-block; }

#respond label { margin-left: 10px; }

#respond label small {
    color: #AAA;
    font-weight: normal;
}

.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe { width: 100% !important; }


/*  Contact Form Template
================================================== */


#template-contactform { margin: 0 !important; }

#template-contactform div { margin: 0; }

#template-contactform input[type="text"],
#template-contactform textarea {
    width: 610px;
    max-width: 610px;
    margin: 10px 0;
    border: 0;
    color: #fff;
    background: #66b9e0;
    font-size: 16px;
    font-family: 'AvalonRegular';}

#template-contactform div.col_one_third input[type="text"],
#template-contactform div.col_one_third select { width: 240px; }

#template-contactform #services{
    max-width: 500px;
    margin: 7px 0 9px 0;
    color: #fff;
}

#template-contactform #services label{
    color: #fff;
    font-size: 16px;
    padding-right:20px;   
}

#template-contactform #services input[type="checkbox"] {
    display:none;
}

#template-contactform #services input[type="checkbox"] + label {
    color: #fff;
    font-size: 16px;
}

#template-contactform #services input[type="checkbox"] + label span {
    display:inline-block;
    width:19px;
    height:19px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    background:url(images/check_radio_sheet.png) left top no-repeat;
    cursor:pointer;
}

#template-contactform #services input[type="checkbox"]:checked + label span {
    background:url(images/check_radio_sheet.png) -19px top no-repeat;
}

/*  Styled Box
================================================== */


.styledmsg,
.styledmsg2 {
    display: block;
    border-top: 2px solid rgba(0,0,0,0.1);
    border-bottom: 1px dotted rgba(0,0,0,0.1);
}

.styledmsg2 { border-top: 2px solid rgba(0,0,0,0.2); }

.successmsg {
    background: #C1FFCC;
    color: #184B21;
}

.errormsg {
    background: #FDD0D1;
    color: #870509;
}

.infomsg {
    background: #B9DFF4;
    color: #124F70;
}

.alertmsg {
    background: #FCE0B6;
    color: #975E06;
}

.styledmsg div.message,
.styledmsg2 .msgtitle,
.styledmsg2 div.message {
    display: block;
    border-top: 1px solid rgba(255,255,255,0.5);
    border-bottom: 1px dotted rgba(255,255,255,0.5);
    padding: 10px 15px;
    text-align: center;
    font-size: 13px;
    font-family: 'AvalonMediumRegular', "Droid Serif", sans-serif;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
}

.styledmsg2 .msgtitle {
    background: rgba(0,0,0,0.1);
    font-size: 15px;
    border-top: none;
    border-bottom: none;
    text-align: left;
}

.styledmsg2 div.message { text-align: left; }

.styledmsg2 ol,
.styledmsg2 ul { margin: 0 0 0 30px; }

.styledmsg2 ol { list-style-type: decimal; }

.styledmsg2 ul { list-style-type: disc; }


/*  Tabs
================================================== */


.tab_widget {
    display: block;
    position: relative;
    margin: 0 0 20px 0;
}

.tab_widget ul.tabs {
    display: block;
    position: relative;
    list-style: none;
    height: 36px;
    border-bottom: 1px solid #DDD;
    margin: 0;
}

.side_tabs ul.tabs {
    float: left;
    width: 150px;
    height: auto;
    border-bottom: none;
    padding: 20px 0;
    border-right: 1px solid #DDD;
}

.tour_tabs ul.tabs {
    width: 250px;
    padding: 25px 0;
}

.bottom_tabs ul.tabs {
    border-bottom: none;
    border-top: 1px solid #DDD;
}

ul.tabs li {
    float: left;
    margin: 0;
    padding: 0;
    margin-top: 3px;
    height: 32px;
    line-height: 32px;
    border: 1px solid #DDD;
    border-left: none;
    overflow: hidden;
    position: relative;
    background: #EEE;
}

.side_tabs ul.tabs li {
    float: none;
    border: 1px solid #DDD;
    border-top: none;
    border-right: none;
    height: 36px;
    line-height: 36px;
    margin-top: 0;
}

.tour_tabs ul.tabs li {
    height: 40px;
    line-height: 40px;
}

.bottom_tabs ul.tabs li {
    margin-top: 0;
    border-top: none;
}

ul.tabs li a:hover { background: #EEE; }

ul.tabs li:first-child { border-left: 1px solid #DDD; }

ul.tabs li a {
    display: block;
    padding: 0 13px;
    outline: none;
    color: #AAA;
    font-size: 14px;
    font-weight: bold;
    font-family: 'AvalonMediumRegular', "Droid Sans", sans-serif;
    text-decoration: none;
    text-shadow: 1px 1px 1px #FFF;
}

ul.tabs .tab-icon {
    float: left;
    width: 20px;
    height: 20px;
    margin: 6px 7px 0 0;
    opacity: 0.4;
}

.side_tabs ul.tabs .tab-icon { margin-top: 8px; }

.tour_tabs ul.tabs .tab-icon {
    width: 24px;
    height: 24px;
    margin-right: 8px;
}

ul.tabs li.active,
ul.tabs li.active a:hover {
    background: #FFF;
    border-bottom: 1px solid #FFF;
}

.side_tabs ul.tabs li.active,
.side_tabs ul.tabs li.active a:hover {
    border-bottom: 1px solid #DDD;
    border-right: 1px solid #FFF;
}

.bottom_tabs ul.tabs li.active,
.bottom_tabs ul.tabs li.active a:hover {
    background: #FFF;
    border-top: 1px solid #FFF;
}

.bottom_tabs ul.tabs li.active a:hover { border-top: none; }

ul.tabs li.active {
    margin-top: 0;
    border-top: 4px solid #BBB;
}

.side_tabs ul.tabs li.active {
    border-top: none;
    border-left: 4px solid #BBB;
    margin-right: -1px;
}

.bottom_tabs ul.tabs li.active {
    margin-top: -1px;
    border-top: 1px solid #FFF;
    border-bottom: 4px solid #BBB;
}

.side_tabs ul.tabs li:first-child { border-top: 1px solid #DDD !important; }

ul.tabs li.active a { color: #777; }

ul.tabs li.active .tab-icon { opacity: 0.8; }

.tab_widget .tab_container {
    display: block;
    border-top: none;
    overflow: hidden;
    position: relative;
    clear: both;
    background: #FFF;
    border: 1px solid #DDD;
    border-top: none;
}

.side_tabs .tab_container {
    clear: none;
    border: none;
}

.bottom_tabs .tab_container {
    border-top: 1px solid #DDD;
    border-bottom: none;
}

.tab_container .tab_content {
    display: block;
    position: relative;
    padding: 15px;
}

.side_tabs .tab_content { padding: 20px 0 0 20px; }

.tour_tabs .tab_content { padding: 25px 0 0 25px; }


/*  Toggles
================================================== */


.toggle {
    display: block;
    position: relative;
    margin: 0 0 20px 0;
}

.toggle .togglet,
.toggle .toggleta {
    display: block;
    position: relative;
    padding: 6px 12px;
    background-color: #EEE;
    border: 1px solid #DDD;
    cursor: pointer;
    margin: 0;
}

.toggle2 .togglet,
.toggle2 .toggleta,
.toggle3 .togglet,
.toggle3 .toggleta {
    padding: 0;
    background-color: transparent;
    border: none;
}

.toggle .togglet span,
.toggle .toggleta span {
    display: block;
    line-height: 28px;
    font-size: 13px;
    font-weight: bold;
    color: #888;
    text-shadow: 1px 1px 1px #FFF;
    padding-left: 18px;
    background: url("images/icons/plus.png") no-repeat left;
}

.toggle2 .togglet span,
.toggle2 .toggleta span,
.toggle3 .togglet span,
.toggle3 .toggleta span {
    line-height: 24px;
    font-size: 18px;
    font-weight: normal;
    font-family: 'AvalonMediumRegular', "Droid Sans", sans-serif;
    color: #444;
    text-shadow: 0px 0px 0px #FFF;
    padding-left: 32px;
    background: url("images/icons/toggle-plus.png") no-repeat left;
}

.toggle3 .togglet span { background: url("images/icons/toggle-plus2.png") no-repeat left; }

.toggle .toggleta span { background: url("images/icons/minus.png") no-repeat left; }

.toggle2 .toggleta span { background: url("images/icons/toggle-minus.png") no-repeat left; }

.toggle3 .toggleta span { background: url("images/icons/toggle-minus2.png") no-repeat left; }

.toggle .togglec {
    display: block;
    position: relative;
    padding: 15px;
    background: #FFF;
    border: 1px solid #DDD;
    border-top: none;
}

.toggle2 .togglec,
.toggle3 .togglec {
    padding: 15px 0 0 32px;
    border: none;
}


/*  Accordion
================================================== */


.accordion,
.accordion2 {
    position: relative;
    margin: 0 0 20px;
    overflow: hidden;
}

.accordion .acc-title,
.accordion .acc-titlec,
.accordion2 .acc-title,
.accordion2 .acc-titlec {
    position: relative;
    cursor: pointer;
    padding: 10px 0;
    border-top: 1px solid rgba(0,0,0,0.1);
}

.accordion .acc-titlec,
.accordion2 .acc-titlec { cursor: auto; }

.accordion .acc-title:first-child,
.accordion .acc-titlec:first-child,
.accordion2 .acc-title:first-child,
.accordion2 .acc-titlec:first-child {
    border-top: none;
    padding-top: 0;
}

.accordion .acc-title span,
.accordion .acc-titlec span,
.accordion2 .acc-title span,
.accordion2 .acc-titlec span {
    display: block;
    position: relative;
    line-height: 24px;
    font-size: 17px;
    font-weight: normal;
    font-family: 'AvalonMediumRegular', "Droid Sans", sans-serif;
    color: #444;
    padding-left: 32px;
    background: url("images/icons/toggle-plus.png") no-repeat left;
}

.accordion2 .acc-title span { background: url("images/icons/toggle-plus2.png") no-repeat left; }

.accordion .acc-titlec span { background: url("images/icons/toggle-minus.png") no-repeat left; }

.accordion2 .acc-titlec span { background: url("images/icons/toggle-minus2.png") no-repeat left; }

.accordion .acc-content,
.accordion2 .acc-content {
    position: relative;
    padding: 2px 0 20px 32px;
}


/*  Pricing Table
================================================== */


.pricing {
    position: relative;
    padding-top: 30px;
    margin-bottom: 30px;
}

.pricing-box {
    position: relative;
    float: left;
    width: 25%;
}

.pricing3 .pricing-box { width: 33.33%; }

.pricing5 .pricing-box { width: 20%; }

.pricing-box .pricing-inner {
    position: relative;
    text-align: center;
    border: 1px solid #DDD;
    border-left: none;
}

.pricing-box .pricing-inner:hover { background-color: #EEE; }

.pricing-featured {
    z-index: 10;
    margin-top: -30px;
}

.pricing-featured .pricing-inner {
    border-left: 1px solid #DDD;
    margin: -1px;
}

.pricing-box:first-child .pricing-inner { border-left: 1px solid #D6D6D6; }

.pricing-inner .pricing-title {
    border-bottom: 1px solid #DDD;
    padding: 15px;
    font-size: 18px;
    line-height: 24px;
    font-weight: bold;
    font-family: 'AvalonMediumRegular', "Droid Sans", sans-serif;
    color: #666;
    text-shadow: 1px 1px 1px #FFF;
}

.pricing-featured .pricing-title {
    background-color: #444;
    padding: 20px 15px;
    font-size: 22px;
    line-height: 28px;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}

.pricing-inner .pricing-price {
    background-color: #FFF;
    color: #444;
    padding: 15px 0;
    font-size: 30px;
    line-height: 1;
    font-weight: bold;
    font-family: "PT Sans", sans-serif;
}

.pricing-featured .pricing-price { font-size: 40px; }

.pricing-price span {
    display: block;
    margin-top: 5px;
    color: #888;
    font-size: 11px;
    line-height: 1;
    font-weight: normal;
    font-family: 'AvalonMediumRegular', "Droid Sans", sans-serif;
    text-transform: uppercase;
}

.pricing-inner .pricing-features {
    border-top: 1px solid #DDD;
    padding: 7px 15px;
}

.pricing-features ul {
    margin: 0;
    list-style-type: none !important;
}

.pricing-features li {
    border-top: 1px solid #DDD;
    padding: 8px 0;
    font-size: 14px;
    font-family: "PT Sans", sans-serif;
    text-shadow: 1px 1px 1px #FFF;
}

.pricing-features li:first-child { border-top: none; }

.pricing-features li span {
    color: #333;
    font-weight: bold;
}

.pricing-inner .pricing-order {
    border-top: 1px solid #DDD;
    background-color: #FFF;
    padding: 10px 0;
}


/*  FAQs
================================================== */


.faqs-category-wrap {
    position: relative;
    margin: 0 -30px -30px 0;
}

.faqs-category-wrap .faq-category {
    float: left;
    position: relative;
    width: 300px;
    margin: 0 30px 30px 0;
}

.faq-category h4 {
    padding: 0 0 0 40px;
    background: url("images/icons/faq-category.png") no-repeat left;
    font-size: 17px;
    line-height: 32px;
    font-family: 'AvalonMediumRegular', "Droid Serif", serif;
}

.faq-category h4 a { color: #333; }

.faq-category h4:hover a { color: #D20C0C; }

.faq-category h4 a span {
    display: inline-block;
    position: relative;
    top: -2px;
    margin-left: 5px;
    text-align: center;
    padding: 0 8px;
    height: 24px;
    line-height: 24px;
    background-color: #444;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.7);
    font-size: 13px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.faq-category h4:hover a span { background-color: #D20C0C; }

#faqs-wrap {
    position: relative;
    overflow: hidden;
    margin: 0 0 -20px 0;
}

#faqs-wrap .togglet,
#faqs-wrap .toggleta {
    background-color: #EEE;
    border-color: #D6D6D6;
}

#faqs-wrap .togglet span,
#faqs-wrap .toggleta span {
    font-family: 'AvalonMediumRegular', "Droid Sans", sans-serif;
    font-size: 15px;
    padding-left: 28px;
    background: url("images/icons/faq-q.png") no-repeat left;
    color: #868686;
}

#faqs-wrap .togglec { border-color: #D6D6D6; }


/*  Testimonials

================================================== */


#testimonials-wrap {
    position: relative;
    margin: 0 -30px -15px 0;
}

#testimonials-wrap .testimonial {
    position: relative;
    float: left;
    width: 219px;
    padding-bottom: 15px;
    margin: 0 30px 15px 0;
}

.testimonial .testi-before,
.testimonial .testi-after {
    width: 219px;
    height: 8px;
    margin: 0;
    background: url("images/icons/testimonial.png") top left;
}

.testimonial .testi-after {
    height: 27px;
    background-position: bottom left;
}

.testimonial .testi-content {
    width: 209px;
    background-color: #057ab2;
    padding-bottom: 15px;
    height: 43em;
}

.testimonial .testi-content:hover {
    background-color: #f6a20d;
}

.testi-content p {
    margin: 10px 0 0;
    color: #FFF;
    font-family: 'AvalonMediumRegular', "Droid Serif", serif;
    font-style: bold;
    font-size: 14px;
    text-align: center;
    padding: 5px 14px;
}

.testi-content p:before,
.testi-content p:after { content: '"'; }

.testi-content .company-logo-testimonial {
    background: #FFF;
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 218px;
    overflow: hidden;
}
.testi-content .company-logo-testimonial img {
    width: 100%;
    height: auto;
}

.testi-content:hover .company-logo-testimonial img {
    width: 100%;
    height: auto;
    margin-top: -208px;
}

.testi-author {
    position: relative;
    margin-top: 5px;
    text-align: center;
    display: block;
    text-transform: uppercase;
}

.testi-author a {
    font-weight: normal;
    font-family: 'AvalonMediumRegular', "Droid Serif", serif;
    font-size: 18px;
    font-weight: bold;
    color: #FFF;
    text-decoration: none;
}

.testi-author a:hover {
    color:#333;
}

.testi-author img {
    display:none;
    /*    float: right;
        position: relative;
        top: -2px;
        width: 40px;
        height: 40px;
        margin-left: 10px;
        border-radius: 20px;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;*/
}

.testimonial-filter li a:hover, .testimonial-filter li.activeFilter a {
color: #FFF !important;
background-color: #f6a20d !important;
}


/*  Team Members
================================================== */

.team-header{
    background: #0174aa;
    padding: 30px 30px;
    position: relative;
}

.team-header p{
    width: 60%;
    font-size: 18px;
    font-family: 'AvalonRegular';
    color: #fff;
}

.team-member p:after{
    content: url('images/tmember-arrow.png');
    position: absolute;
    bottom: -45px;
    right: 50%;
}
.team-header .team-door{
    position: absolute;
    right: 0;
    bottom: 0;
    background: url('images/team-door.png') center center no-repeat;
    width: 350px;
    height: 250px;
}

.team-header h2{
    text-transform: uppercase;
    color: #fff;
}
.team-header h2 span{
    background: #0a2431;
    padding: 5px 10px;
    display: block;
}
.team-header h2 span.part1{
    font-family: 'AvalonRegular';
    width: 650px;
    font-size: 50px;
    padding-top: 25px
}

.team-header h2 span.part2{
    font-family: 'AvalonMediumBold';
    width: 500px;
    font-size: 45px;
    padding-bottom: 15px;
}

#team-members {
    position: relative;
    margin: 0;
    padding: 15px 30px;
}

.team-member{
    height: 150px;
    width: 150px;
    overflow: hidden;
    position: relative;
    margin: 0;
    cursor: pointer;
}

.team-member .tlmember-pic{
    display: none;
}
.team-member.large{
    height: 350px;
    width: 550px;
    margin: 0;
    background: #f6a309;
}

.team-member.large .tmember-pic{
    display: none;
}

.team-member.large .tlmember-pic{
    position: absolute;
    left: -50px;
    bottom: -20px;
    display: block;
}

.tmember-content {
    position: relative;
    overflow: hidden;
    padding-top: 5px;
    height: 325px;
}

.tmember-content h4 {
    font-size: 23px;
    line-height: 25px;
    padding-bottom: 15px;
    text-transform: uppercase;
    left: 200px;
    position: relative;
    top: 40px;
    width: 300px;
    text-align: center;}

.tmember-content h4 span {
    display: block;
    position: relative;
    color: #fff;
    text-transform: capitalize;
    margin-left: 5px;
    font-size: 14px;
    font-family: 'AvalonMediumRegular', "Droid Serif", serif;
}

.tmember-content p{
    background: #e08510;
    position: relative;
    top: 50px;
    padding: 5px 5px 5px 210px;
    color: #fff;
    font-family: 'AvalonMediumRegular';
    font-size: 18px;
    line-height: 25px;
}

.tmember-social{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 300px;
    text-align: center;
}
.tmember-social a,
.tmember-social img {
    display: block;
    width: 35px;
    height: 35px;
}

.tmember-social a {
    display: inline-block;
    margin-right: 6px;
}

/*.team-member {
    position: relative;
    width: 100%;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 3px double rgba(0,0,0,0.1);
}

.team-member .tmember-pic {
    float: left;
    margin-right: 20px;
    border: 4px solid #DDD;
    border-radius: 79px;
    -moz-border-radius: 79px;
    -webkit-border-radius: 79px;
}

.tmember-pic img {
    display: block;
    width: 150px;
    height: 150px;
    border-radius: 75px;
    -moz-border-radius: 75px;
    -webkit-border-radius: 75px;
}
*/

/*  Clients
================================================== */


#our-clients {
    position: relative;
    margin: 0 -20px 0 0;
}

#our-clients .client-wrap {
    position: relative;
    float: left;
    width: 470px;
    margin: 0 20px 20px 0;
    border-bottom: 3px double rgba(0,0,0,0.1);
    padding-bottom: 20px;
}

.client-wrap .client-pic {
    float: left;
    border: 5px solid #EEE;
    margin-right: 20px;
}

.client-pic,
.client-pic a,
.client-pic img {
    display: block;
    width: 200px;
    height: 163px;
}

.client-wrap .client-content {
    position: relative;
    overflow: hidden;
}

.client-content h4 {
    font-size: 22px;
    line-height: 22px;
}

.client-content h4 span {
    display: inline-block;
    font-family: 'AvalonMediumRegular', "Droid Serif", serif;
    font-style: italic;
    font-size: 12px;
    color: #999;
}

.client-content p { margin-bottom: 0; }

.clients-list {
    position: relative;
    margin: 0 0 0 -1px;
    border-top: 1px solid #DDD;
    border-left: 1px solid #DDD;
}

.clients-list a {
    position: relative;
    float: left;
    margin: 0;
    border-right: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
}

.clients-list a,
.clients-list img {
    display: block;
    width: 159px;
    height: 126px;
}


/*  Home Clients Vertical Carousel
================================================== */


.home-client-list {
    position: relative;
    padding: 18px 0;
    overflow: hidden;
}

.home-client-list { height: 220px; }

.home-client-list a,
.home-client-list a img {
    display: block;
    width: 161px;
    height: 110px;
    margin: 0;
}

.home-client-list #clients-arrow-up,
.home-client-list #clients-arrow-down {
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    width: 100%;
    height: 18px;
    background-color: #EEE;
    background-repeat: no-repeat;
    background-image: url("images/icons/client-list-arrow.png");
    background-position: top center;
}

.home-client-list #clients-arrow-down {
    top: auto;
    bottom: 0;
    background-position: bottom center;
}

.home-client-list #clients-arrow-up:hover,
.home-client-list #clients-arrow-down:hover { background-color: #DDD; }


/*  Callout Box
================================================== */


.callout {
    display: block;
    position: relative;
    margin: 0 -40px 20px;
    padding: 15px 40px;
    background: url("images/dots.png") repeat;
}

.postcontent .callout { display: none; }

.callout .callout-desc {
    position: relative;
    width: 770px;
    overflow: hidden;
    padding-right: 190px;
}

.callout-desc h3 {
    font-size: 20px;
    font-weight: bold;
    color: #333;
    line-height: 1.4;
    font-family: 'AvalonRegular', Helvetica, Arial, sans-serif;
    padding: 0;
}

.callout-desc span {
    display: block;
    margin-top: 3px;
    color: #777;
    font-size: 16px;
    font-weight: normal;
    font-family: 'AvalonMediumRegular', "Droid Sans", sans-serif;
}

.callout .callout-action {
    position: absolute;
    left: auto;
    right: 0;
    overflow: hidden;
    max-width: 150px;
    margin: 0 40px 0 20px;
    top: 50%;
    margin-top: -18px;
}

.callout-action a,
.classic-button {
    display: block;
    padding: 0 14px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    background-color: #444;
    color: #FFF;
    font-size: 14px;
    font-weight: bold;
    font-family: 'AvalonMediumRegular', "Droid Sans", sans-serif;
    text-transform: capitalize;
}


/*  Product Features
================================================== */


.product-feature {
    position: relative;
    padding-left: 60px;
    margin-bottom: 10px;
}

.product-feature4 {
    position: relative;
    text-align: center;
}

.product-feature h3,
.product-feature2 h3,
.product-feature3 h3,
.product-feature4 h3 {
    font-size: 16px;
    line-height: 22px;
    font-weight: bold;
    font-family: 'AvalonRegularBold', Helvetica, Arial, sans-serif;
    color: #333;
    padding-bottom: 5px;
}

.product-feature p,
.product-feature2 p,
.product-feature3 p { margin: 0; }

.product-feature4 p{
    text-align: left;
}

.product-feature img {
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    padding: 0;
    width: 32px;
    height: 32px;
    padding: 8px;
    background-color: #f6a209;
    border-radius: 32px;
    -moz-border-radius: 32px;
    -webkit-border-radius: 32px;
}

.product-feature4 img {
    width: 60px;
    height: 60px;
    padding: 8px;
    border-radius: 32px;
    -moz-border-radius: 32px;
    -webkit-border-radius: 32px;
}


.product-feature2 {
    position: relative;
    padding-left: 60px;
    margin-bottom: 10px;
}

.product-feature2 img {
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    padding: 0;
    width: 48px;
    height: 48px;
}


.product-feature3 {
    position: relative;
    margin-bottom: 10px;
    text-align: center;
}

.product-feature3 h3 { padding-bottom: 10px; }

.product-feature3 img {
    position: relative;
    margin: 0;
    width: 64px;
    height: 64px;
    padding: 0;
    background-color: transparent;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

.product-feature3 .feature-icon {
    position: relative;
    margin: 0 auto 15px;
    width: 64px;
    height: 64px;
    padding: 24px;
    background-color: #444;
    border-radius: 56px;
    -moz-border-radius: 56px;
    -webkit-border-radius: 56px;
}


/*  Quotes
================================================== */


.quote-left {
    float: left;
    margin: 15px;
    margin-left: 0;
    width: 250px;
}

.quote-right {
    float: right;
    margin: 15px;
    margin-right: 0;
    width: 250px;
}

.quote-left p,
.quote-right p { margin-bottom: 0; }

.quote-left span,
.quote-right span { margin-top: 10px; }

.quote {
    background: url("images/icons/quote.png") no-repeat left top;
    border: none;
    padding-left: 34px;
}


/*  Icons & Dropcaps
================================================== */


.icon {
    float: left !important;
    width: 32px;
    height: 32px;
    padding: 8px;
    background-color: #444;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin: 12px 12px 12px 0;
}


.icon2 {
    float: left !important;
    width: 48px;
    height: 48px;
    margin: 12px 12px 12px 0;
}


.dropcap,
.dropcap2,
.dropcap3,
.dropcap4 {
    float: left;
    display: block;
    margin: 3px 7px 5px 0;
    font-size: 40px;
    line-height: 32px;
    font-family: 'AvalonMediumRegular', "Droid Sans", sans-serif;
    color: #444;
}

.dropcap2,
.dropcap3,
.dropcap4 {
    margin-right: 10px;
    background-color: #444;
    font-size: 32px;
    line-height: 52px;
    width: 52px;
    height: 52px;
    text-align: center;
    padding: 0;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}

.dropcap3 {
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

.dropcap4 {
    border-radius: 26px;
    -moz-border-radius: 26px;
    -webkit-border-radius: 26px;
}

.highlight {
    display: inline-block;
    padding: 0 5px;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
    background-color: #777;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

.highlighter{
    color: #fff;
    padding: 3px;    
}

/*  Icon Lists
================================================== */


ul.li-icon {
    margin-left: 0;
    color: #444;
    font-size: 13px;
    font-family: 'AvalonMediumRegular', "Droid Serif", serif;
    line-height: 22px;
    list-style-type: none !important;
}

ul.li-icon li {
    padding-left: 24px;
    margin: 5px 0;
    background: transparent no-repeat left top;
}

ul.li-icon li:first-child { margin-top: 0; }

ul.li-icon.li-search li { background-image: url("images/icons/lists/search.png"); }

ul.li-icon.li-trash li { background-image: url("images/icons/lists/trash.png"); }

ul.li-icon.li-trash2 li { background-image: url("images/icons/lists/trash2.png"); }

ul.li-icon.li-presentation li { background-image: url("images/icons/lists/presentation.png"); }

ul.li-icon.li-download li { background-image: url("images/icons/lists/download.png"); }

ul.li-icon.li-download2 li { background-image: url("images/icons/lists/download2.png"); }

ul.li-icon.li-upload li { background-image: url("images/icons/lists/upload.png"); }

ul.li-icon.li-flag li { background-image: url("images/icons/lists/flag.png"); }

ul.li-icon.li-flag2 li { background-image: url("images/icons/lists/flag2.png"); }

ul.li-icon.li-finish li { background-image: url("images/icons/lists/finish.png"); }

ul.li-icon.li-winner-podium li { background-image: url("images/icons/lists/winner-podium.png"); }

ul.li-icon.li-cup li { background-image: url("images/icons/lists/cup.png"); }

ul.li-icon.li-home li { background-image: url("images/icons/lists/home.png"); }

ul.li-icon.li-home2 li { background-image: url("images/icons/lists/home2.png"); }

ul.li-icon.li-link li { background-image: url("images/icons/lists/link.png"); }

ul.li-icon.li-link2 li { background-image: url("images/icons/lists/link2.png"); }

ul.li-icon.li-notebook li { background-image: url("images/icons/lists/notebook.png"); }

ul.li-icon.li-book li { background-image: url("images/icons/lists/book.png"); }

ul.li-icon.li-book-large li { background-image: url("images/icons/lists/book-large.png"); }

ul.li-icon.li-books li { background-image: url("images/icons/lists/books.png"); }

ul.li-icon.li-tree li { background-image: url("images/icons/lists/tree.png"); }

ul.li-icon.li-under-construction li { background-image: url("images/icons/lists/under-construction.png"); }

ul.li-icon.li-umbrella li { background-image: url("images/icons/lists/umbrella.png"); }

ul.li-icon.li-mail li { background-image: url("images/icons/lists/mail.png"); }

ul.li-icon.li-help li { background-image: url("images/icons/lists/help.png"); }

ul.li-icon.li-rss li { background-image: url("images/icons/lists/rss.png"); }

ul.li-icon.li-strategy li { background-image: url("images/icons/lists/strategy.png"); }

ul.li-icon.li-strategy2 li { background-image: url("images/icons/lists/strategy2.png"); }

ul.li-icon.li-building li { background-image: url("images/icons/lists/building.png"); }

ul.li-icon.li-company li { background-image: url("images/icons/lists/company.png"); }

ul.li-icon.li-pacman-ghost li { background-image: url("images/icons/lists/pacman-ghost.png"); }

ul.li-icon.li-pacman li { background-image: url("images/icons/lists/pacman.png"); }

ul.li-icon.li-vault li { background-image: url("images/icons/lists/vault.png"); }

ul.li-icon.li-archive li { background-image: url("images/icons/lists/archive.png"); }

ul.li-icon.li-file-cabinet li { background-image: url("images/icons/lists/file-cabinet.png"); }

ul.li-icon.li-bandaid li { background-image: url("images/icons/lists/bandaid.png"); }

ul.li-icon.li-postcard li { background-image: url("images/icons/lists/postcard.png"); }

ul.li-icon.li-alarm li { background-image: url("images/icons/lists/alarm.png"); }

ul.li-icon.li-alarm2 li { background-image: url("images/icons/lists/alarm2.png"); }

ul.li-icon.li-alert li { background-image: url("images/icons/lists/alert.png"); }

ul.li-icon.li-alert2 li { background-image: url("images/icons/lists/alert2.png"); }

ul.li-icon.li-robot li { background-image: url("images/icons/lists/robot.png"); }

ul.li-icon.li-globe li { background-image: url("images/icons/lists/globe.png"); }

ul.li-icon.li-globe2 li { background-image: url("images/icons/lists/globe2.png"); }

ul.li-icon.li-chemical li { background-image: url("images/icons/lists/chemical.png"); }

ul.li-icon.li-bulb li { background-image: url("images/icons/lists/bulb.png"); }

ul.li-icon.li-cloud li { background-image: url("images/icons/lists/cloud.png"); }

ul.li-icon.li-cloud-upload li { background-image: url("images/icons/lists/cloud-upload.png"); }

ul.li-icon.li-cloud-download li { background-image: url("images/icons/lists/cloud-download.png"); }

ul.li-icon.li-lamp li { background-image: url("images/icons/lists/lamp.png"); }

ul.li-icon.li-preview li { background-image: url("images/icons/lists/preview.png"); }

ul.li-icon.li-icecream li { background-image: url("images/icons/lists/icecream.png"); }

ul.li-icon.li-icecream2 li { background-image: url("images/icons/lists/icecream2.png"); }

ul.li-icon.li-clip li { background-image: url("images/icons/lists/clip.png"); }

ul.li-icon.li-footprint li { background-image: url("images/icons/lists/footprint.png"); }

ul.li-icon.li-firefox li { background-image: url("images/icons/lists/firefox.png"); }

ul.li-icon.li-chrome li { background-image: url("images/icons/lists/chrome.png"); }

ul.li-icon.li-safari li { background-image: url("images/icons/lists/safari.png"); }

ul.li-icon.li-loading li { background-image: url("images/icons/lists/loading.png"); }

ul.li-icon.li-bulls-eye li { background-image: url("images/icons/lists/bulls-eye.png"); }

ul.li-icon.li-folder li { background-image: url("images/icons/lists/folder.png"); }

ul.li-icon.li-locked li { background-image: url("images/icons/lists/locked.png"); }

ul.li-icon.li-locked2 li { background-image: url("images/icons/lists/locked2.png"); }

ul.li-icon.li-unlocked li { background-image: url("images/icons/lists/unlocked.png"); }

ul.li-icon.li-tag li { background-image: url("images/icons/lists/tag.png"); }

ul.li-icon.li-tags li { background-image: url("images/icons/lists/tags.png"); }

ul.li-icon.li-macos li { background-image: url("images/icons/lists/macos.png"); }

ul.li-icon.li-windows li { background-image: url("images/icons/lists/windows.png"); }

ul.li-icon.li-linux li { background-image: url("images/icons/lists/linux.png"); }

ul.li-icon.li-write li { background-image: url("images/icons/lists/write.png"); }

ul.li-icon.li-expose li { background-image: url("images/icons/lists/expose.png"); }

ul.li-icon.li-key li { background-image: url("images/icons/lists/key.png"); }

ul.li-icon.li-key2 li { background-image: url("images/icons/lists/key2.png"); }

ul.li-icon.li-table li { background-image: url("images/icons/lists/table.png"); }

ul.li-icon.li-chair li { background-image: url("images/icons/lists/chair.png"); }

ul.li-icon.li-access-denied li { background-image: url("images/icons/lists/access-denied.png"); }

ul.li-icon.li-balloons li { background-image: url("images/icons/lists/balloons.png"); }

ul.li-icon.li-cat li { background-image: url("images/icons/lists/cat.png"); }

ul.li-icon.li-airplane li { background-image: url("images/icons/lists/airplane.png"); }

ul.li-icon.li-truck li { background-image: url("images/icons/lists/truck.png"); }

ul.li-icon.li-car li { background-image: url("images/icons/lists/car.png"); }

ul.li-icon.li-info li { background-image: url("images/icons/lists/info.png"); }

ul.li-icon.li-alarm-clock li { background-image: url("images/icons/lists/alarm-clock.png"); }

ul.li-icon.li-timer li { background-image: url("images/icons/lists/timer.png"); }

ul.li-icon.li-stop-watch li { background-image: url("images/icons/lists/stop-watch.png"); }

ul.li-icon.li-clock li { background-image: url("images/icons/lists/clock.png"); }

ul.li-icon.li-calendar li { background-image: url("images/icons/lists/calendar.png"); }

ul.li-icon.li-calendar-month li { background-image: url("images/icons/lists/calendar-month.png"); }

ul.li-icon.li-dress li { background-image: url("images/icons/lists/dress.png"); }

ul.li-icon.li-tshirt li { background-image: url("images/icons/lists/tshirt.png"); }

ul.li-icon.li-sport-shirt li { background-image: url("images/icons/lists/sport-shirt.png"); }

ul.li-icon.li-sweater li { background-image: url("images/icons/lists/sweater.png"); }

ul.li-icon.li-sleeveless li { background-image: url("images/icons/lists/sleeveless.png"); }

ul.li-icon.li-pants li { background-image: url("images/icons/lists/pants.png"); }

ul.li-icon.li-socks li { background-image: url("images/icons/lists/socks.png"); }

ul.li-icon.li-trolly li { background-image: url("images/icons/lists/trolly.png"); }

ul.li-icon.li-medical-case li { background-image: url("images/icons/lists/medical-case.png"); }

ul.li-icon.li-suitcase li { background-image: url("images/icons/lists/suitcase.png"); }

ul.li-icon.li-suitcase2 li { background-image: url("images/icons/lists/suitcase2.png"); }

ul.li-icon.li-suitcase3 li { background-image: url("images/icons/lists/suitcase3.png"); }

ul.li-icon.li-bag li { background-image: url("images/icons/lists/bag.png"); }

ul.li-icon.li-bag2 li { background-image: url("images/icons/lists/bag2.png"); }

ul.li-icon.li-purse li { background-image: url("images/icons/lists/purse.png"); }

ul.li-icon.li-paypal li { background-image: url("images/icons/lists/paypal.png"); }

ul.li-icon.li-paypal2 li { background-image: url("images/icons/lists/paypal2.png"); }

ul.li-icon.li-paypal3 li { background-image: url("images/icons/lists/paypal3.png"); }

ul.li-icon.li-money li { background-image: url("images/icons/lists/money.png"); }

ul.li-icon.li-cash li { background-image: url("images/icons/lists/cash.png"); }

ul.li-icon.li-tag li { background-image: url("images/icons/lists/tag.png"); }

ul.li-icon.li-tags li { background-image: url("images/icons/lists/tags.png"); }

ul.li-icon.li-piggy-bank li { background-image: url("images/icons/lists/piggy-bank.png"); }

ul.li-icon.li-shop li { background-image: url("images/icons/lists/shop.png"); }

ul.li-icon.li-basket li { background-image: url("images/icons/lists/basket.png"); }

ul.li-icon.li-basket2 li { background-image: url("images/icons/lists/basket2.png"); }

ul.li-icon.li-scan-label li { background-image: url("images/icons/lists/scan-label.png"); }

ul.li-icon.li-cart li { background-image: url("images/icons/lists/cart.png"); }

ul.li-icon.li-cart2 li { background-image: url("images/icons/lists/cart2.png"); }

ul.li-icon.li-cart3 li { background-image: url("images/icons/lists/cart3.png"); }

ul.li-icon.li-cart4 li { background-image: url("images/icons/lists/cart4.png"); }

ul.li-icon.li-digg li { background-image: url("images/icons/lists/digg.png"); }

ul.li-icon.li-digg2 li { background-image: url("images/icons/lists/digg2.png"); }

ul.li-icon.li-delicious li { background-image: url("images/icons/lists/delicious.png"); }

ul.li-icon.li-twitter li { background-image: url("images/icons/lists/twitter.png"); }

ul.li-icon.li-twitter2 li { background-image: url("images/icons/lists/twitter2.png"); }

ul.li-icon.li-tumbler li { background-image: url("images/icons/lists/tumbler.png"); }

ul.li-icon.li-plixi li { background-image: url("images/icons/lists/plixi.png"); }

ul.li-icon.li-dribbble li { background-image: url("images/icons/lists/dribbble.png"); }

ul.li-icon.li-dribbble2 li { background-image: url("images/icons/lists/dribbble2.png"); }

ul.li-icon.li-stumbleupon li { background-image: url("images/icons/lists/stumbleupon.png"); }

ul.li-icon.li-lastfm li { background-image: url("images/icons/lists/lastfm.png"); }

ul.li-icon.li-mobypicture li { background-image: url("http://www.blueclawsearch.co.uk/wp-content/themes/blueclaw/images/icons/lists/mobypicture.png"); }

ul.li-icon.li-youtube li { background-image: url("images/icons/lists/youtube.png"); }

ul.li-icon.li-youtube2 li { background-image: url("images/icons/lists/youtube2.png"); }

ul.li-icon.li-vimeo li { background-image: url("images/icons/lists/vimeo.png"); }

ul.li-icon.li-vimeo2 li { background-image: url("images/icons/lists/vimeo2.png"); }

ul.li-icon.li-skype li { background-image: url("images/icons/lists/skype.png"); }

ul.li-icon.li-facebook li { background-image: url("images/icons/lists/facebook.png"); }

ul.li-icon.li-fb-like li { background-image: url("images/icons/lists/fb-like.png"); }

ul.li-icon.li-fb-like2 li { background-image: url("images/icons/lists/fb-like2.png"); }

ul.li-icon.li-myspace li { background-image: url("images/icons/lists/myspace.png"); }

ul.li-icon.li-dropbox li { background-image: url("images/icons/lists/dropbox.png"); }

ul.li-icon.li-foursquare li { background-image: url("images/icons/lists/foursquare.png"); }

ul.li-icon.li-gowalla li { background-image: url("images/icons/lists/gowalla.png"); }

ul.li-icon.li-ichat li { background-image: url("images/icons/lists/ichat.png"); }

ul.li-icon.li-googleplus li { background-image: url("images/icons/lists/googleplus.png"); }

ul.li-icon.li-linkedin li { background-image: url("images/icons/lists/linkedin.png"); }

ul.li-icon.li-walking li { background-image: url("images/icons/lists/walking.png"); }

ul.li-icon.li-running li { background-image: url("images/icons/lists/running.png"); }

ul.li-icon.li-exit li { background-image: url("images/icons/lists/exit.png"); }

ul.li-icon.li-male li { background-image: url("images/icons/lists/male.png"); }

ul.li-icon.li-female li { background-image: url("images/icons/lists/female.png"); }

ul.li-icon.li-user li { background-image: url("images/icons/lists/user.png"); }

ul.li-icon.li-user2 li { background-image: url("images/icons/lists/user2.png"); }

ul.li-icon.li-users li { background-image: url("images/icons/lists/users.png"); }

ul.li-icon.li-users2 li { background-image: url("images/icons/lists/users2.png"); }

ul.li-icon.li-admin li { background-image: url("images/icons/lists/admin.png"); }

ul.li-icon.li-admin2 li { background-image: url("images/icons/lists/admin2.png"); }

ul.li-icon.li-male-symbol li { background-image: url("images/icons/lists/male-symbol.png"); }

ul.li-icon.li-female-symbol li { background-image: url("images/icons/lists/female-symbol.png"); }

ul.li-icon.li-user-comment li { background-image: url("images/icons/lists/user-comment.png"); }

ul.li-icon.li-settings li { background-image: url("images/icons/lists/settings.png"); }

ul.li-icon.li-settings2 li { background-image: url("images/icons/lists/settings2.png"); }

ul.li-icon.li-settings3 li { background-image: url("images/icons/lists/settings3.png"); }

ul.li-icon.li-settings4 li { background-image: url("images/icons/lists/settings4.png"); }

ul.li-icon.li-equalizer li { background-image: url("images/icons/lists/equalizer.png"); }

ul.li-icon.li-equalizer2 li { background-image: url("images/icons/lists/equalizer2.png"); }

ul.li-icon.li-hd li { background-image: url("images/icons/lists/hd.png"); }

ul.li-icon.li-hd2 li { background-image: url("images/icons/lists/hd2.png"); }

ul.li-icon.li-hd3 li { background-image: url("images/icons/lists/hd3.png"); }

ul.li-icon.li-sd li { background-image: url("images/icons/lists/sd.png"); }

ul.li-icon.li-sd2 li { background-image: url("http://www.blueclawsearch.co.uk/wp-content/themes/blueclaw/images/icons/lists/sd2.png"); }

ul.li-icon.li-sd3 li { background-image: url("images/icons/lists/sd3.png"); }

ul.li-icon.li-dvd li { background-image: url("images/icons/lists/dvd.png"); }

ul.li-icon.li-bluray li { background-image: url("images/icons/lists/bluray.png"); }

ul.li-icon.li-record li { background-image: url("images/icons/lists/record.png"); }

ul.li-icon.li-cd li { background-image: url("images/icons/lists/cd.png"); }

ul.li-icon.li-cassette li { background-image: url("images/icons/lists/cassette.png"); }

ul.li-icon.li-image li { background-image: url("images/icons/lists/image.png"); }

ul.li-icon.li-image2 li { background-image: url("images/icons/lists/image2.png"); }

ul.li-icon.li-images li { background-image: url("images/icons/lists/images.png"); }

ul.li-icon.li-images2 li { background-image: url("images/icons/lists/images2.png"); }

ul.li-icon.li-sound li { background-image: url("images/icons/lists/sound.png"); }

ul.li-icon.li-megaphone li { background-image: url("images/icons/lists/megaphone.png"); }

ul.li-icon.li-film li { background-image: url("images/icons/lists/film.png"); }

ul.li-icon.li-film2 li { background-image: url("images/icons/lists/film2.png"); }

ul.li-icon.li-microphone li { background-image: url("images/icons/lists/microphone.png"); }

ul.li-icon.li-headphone li { background-image: url("images/icons/lists/headphone.png"); }

ul.li-icon.li-printer li { background-image: url("images/icons/lists/printer.png"); }

ul.li-icon.li-radio li { background-image: url("images/icons/lists/radio.png"); }

ul.li-icon.li-tv li { background-image: url("images/icons/lists/tv.png"); }

ul.li-icon.li-imac li { background-image: url("images/icons/lists/imac.png"); }

ul.li-icon.li-laptop li { background-image: url("images/icons/lists/laptop.png"); }

ul.li-icon.li-mouse li { background-image: url("images/icons/lists/mouse.png"); }

ul.li-icon.li-mouse2 li { background-image: url("images/icons/lists/mouse2.png"); }

ul.li-icon.li-mouse3 li { background-image: url("images/icons/lists/mouse3.png"); }

ul.li-icon.li-camera li { background-image: url("images/icons/lists/camera.png"); }

ul.li-icon.li-camera2 li { background-image: url("images/icons/lists/camera2.png"); }

ul.li-icon.li-monitor li { background-image: url("images/icons/lists/monitor.png"); }

ul.li-icon.li-ipod-classic li { background-image: url("images/icons/lists/ipod-classic.png"); }

ul.li-icon.li-ipod-nano li { background-image: url("images/icons/lists/ipod-nano.png"); }

ul.li-icon.li-ipad li { background-image: url("images/icons/lists/ipad.png"); }

ul.li-icon.li-video-camera li { background-image: url("images/icons/lists/video-camera.png"); }

ul.li-icon.li-calculator li { background-image: url("images/icons/lists/calculator.png"); }

ul.li-icon.li-cash-register li { background-image: url("images/icons/lists/cash-register.png"); }

ul.li-icon.li-fax li { background-image: url("images/icons/lists/fax.png"); }

ul.li-icon.li-frames li { background-image: url("images/icons/lists/frames.png"); }

ul.li-icon.li-coverflow li { background-image: url("images/icons/lists/coverflow.png"); }

ul.li-icon.li-list li { background-image: url("images/icons/lists/list.png"); }

ul.li-icon.li-list-image li { background-image: url("images/icons/lists/list-image.png"); }

ul.li-icon.li-list-images li { background-image: url("images/icons/lists/list-images.png"); }

ul.li-icon.li-image-blocks li { background-image: url("images/icons/lists/image-blocks.png"); }

ul.li-icon.li-wordpress li { background-image: url("images/icons/lists/wordpress.png"); }

ul.li-icon.li-wordpress2 li { background-image: url("images/icons/lists/wordpress2.png"); }

ul.li-icon.li-expression-engine li { background-image: url("images/icons/lists/expression-engine.png"); }

ul.li-icon.li-joomla li { background-image: url("images/icons/lists/joomla.png"); }

ul.li-icon.li-drupal li { background-image: url("images/icons/lists/drupal.png"); }

ul.li-icon.li-right-arrow li { background-image: url("images/icons/lists/right-arrow.png"); }

ul.li-icon.li-left-arrow li { background-image: url("images/icons/lists/left-arrow.png"); }

ul.li-icon.li-down-arrow li { background-image: url("images/icons/lists/down-arrow.png"); }

ul.li-icon.li-up-arrow li { background-image: url("images/icons/lists/up-arrow.png"); }

ul.li-icon.li-refresh li { background-image: url("images/icons/lists/refresh.png"); }

ul.li-icon.li-refresh2 li { background-image: url("images/icons/lists/refresh2.png"); }

ul.li-icon.li-refresh3 li { background-image: url("images/icons/lists/refresh3.png"); }

ul.li-icon.li-refresh4 li { background-image: url("images/icons/lists/refresh4.png"); }

ul.li-icon.li-repeat li { background-image: url("images/icons/lists/repeat.png"); }

ul.li-icon.li-shuffle li { background-image: url("images/icons/lists/shuffle.png"); }

ul.li-icon.li-recycle li { background-image: url("images/icons/lists/recycle.png"); }

ul.li-icon.li-fullscreen-in li { background-image: url("images/icons/lists/fullscreen-in.png"); }

ul.li-icon.li-fullscreen-out li { background-image: url("images/icons/lists/fullscreen-out.png"); }

ul.li-icon.li-maximize li { background-image: url("images/icons/lists/maximize.png"); }

ul.li-icon.li-iphone3g li { background-image: url("images/icons/lists/iphone3g.png"); }

ul.li-icon.li-iphone4 li { background-image: url("images/icons/lists/iphone4.png"); }

ul.li-icon.li-blackberry li { background-image: url("images/icons/lists/blackberry.png"); }

ul.li-icon.li-android li { background-image: url("images/icons/lists/android.png"); }

ul.li-icon.li-mobile li { background-image: url("images/icons/lists/mobile.png"); }

ul.li-icon.li-bluetooth li { background-image: url("images/icons/lists/bluetooth.png"); }

ul.li-icon.li-bluetooth2 li { background-image: url("images/icons/lists/bluetooth2.png"); }

ul.li-icon.li-wifi li { background-image: url("images/icons/lists/wifi.png"); }

ul.li-icon.li-wifi2 li { background-image: url("images/icons/lists/wifi2.png"); }

ul.li-icon.li-inbox li { background-image: url("images/icons/lists/inbox.png"); }

ul.li-icon.li-outgoing li { background-image: url("images/icons/lists/outgoing.png"); }

ul.li-icon.li-incoming li { background-image: url("images/icons/lists/incoming.png"); }

ul.li-icon.li-comment li { background-image: url("images/icons/lists/comment.png"); }

ul.li-icon.li-comment2 li { background-image: url("images/icons/lists/comment2.png"); }

ul.li-icon.li-comments li { background-image: url("images/icons/lists/comments.png"); }

ul.li-icon.li-comments2 li { background-image: url("images/icons/lists/comments2.png"); }

ul.li-icon.li-telephone li { background-image: url("images/icons/lists/telephone.png"); }

ul.li-icon.li-telephone2 li { background-image: url("images/icons/lists/telephone2.png"); }

ul.li-icon.li-telephone3 li { background-image: url("images/icons/lists/telephone3.png"); }

ul.li-icon.li-battery-full li { background-image: url("images/icons/lists/battery-full.png"); }

ul.li-icon.li-battery-half li { background-image: url("images/icons/lists/battery-half.png"); }

ul.li-icon.li-battery-low li { background-image: url("images/icons/lists/battery-low.png"); }

ul.li-icon.li-battery-empty li { background-image: url("images/icons/lists/battery-empty.png"); }

ul.li-icon.li-battery li { background-image: url("images/icons/lists/battery.png"); }

ul.li-icon.li-power li { background-image: url("images/icons/lists/power.png"); }

ul.li-icon.li-power-input li { background-image: url("images/icons/lists/power-input.png"); }

ul.li-icon.li-plug li { background-image: url("images/icons/lists/plug.png"); }

ul.li-icon.li-paint li { background-image: url("images/icons/lists/paint.png"); }

ul.li-icon.li-brush li { background-image: url("images/icons/lists/brush.png"); }

ul.li-icon.li-bigbrush li { background-image: url("images/icons/lists/bigbrush.png"); }

ul.li-icon.li-pen li { background-image: url("images/icons/lists/pen.png"); }

ul.li-icon.li-pencil li { background-image: url("images/icons/lists/pencil.png"); }

ul.li-icon.li-clipboard li { background-image: url("images/icons/lists/clipboard.png"); }

ul.li-icon.li-scissors li { background-image: url("images/icons/lists/scissors.png"); }

ul.li-icon.li-dropper li { background-image: url("images/icons/lists/dropper.png"); }

ul.li-icon.li-abacus li { background-image: url("images/icons/lists/abacus.png"); }

ul.li-icon.li-ruler li { background-image: url("images/icons/lists/ruler.png"); }

ul.li-icon.li-ruler2 li { background-image: url("images/icons/lists/ruler2.png"); }

ul.li-icon.li-map li { background-image: url("images/icons/lists/map.png"); }

ul.li-icon.li-gmaps li { background-image: url("images/icons/lists/gmaps.png"); }

ul.li-icon.li-signpost li { background-image: url("images/icons/lists/signpost.png"); }

ul.li-icon.li-marker li { background-image: url("images/icons/lists/marker.png"); }

ul.li-icon.li-vcard li { background-image: url("images/icons/lists/vcard.png"); }

ul.li-icon.li-vcard2 li { background-image: url("images/icons/lists/vcard2.png"); }

ul.li-icon.li-address-book li { background-image: url("images/icons/lists/address-book.png"); }

ul.li-icon.li-document li { background-image: url("images/icons/lists/document.png"); }

ul.li-icon.li-documents li { background-image: url("images/icons/lists/documents.png"); }

ul.li-icon.li-pdf li { background-image: url("images/icons/lists/pdf.png"); }

ul.li-icon.li-pdfs li { background-image: url("images/icons/lists/pdfs.png"); }

ul.li-icon.li-msword li { background-image: url("images/icons/lists/msword.png"); }

ul.li-icon.li-mswords li { background-image: url("images/icons/lists/mswords.png"); }

ul.li-icon.li-zip li { background-image: url("images/icons/lists/zip.png"); }

ul.li-icon.li-zips li { background-image: url("images/icons/lists/zips.png"); }

ul.li-icon.li-powerpoint li { background-image: url("images/icons/lists/powerpoint.png"); }

ul.li-icon.li-powerpoints li { background-image: url("images/icons/lists/powerpoints.png"); }

ul.li-icon.li-msexcel li { background-image: url("images/icons/lists/msexcel.png"); }

ul.li-icon.li-msexcels li { background-image: url("images/icons/lists/msexcels.png"); }

ul.li-icon.li-piechart li { background-image: url("images/icons/lists/piechart.png"); }

ul.li-icon.li-piechart2 li { background-image: url("images/icons/lists/piechart2.png"); }

ul.li-icon.li-piechart3 li { background-image: url("images/icons/lists/piechart3.png"); }

ul.li-icon.li-piechart4 li { background-image: url("images/icons/lists/piechart4.png"); }

ul.li-icon.li-piechart5 li { background-image: url("images/icons/lists/piechart5.png"); }

ul.li-icon.li-piechart6 li { background-image: url("images/icons/lists/piechart6.png"); }

ul.li-icon.li-piechart7 li { background-image: url("images/icons/lists/piechart7.png"); }

ul.li-icon.li-piechart8 li { background-image: url("images/icons/lists/piechart8.png"); }

ul.li-icon.li-graph li { background-image: url("images/icons/lists/graph.png"); }


/*  Twitter Panel
================================================== */


#tweet-feed {
    position: relative;
    padding: 15px 35px;
    background: url("images/dots.png") repeat;
    z-index: 2;
    border-top: 3px solid #E5E5E5;
}

#tweet-feed .tweet-feed-wrap {
    position: relative;
    padding-left: 42px;
    line-height: 25px;
    min-height: 25px;
    background: url("images/icons/tweet-feed.png") no-repeat left top;
}

.tweet-feed-wrap p {
    margin: 0;
    font-family: 'AvalonMediumRegular', "Droid Sans", sans-serif;
    font-size: 14px;
    font-weight: bold;    
    color: #444;
    text-shadow: 1px 1px 1px #FFF;
}


/*  Styled Table
================================================== */


.styled-table {
    width: 100%;
}

.styled-table thead {
    background-color: #E5E5E5;
    padding: 5px 0;
}

.styled-table th {
    padding: 10px;
    vertical-align: middle;
    font-size: 16px;
    font-family: 'AvalonMediumRegular', "Droid Sans", sans-serif;
    text-shadow: 1px 1px 1px #FFF;
    border-left: 1px solid #CCC;
}

.styled-table td {
    padding: 10px;
    border-left: 1px solid #CCC;
}

.styled-table th:first-child,
.styled-table td:first-child { border-left: 0; }

.styled-table tfoot td {
    text-align: right;
    font-family: 'AvalonMediumRegular', "Droid Serif", serif;
    font-style: italic;
}


/*  Sitemap
================================================== */


.sitemap-list {
    font-size: 16px;
    font-family: 'AvalonMediumRegular', "Droid Serif", serif;
}

.sitemap-list > li { margin: 10px 0; }

.sitemap-list > li:first-child { margin-top: 0; }

.sitemap-list ul {
    margin-top: 10px;
    margin-bottom: 10px;
    list-style-type: square !important;
}

.sitemap-list ul ul { list-style-type: circle !important; }


/*  Gallery
================================================== */


.gallery {
    margin: 20px auto;
    float: left;
    width: 100%;
    line-height: 1;
}

.gallery .gallery-item {
    float: left;
    text-align: center;
    margin-left: 0;
    width: auto !important;
    margin:  10px 10px 0 0 !important;
}

.gallery-item img {
    margin: 0 !important;
    padding:  0 !important;
    width: auto !important;
    height: auto !important;
}

.gallery-item a {
    float: left;
    border: none !important;
    margin:  0 !important;
    padding: 0 !important;
}

.gallery .gallery-caption { margin-left: 0; }

.gallery br { clear: both }

.col-0 { width: 100% }
.col-1 { width: 100% }
.col-2 { width: 50% }
.col-3 { width: 33.333% }
.col-4 { width: 25% }
.col-5 { width: 20% }
.col-6 { width: 16.666% }
.col-7 { width: 14.285% }
.col-8 { width: 12.5% }
.col-9 { width: 11.111% }


/*  Preloader & Background Image
================================================== */


.preloader {
    display: block;
    width: 100%;
    height: 100%;
    background: url("images/preloader.gif") center center no-repeat #FFF;
}

#background-image {
    position: fixed;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    z-index: -99;
}


/*  Fancy Button
================================================== */


.button,
form input[type="submit"] {
    display: inline-block;
    position: relative;
    cursor: pointer;
    outline: none;
    white-space: nowrap;
    margin: 5px;
    padding: 0;
    background-image: url("images/button-sprite.png");
    background-repeat: repeat-x;
    background-position: 0 0;
    border: 1px solid rgba(114,114,114,0.4);
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: 0 1px 0px rgba(114,114,114,0.3);
    -moz-box-shadow: 0 1px 0px rgba(114,114,114,0.3);
    -webkit-box-shadow: 0 1px 0px rgba(114,114,114,0.3);
    background-color: #7DBA41 !important;
}

.button:hover,
form input[type="submit"]:hover {
    background-position: 0 -30px;
    text-decoration: none;
    border: 1px solid rgba(114,114,114,0.6);
}

.button:active,
form input[type="submit"]:active { top: 1px; }

.button span {
    display: inline-block;
    padding: 0 18px;
    height: 29px;
    line-height: 29px;
    color: #37521D;
    font-size: 13px;
    font-weight: bold;
    font-family: 'AvalonMediumRegular', "Droid Sans", sans-serif;
    border-top: 1px solid rgba(255,255,255,0.3);
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.4);
}

.button.large {
    background-image: url("images/lbutton-sprite.png");
    background-repeat: repeat-x;
    background-position: 0 0;
}

.button.large:hover { background-position: 0 -40px; }

.button.large span {
    height: 39px;
    line-height: 39px;
    font-size: 16px;
    padding: 0 22px;
}

.red_btn { background-color: #F25B60 !important; }

.red_btn span { color: #530609; }

.green_btn { background-color: #55DFA8 !important; }

.green_btn span { color: #136444; }

.blue_btn { background-color: #5A9EE2 !important; }

.blue_btn span { color: #144576; }

.brown_btn { background-color: #DE8E36 !important; }

.brown_btn span { color: #704312; }

.white_btn { background-color: #F6F6F6 !important; }

.white_btn span { color: #555; }

.yellow_btn { background-color: #E3E916 !important; }

.yellow_btn span { color: #6F6C0B; }

.purple_btn { background-color: #BE56E0 !important; }

.purple_btn span { color: #62167A; }

.black_btn { background-color: #494949 !important; }

.black_btn span {
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.6);
}


/*  Classic Button
================================================== */


.classic-button {
    display: inline-block;
    position: relative;
    cursor: pointer;
    outline: none;
    white-space: nowrap;
    margin: 5px;
    padding: 0;
    background-color: #444;
    padding: 0 12px;
    height: 34px;
    line-height: 34px;
    font-size: 13px;
    color: #FFF;
}

.classic-button.button-rounded {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.classic-button.large {
    padding: 0 16px;
    height: 42px;
    line-height: 42px;
    font-size: 16px;
}

.classic-button.button-rounded.large {
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

.classic-button:hover {
    color: #FFF;
    background-color: #D20C0C;
}

.button-icon { display: none; }

.classic-button .button-icon,
.callout-action .button-icon {
    display: inline;
    float: left;
    width: 22px;
    height: 22px;
    margin: 6px 6px 0 0;
}

.classic-button.large .button-icon {
    width: 28px;
    height: 28px;
    margin: 7px 9px 0 0;
}

.callout-action .button-icon {
    width: 24px;
    height: 24px;
}


/*  Forms
================================================== */


label {
    display: inline-block;
    color: #444;
    margin-bottom: 5px;
    text-transform: uppercase;
    font-weight: normal;
    font-family: 'AvalonMediumRegular', "Droid Sans", sans-serif;
    font-size: 12px;
    text-transform: uppercase;
}

#footer label {
    color: #EEE;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}

label small { text-transform: none; }

input,
select,
textarea {
    display: block;
    background: #FFF;
    padding: 8px;
    border: 1px solid #DDD;
    outline: 0;
    font: normal 12px/100%;
    color: #666;
    background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
    background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
    box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
    -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
    -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
}

#footer input,
#footer select,
#footer textarea {
    border: 1px solid rgba(255,255,255,0.1);
    color: #CCC;
    background: rgba(0,0,0,0.2);
    box-shadow: rgba(0,0,0, 0.1) 0px 0px 0px;
    -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 0px;
    -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 0px;
}

input[type="text"],
input[type="password"] { width: 60%; }

input[type="checkbox"],
input[type="radio"] {
    display: inline-block;
    position: relative;
    top: 2px;
}

textarea { 
    width: 90%;
    max-width: 90%;
    height: 150px;
    line-height: 150%;
}

input:active,
textarea:active,
select:active,
input:focus,
textarea:focus,
select:focus { 
    border-color: #D20C0C;
    box-shadow: 0px 0px 4px #D20C0C;
    -moz-box-shadow: 0px 0px 4px #D20C0C;
    -webkit-box-shadow: 0px 0px 4px #D20C0C;
}

#footer input:active,
#footer textarea:active,
#footer select:active,
#footer input:focus,
#footer textarea:focus,
#footer select:focus { border-color: rgba(255,255,255,0.2); }

button,
button.button {
    margin: 5px 0 !important;
    background-color: #F6F6F6 !important;
}

button span,
button.button span {
    color: #555 !important;
}


form input[type="submit"] {
    margin: 5px 0 !important;
    padding: 0 18px;
    font-size: 13px;
    font-weight: bold;
    line-height: 30px;
    font-family: 'AvalonMediumRegular', "Droid Sans", sans-serif;
    color: #555 !important;
    text-shadow: 1px 0 1px rgba(255,255,255,0.8) !important;
    background-color: #F6F6F6 !important;
}


#footer button,
#footer button.button,
#footer form input[type="submit"] {
    margin: 5px 0 !important;
    background-color: rgba(0,0,0,0.4) !important;
    border-color: rgba(0,0,0,0.2);
    box-shadow: 0 1px 0px rgba(11,11,11,0.2);
    -moz-box-shadow: 0 1px 0px rgba(11,11,11,0.2);
    -webkit-box-shadow: 0 1px 0px rgba(11,11,11,0.2);
}

#footer button span,
#footer button.button span,
#footer form input[type="submit"] {
    color: #FFF !important;
}


form p,
form div {
    margin-top: 15px;
    margin-bottom: 0;
}

form div div { margin-top: 0; }

form p:first-child,
form div:first-child { margin-top: 0; }

form small {
    font-weight: normal;
    font-size: 10px;
    color: #999;
}

label.error {
    display: block;
    margin-top: 5px;
    text-transform: none;
    font-weight: normal;
    font-size: 11px;
    color: #E42126;
}


/*  Error 404
================================================== */


.error404page {
    color: #555;
    font-size: 256px;
    text-align: center;
    line-height: 1;
    font-family: 'AvalonMediumRegular', "Droid Serif", serif;
    text-shadow: 5px 4px 0px #fff, 10px 9px 0px rgba(0,0,0,0.15);
}


/*  Go to Top
================================================== */


#gotoTop {
    display: none;
    position: fixed;
    z-index: 150;
    top: 50%;
    margin-top: -24px;
    left: auto;
    right: 0;
    text-indent: -9999px;
    width: 48px;
    height: 48px;
    background: #D20C0C url("images/icons/go-to-top.png") center no-repeat;
    transition: background-color .3s linear;
    -moz-transition: background-color .3s linear;
    -webkit-transition: background-color .3s linear;    
    -ms-transition: background-color .3s linear;
    -o-transition: background-color .3s linear;
}

#gotoTop:hover { background-color: #444; }


/*  Footer
================================================== */

#footer-wrap{
    width:100%;
}

.footer_menu {
    height: 130px;
    background: #27556b;
}

.footer_menu h5{
    font-family: 'AvalonMediumBold';
    color: #fff;
    font-size: 16px;
    margin-left: 5px;
    line-height: 16px;
    padding-bottom: 5px;
}
.first_section .menu{
    margin-left: 5px;    
    margin-bottom: 0;
}
.first_section .col_half{
    margin: 15px 4px;
}

.middle_section{
    text-align: center;
}

.footer-social{
    margin: 0 auto;
    width: 150px;
    margin-top: 20px;
}

.footer-social li{
    float: left;
    padding: 0 10px;
}

.footer_contacts .col_half{
    margin: 5px 0px !important
}
.footer_contacts{
    text-align: right;
    font-size: 14px;
}

.footer_contacts h5:before{
    content: url('images/footer_address.jpg');
}
.footer_contacts h5{
    font-size: 16px;
}

.footer_contacts ul{
    margin-left: 0px;
}

.footer_contacts ul li{
    line-height: 15px;
}
#footer {
    margin: 0 auto;
    position: relative;
    background-color: #444;
    /*    border-top: 3px solid rgba(255,255,255,0.8);*/
    /*    padding: 30px 40px;*/
    padding: 0 40px;
    color: #EEE;
    max-width: 1040px;
}

#footer a,
#copyrights a {
    color: #DDD;
    border-bottom: 1px dotted #EEE;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.6);
}

#footer a:hover,
#copyrights a:hover { border-bottom-style: solid; }

#copyrights-wrap{
    width: 100%;
}

#copyrights {
    display: block;
    margin: 0 auto;
    max-width: 1040px;
    overflow: hidden;
    line-height: 25px;
    border-top: 3px solid rgba(0,0,0,0.1);
    border-bottom: 3px solid rgba(0,0,0,0.1);
    background-color: #333;
    padding: 0 40px;
    color: #EEE;
    margin-bottom: -20px;
}

#copyrights #foo-left,
#copyrights #foo-right {
    display: block;
    position: relative;
    float: left;
    padding: 15px 0;
    max-width: 47%;
    margin-right: 6%;
}

#copyrights #foo-right {
    float: right;
    margin-right: 0;
}

#copyrights #foo-right a {
    display: inline-block;
    line-height: 20px;
    margin: 0 7px;
}

#copyrights #foo-right ul{
    float: right;
    text-align: right;
    margin: 0 50px 0 0;
}


#copyrights #foo-right ul li:first-child{
    text-transform: uppercase;
    padding-bottom: 10px;
    font-size: 1.2em;
}

#copyrights #foo-left ul{
    float: left;
    padding-right: 20px;
}

#copyrights #foo-left ul:last-child{
    padding-right: 0;
}


#copyrights #foo-left ul li:first-child{
    text-transform: uppercase;
    padding-bottom: 10px;
    font-size: 1.2em;
}


#fsocial,#fsocial li {
    float: right;
    display: block;
    position: relative;
    margin: 0;
}

#fsocial li {
    float: left;
    display: block;
    width: 24px;
    height: 24px;
    margin: 13px 0 0 12px;
}

#fsocial li:first-child {
    margin-left: 0;
}

#fsocial li a,
#fsocial li a img {
    display: block;
    width: 24px;
    height: 24px;
}


.cbp-qtrotator {
    background: #DDECF3;
    min-height: 235px;
}
.cbp-qtrotator h3{
    position: absolute;
    top: 50px;
    left: 20px;
}
.cbp-qtrotator .cbp-qtcontent {
    position: absolute;
    max-height: 100px;
    z-index: 0;
    opacity: 0;
    top: 90px;
    padding: 0 20px;
}

.no-js .cbp-qtrotator .cbp-qtcontent {
    border-bottom: none;
}

.cbp-qtrotator .cbp-qtcontent.cbp-qtcurrent,
.no-js .cbp-qtrotator .cbp-qtcontent {
    position: relative; 
    z-index: 100;
    pointer-events: auto;
    opacity: 1;
}

.cbp-qtrotator .cbp-qtcontent:before,
.cbp-qtrotator .cbp-qtcontent:after {
    content: " ";
    display: table;
}

.cbp-qtrotator .cbp-qtcontent:after {
    clear: both;
}

.cbp-qtprogress {
    position: absolute;
    background: #47a3da;
    height: 1px;
    width: 0%;
    top: 0;
    z-index: 1000;
}

.cbp-qtrotator blockquote {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 10px;
}

.cbp-qtrotator blockquote span{
    display: inline;
    text-align: inherit;
}

.cbp-qtrotator blockquote p {
    font-size: 15px;
    color: #999;
    font-weight: 300;
    margin: 0.4em 0 1em;
}

.cbp-qtrotator blockquote footer {
    font-size: 1.2em;
    top: 100px;
    position: absolute;
}

.cbp-qtrotator blockquote small{

    font-size: 13px;
    padding: 0 10px;
}

.cbp-qtrotator blockquote footer:before {
    content: '― ';
}

.cbp-qtrotator .cbp-qtcontent img {
    float: right;
    margin-left: 3em;
}

#tweetrotator{
    background:#DDECF3 url('images/social_twitter.png') no-repeat top left;
    background-position: 3% 3%;
}

#blogsrotator{
    background:#DDECF3 url('images/social_blog.png') no-repeat top left;
    background-position: 3% 3%;
}

.cbp-qtrotator:after{
    content: url('images/pointout.png');
    position: absolute;
    bottom: -21px;
    right: 10px;}

/*  Widgets
================================================== */


.widget {
    display: block;
    position: relative;
    margin-top: 40px;
}

.widget:first-child { margin-top: 0; }

.widget h4 {
    font-size: 12px;
    line-height: 20px;
    font-family: 'AvalonMediumRegular', "Droid Sans", sans-serif;
    text-transform: uppercase;
    color: #222;
    border-bottom: 3px double rgba(0,0,0,0.1);
    padding-bottom: 10px;
    margin-bottom: 15px;
}

.sidebar {
    /*background-color: rgba(192, 226, 242, 0.75);*/
}

.sidebar .widget:first-child {
    padding-top: 0;
    border-top: none;
}

#footer .widget h4 {
    color: #FFF;
    border-bottom: 3px double rgba(255,255,255,0.1);
}

#footer-widget-area { margin: 0 -40px 0 0; }

#footer .col_one_fourth {
    width: 210px;
    margin: 0 40px 0 0;
}

.widget_text form,
.widget_text form p,
.widget_text form button { margin-bottom: 0 !important; } 

.sidebar .widget_search input {
    width: 92% !important;
}


/*  Flickr
================================================== */


.flickr-widget .flickr-widget-wrap {
    display: block;
    line-height: 1;
    margin: 0 -8px -8px 0;
}

#footer .flickr-widget-wrap { margin: 0 -6px -6px 0; }

.flickr-widget .flickr-widget-wrap .flickr_badge_image {
    float: left;
    margin: 0 8px 8px 0;
}

#footer .flickr-widget-wrap .flickr_badge_image { margin: 0 6px 6px 0; }

.flickr-widget-wrap a {
    padding: 0;
    display: block;
    border: none !important;
}

.flickr-widget-wrap a:hover { background: none; }

.flickr-widget .flickr_badge_image img,
.posts-widget li .post_image img {
    display: block;
    width: 48px;
    height: 48px;
    border: 3px solid #EEE;
}

#footer .flickr_badge_image img,
#footer .posts-widget li .post_image img {
    width: 42px;
    height: 42px;
    border-color: #333;
    border-color: rgba(0,0,0,0.3);
}

.flickr-widget-wrap .flickr_badge_image img:hover,
.posts-widget li .post_image img:hover,
#footer .flickr_badge_image img:hover,
#footer .posts-widget li .post_image img:hover { border-color: #D20C0C; }


/*  Twitter
================================================== */


.twitter-widget ul,
.twitter-widget ul li { margin: 0; }

.twitter-widget ul { margin-top: -3px; }

.twitter-widget ul li {
    margin-bottom: 15px;
    padding-left: 24px;
    background: url("images/icons/twitterfeed.png") no-repeat left top;
}

#footer .twitter-widget ul li { background: url("images/icons/ftwitterfeed.png") no-repeat left top; }

.twitter-widget ul li span { display: block; }

a.twitter-follow-me {
    display: block;
    float: right;
    font-size: 11px;
    padding: 4px 10px;
    color: #FFF !important;
    background: #D20C0C;
    border: none !important;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#footer a.twitter-follow-me { background: rgba(0,0,0,0.3); }

a.twitter-follow-me:hover {
    color: #FFF !important;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.5) !important;
}


/*  Links Widget
================================================== */


.widget_nav_menu ul,
.widget_nav_menu li,
.widget_links ul,
.widget_links li,
.widget_meta ul,
.widget_meta li,
.widget_archive ul,
.widget_archive li,
.widget_recent_comments ul,
.widget_recent_comments li,
.widget_recent_entries ul,
.widget_recent_entries li,
.widget_categories ul,
.widget_categories li,
.widget_pages ul,
.widget_pages li { margin: 0; }

.widget_nav_menu li,
.widget_nav_menu li li:first-child,
.widget_links li,
.widget_links li li:first-child,
.widget_meta li,
.widget_meta li li:first-child,
.widget_archive li,
.widget_archive li li:first-child,
.widget_recent_comments li,
.widget_recent_comments li li:first-child,
.widget_recent_entries li,
.widget_recent_entries li li:first-child,
.widget_categories li,
.widget_categories li li:first-child,
.widget_pages li,
.widget_pages li li:first-child { border-top: 1px solid rgba(0,0,0,0.1); }


#footer .widget_nav_menu li,
#footer .widget_nav_menu li li:first-child,
#footer .widget_links li,
#footer .widget_links li li:first-child,
#footer .widget_meta li,
#footer .widget_meta li li:first-child,
#footer .widget_archive li,
#footer .widget_archive li li:first-child,
#footer .widget_recent_comments li,
#footer .widget_recent_comments li li:first-child,
#footer .widget_recent_entries li,
#footer .widget_recent_entries li li:first-child,
#footer .widget_categories li,
#footer .widget_categories li li:first-child,
#footer .widget_pages li,
#footer .widget_pages li li:first-child { border-top: 1px solid rgba(255,255,255,0.1); }


.widget_nav_menu li,
.widget_links li,
.widget_meta li,
.widget_archive li,
.widget_recent_comments li,
.widget_recent_entries li,
.widget_categories li,
.widget_pages li {
    font-family: 'AvalonMediumRegular', "Droid Sans", sans-serif;
    padding: 0 4px;
}

.widget_nav_menu li a,
.widget_links li a,
.widget_meta li a,
.widget_archive li a,
.widget_recent_entries li a,
.widget_categories li a,
.widget_pages li a,
.widget_recent_comments li {
    display: inline-block;
    padding: 6px 3px 6px 10px;
}

.widget_recent_comments li {
    display: block;
    background: url("images/icons/sidebar-comment.png") left top no-repeat;
    padding: 6px 0 6px 20px;
}

#footer .widget_recent_comments li { background: url("images/icons/footer-comment.png") left top no-repeat; }

.widget_nav_menu li a,
.widget_links li a,
.widget_meta li a,
.widget_archive li a,
.widget_recent_entries li a,
.widget_categories li a,
.widget_pages li a,
.widget_recent_comments li a {
    background: url("images/icons/sidebar-link.png") left top no-repeat;
    border: none !important;
    color: #444;
    font-size: 13px;
}

.widget_nav_menu li a:hover,
.widget_links li a:hover,
.widget_meta li a:hover,
.widget_archive li a:hover,
.widget_recent_entries li a:hover,
.widget_categories li a:hover,
.widget_pages li a:hover,
.widget_recent_comments li a:hover { color: #000; }

#footer .widget_nav_menu li a,
#footer .widget_links li a,
#footer .widget_meta li a,
#footer .widget_archive li a,
#footer .widget_recent_comments li a,
#footer .widget_recent_entries li a,
#footer .widget_categories li a,
#footer .widget_pages li a { background: url("images/icons/footer-link.png") left top no-repeat; }


.widget_recent_comments li a {
    display: inline;
    padding: 0;
    background: none !important;
    font-size: 12px;
}


.widget_nav_menu > ul > li:first-child,
.widget_links > ul > li:first-child,
.widget_meta > ul > li:first-child,
.widget_archive > ul > li:first-child,
.widget_recent_comments > ul > li:first-child,
.widget_recent_entries > ul > li:first-child,
.widget_categories > ul > li:first-child,
.widget_pages > ul > li:first-child { border-top: 0 !important; }


.widget_nav_menu ul ul,
.widget_links ul ul,
.widget_meta ul ul,
.widget_archive ul ul,
.widget_recent_comments ul ul,
.widget_recent_entries ul ul,
.widget_categories ul ul,
.widget_pages ul ul { margin-left: 15px; }


#footer .widget_nav_menu li a:hover,
#footer .widget_links li a:hover,
#footer .widget_meta li a:hover,
#footer .widget_archive li a:hover,
#footer .widget_recent_comments li a:hover,
#footer .widget_recent_entries li a:hover,
#footer .widget_categories li a:hover,
#footer .widget_pages li a:hover { color: #BBB; }


/*  Search Widget
================================================== */


.widget_search form { margin: 0; }

.widget_search input[type="text"],
.widget_text input[type="text"] { width: 222px; }

#footer .widget_search input[type="text"],
#footer .widget_text input[type="text"] { width: 192px; }

.widget_search input[type="submit"],
.widget_search button { display: none; }


/*  Posts List Widget
================================================== */


.posts-widget ul,
.posts-widget ul li { margin: 0; }

.posts-widget ul { margin-top: 0; }

.posts-widget ul li { margin-top: 15px; }

.posts-widget ul li:first-child { margin-top: 0; }

.posts-widget .post_image {
    display: block;
    float: left;
    margin-right: 10px;
    width: 54px;
    height: 54px;
    background-color: #DDD;
}

#footer .post_image {
    width: 48px;
    height: 48px;
    border: none !important;
}

#footer .post_image { background-color: rgba(0,0,0,0.3); }

.posts-widget .post_block {
    position: relative;
    overflow: hidden;
}

.posts-widget .post_title {
    display: block;
    margin-bottom: 5px;
    font-size: 13px;
    line-height: 18px;
    font-family: 'AvalonMediumRegular', "Droid Sans", sans-serif;
}

.posts-widget .post_title a { color: #222; }

#footer .post_title a {
    font-weight: bold;
    border: none;
}

.posts-widget .post_title a:hover { color: #666; }

#footer .post_title a:hover { color: #CCC; }

.posts-widget .post_meta {
    font-family: 'AvalonMediumRegular', "Droid Serif", serif;
    font-size: 11px;
}


/*  Google Maps Widget
================================================== */


.maps-widget,
.maps-widget-wrap {
    display: block;
    position: relative;
}

.maps-widget-wrap { width: 100%; }

.maps-widget-wrap a {
    display: inline;
    width: auto;
    height: auto;
    padding: 0;
}


/*  WP Calendar Widget
================================================== */


.widget_calendar h4 { display: none; }

.widget_calendar table {
    width: 100%;
    margin-bottom: 0;
    border: 1px solid #CCC;
}

.widget_calendar caption {
    margin-bottom: 10px;
    text-align: center;
    font-size: 16px;
    line-height: 20px;
    font-family: 'PT Sans', sans-serif;
}

.widget_calendar td { border-right: 1px solid #DDD; }

.widget_calendar tr { border-bottom: 1px solid #DDD; }

.widget_calendar td#today {
    background-color: #EEE;
    text-shadow: 1px 0px 1px #FFF;    
}

.widget_calendar a,
.widget_calendar th,
.widget_calendar td#today { font-weight: bold; }


/*  Tag Cloud Widget
================================================== */


.tagcloud { margin-bottom: -2px; }

.tagcloud a {
    display: block;
    float: left;
    margin-right: 2px;
    margin-bottom: 2px;
    padding: 2px 5px;
    background-color: #EEE;
    font-size: 12px !important;
    font-family: 'AvalonMediumRegular', "Droid Sans", sans-serif;
    color: #666;
    text-shadow: 1px 1px 1px #FFF;
}

#footer .tagcloud a {
    border: none !important;
    background-color: rgba(0,0,0,0.3);
}

.tagcloud a:hover,
#footer .tagcloud a:hover {
    background-color: #D20C0C;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}


/*  Social Icons Widget
================================================== */


.social-widget .social-widget-wrap { margin: 0 -10px -10px 0; }

#left-content .social-widget-wrap { text-align: center; }

.social-widget-wrap a {
    display: inline-block;
    padding: 0;
    margin: 0 10px 10px 0;
    border: none !important;
}

.social-widget-wrap a,
.social-widget-wrap a img {
    width: 24px;
    height: 24px;
}

.social-widget-wrap a:hover { background: none !important; }


/*  Quick Contact Form Widget
================================================== */


.contact-form-widget,
.contact-info-widget { display: none; }

#footer .contact-form-widget,
#footer .contact-info-widget { display: block; }

.contact-form-widget input[type="text"],
.contact-form-widget textarea { width: 192px; }

.contact-form-widget textarea {
    max-width: none;
    height: 80px;
}

.contact-form-widget label {
    text-transform: none;
    margin-bottom: 2px;
}

.contact-form-widget label.error {
    color: #BBB !important;
    font-family: 'AvalonMediumRegular', "Droid Serif", serif;
    font-style: italic;
}

.contact-form-widget p { margin-top: 10px !important; }

.contact-form-widget button { margin: 0 !important; }


/*  Footer Contact Information
================================================== */

.wcontact-info-icon { display: none; }

#footer .widget .wcontact-info-icon { display: block; }

.wcontact-info-icon {
    position: relative;
    margin-bottom: 10px;
    color: #DDD;
    font-size: 14px;
    line-height: 32px;
    padding-left: 40px;
    font-family: 'AvalonMediumRegular', "Droid Sans", sans-serif;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.7);
}

.wcontact-info-icon img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.3);
    width: 18px;
    height: 18px;
    padding: 7px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}


/*  Portfolio Carousel Widget
================================================== */


.portfolio-widget,
.widget-portfolio-scroll,
.testimonials-widget,
.widget-testimonials-scroll { position: relative; }

.widget-portfolio-scroll .portfolio-item {
    margin: 0;
    width: 240px;
}

.widget-portfolio-scroll .portfolio-image,
.widget-portfolio-scroll .portfolio-image a,
.widget-portfolio-scroll .portfolio-image img {
    width: 240px;
    height: 180px;
}


#footer .portfolio-item { width: 210px; }

#footer .portfolio-image,
#footer .portfolio-image a,
#footer .portfolio-image img {
    width: 210px;
    height: 158px;
}

#footer .portfolio-desc { background-color: rgba(0,0,0,0.3); }

#footer .portfolio-desc h3 a {
    color: #FFF;
    border: none;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.7);    
}


.portfolio-widget-prev,
.portfolio-widget-next {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: auto;
    right: 25px;
    width: 20px;
    height: 20px;
    background-color: #444;
    background-image: url("images/icons/portfolio-widget.png");
    background-repeat: no-repeat;
    background-position: left top;
}

.portfolio-widget-next {
    right: 0;
    background-position: right top;
}

.portfolio-widget-prev:hover,
.portfolio-widget-next:hover { background-color: #777; }


#footer .portfolio-widget-prev,
#footer .portfolio-widget-next { background-color: rgba(0,0,0,0.3); }

#footer .portfolio-widget-prev:hover,
#footer .portfolio-widget-next:hover { background-color: rgba(0,0,0,0.5); }


/*  Testimonials Scroller Widget
================================================== */


.widget-testimonials-scroll .wtestimonial-item {
    position: relative;
    float: left;
    width: 240px;
}

#footer .wtestimonial-item { width: 210px; }

.wtestimonial-item .wtestimonial-content {
    padding: 15px;
    background-color: #EEE;
    font-family: 'AvalonMediumRegular', "Droid Serif", serif;
    font-size: 14px;
    font-style: italic;
    color: #777;
    text-shadow: 1px 1px 1px #FFF;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

#footer .wtestimonial-content {
    padding: 12px;
    background-color: rgba(0,0,0,0.3);
    font-size: 13px;
    color: #CCC;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}

.wtestimonial-item .wtestimonial-author {
    text-align: right;
    margin-top: 10px;
    font-family: 'AvalonMediumRegular', "Droid Sans", sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #333;
    line-height: 18px;
}

#footer .wtestimonial-author {
    color: #EEE;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}

.wtestimonial-author span {
    display: block;
    font-family: 'AvalonMediumRegular', "Droid Serif", serif;
    font-size: 12px;
    font-weight: normal;
    font-style: italic;
}


/*  Responsive Content
================================================== */


.content-desktop,
.content-tablet,
.content-mobilel,
.content-mobilep {
    display: block;
    position: relative;
}

.content-tablet,
.content-mobilel,
.content-mobilep { display: none; }


/*  Home Page
================================================== */

.home #content-wrap{
    /*        background: url("images/backgrounds/homepage.gif") repeat-x;*/
}
.home .content-wrapper{
    /*    background: #7fc5e5;*/
    padding-top: 0;
}
.hp-content{
    width: 100%;
    min-height: 380px;
    border:0;
    color:#fff;
    background:#008bcb; 
    position: relative;
    padding: 35px 0 0 0;
}

.hp-awards, .hp-clients{
    height: 100px;
    background: #fff;
}

.hp-awards{
    height: 140px;
    margin-left: auto;
    margin-right: auto;
    width: 1020px;
    position: relative;
    z-index: 999;
    display: table-row;
}
#content .hp-awards {
    /*    margin-top: -10px;*/
}

.hp-clients div, .hp-awards div{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    height: 100px;
    width: 20%;
}

.hp-awards div{
    width: 25%;
    height: 140px;
}
.hp-clients img, .hp-awards div{
}

.hp-welcome{
    height: 70px;
    padding: 0;
    background: #0a2430;
}

.hp-content .welcome-header{
    background-color: #0a2430;
    height: 40px;
    width: 360px;
    right: 0;
    top: 0;
    position: absolute;
    font-family: 'AvalonMediumBold';
    font-size: 30px;
    text-align: center;
    line-height: 35px;
}
.hp-welcome h2{
    color: #fff;
    font-size: 53px;
    font-family: 'AvalonMediumBold';
    line-height: 70px;
    padding: 0;}

.hp-content h2{
    width: 83.5%;
}

.hp-content h2 strong{
    text-indent: -999em;
    position: relative;
    top: -999em;
    left:-999em;
}

.hp-content h2 img{
    width: 100%;
}

.hp-content #hp-welcome{
    width: 85%;
    font-weight:bold;
}

.hp-content #hp-introduction{
    width: 60%;
    margin: 0 5px;
    font-size: 20px;
}

.hp-content .classic-button{
    background-color: #f6a209 !important;
    text-transform: uppercase;
    margin: 30px 0 0 10px;
    font-size: 22px;
    padding: 8px 50px;
}

#hp-inventor{
    position: absolute;
    top: 3.5em;
    right: 0;
    width: 330px;
    height: 330px;
}

#hp-inventor img {
    width: 100%;
    height: auto;
}

#hp_visibility{
    background-color: #017ab1;
}
/*
#menu-item-6020 .sub-menu{
    width: 995px;
    left: -500px;
    background: #0a2430;
}

#menu-item-6020 .sub-menu a{
}

#menu-item-6020 .sub-menu a:hover{
    background-color: #162f3b;
}

#menu-item-6020 #menu-item-6025,#menu-item-6020 #menu-item-6024,#menu-item-6020 #menu-item-6023,#menu-item-6020 #menu-item-6022,#menu-item-6020 #menu-item-6021{
    float: left;
    height: 205px;
    width: 195px;
}

#menu-item-6020 #menu-item-6025 a,#menu-item-6020 #menu-item-6024 a,#menu-item-6020 #menu-item-6023 a,#menu-item-6020 #menu-item-6022 a,#menu-item-6020 #menu-item-6021 a{
height: 205px;
}*/


#slider #leftside{
    background: url('images/contacts-side.png') no-repeat;
    z-index: 10;
    height: 330px;
    width: 335px;
    position: absolute;
    display: none;
}

#slider #rightside{
    background: url('images/contacts-whiteside.png') no-repeat;
    z-index: 10;
    height: 330px;
    width: 335px;
    position: absolute;
    right: 0;
    display: none;
}

#slider #leftside #popin{
    background: url('images/contacts-banner-left.png') top left no-repeat;
    z-index: 15;
    height: 62px;
    width: 240px;
    position: absolute;
    right: 0;
    top: 110px;
    left: 12px;
    color: #fff;
    font-size: 25PX;
    text-transform: uppercase;
    text-align: center;
    line-height: 90px;
}

#slider #rightside #tel{
    background: url('images/contacts-banner-right.png') top left no-repeat;
    z-index: 15;
    height: 62px;
    width: 220px;
    position: absolute;
    right: 0;
    top: 50px;
    left: -52px;
    color: #fff;
    font-size: 17PX;
    text-transform: uppercase;
    text-align: center;
    line-height: 68px;    
}

#slider #leftside .address{
    font-size: 20px;
    color: #fff;
    bottom: 0;
    position: absolute;
    left: 25px;
    font-style: normal;
    line-height: 25px;
}



/*  Scheme.org
================================================== */
.schemacontent{
    display: none;
}

/*  Category Pages
================================================== */

/*.current_page_item{} // Class for Current Page
.current-cat{} // Class for Current Category
.current-menu-item{} // Class for any other current Menu Item
.menu-item-type-taxonomy{} // Class for a Category
.menu-item-type-post_type{} // Class for Pages
.menu-item-type-custom{} // Class for any custom item that you added
.menu-item-home{} // Class for the Home Link*/


#category-menu{}
#category-menu .menu{text-align: center; margin-left: 0; margin-bottom: 0;} /* container class */
#category-menu .menu ul {padding: 0; margin: 0;} /* container class first unordered list */
#category-menu .menu ul ul {padding: 0; margin: 0;} /* unordered list within an unordered list */
#category-menu .menu li {
    transition: background-color .3s linear;
    -moz-transition: background-color .3s linear;
    -webkit-transition: background-color .3s linear;    
    -ms-transition: background-color .3s linear;
    -o-transition: background-color .3s linear;
    width: 20%; min-height: 152px; padding: 5px 0 5px 0 ; float: left; margin: 0; border-top: 10px solid #313131; color: #fff; font-family:'AvalonMediumBold'; font-size: 28px; text-transform:uppercase;} /* each navigation itemv */

/* PAGE OVERRIDES */
.page-id-6047 #category-menu .menu li,
.parent-pageid-6047 #category-menu .menu li{
    min-height: 100px;
}

.page-id-6047 #category-menu .menu li li,
.parent-pageid-6047 #category-menu .menu li li{
    min-height: 0;
}

#category-menu .menu li a {color: #fff; padding: 0; padding-bottom: 2px; line-height: 30px; display: block; width: 100%;} /* each navigation item anchor */
#category-menu .menu li ul {padding: 0; margin: 0;} /* unordered list if there is drop down items */
#category-menu .menu li li {display: block; width: 100%; min-height: 0; padding: 0; float: none; margin: 0; border-top: 0; color: #313131; font-family:'AvalonRegular'; font-size: 14px; text-transform:capitalize;} /* each drop down navigation item */
#category-menu .menu li li a {color: #313131; line-height: 28px; width: 100%} /* each drap down navigation item anchor */

#category-menu .current-menu-ancestor,#category-menu .current-menu-parent{background-color: #65abcc;}
#category-menu .current-menu-item{
    /*    background: #64abcb;*/
}
#category-menu .menu li:hover{
    background: #b1ddf1;
}
#category-menu .menu li li:hover{
    background: transparent;
}

#category-menu .menu .undrestand-menu{border-color: #3d87d4;}
#category-menu .menu .think-menu{border-color: #69ad63;}
#category-menu .menu .create-menu{border-color: #790000;}
#category-menu .menu .measure-menu{border-color: #ff6600;}
#category-menu .menu .refine-menu{border-color: #ffa800;}


#category-menu .menu .current-menu-parent.undrestand-menu{border-color: #3d87d4; background: #3d87d4;}
#category-menu .menu .current-menu-parent.think-menu{border-color: #69ad63; background:  #69ad63}
#category-menu .menu .current-menu-parent.create-menu{border-color: #790000; background: #790000}
#category-menu .menu .current-menu-parent.measure-menu{border-color: #ff6600; background: #ff6600}
#category-menu .menu .current-menu-parent.refine-menu{border-color: #ffa800; background: #ffa800}


.subcategory-tagline{
    color: #fff;
    font-size: 22px;
    padding: 15px 40px;
}

.subcategory-tagline p{
    margin-bottom: 0;
}
.content-wrapper{
    padding-top: 15px;
}

.category-header{
    height: 550px;
}

.subcategory-header{
    height: 205px;
    position: relative;
    padding-top: 95px;
}

.subcategory-header .subpagetitle{
    color: #fff;
    text-transform: uppercase;
    background: #0976a9;
    line-height: 68px;
    font-size: 35px;
    position: relative;
    width: 80%;
    float: left;
}
.subcategory-header .subpagetitle span{
    margin: 0 15px;
}

.subcategory-header .subpagetitle span span{
    margin: 0;
}
.subcategory-header .nextpage{
    width: 20%;
    float: right;
    line-height: 68px;
    font-size: 30px;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    background: #3d87d4;
}

.subcategory-header .connect{
    clear: both;
    height: 137px;
    width: 20%;
    background: #0976a9;}

.subcategory-header img.single{
    position: absolute;
    top: 40px;
    right: 20%;
}


.category-header img.single{
    width: 100%;
}
.category-wrapper{
    background: #f6a209;
    color: #313131;
    position: relative;
    display: block;
    padding: 30px 0 0 0;
}

.subcategory-wrapper{
    background: 64abcb;
    color: #fff;
}


.subcategory-wrapper .introduction{
    width: 65%;
    color: #fff;
    font-size: 20px;
    line-height: 28px;
}

.subcategory-wrapper .introduction-full{
    width: 90%;
    color: #fff;
    font-size: 20px;
    line-height: 28px;
}


.category-wrapper .introduction{
    width: 65%;
    color: #0a2430;
    font-size: 20px;
    line-height: 28px;
}

.category-wrapper .introduction-full{
    width: 90%;
    color: #0a2430;
    font-size: 20px;
    line-height: 28px;

}

#ladderman{
    background: url('images/ladderman.png') no-repeat;
    width: 440px;
    height: 470px;
    position: absolute;
    top: 120px;
    right: -50px;
}
#pinguen{
    background: url('images/pinguen.png') no-repeat;
    width: 90px;
    height: 132px;
    position: absolute;
    top: 0;
    right: 50px;
    z-index: 1;
    display: none;
}

#pingu{
    cursor: e-resize;
}
.subcategory-wrapper h2, .category-wrapper h2{
    font-family: 'AvalonMediumBold';
    font-size: 60px;
    color: #313131;
}

.subcategory-wrapper h2{
    color: #fff;
    line-height: 60px;
    margin:10px 0;
}

.subcategory-wrapper h3, .category-wrapper h3{
    font-family: 'AvalonMediumBold';
    font-size: 30px;
    color: #313131;
    padding-top: 25px;
    padding-bottom: 3px;
}

.subcategory-wrapper h3{
    color: #fff;
}


.subcategory-wrapper  h3 .white, .category-wrapper h3 .white{
    color: #fff;
}

.subcategory-wrapper p, .category-wrapper p{
    font-family: 'AvalonRegular';
    font-size: 22px;
    line-height: 28px;
}

.subcategory-wrapper strong, .category-wrapper strong{
    font-family: 'AvalonMediumBold';
}

/*  Contacts Page
================================================== */

#telephonelady{
    background: url('images/telephonelady.png') no-repeat;
    width: 170px;
    height: 200px;
    position: absolute;
    top: 50px;
    right: 50px;
}

.contacts-wrapper{
    color: #fff;
    font-family: 'AvalonMediumRegular';
    font-size: 16px;
    min-height: 500px;
}

.contacts-wrapper #contact-details{
    padding-top: 20px;
}

.contacts-wrapper #contact-details .product-feature{
    min-height: 50px;
}
.contacts-wrapper #contact-details .product-feature a{
    color: #fff;
    display: table-cell;
    vertical-align: middle;
}
.contacts-wrapper #contact-details .product-feature p{
    display: table-cell;
    vertical-align: middle;
    height: 50px;
}

.contacts-wrapper #contact-details .product-feature img.unique{
    position: relative;
    padding: 0;
    margin: 0;
    background: transparent;
    height: 25px;
    width: 25px;
    top: 8px;
}

.contacts-wrapper #social ul{
    margin-left: 0;
}

#contact-form{
    top: -50px;
}
#contact-form #topmessage{
    padding: 10px;
    color: #fff;
    background-color: #0a2430;
    font-size: 17px;
    width: 90%;
}
.contacts-wrapper #template-contactform-submit{

}

.contacts-wrapper #template-contactform-submit {
    background: url('images/icons/features/light/mail2.png') no-repeat;
    background-position: 10px 50%;
    border: 1px solid #ffaa22;
    display: inline-block;
    color: #333333;
    font-family: arial;
    font-size: 20px;
    font-weight: bold;
    padding: 13px 25px 10px 65px;
    text-decoration: none;
    background-color: #f8981d !important;
    background-size: 30%;
    cursor: pointer;
    float: right;
    margin-right: 0.4em !important;
}
.contacts-wrapper #template-contactform-submit:hover {
    background-color:#ff9933 !important;
}
.contacts-wrapper #template-contactform-submit:active {
    position:relative;
    top:1px;
}

.contacts-wrapper #template-contactform-submit span{
    color: #fff !important;
}


#fullwidth-subheader-wrap{
    background: #0a2430;
    color: #273942;
    height: 200px;
    text-transform: uppercase;
    font-family: 'AvalonRegular';
    font-size: 130px;
    overflow: hidden;
}
#fullwidth-subheader-wrap ul{

    margin: 0 auto;
    max-width: 980px;
    display: block;
    position: relative;
    margin-bottom: 0;
}

#fullwidth-subheader-wrap ul li{
    position: absolute;
    line-height: 200px;
    padding:0 10px;

}

#fullwidth-subheader-wrap ul li.current{
    color: #fff;
    padding-left: 0;
}

.aboutusheader{
    background: #008BCC url('images/about_us_header2.jpg') center right no-repeat;
    height: 367px;
    padding: 30px 0;
    max-width: 970px;
    border-bottom: 1px dashed #fff;
}

.bce .aboutusheader{
    background: #008BCC url('images/about-us_top.jpg') center right no-repeat;
}


.aboutusheader h1{
    font-size: 60px;
    font-family: 'AvalonMediumBold';
    color: #FFF;
    background: rgba(10, 36, 48, 0.75);
    position: relative;
    top: 290px;
    left: 0;
    line-height: 65px;
    padding: 0 30px;
    width: 265px;
    -webkit-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.75);
}

#sepcir{
    border-radius: 50%; 
    width: 24px; 
    height: 24px;
    position: absolute;
    background: #fff;
    top: -14px;
    left: 48.8%;
}

#aboutus-facts{
    height: 1750px;
    position: relative;
    overflow: hidden;
}
.aboutus-fact{
    width: 110px;
    height: 110px;
    float: left;
    overflow: hidden;
    position: absolute;
    background: #017ab1;
    color: #fff;
    font-size: 20px;

    -webkit-transition:all 1.0s ease-in-out;
    -moz-transition:all 1.0s ease-in-out;
    -o-transition:all 1.0s ease-in-out;
    transition:all 1.0s ease-in-out;            }

.large-panout{
    margin: 25px;
    line-height: 35px;
}

.small-panout{
    margin:15px;
    line-height: 30px;
}

.small_certerd{
    display: table-cell;
    vertical-align: middle;
    height: 219px;
    width: 218px;
    text-align: center;            }

.meettheteam span{
    position: relative;
    display: block;
    cursor:pointer;
}            

.meettheteam a{
    color: #fff;
}
.meettheteam a:hover{
    color: #fff;
}
#meet-1{
    top: 40px;
    left: 10px;            }
#meet-2{
    -moz-transform:rotate(270deg);
    -webkit-transform:rotate(270deg);
    -o-transform:rotate(270deg);
    -ms-transform:rotate(270deg);
    top: -120px;
    left: 90px;
    font-family:'AvalonRegular'; font-size: 36px;}
#meet-3{
    top: -40px;
    left: 13px;
    font-size: 80px;
}

#fact1{ height:218px; width:470px; background:#f6a209; top: 0; left: 0}
#fact1 span{font-size:40px; font-family:'AvalonMediumBold'}
#fact2{ height:218px; width: 219px; top: 0; left: 500px}
#fact3{ height:218px; width: 219px; background: #017ab1 url('images/fact-football.jpg') bottom right no-repeat; top: 0; right: 0}
#fact4{ height:468px; width: 470px; top: 250px; left: 0}
#fact5{ height:218px; width: 470px; top: 250px; left: 500px}
#fact6{ height:218px; width: 219px; background: #0a2430;top: 500px; left: 500px}
#fact7{ height:218px; width: 219px; top: 500px; right: 0}
#fact8{ height:465px; width: 218px;top: 748px; left: 0}
#fact9{ height:218px; width:470px; top: 748px; left: 250px}
#fact10{ height:218px; width: 219px; background: #0a2430; text-transform:uppercase; font-size:78px; line-height:70px;  font-family:'AvalonMediumBold'; top: 748px; right: 0}
#fact11{ height:218px; width: 470px;  background: #017ab1 url('images/bg_search.jpg') bottom right no-repeat; top: 995px; left: 250px}
#fact12{ height:218px; width: 219px; top: 995px; right: 0}
#fact13{ height:218px; width: 219px; top:1245px; left: 0}
#fact14{ height:218px; width: 219px; top: 1245px; left: 250px}
#fact15{ height:218px; width: 470px; background: #017ab1 url('images/bg_social.jpg') bottom right no-repeat; top: 1245px; right: 0}
#fact16{ height:218px; width: 470px; top: 1493px; left: 0}
#fact17{ height:218px; width: 470px;  background: #017ab1 url('images/bg_search.png') bottom right no-repeat; top: 1493px; left: 500px}


.single-portfolio #content-wrap {
    font-family: 'AvalonMediumRegular';
    color: #FFF;
    font-size: 21px;
    line-height: 35px;
}

.single-portfolio .portfolio-nav{
    margin: 0;
    line-height: 80px;
    padding-top: 10px;}

.single-portfolio .portfolio-nav a{


    color: #242323;
    font-family: 'AvalonMediumBold';
    font-size: 17px;
    line-height: 30px;
}

.single-portfolio .portfolio-nav a span{
    font-size: 33px;
    position: relative;
    top: 4px;}
.single-portfolio .portfolio-nav .prev{
    text-align: left;
}

.single-portfolio .portfolio-nav .companylogo{
    height: 80px;
    text-align: center;
}

.single-portfolio .portfolio-nav .next{
    text-align: right;
}
.single-portfolio h1{
    font-family: 'AvalonRegular';
    font-size: 50px;
    text-transform: uppercase;
    color: #1F1F1F;
}

.single-portfolio h1 span{
    display: block;
}

.single-portfolio .gallerybottom {
    text-align: center;
    position: relative;
}

.single-portfolio .gallerybottom .visitsite{

    position: absolute;
    top: 10%;
    right: 15%;
    background: #333;
    padding: 4px 13px;
    font-family: 'AvalonMediumBold';
    text-transform: uppercase;
}
.single-portfolio .visitsite a{
    color: #fff;
}
.single-portfolio .maingallery .visitsite{

    position: absolute;
    right: 2%;
    bottom: 0;
    background: #333;
    padding: 4px 13px;
    font-family: 'AvalonMediumBold';
    text-transform: uppercase;

    right: 3%;
    bottom: -25px;}


.single-portfolio .gallerybottom img{
    max-width: 100%;
}
.single-portfolio .maingallery {
    position: relative;
}
.single-portfolio .maingallery img{
    padding: 5px;
    float: left;
    max-width: 100%;}

.single-portfolio h2{
    color: #fff;
    text-transform: uppercase;
    font-family: 'AvalonMediumBold';
}

.single-portfolio .result{
    color: #2f2e2e;
}
.single-portfolio .result h2{
    color: #2f2e2e;
}
.single-portfolio .sectionblock{
    margin: 5px 0;
    padding: 25px 0 ;
}

.single-portfolio .resultstatement p{
    font-family: 'AvalonRegular';
    font-size: 20px;
    padding: 60px;
    width: 110px;
    height: 110px;
    text-align: center;
    background: #D1EAF6;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.single-portfolio .resultstatement p strong{
    display: block;
    font-size: 40px;}

.single-portfolio .testimonial{

    font-family: 'AvalonMediumBold';
    font-size: 25px;
    line-height: 36px;    
}

.single-portfolio .testimonial .name{

    font-family: 'AvalonRegular';
    font-size: 16px;
    margin-bottom: 0;
}
/* BCE Specific */


#primary-menu .bce-menu-about ul{
    width: 120px;
    border: 0;
    left: -18px;
    top: 70px;
}

#primary-menu .bce-menu-about ul li, #primary-menu .bce-menu-about ul li:first-child{
    width: 120px;
    height: 110px;
    float: left;
    border: 0;
    text-align: center;
}

#primary-menu .bce-menu-about ul li a{
    height: 100%;
    text-align: center;
    line-height: 18px;    
}

#primary-menu .bce-menu-about ul li a div{
    padding-top: 70px;

}

#primary-menu .bce-menu-about ul li a:hover{
    background-color: #f6a209;

}

#primary-menu .bce-menu-about .bce-menu-team a{
    background: #0a2430 url('images/menu-team.png') no-repeat scroll center 40%;
}

#primary-menu .bce-menu-about .bce-menu-bcs a{
    background: #0a2430 url('images/menu-bcs.png') no-repeat scroll center 40%;
}


#primary-menu .bce-menu-services ul{
    width: 600px;
    height: 110px;
    border: 0;
    left: -250px;
    top: 70px;
}

#primary-menu .bce-menu-services ul li, #primary-menu .bce-menu-services ul li:first-child{
    width: 120px;
    height: 110px;
    float: left;
    border: 0;
    text-align: center;
}

#primary-menu .bce-menu-services ul li a{
    height: 100%;
    text-align: center;
    line-height: 18px;    
}

#primary-menu .bce-menu-services ul li a div{
    padding-top: 70px;

}

#primary-menu .bce-menu-services ul li a:hover{
    background-color: #f6a209;

}
#primary-menu .bce-menu-services .bce-menu-development a{
    background: #0a2430 url('images/bce_menu_development.png') no-repeat scroll center 40%;
    border-top:1px solid rgba(255,255,255,0.1);
}

#primary-menu .bce-menu-services .bce-menu-mobile a{
    background: #0a2430 url('images/bce_menu_responsive.png') no-repeat scroll center 40%;
}

#primary-menu .bce-menu-services .bce-menu-integration a{
    background: #0a2430 url('images/bce_menu_integration.png') no-repeat scroll center 40%;
}

#primary-menu .bce-menu-services .bce-menu-multichannel a{
    background: #0a2430 url('images/bce_menu_multichannel.png') no-repeat scroll center 40%;
}

#primary-menu .bce-menu-services .bce-menu-seo a{
    background: #0a2430 url('images/bce_menu_seo.png') no-repeat scroll center 40%;
}


.bce-main-header img{
    width: 100%;
}

.bce-main-wrapper{
    color: #fff;
    position: relative;
    display: block;
    padding-top: 0;
}

.bce-main-wrapper h1{
    text-transform: uppercase;
    color: #fff;
    font-size: 100px;
    font-weight: bold;
    padding-top: 50px;
    line-height: 80px;
}

.hp-content.bce {
    min-height: 200px;
}

.hp-content.bce #hp-introduction{
    width: 100%;
    line-height: 30px;
    padding-top: 30px;
}

.bce.intro {
    min-height: 350px;
}
.bce-hp-title {
    text-transform: uppercase;
    color: #fff;
    font-size: 70px;
    font-weight: bold;
    line-height: 60px;
    margin-top: 20px;
}
.bce .hp-introduction {
    line-height: 30px;
    margin-top: 30px; 
}

.bce-main-wrapper h1 span, .bce-hp-title{
    font-weight: bold;
    font-family: 'AvalonRegular', Helvetica, Arial, sans-serif;
}

.bce-main-wrapper h1 span span{
    display: inline-block; border-radius: 50%; width: 15px; height: 15px; background-color: #fff; margin-left: 7px;
}

.bce-main-wrapper .col_image, .bce-main-wrapper .col_image_long  {
    text-align: center;
}
.bce-main-wrapper .col_image img{
    max-width: 100%;
    max-height: 100%;
    margin: 40px 0 40px 0;
}

.bce-main-wrapper .fullstatement{
    text-transform: uppercase;
    color: #FFF;
    font-size: 60px;
    font-weight: bold;
    font-family: 'AvalonMediumBold';
    line-height: 105px;
    padding-top: 5px;
}

.bce-main-wrapper .statement{
    font-size: 30px; margin-top: 60px; line-height: 30px;    
}


.bce .product-feature3 .feature-icon{
    width: 144px;
    height: 144px;
    padding: 0;
    background-color: #C5D8E0;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.bce .product-feature3 .feature-icon img{
    width: auto;
    height: auto;
}
.bce .product-feature3 h3 a{
    color:#2d434d;
    font-family: 'AvalonMediumBold';
    padding-bottom: 10px;
    font-weight: normal;
}
.bce .product-feature3 h3 a .small{
    font-weight: normal;
    font-size:14px;
    font-family: 'AvalonRegular';
}

#aboutus-facts.bce-aboutus-facts #fact3{
    background: #017ab1;
}
#aboutus-facts.bce-aboutus-facts #fact11{
    background: #017ab1 url('images/bce-about-magento.jpg') right bottom no-repeat;

    background-position-x: 93%;
    background-position-y: 90%;
}
#aboutus-facts.bce-aboutus-facts #fact15{
    background: #017ab1 url('images/bce-about-map.jpg') left center no-repeat;

    background-position-x: 10%;
    background-position-y: 30%;
}
#aboutus-facts.bce-aboutus-facts #fact16{
    background: #017ab1 url('images/bce-about-mobile.jpg') right bottom no-repeat;

    background-position-x: 90%;
}
#aboutus-facts.bce-aboutus-facts #fact17{
    background: #017ab1;
}

#aboutus-facts.bce-aboutus-facts #fact11 .number{
    font-size: 240px;
    float: left;
    position: relative;
    line-height: 220px;
}

#aboutus-facts.bce-aboutus-facts #fact11 .number .over{
    font-size: 20px;
    position: absolute;
    top: 10px;
    right: 30px;
    height: 0px;
    color: #000;
    line-height: 30px;
}

#aboutus-facts.bce-aboutus-facts #fact11 .text{
    float: right;
    width: 31%;
}

#aboutus-facts.bce-aboutus-facts #fact14 .number{
    font-size: 200px;
    line-height: 200px;
    display: block;
}

#aboutus-facts.bce-aboutus-facts #fact14 #spoken{
    position: relative;
    font-size: 15px;
    display: block;
    text-align: center;
    top: -20px;
    text-transform: uppercase;    
}

#aboutus-facts.bce-aboutus-facts #fact14 .number #languages{
    position: absolute;
    top: 0;
    font-size: 20px;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    color: #000;
    left: 15px;}
#aboutus-facts.bce-aboutus-facts #fact14 .number #computer{
    position: absolute;
    top: -45px;
    font-size: 15px;
    transform: rotate(100deg);
    -ms-transform: rotate(100deg);
    -webkit-transform: rotate(100deg);
    color: #000;
    left: 78px;
}

.bce-our-process{
    margin-bottom: 0;
}
.bce-our-process.analysis .title{
    background: url('images/process/analysis.png') top center no-repeat;
    background-size: 95%;
}

.bce-our-process.specification .title{
    background: url('images/process/specification.png') top center no-repeat;
    background-size: 95%;
}

.bce-our-process.design .title{
    background: url('images/process/design.png') top center no-repeat;
    background-size: 95%;
}

.bce-our-process.coding .title{
    background: url('images/process/coding.png') top center no-repeat;
    background-size: 95%;
}

.bce-our-process.content .title{
    background: url('images/process/content.png') top center no-repeat;
    background-size: 95%;
}

.bce-our-process.maintenance .title{
    background: url('images/process/maintenance.png') top center no-repeat;
    background-size: 95%;
}

.bce-our-process.marketing .title{
    background: url('images/process/marketing.png') top center no-repeat;
    background-size: 95%;
}

.bce-our-process.testing .title{
    background: url('images/process/testing.png') top center no-repeat;
    background-size: 95%;
}

.bce-our-process .title{
    height: 166px; 
}

.bce-our-process .title h2{
    text-indent: -1000000em;
}

.bce-our-process .content{

    background: url('http://www.blueclawsearch.co.uk/files/2013/06/dashes.png') top right repeat-y;
    background-position-x: 93.9%;
    background-position: 93.9% 0;
    background-size: 1.3%;   
    margin-bottom: 0;
}

.bce-our-process .content.reverse{
    background: url('http://www.blueclawsearch.co.uk/files/2013/06/dashes.png') top right repeat-y;
    background-position-x: 5.3%;
    background-position: 5.3% 0;
    background-size: 1.3%;    
}

.bce-our-process.maintenance .content{
    background: none;
}

.bce-our-process .content p{
    color: #111111;
    margin: 0 80px;
    font-size: 18px;
    line-height: 22px;
    padding: 10px 0;
}

.bce-our-process .content.reverse p{
    text-align: right;
}

.bceservices .theblock {
    text-align: center;
}

.bceservices .theblock .theblockcontent img{
    max-width: 100%;
}

.bceservices .theblock .theblockcontent{
    background: #A2BECC;
    padding: 30px 0;
    margin: 30px 0;
    border-bottom: solid 20px #F6A209;
    min-height: 200px;
}

.bceservices .theblock .theblockcontent span{
    min-height: 190px;
    display: block;
}

.bceservices .theblock .theblockcontent a{
    color: #323536;
}

.bceservices .theblock .theblockcontent strong{
    display: block;
}

/* PONG */

.scoremsg{
    position: absolute;
    top: -195px;
    width: 100%;
    background: #DDECF3;
    color: #000;
    text-align: center;
    font-size: 56px;
    font-family:'AvalonMediumBold';
    line-height: 65px;
    display: none;
    padding: 20% 0 20% 0;
    z-index: 99999;
}

.pongstart{
    z-index: 999;
    position: absolute;
    top: -206px;}

.pongscore{

    line-height: 22px;
    font-family: 'AvalonMediumBold';    
}

.pongscore span{
    font-size: 28px;
    padding: 2px;
}

.pongscoreleft{

    width: 50%;
    display: block;
    float: left;
    background: #F6A209;
    height: 22px;
}

.pongscoreleft span{
    float: right;
}
.pongscoreright{

    width: 50%;
    display: block;
    float: left;
    background: #0a2430;
    height: 22px;
    text-align: right;
}
.pongscoreright span{
    float: left;
}


/* Blueclaw Ecommerce Homepage */
.bce.expertise {
    height: 480px;
}
.bce.expertise .title-box {
    width: 1020px;
    padding-top: 50px; 
    /*padding-bottom:56px;*/
}
.bce.expertise .title-box .highlight {
    background-color: #0a2430;
    color: #fff;
    font-family: 'AvalonMediumBold';
    font-size: 46px;
    padding: 25px 15px 15px 15px;
}
.bce.expertise .col_full {
    float: left;
    padding-top: 50px;
}
.bce.results {
    padding-top: 50px;
    padding-bottom: 40px;
    width: 1020px; 
}
.bce.results .title-box {
    float: right;
}
.bce.results .content-body {
    width: 1020px;
    height: 680px;
}
.bce.results .content-body .highlight.line1, .bce.results .content-body .highlight.line2 {
    background-color: #0a2430; color: #fff; font-family: 'AvalonMediumBold'; font-size: 46px; padding: 25px 15px 15px 15px;
}
.bce.results .content-body .highlight.line2 {
    padding: 20px;
    margin-top: -10px;
}
.bce.results .content-body .sub-line {
    margin-top: 30px;
}
.bce.results .content-body .sub-header {
    color: #000000;
    font-size: 24px;
    padding: 15px 15px 2px 0px;
    text-shadow: none;
}
.bce.results .content-body .highlight {
    background-color: #a8c2ce; color: #000; font-size: 24px; padding: 10px; padding-top: 22px; text-shadow: none; margin-top: 10px;
}
.bce.results .content-body .highlight > span {
    font-family:'AvalonMediumBold';
}
.bce.results .content-body .highlight > span > span {
    font-size: 40px;
}
.bce.results .content-body p {
    font-size: 20px; margin-top: 40px;
}
.bce.results .content-body .explore {
    width: 200px; height: 45px; background-color: #008bcb; color: #fff; text-align: center; vertical-align: center; font-family: 'AvalonMediumBold'; font-size: 18px; line-height: 45px;
}
.bce.results .content-body .speech-arrow {
    float:right;
    margin-right: 158px;
}
.bce.results .content-body .col_full {
    font-size: 16px; line-height: 30px; color: black; margin-top: 50px; background-color: #cbdee6; border-radius: 40px;
}
.bce.results .content-body .col_full .img {
    padding: 30px 20px 100px 30px; float: left;
}
.bce.results .content-body .text {
    padding: 30px 30px 30px 30px;
}
.bce.results .content-body .text .speech-mark {
    padding-left: 20px;
}
.bce.results .testimonial-author {
    color: black; font-size: 14px; font-family: 'AvalonMediumBold';
}

.bce.website-design {
    padding-top: 60px;
    height: 474px;
}
.bce.website-design .content-body {
    width: 1020px;
}
.bce.website-design .content-body .highlight {
    background-color: #0a2430; color: #fff; font-family: 'AvalonMediumBold'; font-size: 46px; padding: 25px 15px 15px 15px;
}
.bce.website-design .content-body .coll_full > p {
    font-size: 20px; line-height: 30px; margin-top: 30px; color: #0a2430;
}
.bce.website-design .content-body .we-are-awesome {
    width: 310px; text-align: right; float: left;
}
.bce.website-design .content-body .we-are-awesome > p {
    font-size: 20px; color: #0a2430; line-height: 36px;
}
.bce.website-design .content-body .yes-we-are > img {
    float: right;
}

.bce-main-header.responsive {
    width: 1556px;
    margin-left: -258px;
    max-height: 293px;
}



/* BSC New Style */

.bcs{
    background: #d9eef7;
}

.bcs .postcontent{
    width: 600px;
    padding: 0;
}


.newsidebar_block{
    margin-bottom: 20px;
}

.newsidebar_block a{
    color: #fff;
    padding: 20px 100px 20px 15px;
    background: #f6a309;
    text-transform: uppercase;
    display: block;
}
.newsidebar_block.side_contact_us a{
    background: #f6a309 url('images/newd_white_arrow.png') center right no-repeat;
    background-position: 95% center;
    font-family: 'AvalonMediumBold';
}

.newsidebar_block.side_link_audit a{
    background:#008bcc url('images/newd_white_arrow.png') center right no-repeat;
    background-position: 95% center;
    font-family: 'AvalonMediumBold';
}


.newsidebar_block.side_testimonials{
    background: #092330;
}

.newsidebar_block.side_testimonials h3{
    margin: 0;
    color: #FFF;
    text-transform: uppercase;
    font-size: 18px;
    font-family: 'AvalonMediumBold', sans-serif;
    padding: 10px 0 0 15px;
}

.newsidebar_block.side_testimonials blockquote{

    border: 0;
    color: #FFF;
    padding: 0 10px 10px 10px;
    margin: 0 10px 10px 10px;
    position: relative;

}
.newsidebar_block.side_testimonials blockquote .clientlogo{

position: absolute;
bottom: -30px;
max-width: 110px;
max-height: 40px;
}
.newsidebar_block.side_testimonials blockquote p{

    font-style: italic;
    font-size: 13px;
    margin: 20px 36px;
    position: relative;
}

.newsidebar_block.side_testimonials blockquote p:before{

    margin: -5px 0 0 5px;
    height: 50px;
    content: "“";
    color: #fff;
    text-shadow: 0 1px 1px #909090;
    font-family: "times new roman", serif;
    position: absolute;
    top: 0;
    left: -25px;
    font-size: 25px;
}

.newsidebar_block.side_testimonials blockquote p:after{

    position: absolute;
    height: 50px;
    content: "”";
    font-size: 25px;
    color: #fff;
    text-shadow: 0 1px 1px #909090;
    font-family: "times new roman", serif;}

.newsidebar_block.side_testimonials blockquote footer{
    font-family: 'AvalonMediumBold';
    font-size: 13px;
}
.newsidebar_block.side_testimonials .seealltestimonial{
    background: #092330;
    text-align: right;
    padding: 10px;
}

.newsidebar_block.side_ourclients{
    background: #092330;
}

.newsidebar_block.side_ourclients h3{
    margin: 0;
    color: #FFF;
    text-transform: uppercase;
    font-size: 22px;
    font-family: 'AvalonMediumBold', sans-serif;
    padding: 15px 0 0 15px;
    position: relative;
}


.newsidebar_block.side_ourclients h3:after{
content: "";
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background: #f6a209 url('images/newd_words.png') center center no-repeat;
width: 35px;
height: 35px;
position: absolute;
right: 25px;
top: 8px;    
}

.newsidebar_block.side_ourclients .seeallclients{
    text-align: center;
    padding: 2px;
}

.newsidebar_block.side_ourclients ul{    
    color: #FFF;
    margin: 20px 25px;
}

.newsidebar_block.side_ourclients ul li:first-child{    

    text-transform: uppercase;
    font-family: 'AvalonMediumBold';
    border-bottom: 1px solid #FFF;
    margin-right: 20px;
    margin-bottom: 25px;
    padding: 3px 0;
    font-size: 16px;
    background: url('images/newd_white_arrow.png') center right no-repeat;

}
.newsidebar_block.side_ourclients ul li{
    margin: 15px 0;
    text-transform: lowercase;
    font-size: 14px;
}

.newsidebar_block.side_ourclients ul li a.clientlist{
    background:transparent;
    padding:0;
}

.newsidebar_block.side_ourclients ul li strong{
    font-size: 26px;
}

.newsidebar_block.side_latestposts {
    background: #FFF;
}
.newsidebar_block.side_latestposts h3{
    margin: 0;
    color: #000;
    text-transform: uppercase;
    font-size: 25px;
    font-family: 'AvalonMediumBold', sans-serif;
    padding: 10px 0 0 25px;
}

.newsidebar_block.side_latestposts a{

padding: 5px;
text-align: center;
background: #252525;    
}

.newsidebar_block.side_latestposts h4{

line-height: 1em;
padding-bottom: 10px;

}

.newsidebar_block.side_latestposts h4 a{
    background: transparent;
    text-align: left;
    color: #000;
    padding: 0;
    font-size: 15px;
    font-family: 'AvalonMediumRegular';

}

.newsidebar_block.side_latestposts ul{
    margin: 10px 25px;
}

.newsidebar_block.side_latestposts li{
    border-bottom: 1px solid #333;
    margin-bottom: 20px;
}
.newsidebar_block.side_latestposts li:last-child{
    border-bottom: 0;
}
.newsidebar_block.side_latestposts li .content{
    font-size: 13px;
    color: #000;
}

.newsidebar_block.side_latestposts li .author{
    
font-size: 12px;
color: #000;
font-style: italic;
margin: 10px 0;
background: url('images/newd_black_arrow.png') 95% center no-repeat;

}

.bcs .sidebar{
    width: 375px;
    padding: 40px 10px;
    border: 0;
}

.bcs .sidebar {
    padding-right: 2em;
}

#bcs-top-content h1{

    text-transform: uppercase;
    background: #092330;
    display: inline-block;
    padding: 5px 15px;
    color: #FFF;
    margin: 20px 0;
}

#bcs-top-content .content{
    color:#000;
    padding: 10px 0;
}

.bcs .entry_content{
    margin:40px 20px 0 0;
}

ul.detailed-content{
    list-style: none;
    margin: 0;
}

.detailed-content li{

    background: #FFF;
    color: #000;
    margin-bottom: 20px
}

.detailed-content li h2{
    border-bottom: 5px solid #f6a209;
    padding: 25px 0 0 40px;
    margin-left: 30px;
    display: block;
    font-family: 'AvalonMediumBold';
    margin-bottom: 30px;
    font-size: 22px;
    position: relative;
    text-transform: uppercase;
}

.detailed-content li h2:before{

content: "";
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background: #f6a209 url('images/newd_words.png') center center no-repeat;
width: 50px;
height: 50px;
position: absolute;
left: -15px;
top: 20px;}

.detailed-content li .content{
    padding: 30px;
    padding-top: 0;
    font-size: 15px;
}

.detailed-content li .content .hiddensection{
    display: none;
}

.detailed-content li .content .readmore{
    width: 160px;
    height: 35px;
    background: #252525;
    display: block;
    cursor: pointer;
    color: #fff;
    text-transform: uppercase;
    line-height: 35px;
    text-align: center;
    font-family: 'AvalonMediumRegular';
}

.postcontent.nodetails .entry_content{
    background: #FFF;
}
.postcontent.nodetails .entry_content h1{
    color: #072530;
    border-bottom: 5px solid #f0a00d;
    padding: 20px 20px 10px 20px;
    text-transform: uppercase;
    font-size: 28px;
    line-height: 30px;
}

.postcontent.nodetails .entry_content .content{
    padding: 20px;
    color: #000104;
    font-size: 14px;
}

#new-header-menu > ul {
    margin:0;
    padding:15px 0 15px 0;
    text-align: center;
}
#new-header-menu li:first-child{
    margin-left:0;
}
#new-header-menu li{
    background: #252525;
    display:inline-block;
    color:#fff;
    margin: 0 3px;
    text-align: center;
}
#new-header-menu li a{
    color: #fff;
    width: 150px;
    display: block;
    padding: 5px 5px;
}

#new-header-menu li.current-menu-item{
    background:#eb9e1b;
}


/* New Blue Footer */
.blue-footer{
    background:#008bcb;
    color:#fff;
}

.blue-footer h5{
    color:#fff;
    text-transform:uppercase;
    font-family:'AvalonMediumRegular';
    font-size:16px;
    
}

.blue-footer a{
    color:#fff;
}

.blue-footer ul{
    margin:0;
}

.blue-footer ul li{
    float:none;
    background:transparent;
    font-size:13px;
    font-family:'AvalonMediumRegular';
}

.blue-footer .footer-social li{
    padding: 0;
}

.blue-footer .footer-social li a{
display: block;
line-height: 30px;
margin: 5px 0;
}

.blue-footer .footer-social li a img{
float: left;
margin-right: 10px;
}

.blue-footer .map-footer{
    border-bottom:1px solid #f6a209;
text-align: center;
padding: 40px 0;
}
.blue-footer .map-footer img{
    max-width: 100%;
}
.blue-footer .blue-copyright{
    border-top:1px solid #f6a209;    
}

.pointers{
    background:#27556b;
    color:#fff;
    padding:40px 0 0 0;
}

.pointers h5{
    background:#27556b;
    border-bottom: 1px solid #f6a209;
    color:#fff;
    text-transform:uppercase;
    padding:5px 0;
}

.pointers_details{
    background:#224d62;
    height:190px;
    overflow: hidden;
    text-align: center;
    padding: 10px 0 0 0;
}

.pointers_details .findout{
    background:#f6a209;
    text-transform: uppercase;
    padding: 5px 34px;
    display: inline-block;
    color:#fff;
}

.pointers_details .full_image{
    max-width: 100%;
}
/*  FontFace Fix
================================================== */

@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family: 'AvalonMediumBold';
        src: url('fonts/Avalon-Bold-webfont.svg') format('svg');

    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family: 'AvalonRegular';
        src: url('fonts/Avalon-Book-webfont.svg') format('svg');

    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family: 'AvalonMediumRegular';
        src: url('fonts/Avalon-Medium-webfont.svg') format('svg');

    }
}

/*NEW ELEMENTS*/

.industry-logos ul {
    float: left;
    margin: 0em 0em 0em -1em;
}

.industry-logos ul li {
    float: right;
    list-style: none;
}

.entry .entry_content {
    padding-right: 1em;
}

.widget_search form {
    margin: 0;
    margin-top: 1.5em;
}

#new-header-menu ul li {
	margin-bottom: 7px;
}

/*ION SEARCH*/
.ionsearchbtn {
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  background: #ffaa00 !important;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  border: none;
}

.ionsearchbtn:hover {
  background: #e39a09 !important;
  text-decoration: none;
}

.ion-block-wrap {
    margin: auto;
    width: 60%;
}

/*Blog roll*/
#post_homepage {
    width: 30%;
    overflow: hidden;
    display: inline-block;
    cursor: pointer;
    margin-top: 2em;
    margin-bottom: 2em;
}

.list_carousel {
	background: #a0c4d5;
	width: 100%;
	position:relative;
}
.list_carousel ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
}
.list_carousel li {
	font-size:12px;
	color: #999;
	width: 50px;
	height: auto;
	overflow:hidden;
	padding: 0;
	margin-right: 1em;
	display: block;
	float: left;
}
#post_homepage .featured_pic {
	width: 97%;
	height: 150px;
	float:left;
	overflow: hidden;
}
#post_homepage .featured_pic img {
	width: 100%;
	height: auto;
}
#post_homepage h2 {
	background: #b1d9ed;
	padding: 0.7em;
	line-height: 20px;
	height: 60px;
	font-size: 16px;
	font-weight: 300;
	float: left;
	width: 90%;
}
.post-author {
	width: 90%;
	background: #cfe4ee;
	margin:0 0 -8px 0;
	padding: 0.7em;
	height: 10px;
	position: relative;
	float: left;
}
.post-author h5 {
	font-size: 13px;
	clear: both;
	float: left;
	margin-top: -7px;
}
.post-author span {
	background-image: url('images/avatar.png');
	width: 26px;
	height: 18px;
	display: block;
	float: right;
	position: absolute;
	top: 5px;
	right: 14px;
}

.list_carousel.responsiveblogpost {
	width: 100%;
	margin-left: 0;
}

a.carouselpost_prev, a.carouselpost_next {
	background: url('images/arrows_bloghome.png') 0 0 no-repeat transparent;
	width: 45px;
	height: 50px;
	position:absolute;
	top:135px;
}
a.carouselpost_prev span, a.carouselpost_next span {
	display:none;
}
a.carouselpost_prev {
	left: -22px;
}
a.carouselpost_next {
	background-position: -50px 0;
	right:-22px;
}
a.carouselpost_prev:hover {	background-position: 0 -50px; }
a.carouselpost_next:hover {	background-position: -50px -50px; }

.hp-welcome {
    margin-top: 0.5em;
}

.hp-clients img {
    margin-right: 1em;
}

.about-the-author {
    float: left;
    width: 100%;
}

.about-the-author img {
    float: left;
    margin: 1em 0;
}

.about-the-author p {
    float: left;
    margin: 1em 0em 0em 1em;
    width: 80%;
}
.left-all-posts-link {
    float: right;
}

.homepage-h2 {
    font-family: 'AvalonRegular', sans-serif;
    font-size: 4em;
    color: white;
    text-transform: uppercase;
}

.homepage-h2-bold {
    font-family: 'AvalonRegularBold';
    font-size: 4em;
    color: white;
    text-transform: uppercase;
}

.white-block {
    width: 42%;
    float: left;
    padding: 20px;
    background: white;
}

.blue-block{
    width: 42%;
    float: left;
    padding: 20px;
    background: #bdeaff;
}



@media only screen and (max-width : 1024px) {
    .white-block, .blue-block {
        width: 95% !important;
    }
}

/*services and expertise */

.services h1, .expertise h1 {
	font-size: 90px;
	padding: 0;
	margin-top: 20px;
	color: #FFF;
	font-family: 'AvalonMediumBold';
	text-transform: uppercase;
}

.gridblueclaw {
	width:216px;
	height:218px;
	float:left;
	background:#027AB2;
	margin:0 20px 20px 0;
	position:relative;
}

.gridblueclaw:hover {
	background:#092431;
}

.gridblueclaw a {
	position:absolute;
	top:0;
	bottom:0;
	width:100%;
	height:100%;
	z-index:10;
}

.gridblueclaw span {
	width:50%;
	font-size: 18px;
	margin:0 auto;
	padding: 0;
	text-align:center;
	color: #FFF;
	font-family: 'AvalonMediumBold';
	text-transform: uppercase;
	position:absolute;
	top:25px;
	left:0;
	right:0;
	z-index:1;
}

.gridblueclaw img {
	position:relative;
	margin:0 auto;
	border:0;
}


/* SCREEN 480 px*/

@media only screen and (max-width : 479px) {
    .white-block, .blue-block {
        width: 95% !important;
    }

    .testimonial .testi-content {
        height: auto !important;
    }

    /*services and expertise */

    .services h1, .expertise h1 {
        font-size: 42px;
        }

    .gridblueclaw {
        width:100%;
        }

    .gridblueclaw span {
        font-size: 25px;
    }

    .gridblueclaw img {
            display: block;
            margin:0 auto;
        }
    }

    b {
    	color: #008bcb;
    	font-weight: bold;
    	font-family: 'AvalonBold',sans-serif;
    }

    em {
    	color: #008bcb;
    	font-weight: bold;
    }
}

@media only screen and (max-width: 780px) {
    .dd_outer {
        display: none !important;
        visibility: hidden;
    }

    .testimonial .testi-content {
        height: auto !important;
    }
}

.lispace li {
    margin-bottom: 15px;
}




/*ionFASHION styles*/
@media only screen and (min-width: 150px) and (max-width: 479px) {
    .ionsfashion-banner {
        width: 144%;
        margin-left: -44%;
    }
    .ion-block-wrap {
        margin: auto;
        width: 80%;
    }
}

@media only screen and (min-width: 480px) and (max-width: 699px) {
    .speaker-ionfashion {
        width: calc(100%/2);
        float: left;
    }
    
    .ionsfashion-banner {
        width: 100%;
    }
    .ion-block-wrap {
        margin: auto;
        width: 80%;
    }
}


@media only screen and (min-width: 700px) and (max-width: 1529px) {
    .speaker-ionfashion {
        width: calc(100%/3);
        float: left;
    }
    .ionsfashion-banner {
        width: 100%;
    }
}

@media only screen and (min-width: 1530px) {
    .speaker-ionfashion {
        width: calc(100%/5);
        float: left;
    }
    .ionsfashion-banner {
        width: 100%;
    }
}





/*EXPERT BLOG POSTS*/

.expert-question {
    color: #008BCB !important;
}

.expert-introduction {
    font-size: 18px;
    font-weight: 700;
    text-align: justify;
    margin: 0 15px;
}

.expert-text {
    margin: 70px 15px;
}

.expert-answer {
   clear:both;
   margin-left: 90px;
}

.expert-question-img {
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
}

@media only screen and (max-width: 480px) {
    .expert-answer {
       margin-left: 0;
    }
}