/*  

/*  

Theme Name: Longitude

Theme URI: http://www.singlethemes.com/

Description: Premium Law Theme

Author: singlethemes.com

Author URI: http://www.singlethemes.com

Version: 3.0.4

*/


/* Default styles */
@import "css/reset.css";
/*-------------------------------------------------------------------------------------------



INDEX:



1. SETUP
-1.1 Defaults
-1.2 Hyperlinks

2. SITE STRUCTURE & APPEARANCE
-2.1 Containers & Columns
-2.2 Navigation
-2.2.1 Drop-down menus
-2.3 Header
-2.4 Featured Slider
-2.5 Recent Posts
-2.6 Older Posts
-2.7 Content
-2.8 Sidebar
-2.9 Footer

3. POSTS
-3.1 Typographic Elements
-3.2 Images
-3.3 Pagination / WP-Pagenavi

4. WIDGETS
-4.1 Generic Widgets
-4.2 Specific Widgets

5. COMMENTS
-5.1 Comments
-5.2 Comments Form
-5.3 Pingbacks / Trackbacks

6. MISC
-6.1 Buttons
-6.2 Info Boxes

7. FEATURED SLIDER

8. RESPONSIVE



/*-------------------------------------------------------------------------------------------*/
/* 1. SETUP */
/*-------------------------------------------------------------------------------------------*/
/* 1.1 Defaults */
@font-face {
    font-family: 'FontAwesome';
    src: url('includes/fonts/fontawesome-webfont.eot');
    src: url('includes/fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('includes/fonts/fontawesome-webfont.woff') format('woff'), url('includes/fonts/fontawesome-webfont.ttf') format('truetype'), url('includes/fonts/fontawesome-webfont.svg#FontAwesome') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements.
   j.mp/bestclearfix */
.fix:before, .fix:after, .col-full:before, .col-full:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}
.fix:after, .col-full:after {
    clear: both
}
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.fix, .col-full {
    zoom: 1
}
body {
    font-size: 12px;
    font-family: Arial,Helvetica,Sans-serif;
    line-height: 1.5em;
    color: #757575;
    background: #fff;
}
h1, h2, h3, h4, h5, h6 {
    margin: 0;
    color: #130000;
    font-weight: normal;
}
h1 {
    font-size: 18px;
    margin-bottom: 20px;
}
h2 {
    font-size: 18px
}
h3 {
    font-size: 18px
}
h4 {
    font-size: 16px
}
h5 {
    font-size: 14px
}
h6 {
    font-size: 12px
}
p {
    margin: 0;
    color: #21201b;
    font-size: 14px;
}
img {
    vertical-align: bottom;
    max-width: 100%;
    height: auto;
}
hr {
    background-color: #e6e6e6;
    border: 0;
    height: 1px;
    margin-bottom: 20px;
}
input, textarea {
    padding: 5px;
    border-color: #ccc #efefef #efefef #ccc;
    border-width: 1px;
    border-style: solid;
    -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
}
/* 1.2 Hyperlinks */
a:link, a:visited {
    color: #1B376F;
    text-decoration: none;
}
a:hover {
    color: #511e09
}
h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited, h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited {
    text-decoration: none
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
    text-decoration: underline
}
.button {
    cursor: pointer;
    background: -moz-linear-gradient(top, #fcfaf5 0%, #f4ecdd 3%, #f1e7d2 6%, #efe4cc 9%, #efe7cb 53%, #e6d9b6 81%, #ded2ae 97%, #e8e1c9 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfaf5), color-stop(3%,#f4ecdd), color-stop(6%,#f1e7d2), color-stop(9%,#efe4cc), color-stop(53%,#efe7cb), color-stop(81%,#e6d9b6), color-stop(97%,#ded2ae), color-stop(100%,#e8e1c9)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fcfaf5 0%,#f4ecdd 3%,#f1e7d2 6%,#efe4cc 9%,#efe7cb 53%,#e6d9b6 81%,#ded2ae 97%,#e8e1c9 100%); /* Chrome10+,Safari5.1+ */
    background: -ms-linear-gradient(top, #fcfaf5 0%,#f4ecdd 3%,#f1e7d2 6%,#efe4cc 9%,#efe7cb 53%,#e6d9b6 81%,#ded2ae 97%,#e8e1c9 100%); /* IE10+ */
    background: linear-gradient(to bottom, #fcfaf5 0%,#f4ecdd 3%,#f1e7d2 6%,#efe4cc 9%,#efe7cb 53%,#e6d9b6 81%,#ded2ae 97%,#e8e1c9 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfaf5', endColorstr='#e8e1c9',GradientType=0 ); /* IE6-9 */
    border: 1px solid #ccbf9b;
    font-size: 12px;
    font-weight: bold;
    color: #534d39;
    padding: 9px 14px 10px;
    text-shadow: 0 1px 0 white;
    -moz-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px;
}
/*-------------------------------------------------------------------------------------------*/
/* 2. SITE STRUCTURE & APPEARANCE */
/*-------------------------------------------------------------------------------------------*/
/* 2.1 Containers & Columns */
#wrapper_header {
    width: 100%
}
.col-full {
    width: 965px;
    margin: 0 auto;
}
.col-left {
    float: left;
    width: 640px;
}
.col-right {
    float: right;
    width: 258px;
}
/* 2.2 Navigation */
.nav {
    z-index: 99;
    margin: 0 0 0 13px;
    padding: 0;
    list-style: none;
    line-height: 1;
    border-right: 1px solid #DBDBDB;
}
.nav a {
    position: relative;
    display: block;
    z-index: 100;
}
.nav li {
    /* float: left; */
    width: auto;
    padding: 0;
    margin: 0px;
    display: inline-block;
}
.nav li * {
    text-align: left;
}
#top_nav_wrap {
    height: 50px
}
#top-nav {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    width: 99%;
}
#top-nav > .back {
    display: none;
}
#top-nav a {
    color: #5a5858;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    border-left: 1px solid #dbdbdb;
    padding: 48px 34px 48px 33px;
}
#top-nav a:hover, #top-nav li.current_page_item a, #top-nav li.current_page_parent a {
    color: #000000
}
#top-nav li ul {
    border: none;
    background: #DBDBDB;
    padding: 1px 1px 0px 1px;
}
#top-nav li ul li {
    background: #FFFFFF;
    border-bottom: 1px solid #EAEBEE;
    padding: 0px;
}
#top-nav li ul li:hover {
    background: #eeeeee
}
#top-nav li ul li a {
    background: none;
    border: none;
    padding: 10px;
    margin: 0px;
    font-size: 12px;
    font-weight: normal;
}
#top-nav li ul li a.sf-with-ul {
    padding: 10px
}
#main-nav {
    font: bold 15px Helvetica, Arial, sans-serif;
    border: 1px solid #dee3e7;
    margin-bottom: 40px;
    background: #fff url(images/bg-mainnav.png) repeat-x left bottom;
}
#main-nav li {
    border-right: 1px solid #dee3e7
}
#main-nav a {
    padding: 5px 20px 2px;
    line-height: 30px;
    color: #555;
    border-bottom: 4px solid #cacaca;
}
#main-nav a:hover, #main-nav li.current_page_item a, #main-nav li.current_page_parent a {
    border-bottom-color: #dc3e29;
    color: #000;
    text-decoration: none;
}
#main-nav a:hover, #main-nav li.current-cat a, #main-nav li.current-cat a {
    border-bottom-color: #dc3e29;
    color: #000;
    text-decoration: none;
}
#main-nav li ul {
    background: #FFF;
    border: 1px solid #dbdbdb;
    border-width: 1px 1px 0;
}
#main-nav li ul li {
    background: #eee;
    border-top: 1px solid #fff;
}
#main-nav li ul li a {
    padding: 0 10px;
    font-size: 12px;
    border-bottom: 1px solid #dbdbdb;
}
#main-nav li ul li a:hover {
    border-color: #dbdbdb;
    background: #dbdbdb;
}
/* 2.2.1 Drop-down menus */
.nav li ul {
    position: absolute;
    left: -999em;
    width: 180px;
    padding-top:10px;
    z-index: 999;
}
.nav li ul li a {
    width: 160px
}
#top-nav li ul ul {
    margin: -32px 0 0 180px
}
.nav li:hover, .nav li.hover {
    position: static
}
.nav li:hover ul ul, .nav li.sfhover ul ul, .nav li:hover ul ul ul, .nav li.sfhover ul ul ul, .nav li:hover ul ul ul ul, .nav li.sfhover ul ul ul ul {
    left: -999em
}
.nav li:hover ul, .nav li.sfhover ul, .nav li li:hover ul, .nav li li.sfhover ul, .nav li li li:hover ul, .nav li li li.sfhover ul, .nav li li li li:hover ul, .nav li li li li.sfhover ul {
    left: auto
}
.nav .sf-sub-indicator {
    background: url(images/arrow-superfish.png) no-repeat;
    position: absolute;
    display: block;
    right: 45%;
    top: 70px;
    width: 13px;
    height: 10px;
    text-indent: -999em;
    overflow: hidden;
}
.nav li ul .sf-sub-indicator {
    background: url(images/arrow-superfish-right.png) no-repeat;
    background-position: center left;
}
#top-nav li ul .sf-sub-indicator {
    top: 0.9em;
    right: 0px;
}
#main-nav .sf-sub-indicator {
    top: 1.1em
}
#main-nav li ul .sf-sub-indicator {
    top: 0.9em
}
#top-nav .nav-item-right {
    float: right
}
#top-nav .nav-item-right a {
    padding-top: 8px
}
/* 2.3 Header */
#header {
    width: 100%;
    background: url(images/header_bak.png) repeat-x bottom;
}
#header-inner {
    display: table;
}
#border-top {
    width: 100%;
    height: 11px;
    background: #930347;
}
#sub_header {
    background: #d6d6d6;
    width: 100%;
    border-top: 1px solid #bbbbbb;
    margin-top: -1px;
    height: 65px;
    border-bottom: 1px solid #a4a4a4;
}
#sub_header #inner {
    background: url(images/sub_head_bak.png) no-repeat;
    height: 65px;
}
#banner {
    background-color: #d6d6d6;
    width: 100%;
    margin-top: 9px;
    border-bottom: 1px solid #a4a4a4;
}
#banner #inner {
    position: relative;
    height: auto;
}
#sub_header .call {
    background: #f8f8f8;
    border: 1px solid #bcbcbc;
    float: right;
    margin: 16px 0 0 0;
    font-size: 12px;
    color: #930347;
    -moz-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px;
    font-weight: bold;
    padding: 7px;
}
#sub_header .call .number a {
    color: #949393;
    cursor: default;
}
#left_nav {
    background: #908b75;
    width: 318px;
    height: 296px;
    margin: 0 0 0 1px;
    float: left;
}
ul.left-nav {
    padding-top: 20px
}
ul.left-nav li a {
    color: #FFFFFF;
    font-size: 12px;
    display: block;
    padding: 6px 0 6px 20px;
    margin-top: -1px;
}
ul.left-nav li a:hover {
    background: url(images/nav_arrow.png) no-repeat top right
}
ul.left-nav li {
    background: url(images/nav_border.png) no-repeat bottom;
    padding-bottom: 2px;
}
.slides-wrapper {
    background: url(images/banner_bak.png) no-repeat;
    width: 965px;
}
#slideshow li img {
    float: right;
    padding: 9px;
    border: 1px solid #FFF;
    margin: auto;
    position: absolute;
    top: 0;
   bottom: 0;
   display: block;
   right: 0px;
}
.flexslider .slides li {
    min-height: 230px;
}
#slideshow li .slide-content {
    float: left;
    display: block;
    width: 420px;
    margin: 60px 0;
 
}
#slideshow li .slide-content h2 {
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    color: #2f2f2f;
    font-size: 18px;
}
#slideshow li .slide-content p {
    font-size: 11px;
    color: #2f2f2f;
    margin-top: 22px;
}
#slideshow li .slide-content a.button {
    display: block;
    float: left;
    padding: 7px 15px 8px;
    margin-top: 20px;
    margin-right: 7px;
    color: #534D39;
}
#slideshow li .slide-content a.button:hover {
    color: #000000
}
#slideshow li .slide-content .call {
    background: #f8f8f8;
    border: 1px solid #bcbcbc;
    float: left;
    margin: 20px 0 0 0;
    font-size: 12px;
    color: #930347;
    -moz-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px;
    font-weight: bold;
    padding: 7px;
}
#slideshow li .slide-content .call .number a {
    color: #949393;
    cursor: default;
}
#slideshow .flex-control-nav li {
    float: left;
    margin-right: 5px;
}
#slideshow .flex-control-nav li a.flex-active {
    background: #efe7cc;
    color: #363636;
    border: 1px solid #bc9e37;
}
#slideshow .flex-control-nav li a {
    font-weight: bold;
    font-size: 11px;
    color: #FFF;
    background: #cbcbcb;
    border: 1px solid #989898;
    padding: 0px 5px;
    display: block;
    -moz-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
    -webkit-border-radius: 2px;
    cursor: pointer;
}
#slideshow .flex-control-nav {
    z-index: 999999;
    left: 400px;
    position: absolute;
    bottom: 30px;
}
#headsearch {
    float: right;
    margin-top: 12px;
}
#headsearch input.search_s {
    border: 1px solid #8d8870;
    font-size: 9px;
    color: #FFFFFF;
    width: 180px;
    background: #9d977c;
    padding: 7px 0 7px 13px;
}
#headsearch span.border {
    border-bottom: 1px solid #e7e3d0;
    margin-right: 3px;
    display: block;
    float: left;
}
#headsearch input.search_but {
    padding: 7px 7px 9px 7px;
    border: none;
    background: url(images/go_bak.png) no-repeat;
    cursor: pointer;
    font-size: 10px;
    text-transform: uppercase;
    color: #FFFFFF;
    float: left;
}
#headsearch input.search_s:focus {
    border: 1px solid #6D6958
}
#headsearch input.search_but:hover {
    color: #CCC5AB
}
a.logo {
    display: table-cell;
    vertical-align: middle;
    padding: 10px 0;
}
a.logo img {
    max-width: none;
}
body a.logo span {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 24px;
    color: #5b5645;
    line-height: 26px;
}
#header .nav-toggle {
    display: none
}
#call {
    float: right;
    padding: 18px 0px;
}
span#number {
    background: url(images/phone.png) no-repeat 0px 2px;
    padding-left: 18px;
    padding-bottom: 7px;
    font-family: Georgia, "Times New Roman", Times, serif;
    color: #3d3a2d;
    font-size: 22px;
}
/* 2.7 Content */
body.home #main {
    margin-top: 30px;
    background: url(images/main_bak.png) repeat-y;
    padding-top: 15px;
}
#main_full {
    margin: 30px 0
}
#content #inner {
    margin-top: 30px;
    background: url(images/content_bak.png) repeat-y;
    padding-top: 15px;
    padding-bottom: 20px;
    height: auto;
}
div.entry.search {
    margin-bottom: 15px
}
div.entry h1 {
    font-size: 23px;
    padding-bottom: 12px;
    color: #130000;
    font-weight: normal;
}
#main h2 {
    font-size: 18px;
    padding-bottom: 12px;
    color: #130000;
    font-weight: normal;
}
#main h2 a {
    color: #4F4F4F
}
#main h2 a:hover {
    color: #333333;
    text-decoration: underline;
}
h1 a:hover, h2 a:hover {
    color: #333333;
    text-decoration: none;
}
/* Homepage Content */
h1.page_title {
    color: #585858;
    float: left;
    font-family: Helvetica, Arial,sans-serif;
    font-size: 16px;
    font-weight: bold;
    margin: 23px 0 0 0;
    text-shadow: 0 1px 0 #FFF;
}
h1.page_title a {
    color: #585858
}
#welcome {
    float: left;
    width: 615px;
}
#welcome, #welcome p {
    color: #3c3b3b;
    font-size: 13px;
    line-height: 1.7em;
}
#welcome p {
    margin-bottom: 20px
}
#about {
    width: 275px;
    float: left;
    color: #21201b;
    font-size: 14px;
    line-height: 1.5em;
    min-height: 310px;
    border-right: 1px solid #d6d5d0;
    margin-right: 25px;
    padding-right: 20px;
}
#main h2.title {
    color: #868066;
    font-weight: bold;
    font-family: Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-size: 17px;
}
/* 2.8 Sidebar */
#home_sidebar {
    margin-right: 20px
}
#sidebar {
    float: right;
    width: 245px;
}
#sidebar .secondary {
    float: left;
    width: 140px;
    margin-right: 20px;
}
#sidebar .secondary.last {
    margin: 0
}
#sidebar .empty {
    height: 100px;
    padding: 30px;
    background: #F8F8F8;
    border-radius: 5px;
}
/* 2.9 Footer */
#footer {
    padding: 15px 0 10px;
    font-size: 12px;
    border-top: 1px solid #DFDFDF;
    clear: both;
}
#footer .inner {
    width: 915px;
    margin: 0 auto;
}
#footer p {
    margin: 0;
    font-size: 11px;
    color: #464646;
    float: right;
}
#footer #credits img {
    vertical-align: middle
}
#footer a {
    color: #2f2f2f;
    text-decoration: underline;
}
#footer_social {
    float: left;
    margin: 0 0 0 20px;
}
#footer_social a {
    margin: 0 6px 0 0;
    display: block;
    float: left;
    text-decoration: none;
}
#footer_social a:before {
    vertical-align: middle;
    display: inline-block;
    font-family: 'FontAwesome';
    font-size: 1.8em;
    width: auto;
    height: auto;
    text-align: center;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0,0,0,.4);
    background: #FFF;
    border-radius: 4px;
}
#footer_social a:hover:before {
    background-color: #ededed
}
#footer_social a.facebook:before {
    content: '\f082';
    color: #395597;
}
#footer_social a.linkedin:before {
    content: '\f08c';
    color: #08A9D9;
}
#footer_social a.twitter:before {
    content: '\f081';
    color: #41D4EC;
}
#footer_social a.youtube:before {
    content: '\f166';
    color: #CC222D;
}
#footer_social a.googleplus:before {
    content: '\f0d4';
    color: #333334;
}
a.law_icon {
    background: url(images/law_icon.png) no-repeat;
    width: 22px;
    height: 21px;
    display: block;
    text-indent: -90000px;
    float: left;
    margin: 0 15px 0 0;
}
#footer li a {
    color: #7f5a5a;
    display: inline;
    font-family: Arial,Helvetica,sans-serif;
    padding: 0px 11px;
    text-decoration: none;
    font-size: 11px;
}
#footer ul {
    margin-bottom: 25px;
    float: left;
}
#footer ul li ul {
    display: none
}
#footer li {
    display: inline;
    float: none;
}
#footer a:hover {
    color: #000000
}
/*-------------------------------------------------------------------------------------------*/
/* 3. POSTS */
/*-------------------------------------------------------------------------------------------*/
.blog-post {
    padding: 10px;
    margin-bottom: 25px;
}
.blog-post p {
    color: #6B6B6B
}
.blog-post h2 {
    font-size: 15px;
    font-weight: bold;
    padding-bottom: 5px;
}
h1.post_title {
    font-size: 18px;
    margin: 0 0 5px 0;
    color: #130000;
    font-weight: normal;
}
h1.post_title a, h2 a {
    color: #130000
}
.blog-post .entry {
    float: left;
    width: 450px;
}
.blog-post .entry.full {
    width: 600px
}
.blog-post .entry p {
    margin-bottom: 5px
}
.blog-post .entry.full, .blog-post .entry{
    width: auto;
    float: none;
}
div.blog-posted {
    margin-bottom: 10px;
    background: #fff;
}
a.read_more {
    font-weight: bold;
    font-size: 12px;
}
.blog-post .thumb {
    float: left;
    border: 1px solid #CCCCCC;
    margin-right: 15px;
}
.blog-post .thumb a {
    display: block
}
.archive_header {
    display: block;
    float: left;
    width: 100%;
    padding: 0 0 10px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
}
.post {
    margin: 0
}
.post .title {
    font: normal bold 26px/24px Arial, Helvetica, sans-serif;
    position: relative;
    margin: 0;
}
.page .post .title, .post.none .title {
    margin: 0 0 20px 0
}
.post .title a:link, .post .title a:visited {
    color: #222
}
.post-meta {
    margin: 5px 0 25px 0;
    font-size: 11px;
    text-transform: uppercase;
}
.post-meta span {
    color: #424242
}
.post-meta .comments a {
    text-transform: uppercase
}
.post-meta, .post-meta .post-author a, .post-more {
    color: #868686
}
.post-more {
    clear: both;
    text-transform: uppercase;
    border: 1px solid #e6e6e6;
    border-width: 4px 0 1px;
    padding: 10px 0;
    font: 11px/16px Arial, Helvetica, sans-serif;
}
.post-more a, .post-meta a {
    text-decoration: none
}
.post-more a:hover, .post-meta a:hover {
    text-decoration: underline
}
.post p.tags {
    width: 100%;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 11px;
    clear: both;
    padding: 0 0 0 20px;
    background: url(images/ico-tag.png) no-repeat left center;
    margin: 20px 0;
}
/* 3.1 Typographic Elements */
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {
    margin: 0 0 25px 0
}
.entry p {
    margin: 0 0 20px 0
}
.entry blockquote {
    background: url(images/blockquote.png) no-repeat 0 12px;
    padding: 0px 20px 10px 50px;
    color: #444;
}
.entry blockquote p {
    font-style: italic
}
.entry ul {
    margin: 0 0 15px 0;
    padding: 0 0 0 30px;
}
.entry ul ul {
    margin: 0;
    padding: 0 0 0 15px;
}
.entry ul li {
    list-style-type: circle
}
.entry ul ul li {
    list-style-type: disc
}
.entry ol {
    margin: 0 0 15px 0;
    padding: 0 0 0 30px;
}
.entry ol ol {
    margin: 0;
    padding: 0 0 0 15px;
}
.entry  ol li {
    list-style-type: upper-latin
}
.entry  ol li ol li {
    list-style-type: lower-latin
}
/* 3.2 Images */
.entry img, img.thumbnail {
    padding: 5px;
    background: #FFF;
}
img.wp-smiley {
    padding: 0;
    border: none;
    background: transparent;
}
.alignleft {
    float: left;
    height: auto;
    margin: 5px 15px 20px 0;
}
.alignright {
    float: right;
    height: auto;
    margin: 5px 0 20px 15px;
}
.aligncenter {
    text-align: center;
    margin-bottom: 20px;
}
img.aligncenter {
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.entry .wp-caption {
    padding: 1px;
    text-align: center;
    background: #F8F8F8;
    border: solid 1px #e6e6e6;
}
.entry .wp-caption img {
    margin: 0;
    padding: 4px 0;
    background: none;
    border: 0;
}
.entry .wp-caption-text {
    margin: 0;
    padding: 0;
    font: 11px/22px Arial, Helvetica, sans-serif;
    text-align: center;
}
/* 3.3 Pagination / WP-Pagenavi */
.nav-entries, .wp-pagenavi, .post-entries {
    font-size: 11px;
    padding: 7px 15px;
    border-top: 1px solid #aebccb;
}
.post-entries {
    margin: 30px 0 0 0
}
.nav-entries a, .post-entries a {
    display: block;
    font: italic 12px/16px arial, serif;
    color: #333333;
    font-weight: bold;
    text-decoration: none;
}
.nav-entries a:hover, post-entries a:hover {
    text-decoration: underline
}
.wp-pagenavi {
    margin: 0 !important
}
.wp-pagenavi a:link, .wp-pagenavi a:visited {
    font-weight: bold!important;
    display: inline !important;
    text-decoration: none !important;
    background: none !important;
    color: #666 !important;
    padding: 3px 7px !important;
    border: none!important;
}
.wp-pagenavi .current, .wp-pagenavi .on, .wp-pagenavi a:hover {
    padding: 3px 7px !important;
    background: #6ca0a8 !important;
    border: none !important;
    color: #fff!important;
}
.wp-pagenavi span.extend, .wp-pagenavi span.pages {
    padding: 0 15px 0 0!important;
    font-style: italic!important;
    font-weight: bold!important;
    background: none !important;
    border: none !important;
    color: #6ca0a8 !important;
}
/*-------------------------------------------------------------------------------------------*/
/* 4. WIDGETS */
/*-------------------------------------------------------------------------------------------*/
/* 4.2 Generic Widgets */
.widget {
    margin: 0 0 20px 0;
    font-size: 12px;
}
.widget h3 {
    font-size: 16px;
    color: #868066;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    padding: 0px;
    margin-bottom: 15px;
    position: relative;
}
.widget input[type=text], .widget input.input-text, .widget textarea, .widget input.txt, .widget input[type=tel], .widget input[type=email] {
    width: 100%;
     background: #fff;
}
#home_sidebar .widget h3 {
    color: #9e8d5f;
    font-weight: bold;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 15px;
}
/*.widget h3 span  { position: absolute; left: 10px; top: 34px; display: block; width: 8px; height: 4px; } _NO__DOTCOMMA__AFTER__*/
.widget p {
    font: 12px/20px Arial, Helvetica, sans-serif;
    margin-bottom: 15px;
    font-family: georgia;
    font-style: italic;
}
.widget ul {
    clear: both;
    padding: 0px 0 15px;
}
.widget ul li {
    padding: 0px 0 7px 18px;
    margin-bottom: 7px;
    font-size: 13px;
    color: #666666;
    border-bottom: 1px solid #DFDFDF;
    line-height: 16px;
    background: url("images/bullet.png") no-repeat scroll left 35% transparent;
}
.widget ul li:last-child {
    border-bottom: none;
}
.widget ul li a {
    text-decoration: none;
    font-size: 12px;
    color: #3f3f3f;
}
.widget ul li a:hover {
    color: #666666
}
.widget ul ul {
    padding: 0 0 0 10px;
    border-top: none;
}
.widget ul ul li {
    padding-left: 0
}
/* 4.2 Specific Widgets */
/* CONTACT FORM WIDGET */
#contact-form.widget {
    margin-bottom: 30px
}
#contact-form.widget h3 {
    background: transparent;
    border: none;
    padding: 0px;
}
#contact-form .screenReader {
    left: -9999px;
    position: absolute;
    top: -9999px;
}
ol.forms {
    position: relative
}
ol.forms li input {
    color: #757575;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    border: 1px solid #cecccc;
    margin-bottom: 10px;
}
ol.forms li input.captcha {
    margin-bottom: 0px
}
ol.forms li img.captchaImage {
    margin-top: 10px
}
li.textarea span.error {
    left: 225px;
    position: absolute;
    top: 175px;
}
ol.forms li input, ol.forms li textarea {
    padding: 5px 0 5px 10px
}
ol.forms li input:focus, ol.forms li textarea:focus {
    border: 1px solid #97a4b1
}
ol.forms li input.button {
    cursor: pointer;
    border: 1px solid #ccbf9b;
    font-size: 12px;
    font-weight: bold;
    color: #534d39;
    height: 20px;
    padding: 9px 14px 24px;
    text-shadow: 0 1px 0 white;
    -moz-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px;
    width: 90px;
    margin-top: 10px;
}
ol.forms li input.submit:hover {
    color: #dedbce
}
span.error {
    color: #FF0000;
    font-size: 18px;
    font-weight: bold;
}
ol.forms li input.inputError, ol.forms li textarea.inputError {
    border: 1px solid #FF0000
}
ol.forms li textarea {
    color: #999999;
    font-size: 12px;
    border: 1px solid #aebccb;
    height: 70px;
    padding: 10px 0 10px 10px;
    overflow: auto;
    font-family: Arial, Helvetica, sans-serif;
}
#contact-form #disclaimer_text {
    background: #EAEAEA;
    color: #000000;
    display: none;
    padding: 10px;
    font-size: 11px;
}
ol.forms li span.disc {
    margin-top: -2px
}
ol.forms li span.disc a {
    text-decoration: underline
}
ol.forms li span.disc.inputError {
    font-weight: bold;
    color: #000000;
}
ol.forms li input#read {
    border: none;
    width: auto;
    height: auto;
    margin: 3px 5px 0 0;
    background: transparent;
}
/* TEXT WIDGET */
.widget_text .textwidget {
    padding: 7px 10px 0 0;
    font-family: Arial, Helvetica, sans-serif;
    font-style: italic;
}
/* SEARCH WIDGET */
strong.search-excerpt {
    background: none repeat scroll 0 0 yellow
}
.widget_sig_search h3 {
    margin: 0 0 15px 0
}
.widget_sig_search form {
    padding: 0 10px 10px;
    border-bottom: 1px solid #dfdfdf;
}
.widget input.s {
    float: left;
    width: 65%;
    padding: 8px 0 8px 7px;
    margin-right: 5px;
    border-color: #ccc #efefef #efefef #ccc;
    border-width: 1px;
    border-style: solid;
    background-color: #ededed;
    cursor: pointer;
}
input#searchsubmit {
    cursor: pointer
}
.widget input.s:focus {
    background-color: #fff
}
.widget .screen-reader-text {
    display: none
}
/* TAG CLOUD */
.widget_tag_cloud div {
    padding: 5px 10px 10px;
    border-bottom: 1px solid #dfdfdf;
}
.widget_tag_cloud div a {
    color: #6ca0a8
}
.widget_tag_cloud div a:hover {
    color: #3f3f3f;
    text-decoration: none;
}
/* CALENDAR */
#wp-calendar {
    width: 95%;
    margin-bottom: 15px;
    clear: both;
    padding: 0;
}
#wp-calendar caption {
    padding: 10px
}
#wp-calendar th, #wp-calendar td {
    text-align: center;
    background: #E7E7E7;
    color: #9E9E9E;
    padding: 5px;
}
#wp-calendar td {
    background: transparent
}
#wp-calendar td, table#wp-calendar th {
    padding: 3px 0
}
/*-------------------------------------------------------------------------------------------*/
/* 5. COMMENTS */
/*-------------------------------------------------------------------------------------------*/
/* 5.1 Comments */
#comments {
    position: relative;
    margin: 0;
    padding: 10px 0 0 0;
}
#comments h3 {
    margin-bottom: 20px
}
#comments .comment.thread-even .comment-container {
    background: #f7f7f7
}
#comments .comment {
    margin-bottom: 15px;
    list-style-type: none;
    font-size: 13px;
}
#comments .comment .comment-container {
    position: relative;
    padding: 20px;
    border: 1px solid #e6e6e6;
}
#comments .comment-head {
    margin: 0 0 13px 0
}
#comments  .avatar {
    float: left;
    margin: 0 15px 10px 0;
}
#comments  .avatar img {
    margin: 0;
    vertical-align: middle;
    padding: 3px;
    background: #fff;
}
#comments .comment-head .name {
    margin: 0;
    font-weight: bold;
    font-size: 18px;
}
#comments .comment-head .comment-meta {
    float: right;
    font-style: italic;
}
#comments .comment-head .date, #comments .comment-head .edit, #comments .comment-head .perma {
    font-size: 11px
}
#comments .comment-entry p {
    margin: 0 0 10px 0
}
#comments .reply {
    padding-top: 10px
}
#comments .reply a {

}
#comments .reply a:hover {

}
.nocomments {
    font-size: 14px;
    font-weight: bold;
    color: #dc3e29;
    font-style: italic;
}
.unapproved {

}
#comments ul.children li {
    padding: 0 0 0 25px;
    margin-top: 15px;
}
#comments .cancel-comment-reply {
    margin: 0;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 11px;
}
.comment #respond {
    margin: 20px 0 0
}
.comment #respond h3 {
    margin: 0
}
.comment.thread-even #commentform input.txt, .comment.thread-even #commentform textarea {
    background: #e6e6e6
}
#comments .navigation {

}
#comments .navigation a {
    display: block;
    margin: 15px 0 0 0;
    text-decoration: none;
}
#comments .navigation a:hover {

}
#comments h3#pings {
    margin-top: 25px
}
#comments .pingbacks li.pingback {
    margin: 10px 0
}
#comments .pingbacks li.pingback .reply {
    display: none
}
/* 5.2 Comments Form */
#respond {
    margin: 40px 0 0
}
#respond h3 {
    margin-bottom: 20px
}
#respond .left {
    float: left;
    width: 200px;
    margin-right: 15px;
}
#respond .right {
    float: left;
    width: 380px;
}
#respond label {
    font-size: 11px;
    color: #777;
}
#commentform {
    margin: 15px 0 0 0
}
#commentform label {
    display: none
}
#commentform input.txt, #commentform textarea {
    border-width: 1px;
    border-style: solid;
}
#commentform input.txt {
    background: #f4f4f4;
    width: 95% !important;
    margin: 0 5px 10px 0;
    padding: 5px 7px;
}
#commentform textarea {
    background: #f4f4f4;
    width: 95% !important;
    padding: 5px 7px;
}
#commentform input.txt:focus, #commentform textarea:focus {
    background: #fff
}
#commentform #submit {
    cursor: pointer;
    height: 35px;
    margin-top: 20px;
    text-align: left;
}
/* 5.3 Pingbacks / Trackbacks */
h3#pings {
    margin: 25px 0 10px 0;
    font-size: 12px;
}
.pinglist li {
    margin: 0 0 0 20px;
    padding: 10px 0;
    list-style-type: decimal;
    font-size: 11px;
    border-bottom: 1px solid #e6e6e6;
}
.pinglist li .author {
    font-weight: bold;
    font-size: 11px;
}
.pinglist li .date {
    font-size: 11px
}
.pinglist li .pingcontent {
    display: block;
    margin: 5px 0;
}
/*-------------------------------------------------------------------------------------------*/
/* 6. MISC */
/*-------------------------------------------------------------------------------------------*/
/* 6.2 Info Boxes */
p.alert, p.download, p.info, p.note, p.tick {
    margin: 10px 0 20px 0;
    padding: 9px 10px 9px 50px;
}
p.alert {
    border-top: 1px solid #f0baa2;
    border-bottom: 1px solid #f0baa2;
    background: #ffd9c8 url(images/ico-alert.png) no-repeat 20px 13px;
}
p.download {
    border-top: 1px solid #d4ebaf;
    border-bottom: 1px solid #d4ebaf;
    background: #edfcd5 url(images/ico-download.png) no-repeat 20px 13px;
}
p.tick {
    border-top: 1px solid #d4ebaf;
    border-bottom: 1px solid #d4ebaf;
    background: #edfcd5 url(images/ico-tick.png) no-repeat 20px 13px;
}
p.info {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background: #eee url(images/ico-info.png) no-repeat 20px 13px;
}
p.note {
    border-top: 1px solid #efe3ae;
    border-bottom: 1px solid #efe3ae;
    background: #fef6d2 url(images/ico-note.png) no-repeat 20px 13px;
}

/*-------------------------------------------------------------------------------------------*/
/* 7. FEATURED SLIDER */
/*-------------------------------------------------------------------------------------------*/
/* 7.1 Core Styles */
/* Browser Resets */
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {
    outline: none
}
.slides, .flex-control-nav, .flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}
/* FlexSlider Necessary Styles */
.flexslider {
    margin: 0;
    padding: 0;
}
.flexslider .slides > li {
    display: none;
    -webkit-backface-visibility: hidden;
}
/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
    max-width: 100%;
    display: block;
}
.flex-pauseplay span {
    text-transform: capitalize
}
/* Clearfix for the .slides element */
.flexslider .slides:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
html[xmlns] .flexslider .slides {
    display: block
}
* html .flexslider .slides {
    height: 1%
}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .flexslider .slides > li:first-child {
    display: block
}
/* 7.2 Theme Styles */
.flexslider {
    margin: 0;
    position: relative;
}
.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
}
.flexslider .slides {
    zoom: 1
}
.carousel li {
    margin-right: 5px
}
/* Direction Nav */
.flex-direction-nav {
    display: none;
}
.flex-direction-nav a {
    width: 39px;
    height: 40px;
    display: block;
    z-index: 999;
    cursor: pointer;
    text-indent: -9999px;
    opacity: 0;
    color: #930347;
    
}
.flex-direction-nav .flex-next {
    background-position: 100% 0
}
.flex-direction-nav .flex-prev {

}
.flexslider:hover .flex-next {
    opacity: 1
}
.flexslider:hover .flex-prev {
    opacity: 1
}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
    opacity: 1
}
.flex-direction-nav .flex-disabled {
    opacity: .3!important;
    filter: alpha(opacity=30);
    cursor: default;
}
/*-------------------------------------------------------------------------------------------*/
/* 8. RESPONSIVE */
/*-------------------------------------------------------------------------------------------*/
@media (max-width: 768px){
    .col-full {
        width: auto;
        margin: 0 20px;
    }
     #outer-wrapper {
        width: 100%;
        overflow: hidden;
    }
    #top-nav {
        float: none;
        padding: 0;
        border: none;
        text-align: left;
    }
    .nav li {
        display: block;
    }
    #top-nav .nav {
        margin: 0;
    }
    #header {
        height: auto;
        width: auto;
        padding: 15px 0;
    }
    .flex-control-nav {
        display: none;
    }
    a.logo { 
        float: none;
        display: block;
        margin: 0 70px 0 0;
        -webkit-tap-highlight-color: rgba(0,0,0,0);
    }
    a.logo img {
        max-width: 100%;
    }
    #top-nav .nav li ul {
        position: relative;
        display: block !important;
        background: none;
        border: none;
        top: auto;
        left: auto;
        margin: 0 0 0 16px;
        width: auto;
    }
    #top-nav a, #top-nav li ul li a.sf-with-ul, #top-nav li ul li a {
        margin: 0;
        text-transform: none;
        font-size: 14px;
        font-weight: normal;
        letter-spacing: normal;
        padding: 0 0 20px 0;
        border-left: 0;
        border: none;
    }
    #top-nav .nav li {
        float: none;
        border: none;
        padding: 0;
    }
    #top-nav .nav li.menu-item-has-children {
        padding-bottom: 0
    }
    .nav .sf-sub-indicator {
        display: none
    }
    #top-nav li ul li, #top-nav li ul li:hover {
        background: none;
        border: none;
    }
    #top-nav li a, #top-nav li ul li a.sf-with-ul {
        width: auto
    }
     #header .nav-toggle {
        display: block;
        cursor: pointer;
        position: absolute;
        -webkit-tap-highlight-color: rgba(0,0,0,0);
        right: 20px;
        top: 30px;
    }
    #header .nav-toggle:after {
        font-family: 'FontAwesome';
        display: inline-block;
        font-weight: normal;
        text-align: right;
        content: "\f0c9";
        background: #ECECEC;
        height: 1.5em;
        width: 1.5em;
        text-align: center;
        line-height: 1.75;
        color: #464646;
        font-size: 21px;
    }
    #header .nav-toggle span {
        display: none
    }
    #sub_header, #sub_header #inner {
        height: auto;
        background-image: none;
        margin: 0px;
    }
    h1.page_title {
        float: none;
        margin: 20px;
    }
    #sub_header .call {
        float: none;
        display: block;
        text-align: center;
        border-radius: 0px;
        font-size: 15px;
        border-bottom: 1px solid #CCC;
        background: #E0E0E0;
        margin: 0;
        border: 0;
        border-bottom: 1px solid #bbb;
    }
    #sub_header .call .number a {
        color: #5F5F5F;
    }
    #slideshow li .slide-content .call {
        background: #FFF;
    }
    .col-left {
        float: none;
        width: auto;
    }
    #content #inner {
        margin: 15px 0;
        background-image: none;
        padding-bottom: 0;
    }
    #main {
        margin-bottom: 25px;
    }
    #sidebar {
        float: none;
        width: auto;
    }
    .widget ul li {
        border-bottom: none;
    }
    .slides-wrapper, #banner #inner, #banner  {
        height: auto;
        width: auto;
    }
    #banner, #sub_header {
        margin: 0;
        background: -webkit-linear-gradient(-45deg, #e2e2e2 1%,#f7f7f7 79%);
        background: -ms-linear-gradient(-45deg, #e2e2e2 1%,#f7f7f7 79%);
        background: linear-gradient(-45deg, #e2e2e2 1%,#f7f7f7 79%);
    }
    .flex-direction-nav {
        display: none;
        text-align: center;
    }
    #slideshow .flex-direction-nav li {
        display: inline-block;
        padding: 0;
    }
    .flex-direction-nav a { 
        opacity: 1;
        display: block;
        height: 50px;
        
    }
    .flex-direction-nav a:after {
       vertical-align: middle;
        display: block;
        text-indent: 0px;
        font-family: 'FontAwesome';
        font-size: 25px;
        width: auto;
        height: auto;
        text-align: center;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        color: #FFF;
        text-shadow: 0 1px 3px rgba(0,0,0,.5);
        content: '\f054';
    }
    .flex-direction-nav a {
        position: absolute;
        top: 20%;
        right: 0px;
        opacity: .8;
    }
    .flex-direction-nav a.flex-prev {
        left: 0px;
        right: auto;
    }
    .flex-direction-nav a.flex-prev:after {
        content: '\f053';
    }
    #slideshow li .slide-content h2 {
        text-shadow: 0 1px 0 #FFF;
    }
    .slides-wrapper {
        background-image: none;
        padding-bottom: 0;
    }
    #slideshow li {
        text-align: center;
        padding: 20px 0;
    }
    #slideshow .slide-image{
        position: relative;
    }
    #slideshow li img {
        float: none;
        margin: 0 0 20px 0;
        display: inline-block !important;
        border: 5px solid #FFF;
        padding: 0;
        box-shadow: 0 0 5px #bbb;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        position: static;
    }
    #slideshow li .slide-content {
        float: none;
        width: auto;
        margin: 0;
    }
    #slideshow li .slide-content p {
        font-size: 15px;
        color: #838383;
    }
    #slideshow li .slide-content a.button, #slideshow li .slide-content .call {
        display: inline-block;
        float: none;
    }
    body.home #main { 
        background: none;
    }
    .blog-post {
        padding: 0;
    }
    #welcome, .col-right {
        width: auto;
        float: none;
    }
    #footer .inner {
        width: auto;
    }
    #footer ul {
        float: none;
        margin-bottom: 18px;
    }
    #footer li a {
        display: block;
        padding: 6px 0px;
        font-weight: bold;
        text-transform: none;
        font-size: 14px;
    }
    #footer_social {
        float: none;
        padding: 3px 0;
        margin: 0;
    }
    #footer_social a {
        display: inline-block;
        float: none;
    }
    #footer_social a:before {
        font-size: 28px;
        margin-right: 5px;
    }
    #footer p {
        float: none;
        margin-top: 10px;
        font-size: 12px;
    }
    #footer a.law_icon {
        display: none
    }
    input[type=text], input.input-text, textarea, input.txt, input[type=tel], input[type=email] {
        width: 100%;
    }
    .disclaimer span {
        font-size: 15px;
    }
    
    
    /**
    * New mobile menu
    */
    
    .home #header, #header, .home #inner-header-wrap, #top_nav_wrap {
        position: static;
    }
    .nav-open #wrapper {
        position: relative;
        left: 80%;
        
    }
    .csstransforms3d.csstransitions #wrapper{
        position: static;
        left: 0 !important;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-transition: -webkit-transform 500ms ease;
        -moz-transition: -moz-transform 500ms ease;
        -o-transition: -o-transform 500ms ease;
        transition: transform 500ms ease;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -o-backface-visibility: hidden;
        backface-visibility: hidden;
    }
    .csstransforms3d.csstransitions.nav-open #wrapper {
        -webkit-transform: translate3d(80%, 0, 0) scale3d(1, 1, 1);
        -moz-transform: translate3d(80%, 0, 0) scale3d(1, 1, 1);
        -ms-transform: translate3d(80%, 0, 0) scale3d(1, 1, 1);
        -o-transform: translate3d(80%, 0, 0) scale3d(1, 1, 1);
        transform: translate3d(80%, 0, 0) scale3d(1, 1, 1);
    }
    #top-nav {
        position: absolute;
        -webkit-tap-highlight-color: rgba(0,0,0,0);
        left: -80%;
        width: 80%;
        height: 100%;
        padding: 0;
        top: 0;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        overflow-x: hidden;
        background: #333333;
        -webkit-box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);
        -moz-box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);
        box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);
    }
    .csstransforms3d.csstransitions #top-nav {
        left: 0 !important;
        -webkit-transform: translate3d(-100%, 0, 0);
        -moz-transform: translate3d(-100%, 0, 0);
        -ms-transform: translate3d(-100%, 0, 0);
        -o-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -o-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    .csstransforms3d.csstransitions #top-nav > ul {
        display: block;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
        opacity: 0.7;
        -webkit-transition: opacity 300ms 100ms, -webkit-transform 500ms ease;
        -webkit-transition-delay: ease, 0s;
        -webkit-transition-delay: ease, 0s;
        -moz-transition: opacity 300ms 100ms ease, -moz-transform 500ms ease;
        -o-transition: opacity 300ms 100ms ease, -o-transform 500ms ease;
        transition: opacity 300ms 100ms ease, transform 500ms ease;
        -webkit-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9);
        -moz-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9);
        -ms-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9);
        -o-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9);
        transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9);
        -webkit-transform-origin: 60% 0%;
        -moz-transform-origin: 60% 0%;
        -ms-transform-origin: 60% 0%;
        -o-transform-origin: 60% 0%;
        transform-origin: 60% 0%;
    }
    .csstransforms3d.csstransitions.nav-open #top-nav > ul {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    #top-nav > ul {
        position: relative;
        border: none;
    }
    #top-nav .nav li ul {
        margin: 0;
    }
    #top-nav .nav li a {
        color: #FFF;
        padding: 15px 40px 15px 20px !important;
        outline: none;
    }
    #top-nav .nav li a:active {
        background: #494949;
    }
    #top-nav .nav li {
        border-top: 1px solid rgba(255, 255, 255, 0.14) !important;
    }
    #top-nav .nav li:last-child {
        border-bottom: 1px solid rgba(255, 255, 255, 0.14) !important;
    }
    #top-nav .nav li ul {
        position: absolute; 
        visibility: hidden;
        width: 100%;
        padding: 0;
    }
    .csstransforms3d.csstransitions #top-nav li ul{
        -webkit-transform: translate3d(100%, 0, 0);
        -moz-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        -o-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        left: 0;
    }
    #top-nav li.open > ul {
       left: 100%;
       top: 0%;
       visibility: visible !important;
    }
    .csstransforms3d.csstransitions #top-nav li.open > ul {
       left: 0;
    }
    #top-nav.depth-1 > ul{
        left: -100%;
    }
    #top-nav.depth-2 > ul{
        left: -200%;
    }
    #top-nav.depth-3 > ul{
        left: -300%;
    }
    #top-nav.depth-4 > ul{
        left: -400%;
    }
    .csstransforms3d.csstransitions #top-nav.depth-1 > ul{
        left: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        -moz-transform: translate3d(-100%, 0, 0);
        -ms-transform: translate3d(-100%, 0, 0);
        -o-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    .csstransforms3d.csstransitions #top-nav.depth-2 > ul{
        left: 0;
        -webkit-transform: translate3d(-200%, 0, 0);
        -moz-transform: translate3d(-200%, 0, 0);
        -ms-transform: translate3d(-200%, 0, 0);
        -o-transform: translate3d(-200%, 0, 0);
        transform: translate3d(-200%, 0, 0);
    }
    .csstransforms3d.csstransitions #top-nav.depth-3 > ul{
        left: 0;
        -webkit-transform: translate3d(-300%, 0, 0);
        -moz-transform: translate3d(-300%, 0, 0);
        -ms-transform: translate3d(-300%, 0, 0);
        -o-transform: translate3d(-300%, 0, 0);
        transform: translate3d(-300%, 0, 0);
    }
    .csstransforms3d.csstransitions #top-nav.depth-4 > ul{
        left: 0;
        -webkit-transform: translate3d(-400%, 0, 0);
        -moz-transform: translate3d(-400%, 0, 0);
        -ms-transform: translate3d(-400%, 0, 0);
        -o-transform: translate3d(-400%, 0, 0);
        transform: translate3d(-400%, 0, 0);
    }
    #top-nav > .back {
        display: block;
        height: 40px;
        text-align: right;
        position: relative;
        color: #FFF;
        font-size: 28px;
        padding-right: 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-top: 20px;
        margin-bottom: 20px;
    }
    #top-nav > .back:before {
        font-family: 'FontAwesome';
        display: inline-block;
        font-weight: normal;
        content: "\f104";
        line-height: 20px;
        color: #FFF;
        font-size: 25px;
        text-indent: 0;
        position: absolute;
        left: 20px;
        vertical-align: middle;
        top: 20px;
    }
     #top-nav .back, #top-nav .back:before, #top-nav.back:after {
        opacity: 0;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        -webkit-transition: opacity 200ms ease;
        -moz-transition: opacity 200ms ease;
        -ms-transition: opacity 200ms ease;
        transition: opacity 200ms ease;
    }
    .nav-ready #top-nav .back, #top-nav[class*="depth"] > .back:after, #top-nav[class*="depth"] > .back:before {
        opacity: 1;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    }
    #top-nav > .back:after {
        content: attr(data-content);
        color: #FFF;
        text-indent: 0;
        display: inline-block;
        font-size: 14px;
        position: absolute;
        width: 50%;
        left: 50%;
        top: 20px;
        margin-left: -25%;
        text-align: center;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
    #top-nav li.menu-item-has-children > a, #top-nav li.page_item_has_children > a {
        position: relative;
    }
    #top-nav li.menu-item-has-children > a:after, #top-nav li.page_item_has_children > a:after  {
        font-family: 'FontAwesome';
        content: '\f0da';
        color: #979797;
        position: absolute;
        font-size: 24px;
        right: 0;
        margin-right: 20px;
        top: 50%;
        bottom: 50%;
        line-height: 0;
    }
}

@media(min-width: 769px) and (max-width: 1024px){
    .col-full {
        width: 100%;
        padding: 0 30px;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }
    #top-nav a, #top-nav {
       font-size:   13px;
    }
    #top-nav a {
        padding: 48px 24px 48px 23px;
    }
    #slideshow li .slide-content {
        margin-left: 0;
        width: 50%;
        margin-top: 67px;
        margin-bottom: 30px;
    }
    .slides-wrapper {
        width: auto;
    }
    #slideshow .slides li {
        position: relative;
        min-height: 240px;
        padding-bottom: 15px;
    }
    #slideshow .flex-control-nav {
        bottom: 15px;
        left: 0px;
        top: auto;
    }
    #slideshow li img {
        width: 40%;
    }
    .slides-wrapper {
        padding-bottom: 0;
    }
    body.home #main {
        background: none;
        position: relative;
    }
    .home #content:not(.page) #main:after, #content #inner:before {
        content: '';
        position: absolute;
        height: 100%;
        width: 1px;
        background: #E0E0E0;
        display: block;
        top: 0;
        right: 35%;   
    }
    #content #inner {
        padding: 0;
        background: none;
        position: relative;
    }
    .col-left {
        width: 60%;
        padding-bottom: 15px;
    }
    #sidebar {
        width: 30%;
    }
    
    #welcome {
        width: 60%;
  
    }
    .col-right {
        width: 30%;
    }
    .blog-post .entry.full, .blog-post .entry {
        width: auto;
        float: none;
    }
    #footer .inner {
        width: auto;
        padding: 0 10px;
    }
    #footer_social a:before {
        font-size: 28px;
        margin-right: 8px;
        line-height: 22px;
    }
    input[type=text], input.input-text, textarea, input.txt, input[type=tel], input[type=email] {
        width: 100%;
    }
    #footer p {
        margin-top: 12px;
    }
}