/*
Theme Name: Eight Degree
Theme URI: http://www.webdingo.net/eightdegree
Author: Web Dingo
Author URI: http://www.webdingo.net
Description: Single page multi purpose parallax and animated scrolling theme.
Version: 1.1.2
License: GNU General Public License
License URI: license.txt
Tags: white, light, one-column, two-columns, right-sidebar, responsive-layout
*/

/* ==========================================================================
   Fonts
   ========================================================================== */
@font-face {
    font-family : 'montserratbold';
    src         : url('fonts/Montserrat/montserrat-bold-webfont.eot');
    src         : url('fonts/Montserrat/montserrat-bold-webfont.eot?#iefix') format('eot'),
    url('fonts/Montserrat/montserrat-bold-webfont.woff') format('woff'),
    url('fonts/Montserrat/montserrat-bold-webfont.ttf') format('truetype'),
    url('fonts/Montserrat/montserrat-bold-webfont.svg#montserratbold') format('svg');
    font-weight : normal;
    font-style  : normal;

}

@font-face {
    font-family : 'montserratregular';
    src         : url('fonts/Montserrat/montserrat-regular-webfont.eot');
    src         : url('fonts/Montserrat/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/Montserrat/montserrat-regular-webfont.woff') format('woff'),
    url('fonts/Montserrat/montserrat-regular-webfont.ttf') format('truetype'),
    url('fonts/Montserrat/montserrat-regular-webfont.svg#montserratregular') format('svg');
    font-weight : normal;
    font-style  : normal;

}

@font-face {
    font-family : 'open_sansregular';
    src         : url('fonts/Opensans/openopensans-regular-webfont.eot');
    src         : url('fonts/Opensans/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/Opensans/opensans-regular-webfont.woff') format('woff'),
    url('fonts/Opensans/opensans-regular-webfont.ttf') format('truetype'),
    url('fonts/Opensans/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight : normal;
    font-style  : normal;

}

@font-face {
    font-family : 'open_sanslight';
    src         : url('fonts/Opensans/OpenSans-Light-webfont.eot');
    src         : url('fonts/Opensans/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/Opensans/OpenSans-Light-webfont.woff') format('woff'),
    url('fonts/Opensans/OpenSans-Light-webfont.ttf') format('truetype'),
    url('fonts/Opensans/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
    font-weight : normal;
    font-style  : normal;

}

/* ==========================================================================
   General
   ========================================================================== */

html {
    font-style             : normal;
    line-height            : 1.65;
    font-family            : serif;
    height                 : 100%;
    -webkit-font-smoothing : antialiased;
    font-smoothing         : antialiased;

}

body {
    height     : 100%;
    width      : 100%;
    overflow-x : hidden;
    overflow-y : auto;

}

.lt-ie8 body {
    overflow : hidden;
}

.lt-ie8 .page {
    position : relative;
}

.lt-ie8 .mainnav, .lt-ie8 .slide-caption, .lt-ie8 .scrollanimation {
    left : 0;
}

.lt-ie8 .nav-links li, .lt-ie8 .tabs li, .lt-ie8 .portfolio-nav li, .lt-ie8 .social-networks li, .lt-ie8 .portfolioinner li, .lt-ie8 .mix {
    float : left;
}

.lt-ie9 .mainnav .row {
    padding : 0px 15px;
}

.lt-ie9 .nav-links {
    right : -60px;
}

#main, #primary {
    min-height : 100%;
}

.fixed {
    position : fixed !important;
    top      : 0;
}

.alignright {
    text-align : right;
    float      : right;
}

.alignleft {
    text-align : left;
    float      : left;
}

.aligncenter {
    text-align : center;
    margin     : 0 auto;
}

.nopadding {
    padding : 0 !important;
}

div.page {
    width                   : 100%;
    padding                 : 90px 0px;
    overflow                : hidden;
    background-attachment   : fixed;
    -webkit-background-size : cover;
    -moz-background-size    : cover;
    -o-background-size      : cover;
    background-size         : cover;

}

.page-template-single-book-template #main,
.page-template-default #main {
    padding-top : 54px;
}

.grid:after {
    content : '';
    display : table;
    width   : 100%;
    clear   : both;
}

.footer {
    width      : 100%;
    text-align : center;
    padding    : 70px 35px;
    position   : relative;
}

.footer small {
    display    : block;
    width      : 100%;
    margin-top : 15px;
    font-size  : 80%;
    text-align : center;

}

.footer .grid > div {
    padding : 5px 15px;
}

.footer.row {
    margin-bottom : 0px
}

#scroll-top {
    width               : 40px;
    height              : 40px;
    background-image    : url(images/up.png);
    background-size     : 30px 30px;
    background-position : center center;
    background-repeat   : no-repeat;
    position            : absolute;
    left                : 50%;
    margin-left         : -20px;
    top                 : -30px;
    border              : 1px solid transparent;
    border-radius       : 3px;
    cursor              : pointer;
}

/* ==========================================================================
   Typography
   ========================================================================== */
::selection {
    color : #fff;
}

::-moz-selection {
    color : #fff;
}

.ampersand {
    font-family : Ampersand, Verdana, sans-serif;
}

.breakword {
    word-wrap : break-word;
}

.normal-wrap {
    word-wrap : normal;
}

.inherit-wrap {
    word-wrap : auto;
}

small {
    font-size : 65%;
}

h1, h2, h3, h4, h5, h6 {
    line-height    : 1;
    margin-top     : 0;
    text-rendering : optimizeLegibility;

    /*
    1.1.2
    font-weight: normal;*/
}

.tera {
    margin-bottom : 0.25385em;
}

.giga {
    margin-bottom : 0.33em;
}

.mega {
    margin-bottom : 0.4125em;
}

h1, .alpha {
    margin-bottom : 0.495em;
}

h2, .beta {
    margin-bottom : 0.61875rem;
}

h3, .gamma {
    margin-bottom : 0.825em;
}

h4, .delta {
    margin-bottom : 1.2375em;
}

h5, .epsilon {
    margin-bottom : 1.4142857142857141em;
}

h6, .zeta {
    margin-bottom : 1.4142857142857141em;
}

.subheading {
    display        : block;
    font-size      : 12px;
    margin         : 10px 0 0 0;
    letter-spacing : 1px;
    text-transform : uppercase;
    font-style     : normal;
    font-weight    : 300;
}

#reply-title a {
    color : #fff;
}

a {
    text-decoration : none;
}

.skrollr a {
    -webkit-transition : color 75ms ease;
    -moz-transition    : color 75ms ease;
    -ms-transition     : color 75ms ease;
    -o-transition      : color 75ms ease;
    transition         : color 75ms ease;
}

hr {
    height     : 1px;
    border     : none;
    border-top : 1px solid #d0d0d0;
    margin     : 0px;
}

.pageheading p {
    font-size     : 1.6em;
    margin-bottom : 5px;
}

em {
    font-family : serif;
}

.drop-cap:first-letter {
    background-color : #333;
    color            : #fff;
    float            : left;
    font-size        : 3em;
    font-style       : normal !important;
    line-height      : 1;
    margin           : 4px 15px 0 0;
    padding          : 15px;
    text-indent      : 0;
}

p + .drop-cap {
    text-indent : 0;
    margin-top  : 0;
}

p {
    margin : auto auto 1.5em;
}

abbr, acronym, blockquote, code, dir, kbd, listing, plaintext, q, samp, tt, var, xmp {
    -webkit-hyphens : none;
    -moz-hyphens    : none;
    -ms-hyphens     : none;
    -o-hyphens      : none;
    hyphens         : none;
}

pre code {
    word-wrap : normal;
}

code {
    font-family : monospace;
}

abbr {
    font-variant   : small-caps;
    font-weight    : 600;
    text-transform : lowercase;
    color          : #808080;
}

abbr[title]:hover {
    cursor : help;
}

.lining dt, .lining dd {
    display : inline;
    margin  : 0;
}

.lining dt + dt:before, .lining dd + dt:before {
    content     : "\A";
    white-space : pre;
}

.lining dd + dd:before {
    content : ", ";
}

.lining dd:before {
    content     : ": ";
    margin-left : -0.2em;
}

.dictionary-style dt {
    display       : inline;
    counter-reset : definitions;
}

.dictionary-style dt + dt:before {
    content     : ", ";
    margin-left : -0.2em;
}

.dictionary-style dd {
    display           : block;
    counter-increment : definitions;
}

.dictionary-style dd:before {
    content : counter(definitions, decimal) ". ";
}

blockquote p:last-of-type {
    margin-bottom : 0;
}

.blockquote + figcaption {
    display    : block;
    font-size  : inherit;
    text-align : right;
}

.blockquote + figcaption:before {
    content : "-";
}

blockquote {
    border-left : 10px solid;
    color       : #a7a7a7;
    font-size   : 1.3em;
    padding     : 0 0 0 30px;
    margin      : 0;
}

blockquote:after {
    content : '';
    display : block;
    width   : 100%;
    height  : 1px;
    margin  : 15px 0px;
}

cite {
    font-style : normal;
}

.pull-quote {
    position : relative;
    padding  : 1em;
}

.pull-quote:before, .pull-quote:after {
    height    : 1em;
    opacity   : 0.15;
    position  : absolute;
    font-size : 4em;
    color     : #dc976e;
}

.pull-quote:before {
    content : '“';
    top     : 0;
    left    : 0;
}

.pull-quote:after {
    content : '”';
    bottom  : 0;
    right   : 0;
}

.tooltip {
    display  : inline;
    position : relative
}

.tooltip:hover {
    text-decoration : none
}

.tooltip:hover:after {
    background  : #111;
    background  : #111;
    bottom      : 18px;
    color       : #fff;
    content     : attr(title);
    display     : block;
    left        : -50%;
    margin-left : -15px;
    padding     : 5px 15px;
    position    : absolute;
    white-space : nowrap;
    z-index     : 98
}

.tooltip:hover:before {
    border       : solid;
    border-color : #111 transparent;
    border-width : 6px 6px 0 6px;
    bottom       : 12px;
    content      : "";
    display      : block;
    left         : 50%;
    margin-left  : -6px;
    position     : absolute;
    z-index      : 99
}

.underline:after {
    content       : '';
    display       : block;
    width         : 30px;
    height        : 1px;
    margin        : 15px auto 0px auto;
    border-bottom : 1px solid;
    border-color  : inherit;
}

.alignleft .underline:after {
    margin : 15px 0px 0px 0px;
}

.alignright .underline:after {
    margin   : 15px 0px 0px 0px;
    position : absolute;
    right    : 15px;
}

.boxed {
    border  : 3px solid;
    display : inline-block;
    padding : 5px 25px;
}

.borderbottomtop {
    border-top    : 3px solid;
    border-bottom : 3px solid;
    display       : inline-block;
    padding       : 5px;
}

.borderleftright {
    border-left  : 3px solid;
    border-right : 3px solid;
    display      : inline-block;
    padding      : 0px 45px;
}

.dottedbottom {
    display : inline-block;
}

.dottedbottom:after {
    content     : '';
    display     : block;
    width       : 100%;
    height      : 7px;
    padding     : 0px 5px;
    margin-top  : 10px;
    margin-left : -5px;
    background  : url('images/dots.png') repeat-x center center;
}

.dottedtop {
    display : inline-block;
}

.dottedtop:before {
    content       : '';
    display       : block;
    width         : 100%;
    height        : 7px;
    padding       : 0px 5px;
    margin-bottom : 10px;
    background    : url('images/dots.png') repeat-x center center;
}

.dottedleftright {
    background : url('images/dots.png') repeat-x center center;
}

.dottedleftright span {
    height  : 100%;
    padding : 0px 25px;
}

.alignleft .dottedleftright span {
    padding-left : 0px;
}

.alignright .dottedleftright span {
    padding-right : 0px;
}

/* ==========================================================================
   Navigation
   ========================================================================== */
.mainLogo img {
    display        : inline;
    vertical-align : middle;
}

.mainLogo {
    padding     : 0;
    float       : left;
    line-height : 65px;

}

.lt-ie8 .mainLogo {
    padding-top : 15px;
}

.page-template-single-page-php .mainnavhide {
    -ms-filter     : "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter         : alpha(opacity=0);
    -moz-opacity   : 0;
    -khtml-opacity : 0;
    opacity        : 0;
}

.mainnav {
    display       : block;
    width         : 100%;
    min-height    : 70px;
    z-index       : 1050;
    border-bottom : 1px solid #e6e6e6;
    position      : absolute;
}

.no-js .mainnav {
    top : 2px;
}

.mainnav .social-networks {
    display         : inline-block;
    vertical-align  : middle;
    *vertical-align : auto;
    *zoom           : 1;
    *display        : inline;

}

.mainnav a {
    text-decoration : none;
    text-transform  : uppercase;
    padding         : 0;
    position        : relative;
    letter-spacing  : 1px;
}

.mainnav a:focus {
    outline : none;
}

.mainnav ul.nav-links {
    margin          : 0;
    padding         : 0 0 0 0;
    text-align      : center;
    position        : relative;
    /*display    : block;*/
    /*float      : right;*/

    display         : inline-block;
    vertical-align  : middle;
    *vertical-align : auto;
    *zoom           : 1;
    *display        : inline;
}

.mainnav ul.nav-links > li {
    display      : inline-block;
    padding      : 0;
    position     : relative;
    height       : 70px;
    /*margin-right : 40px;*/
    margin-right : 20px;
    text-align   : center;
    line-height  : 70px;
}

.mainnav ul.nav-links > li > a {
    display     : block;
    height      : 100%;
    width       : 100%;
    white-space : nowrap;
}

.menu-item-has-children, .page_item_has_children {
    overflow : visible;
}

.mainnav .sub-menu, .mainnav .children {
    visibility : hidden;
    opacity    : 0;
    position   : absolute;
    top        : 100%;
    padding    : 15px 0px;
    left       : -15px;
    border     : 1px solid #e6e6e6;

    margin: 0;
    border-top: 0;
}

.skrollr .mainnav .sub-menu, .skrollr .mainnav .children {
    -webkit-transition : opacity 200ms ease;
    -moz-transition    : opacity 200ms ease;
    -ms-transition     : opacity 200ms ease;
    -o-transition      : opacity 200ms ease;
    transition         : opacity 200ms ease;
}

.mainnav .sub-menu ul, .mainnav .children ul {
    left : 100%;
    top  : -16px;
}

.mainnav .sub-menu li, .mainnav .children li {
    display      : block;
    margin-right : 0;
    height       : 40px;
    line-height  : 40px;
    min-width    : 180px;
}

.mainnav .sub-menu a, .mainnav .children a {
    padding    : 0px 15px;
    text-align : left;
}

.menu-item-has-children:hover > .sub-menu, .page_item_has_children:hover > .children {
    visibility : visible;
    opacity    : 1;
}

.mainnav .grid {
    padding : 0px 15px;
}

.mainnav ul.nav-links > li:first-child {
    margin-left : 40px;

}

.mainnav ul.nav-links > li:last-child {
    margin-right : 40px;
}

.mainnav select {
    display : none;
}

.nav-active > a:hover {
    cursor : default;
}

#menubutton {
    width   : 55px;
    height  : 70px;
    float   : right;
    display : none;
}

/* =======================================================================
   Form Elements
   =======================================================================*/

form {
    text-align : left;
}

select {
    width   : 100%;
    padding : 10px 10px 10px 5px;
}

input[type=text], input[type=email] {
    width         : 100%;
    height        : 40px;
    border        : none;
    padding       : 0px 10px;
    border        : 1px solid #d0d0d0;
    border-radius : 3px;
}

input[type=text]:focus, textarea:focus, input[type=email]:focus {
    border     : 1px solid #2e2e2e;
    outline    : none;
    background : #fff;
}

textarea {
    width         : 100%;
    max-width     : 100%;
    min-height    : 124px;
    border        : none;
    padding       : 15px 10px;
    border        : 1px solid #d0d0d0;
    border-radius : 3px;
}

textarea, input[type=text], input[type=email] {
    background : #fefefe;
    font-size  : 12px;
}

button, input[type=submit] {
    display        : inline-block;
    font-size      : 11px;
    font-weight    : normal;
    letter-spacing : 1px;
    text-transform : uppercase;
    border         : 2px solid;
    padding        : 11px 40px 10px 40px;
    max-width      : 100%;
    border-radius  : 2px;
    color          : #fff;
}

.skrollr button, .skrollr input[type=submit] {
    -webkit-transition : background 200ms ease;
    -moz-transition    : background 200ms ease;
    -ms-transition     : background 200ms ease;
    -o-transition      : background 200ms ease;
    transition         : background 200ms ease;
}

button:hover, input[type="submit"]:hover {
    background-color : transparent;
}

/* ==========================================================================
   Contact From 7
   ========================================================================== */

span.wpcf7-not-valid-tip {
    left           : 50%;
    margin-left    : -140px;
    text-align     : center;
    top            : -30px;
    padding        : 8px 5px;
    background     : #cd4237;
    border         : none;
    font-size      : 11px;
    text-transform : uppercase;
    letter-spacing : 1px;
    color          : #fff;
    position       : absolute;
    width          : 280px;
}

div.wpcf7-validation-errors, div.wpcf7-mail-sent-ok {
    border : none;
}

div.wpcf7-response-output {
    margin     : 0;
    padding    : 0;
    font-style : italic;
}

div.wpcf7 img.ajax-loader {
    position : absolute;
    margin   : 15px;
}

span.wpcf7-form-control-wrap {
    display       : block !important;
    margin-bottom : 13px;
    position      : relative;
}

.wpcf7-form p {
    margin : 0;
}

span.wpcf7-not-valid-tip:after {
    border       : solid;
    border-color : #cd4237 transparent;
    border-width : 6px 6px 0 6px;
    bottom       : -6px;
    content      : "";
    display      : block;
    left         : 50%;
    margin-left  : -6px;
    position     : absolute;
    z-index      : 99
}

.c1 span.wpcf7-form-control-wrap, .c3 span.wpcf7-form-control-wrap, .c4 span.wpcf7-form-control-wrap, .c5 span.wpcf7-form-control-wrap,
.c6 span.wpcf7-form-control-wrap, .c7 span.wpcf7-form-control-wrap, .c8 span.wpcf7-form-control-wrap, .c9 span.wpcf7-form-control-wrap,
.c10 span.wpcf7-form-control-wrap, .c11 span.wpcf7-form-control-wrap, .c12 span.wpcf7-form-control-wrap {
    margin-bottom : 0;
}

.wpcf7-form .c1, .wpcf7-form .c2, .wpcf7-form .c3, .wpcf7-form .c4, .wpcf7-form .c5, .wpcf7-form .c6, .wpcf7-form .c7, .wpcf7-form .c8, .wpcf7-form .c9, .wpcf7-form .c10, .wpcf7-form .c11, .wpcf7-form .c12 {
    text-align : center;
}

/* ==========================================================================
   BLOG
   ========================================================================== */

.recent-post-img:after {
    content         : '';
    position        : absolute;
    background      : url('images/link@2x.png') no-repeat center center;
    opacity         : 0;
    background-size : 0px 0px;
    width           : 74px;
    height          : 74px;
    top             : 50%;
    left            : 50%;
    margin          : -37px 0px 0px -37px;

}

.skrollr .recent-post-img:after {
    -moz-transform     : rotate(45deg);
    -webkit-transform  : rotate(45deg);
    -o-transform       : rotate(45deg);
    -ms-transform      : rotate(45deg);
    transform          : rotate(45deg);
    -webkit-transition : all 300ms linear;
    -moz-transition    : all 300ms linear;
    -ms-transition     : all 300ms linear;
    -o-transition      : all 300ms linear;
    transition         : all 300ms linear;
}

.recent-post-img:hover:after {
    background      : url('images/link@2x.png') no-repeat center center;
    background-size : 36px 36px;
    opacity         : 1;
}

.skrollr .recent-post-img:hover:after {
    -moz-transform    : rotate(0deg);
    -webkit-transform : rotate(0deg);
    -o-transform      : rotate(0deg);
    -ms-transform     : rotate(0deg);
    transform         : rotate(0deg);
}

.recent-post-img {
    background : #fff;
    overflow   : hidden;
}

.skrollr .recent-post-img img {
    -webkit-transition : all 150ms linear;
    -moz-transition    : all 150ms linear;
    -ms-transition     : all 150ms linear;
    -o-transition      : all 150ms linear;
    transition         : all 150ms linear;
}

.recent-post-img:hover img {
    opacity : 0.5;
}

.skrollr .recent-post-img:hover img {
    -webkit-transform : scale(1.1);
    -moz-transform    : scale(1.1);
    -o-transform      : scale(1.1);
    -ms-transform     : scale(1.1);
    transform         : scale(1.1);
}

.comment-count {
    float     : right;
    font-size : 16px;
}

.comment-count span {
    margin-right : 10px;
}

.single, .search, .archive, #recent-posts, .blog, .error404 {
    text-align : left;
}

.blog-recent-post-item img {
    width   : 100%;
    height  : auto;
    display : block;
}

.recent-post-img {
    width       : 100%;
    height      : 100%;
    display     : block;
    line-height : 0px;
    position    : relative;
}

#recent-posts .recent-post-img {
    margin-bottom : 30px;
}

.page-header {
    background-attachment   : fixed !important;
    -webkit-background-size : cover !important;
    -moz-background-size    : cover !important;
    -o-background-size      : cover !important;
    background-size         : cover !important;
}

.page-header, #primary {
    margin : 0px 0px 60px 0px;
}

.page-header h1 {
    margin : 70px 0px 90px 0px;
    color  : #fff;
}

#primary {
    padding-top : 70px;
}

.blog-bottom-bar {
    border-bottom  : 1px solid #d0d0d0;
    border-top     : 1px solid #d0d0d0;
    padding        : 12px 0px;
    text-align     : left;
    width          : 100%;
    font-size      : 11px;
    text-transform : uppercase;
    letter-spacing : 1px;
}

.entry-details .entry-title {
    margin-bottom  : 10px;
    padding-bottom : 0;
}

.entry-details .entry-meta {
    padding-left : 85px;
}

.entry-details .entry-meta:after {
    content    : "";
    position   : absolute;
    left       : 70px;
    top        : 0;
    width      : 1px;
    height     : 100%;
    background : #d0d0d0;
}

.entry-details {
    float         : left;
    width         : 100%;
    margin-bottom : 15px;
    position      : relative;
}

.postdate {
    position       : absolute;
    width          : 70px;
    text-transform : uppercase;
    display        : block;
    padding-right  : 15px;
}

.postdate span {
    display : block;
}

.day {
    display        : block;
    padding-bottom : 3px;
}

.entry-details .entry-meta .entry-title {
    margin-bottom : 0px;
}

.entry-details .author, .entry-details .postdate {
    font-size      : 11px;
    text-transform : uppercase;
}

#recent-posts .entry-title {
    margin-bottom : 0px;
}

#recent-posts .readmore {
    padding        : 5px 10px;
    border         : 1px solid;
    font-size      : 11px;
    letter-spacing : 1px;
    text-transform : uppercase;
}

#comments ul, .total-comment, #reply-title, .author-description {
    margin : 0;
}

.commentlist {
    counter-reset : comment-counter;
    padding       : 0;
    list-style    : none;
}

.comment-holder:before {
    content           : counter(comment-counter);
    counter-increment : comment-counter;
    text-align        : right;
    color             : #a4a4a3;
    font-size         : 11px;
    position          : absolute;
    bottom            : 15px;
    right             : 15px;
}

.comments-area {
    text-align : left;
}

.children {
    list-style-type : none;
}

.form-submit {
    padding-top : 13px;
}

.fn {
    font-weight   : bold;
    font-style    : normal;
    padding-right : 10px;
}

.authorbio .author-avartar {
    display       : block;
    width         : 100px;
    height        : 100px;
    border        : 1px solid transparent;
    border-radius : 50px;
    float         : left;
    margin-right  : 15px;
}

.authorbio {
    border-bottom : 1px solid #d0d0d0;
    border-top    : 1px solid #d0d0d0;
    padding       : 30px 0px;
    min-height    : 170px;
}

.comment-holder {
    border-bottom  : 1px solid #d0d0d0;
    padding-bottom : 30px;
    overflow       : hidden;
}

.comment-avartar {
    display       : block;
    width         : 44px;
    height        : 44px;
    border        : 1px solid transparent;
    border-radius : 22px;
    float         : left;
    margin-right  : 15px;
}

.comment .c1 {
    width : 75px;
}

.bypostauthor > article .avatar {
    border : 2px solid;
}

#comment_submit {
    margin-left : 15px;
}

.logged-in-as, .must-log-in {
    width      : 100%;
    min-height : 1px;
    float      : left;
    padding    : 0px 15px;
    margin     : 0;
    position   : relative;
}

.taxonomy-description {
    margin : -70px 0 70px 0;
}

#nav-above {
    line-height : 48px;
    width       : 100%;
    position    : relative;
    background  : #efefef;
}

#nav-above .c12 {
    padding : 5px 15px;
}

.nav-next, .nav-previous {
    float : right;
}

.nav-next {
    margin-left : 20px;
}

.nav-next a, .nav-previous a {
    padding : 0 !important;
}

.nav-next a:after {
    content      : "\203A";
    padding-left : 8px;
}

.nav-previous a:before {
    content       : "\2039";
    padding-right : 8px;
}

#nav-above {
    float : right;
}

#nav-above a, #crumbs a, #crumbs .current {
    display         : inline-block;
    top             : 0;
    color           : #222;
    text-decoration : none;
    letter-spacing  : 2px;
    height          : 48px;
    line-height     : 48px;
    position        : relative;
    text-transform  : uppercase;
    z-index         : 1;
}

#crumbs span {
    margin-right : 10px;
}

#crumbs {
    float : left;
}

#secondary aside {
    margin-bottom : 30px;
}

#secondary aside ul {
    list-style : none;
    padding    : 0;
}

#secondary aside li {
    border-bottom : 1px solid #f4f4f4;
    line-height   : 40px;
}

.entry-meta .c12 {
    margin-top : -30px;
}

#secondary aside a, .widget a {
    color : #747474;
}

#searchsubmit {
    position    : absolute;
    right       : 0;
    top         : 23px;
    width       : 40px;
    height      : 40px;
    min-height  : 40px;
    line-height : 0px;
    padding     : 0;
    text-indent : -9999px;
    opacity     : 0.4;
    background  : transparent url(images/search.png) no-repeat center center;
    border      : none;
}

.skrollr #searchsubmit {
    -webkit-transition : opacity 50ms linear;
    -moz-transition    : opacity 50ms linear;
    -ms-transition     : opacity 50ms linear;
    -o-transition      : opacity 50ms linear;
    transition         : opacity 50ms linear;
}

#searchsubmit:hover {
    opacity : 1;
}

#searchform {
    position : relative;
    top      : -6px;
}

#wp-calendar {
    width : 100%;
}

.wp-caption {
    background : #fff;
    max-width  : 96%;
    padding    : 5px 3px 10px;
    text-align : center;
}

.wp-caption p.wp-caption-text {
    font-size   : 11px;
    line-height : 17px;
    margin      : 0;
    padding     : 0 4px 5px;
}

.sticky {
}

.gallery-caption {
}

/*
 * Gridiculous
 *
 * A responsive grid boilerplate that takes you all the way from 1200px on down to 320px.
 *
 * created by c.bavota
 * released under GPL v2 & MIT License (http://en.wikipedia.org/wiki/MIT_License)
 *
 * September 24th, 2012
 */

/* =Clearfix by Nicolas Gallagher
-------------------------------------------------------------- */
.row:before, .row:after, .clearfix:before, .clearfix:after {
    content : '';
    display : table
}

.row:after {
    clear : both
}

.row, .clearfix {
    zoom : 1
}

/* =Gridiculous
-------------------------------------------------------------- */
* {
    -webkit-box-sizing : border-box;
    -moz-box-sizing    : border-box;
    -ms-box-sizing     : border-box;
    box-sizing         : border-box
}

/*body{font-size:100%;line-height:1.6875}*/
.grid {
    margin    : 0 auto;
    max-width : 1200px;
    width     : 100%;
    position  : relative;
}

img {
    max-width    : 100%;
    height       : auto !important;
    display      : inline-block;
    margin-left  : auto;
    margin-right : auto
}

.wfull {
    width     : 100%;
    max-width : 100%
}

.w320 {
    max-width : 320px
}

.w640 {
    max-width : 640px
}

.w960 {
    max-width : 960px
}

.row {
    width         : 100%;
    margin-bottom : 30px;
}

.row .row {
    width  : auto;
    margin : 0 -15px;
}

.c1 {
    width : 8.33%
}

.c2 {
    width : 16.66%
}

.c3 {
    width : 25%
}

.c4 {
    width : 33.33%
}

.c5 {
    width : 41.66%
}

.c6 {
    width : 50%
}

.c7 {
    width : 58.33%
}

.c8 {
    width : 66.66%
}

.c9 {
    width : 75%
}

.c10 {
    width : 83.33%
}

.c11 {
    width : 91.66%
}

.c12 {
    width : 100%
}

.c1, .c2, .c3, .c4, .c5, .c6, .c7, .c8, .c9, .c10, .c11, .c12 {
    min-height     : 1px;
    float          : left;
    padding-left   : 15px;
    padding-right  : 15px;
    position       : relative;
    padding-bottom : 15px;
    padding-top    : 15px;
}

.s1 {
    margin-left : 8.33%
}

.s2 {
    margin-left : 16.66%
}

.s3 {
    margin-left : 25%
}

.s4 {
    margin-left : 33.33%
}

.s5 {
    margin-left : 41.66%
}

.s6 {
    margin-left : 50%
}

.s7 {
    margin-left : 58.33%
}

.s8 {
    margin-left : 66.66%
}

.s9 {
    margin-left : 75%
}

.s10 {
    margin-left : 83.33%
}

.s11 {
    margin-left : 91.66%
}

.end {
    float : right !important
}

.row:last-child {
    margin-bottom : 0 !important
}

.lt-ie8 .c1, .lt-ie8 .c2, .lt-ie8 .c3, .lt-ie8 .c4, .lt-ie8 .c5, .lt-ie8 .c6, .lt-ie8 .c7, .lt-ie8 .c8, .lt-ie8 .c9, .lt-ie8 .c10, .lt-ie8 .c11, .lt-ie8 .c12 {
    float   : left;
    margin  : 0 3% 0 0;
    padding : 15px 0px;
}

.lt-ie8 .c1.end, .lt-ie8 .c2.end, .lt-ie8 .c3.end, .lt-ie8 .c4.end, .lt-ie8 .c5.end, .lt-ie8 .c6.end, .lt-ie8 .c7.end, .lt-ie8 .c8.end, .lt-ie8 .c9.end, .lt-ie8 .c10.end, .lt-ie8 .c11.end {
    margin : 0;
}

.lt-ie8 .c1 {
    width : 5.5%;
}

.lt-ie8 .c2 {
    width : 14%;
}

.lt-ie8 .c3 {
    width : 22.5%;
}

.lt-ie8 .c4 {
    width : 31%;
}

.lt-ie8 .c5 {
    width : 39.5%;
}

.lt-ie8 .c6 {
    width : 48%;
}

.lt-ie8 .c7 {
    width : 56.5%;
}

.lt-ie8 .c8 {
    width : 65%;
}

.lt-ie8 .c9 {
    width : 73.5%;
}

.lt-ie8 .c10 {
    width : 82%;
}

.lt-ie8 .c11 {
    width : 90.5%;
}

.lt-ie8 .c12 {
    width : 99%;
}

.lt-ie8 .clearfix {
    zoom : 0;
}

/* ==========================================================================
   Media query for 960 Screens
   ========================================================================== */
@media only screen and (max-width : 960px) {
    .row .row .c1, .row .row .c2, .row .row .c3, .row .row .c4, .row .row .c5, .row .row .c6, .row .row .c7, .row .row .c8, .row .row .c9, .row .row .c10, .row .row .c11, .row .row .c12 {
        width         : 100%;
        margin-bottom : 20px
    }

    .row .row > div:last-child {
        margin-bottom : 0 !important
    }
}

/* ==========================================================================
   Media query for iPad and tablets portrait
   ========================================================================== */

@media handheld, only screen and (max-width : 1150px), only screen and (max-device-width : 1150px) and (orientation : portrait) {

    body {
        -webkit-hyphens : auto;
        -moz-hyphens    : auto;
        -ms-hyphens     : auto;
        -o-hyphens      : auto;
        hyphens         : auto;
        word-wrap       : break-word;
    }

    .c1, .c2, .c3, .c4, .c5, .c6, .c7, .c8, .c9, .c10, .c11, .c12 {
        width         : 100%;
        margin-right  : 0;
        margin-left   : 0;
        margin-bottom : 20px;
    }

    #get-inspired-bar {
        display : none;
    }

    #menubutton {
        position   : absolute;
        right      : 0;
        display    : block;
        background : #efefef;
        cursor     : pointer;
        z-index    : 51;
        background : transparent url('images/menu.png') no-repeat center center;
    }

    .mainnav .grid {
        padding : 0;
    }

    .mainLogo {
        padding-left : 15px;
    }

    .nav-links {
        max-height                 : 260px;
        overflow-y                 : scroll;
        -webkit-overflow-scrolling : touch;
        border-top                 : 1px solid #e6e6e6;
    }

    .mainnav a {
        border-bottom : 1px solid #eee;
    }

    .mainnav .social-networks {
        display : none;
    }

    .mainnav ul.nav-links {
        float   : none;
        clear   : both;
        display : block;
    }

    .mainnav ul.nav-links {
        display : none;
    }

    .mainnav ul.nav-links li {
        display      : block;
        text-align   : left;
        margin-right : 0;
        height       : auto;
        min-height   : 52px;
        line-height  : 52px;
        padding      : 0px 15px;
    }

    .mainnav ul.nav-links li a {
        display    : block;
        min-height : 52px;
        width      : 100%;
    }

    .mainnav .sub-menu, .mainnav .sub-menu ul, .mainnav .children, .mainnav .children ul {
        border     : none;
        position   : relative;
        left       : 0;
        top        : 0;
        padding    : 0px 0px 0px 10px;
        opacity    : 1;
        visibility : visible;
    }

    .mainnav .sub-menu li, .mainnav .children li {
        height      : auto;
        padding     : 0;
        line-height : 55px;
    }

    .mainnav .sub-menu a, .mainnav .children a {
        padding : 0;
    }

    .navHide {
        overflow : hidden !important;
        height   : auto !important;
    }

    .navShow {
        display : list-item !important;
    }

    .no-js .mainnav ul.nav-links > li {
        display : block;
    }

    .no-js .nav-links {
        display : none;
    }

    .no-js .mainnav:hover .nav-links {
        display : block;
    }

    #active-bar {
        display : none;
    }

    .slide-caption .grid > div, .slide-caption .grid > div p, .slide-caption .grid > div h1, .slide-caption .grid > div h2, .slide-caption .grid > div h3, .slide-caption .grid > div h4, .slide-caption .grid > div h5, .slide-caption .grid > div h6 {
        text-align : center !important;
    }

    .team-image {
        width          : 60%;
        padding-bottom : 60%;
    }

    .blog-bottom-bar > span, .blog-bottom-bar > a {
        display     : inline-block;
        white-space : nowrap;
    }

    .blog-bottom-bar:after {
        clear : both;
    }

    .site-content {
        width : 100% !important;
    }

    #secondary aside {
        margin-right : 0 !important;
        margin-left  : 0 !important;
    }

    #nav-above .c12 {
        margin-bottom : 0;
    }

    #crumbs {
        display : none;
    }

    .nav-previous {
        float : left;
    }

    .footer .grid > div {
        margin-bottom : 0 !important;
        padding       : 5px 15px !important;
    }

}

/* ==========================================================================
   Media query for iPhone and smartphone landscape
   ========================================================================== */

@media handheld, only screen and (max-width : 568px), only screen and (max-device-width : 568px) {
    .testimonials .flex-direction-nav {
        width       : 300px;
        margin-left : -150px;
    }

    .testimonials blockquote {
        font-size : 18px;
    }

    .team-image {
        width          : 100%;
        padding-bottom : 100%;
    }

}

/* ==========================================================================
   Media query retina display
   ========================================================================== */
@media all and (-webkit-min-device-pixel-ratio : 1.5) {

    #menubutton {
        background      : transparent url('images/menu@2x.png') no-repeat center center;
        background-size : 28px 28px;
    }

    #searchsubmit {
        background      : transparent url(images/search@2x.png) no-repeat center center;
        background-size : 18px 18px;
    }

}

@media \0screen {
    img {
        width : auto
    }
}

/* Prevent height distortion in IE8. */

.home-content {
    text-align : center;
    margin-top : 70px; /* 50px */
}

.home-content p {
    font-size : 16px;
}

.home-content .button {
    color        : #fff !important;
    border-color : #fff !important;
}

.button {
    font-size : 14px;
    color     : #fff;
}

h1 {
    font-size      : 24px;
    letter-spacing : 2px;
    word-spacing   : 6px;
}

#stay-connected .button {
    color        : #fff !important;
    border-color : #fff !important;
}

.salesforce-form {
    width  : 300px;
    margin : 0px auto;
    /*margin-top : -350px;*/
}

.salesforce-form label {
    margin-top : 10px;
    float      : left;
    clear      : left;
}

.salesforce-form input {
    width : 250px;
    float : left;
    clear : left;
}

.salesforce-form .btn-submit {
    float  : left;
    margin : 25px 0px 50px 0px;
}

.salesforce-news-form {
    width      : 300px;
    margin     : 0px auto;
    margin-top : 0px;
}

.salesforce-news-form label {

    margin-top : 10px;
    float      : left;
    clear      : left;
}

.salesforce-news-form input {
    width : 250px;
    float : left;
    clear : left;
}

.salesforce-news-form .btn-submit {
    float            : left;
    margin           : 25px 0px 50px 0px;
    background-color : #000;
}

.salesforce-news-form .btn-submit:hover {
    background-color : #000;
}

.salesforce-news-form-1 {
    width      : 300px;
    margin     : 0px auto;
    margin-top : -70px;
}

.salesforce-news-form-1 label {

    margin-top : 10px;
    float      : left;
    clear      : left;
    color      : #333;
}

.salesforce-news-form-1 input {
    width : 250px;
    float : left;
    clear : left;
}

.salesforce-news-form-1 .btn-submit {
    float            : left;
    margin           : 25px 0px 50px 0px;
    background-color : #000;
}

.salesforce-news-form-1 .btn-submit:hover {
    background-color : #000;
}

.footerLogo img {
    width : 200px !important;
}

p.padded {
    padding : 25px;
}

#about-our-experts .c4 {
    min-height : 490px;
}

#about-us .c4 {
    min-height : 510px;
}

@media only screen and (max-width : 320px) {
    html {
        line-height : 1;
    }
}

.home-content .button {
    color        : #073d60 !important;
    border-color : #073d60 !important;
}

input[type="submit"]:hover,
button, input[type="submit"],
blockquote,
.bypostauthor > article .avatar,
.barwrapper,
.button.colored.solid,
.button.colored.outline,
.button.colored.solid:hover,
.button.colored.outline:hover {
    color        : #103260 !important;
    border-color : #103260 !important;
}

input[type="submit"] {
    background-color : transparent !important;
}

.button.colored.outline:hover,
input[type="submit"]:hover {
    color            : #fff !important;
    background-color : #103260 !important;
}

#superslider_home {

}

.book-page-template .left-content,
.book-page-template .right-content {
    display         : inline-block;
    vertical-align  : top;
    *vertical-align : auto;
    *zoom           : 1;
    *display        : inline;

}

.book-page-template .left-content {
    width      : 32%;
    text-align : center;
}

.book-page-template .left-content .button {
    margin : 10px 0;
}

.book-page-template .right-content {
    width : 67%;
}

.book-page-template .right-content h2 {
    margin     : 30px 0 20px;
    text-align : center;
}

.book-page-template .right-content .top-content {

}

.book-page-template .right-content .bottom-content {
    -webkit-column-count : 2;
    -moz-column-count    : 2;
    column-count         : 2;

    -webkit-column-gap   : 50px;
    -moz-column-gap      : 50px;
    column-gap           : 50px;
}

.book-page-template .right-content .top-content p,
.book-page-template .right-content .bottom-content p {
    margin                      : 0 0 25px;

    -webkit-column-break-inside : avoid;
    page-break-inside           : avoid;
    break-inside                : avoid-column;
    display                     : table;
}

.captioninner .home-content .button {
    margin-bottom : 20px;
}

.mainnav ul.nav-links {
    padding-left : 50px;
}


/*** SalesForce Form ***/
#salesforce-form input,
#salesforce-form select,
#salesforce-form textarea {
    clear   : both;
    width   : 100%;
    display : block;
}

#salesforce-form input.btn-submit {
    float        : none;
    width        : 250px;
    margin-left  : auto;
    margin-right : auto;
}

#salesforce-form select {
    padding : 13px 10px 10px 5px;
}

#salesforce-form .required.error {
    background-color : #ffe4ea;
}

.fsError {
	color: red;
}

.mainnav ul > li > a {
	font-size: 13px !important;
}

/*.page-id-7537 div.page, .page-id-7810 div.page {
	padding: 16px 0px !important;
}*/


@media (max-width : 997px) {
    html {
        margin-top : 0 !important;
    }
    .foobar-wrapper {
        display : none !important;
    }
}