/*
Theme Name: TCL Production
Theme URI: 
Author: AP
Author URI: 
Description: This is a generic starter theme, that incorporates Bootstrap, Fontawesome, Slick Slider, Animation, ImageHover, Masonry.
Version: 1.3
*/


/* #Misc
/***********************************************************/
body { padding-top: 0; font-size: 21px; line-height: 1.5em; color: #252525; font-family: 'Fira Sans', sans-serif; font-weight: 300;} 
iframe, object, embed{ max-width:100%; }
sup{ vertical-align: super; font-size: smaller; }
sub{ vertical-align: sub; font-size: smaller; }
code{ font-family: Monaco, "Andale Mono", "Courier New", Courier, monospace; }
.navbar-fixed-top {top: auto;}
.alignleft { float: left; margin: 1% 2% 2% 0}
.alignright { float: right; margin: 1% 0 2% 2%}
.aligncenter { clear: both; text-align: center; margin: 1%}
.alignnone { float: none; margin: 1% } 
.text-center {text-align: center;}
.text-right {text-align: right;}
.padding-left {padding-left: 0;}
.padding-right {padding-right: 0;}
.padding-none {padding: 0;}
.row {margin-left: 0; margin-right: 0;}
.container { max-width: 1144px; }

/* #Images
/***********************************************************/
img, a img { border:none; padding: 0; margin:0; display:inline-block;  height:auto; image-rendering: optimizeQuality; }
.post_content img {width: auto; max-width: 100%;}

/* #Links
/***********************************************************/
	a { text-decoration: none; outline: 0; max-width:100%; max-width:none;  }
	a:hover, a:focus, a:visited, button:hover, button:focus, button:visited { outline: 0; text-decoration: none;}
	p a, p a:visited { line-height: inherit; }
	a img { border: 0}
	#navbar li.dropdown:hover .dropdown-menu {display: block;}
	
/***********************************************************/
/***** HEADINGS / Typography  ******************************/
/***********************************************************/

h1,h2,h3,h4,h5 { margin-top: 0; font-family: 'Roboto Condensed', sans-serif;}
	h1 { font-size: 36px; color: #656565; line-height: 1.3em; font-weight: 400; margin-bottom: 50px; }
	h2 { font-size: 28px; line-height: 1.3em; font-weight: 400; margin-bottom: 15px; }
	h3 { font-size: 25px; line-height: 1.1em; font-weight: 400; margin-bottom: 15px; margin-top: 15px; } 
	h4 { font-size: 21px; line-height: 1.1em; margin-bottom: 23px; color: #4e4e4e;} 
	h5 { font-size: 16px; line-height: 1.1em; }						
	h6 { font-size: 15px; line-height: 1.1em; }
	.post_content h1, .post_content h2, .post_content h3, .post_content h4, .post_content h5 {color: #7b7b7b;}
	
hr { border: solid #252525; border-width: 1px 0 0; clear: both; margin: 50px 0 70px; height: 0; }

p + h1, p + h2, p + h3, p + h4, p + h5, p + h6{ margin-top:24px; }
p { margin: 1.2em 0; }
p img { margin: 0; }
em, i { font-style: italic; }
strong, b{ font-weight: bold;  }
small { font-size: 80%; }
blockquote{ border-left-style:solid; border-left-width:7px; padding-left:20px; margin-bottom:1em; margin-right:1em; font-size: 16px; line-height: 1.5em; }
blockquote small, blockquote cite, blockquote small a, blockquote cite a, blockquote a small, blockquote a cite{font-size: 12px;}

#social_links {padding: 0; margin-left: 0; margin-top: 1.2em;}
#social_links:after {content: ' '; display: table; clear: both;}
#social_links > li:first-child {margin-left: 0}
#social_links > li {display: block; float: left; list-style: none; width: 50px; height: 50px; text-align: center; margin-left: 24px;}
#social_links > li > a {font-size: 42px; color: inherit; line-height: 50px;}
#social_links > li:hover {background-color: #6c8da1; border-bottom: 0;}
#social_links > li > a > img {max-width: 200px; max-height: 50px;}
#social_links > li:hover > a {border: 0;}
#social_links > li.facebook > a {font-size: 34px;}
#social_links > li.linkedin > a {font-size: 39px;}
#social_links > li.google > a {font-size: 34px;}

.flex {
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
 }
.parallax {
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
} 
.uppercase {text-transform: uppercase;}
.white {color: #fff;}

.ease {
	-webkit-transition: all .6s ease;
	-moz-transition: all .6s ease;
	-ms-transition: all .6s ease;
	-o-transition: all .6s ease;
	transition: all .6s ease;
}
.masonry { /* Masonry container */
    column-count: 5;
    column-gap: 1em;
}

.masonry-item { /* Masonry bricks or child elements */
    background-color: #f4f4f4;
    display: inline-block;
    margin: 0 0 1em;
    width: 100%;
}

.padded-top {padding-top: 65px;}
.padded-bottom {padding-bottom: 65px;}
.padd-top {padding-top: 80px;}
.padd-bottom {padding-bottom: 80px;}
.padd-right {padding-right: 30px;}
.padd-left {padding-left: 55px;}
.margin-top {margin-top: 50px;}
.margin-bottom {margin-bottom: 50px;}
.medium {font-weight: 500;}
.light {font-weight: 300;}
.firacondensed {font-family: 'Fira Sans Condensed', sans-serif;}
.robotocondensed {font-family: 'Roboto Condensed', sans-serif;}


/* #Header
/***********************************************************/
.smaller .navbar.col-sm-7 {
    float: right;
    width: 620px;
}

.top-header {
    font-size: 16px;
    color: #9d9d9d;
    text-transform: uppercase;
    font-weight: 300;
    font-family: 'Roboto Condensed', sans-serif;
    padding-top: 5px;
    background: transparent url(library/img/top-border.png) no-repeat bottom right;
}

.top-header .col-sm-5 {
    width: 37%;
}

.top-header .col-sm-7 {
    width: 63%;
}

.smaller .top-header .col-sm-5 {
    width: 260px !important;
}

.smaller .top-header .col-sm-7 {
    width: calc(100% - 260px) !important;
    padding-left: 0;
}

.top-header strong {
    font-size: 22px;
    color: #6c8da1;
    margin-left: 10%;
}

.top-header a {
    color: inherit;
    line-height: 35px;
}

.top-header i {
    margin-right: 5px;
}

.top-header i.link-events {
    position: relative;
    display: inline-block;
    width: 18px;
    height: 17px;
    top: 2px;
    background: url(library/img/icon-event-top-light.png) left top no-repeat;
    background-size: cover;
}

.top-header li:hover > a > i.link-events {
    background-image: url(library/img/icon-event-top-dark.png);
}

.on-scroll .top-header i.link-events {
    background-image: url(library/img/icon-event-top-white.png);
}

.on-scroll .top-header li:hover > a > i.link-events {
    background-image: url(library/img/icon-event-top-black.png);
}

.top-header .navbar-nav {
    text-align: right;
}

.top-header .navbar-nav,
.top-header .navbar-nav > li {
    float: none;
}

.top-header .navbar-nav > li {
    display: inline-block;
}

.top-header .navbar-nav > li:first-child {
    margin-right: 13%;
}

.smaller .top-header .navbar-nav > li:first-child {
    margin-right: 7%;
}

.top-header .navbar-nav > li > a {
    color: inherit;
    line-height: 37px;
    top: 3px;
    position: relative;
    display: block;
    padding: 0;
}

.top-header .navbar-nav > li:hover > a,
.top-header .navbar-nav > li:active > a {
    background-color: transparent;
    color: #000;
}

.top-header .navbar-nav .dropdown-menu {
    margin: 0;
    padding: 0;
}

.logo {
    padding-top: 17px;
    padding-bottom: 14px;
}

#header-top .navbar {
    margin-bottom: 0;
    border: 0;
}

#navbar {
    text-align: right;
}

#navbar > ul {
    float: none;
}

#navbar .navbar-nav > li {
    float: none;
    display: inline-block;
    margin: 0 30px;
}

#navbar .navbar-nav > li > a {
    font-size: 22px;
    color: #7a9aaa;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    padding: 22px 0 17px 0;
}

#navbar .navbar-nav > li.current-menu-item > a,
#navbar .navbar-nav > li > a:hover,
#navbar .navbar-nav > li > a:focus {
    background: transparent url(library/img/nav-arrow.png) no-repeat bottom center;
}

#masthead {
    border-bottom: 1px solid #e2e6ea;
    background-color: #fff;
}

#navbar .navbar-nav > li:last-child {
    margin-right: 0;
}

#navbar.navbar-collapse {
    padding: 0;
}

#navbar .navbar-nav > li > .dropdown-menu {
    border: 0;
    padding: 0;
    border-radius: 0;
}

#navbar .dropdown-menu > li a {
    padding: 10px 15px;
    color: #7a9aaa;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 18px;
    border-top: 1px solid #d2d2d2;
}

#navbar .dropdown-menu > li a:hover {
    background-color: #7a9aaa;
    color: #fff;
}

#navbar li.dropdown .dropdown .dropdown-menu {
    padding: 0;
    left: calc(100% + 1px);
    display: none; 
	border-radius: 0;
	top: -2px; 
	border: 0;
}

#navbar li.dropdown .dropdown:hover .dropdown-menu {
    display: block;
}

#navbar .navbar-nav {
    float: none;
}

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

.top-header .dropdown li:hover a,
.top-header a:hover,
.top-header a:hover strong {
    color: #000;
}

.top-header .dropdown li:hover > .dropdown-menu {
	display: block;
    float: right;
    right: 0;
    left: auto;
    border: 0;
    border-radius: 0;
    margin-top: 0;
}

.top-header .dropdown .dropdown-menu li a { 
	font-size: 16px; 
	text-transform: uppercase; 
	color: #000; 
	font-weight: 300; 
	padding: 9px 20px; 
	border-bottom: 1px solid #cfcfcf;
	border-left: 1px solid #cfcfcf;
	border-right: 1px solid #cfcfcf;
}

.top-header .dropdown .dropdown-menu li a:hover {
    background-color: #586b77;
    color: #fff;
}

#navbar .navbar-nav > li > a i {
    display: none;
}

.top-header a.hcontact:hover strong{
    color: #6c8da1
}

@media screen and (max-width: 1000px) {
    .top-header .col-sm-5 {
        width: 260px !important;
    }

    .top-header .col-sm-7 {
        width: calc(100% - 260px) !important;
    }

    .top-header strong {
        margin-left: 5%;
    }

    .top-header .navbar-nav > li:first-child {
        margin-right: 8%;
    }
}


/* #Smaller
/***********************************************************/ 
.on-scroll,
.smaller .on-full {
    display: none;
}

.smaller .on-scroll {
    display: block;
}

.smaller #masthead {
    background-color: #6d8ca1;
    border-bottom: 0;
}

.smaller .top-header {
    background: transparent;
    color: #fff;
    padding-top: 9px;
    padding-bottom: 9px;
}

.smaller .top-header strong {
    color: #fff;
}

.smaller .scroll-border {
    border-bottom: 1px solid #fff;
}

.smaller #header-top .col-sm-2 {
    width: auto !important;
    left: calc(22% - 145px);
    padding: 0;
    z-index: 9;
}

.smaller .navbar-header {
    float: none;
}

.smaller .navbar-toggle {
    float: none;
    line-height: 1;
    display: block;
    color: #fff;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 22px;
    font-weight: 400;
    margin: 10px 0 5px;
    border: 0;
}

.smaller .navbar-toggle div {
    float: left;
    margin-right: 10px;
}

.smaller .navbar-toggle .icon-bar {
    background-color: #fff;
    height: 4px;
    width: 33px;
}

.smaller .navbar {
    min-height: initial;
}

.smaller .logo {
    width: auto !important;
    padding-top: 3px;
    padding-bottom: 3px;
}

.smaller #navbar {
    text-align: left;
}

.smaller #navbar .navbar-nav > li:first-child {
    margin-left: 11px;
}

.smaller #navbar .navbar-nav > li > a {
    color: #fff;
}

.smaller #navbar .navbar-nav > li.current-menu-item > a,
.smaller #navbar .navbar-nav > li > a:hover,
.smaller #navbar .navbar-nav > li > a:focus {
    background: transparent url(library/img/nav-arrow-white.png) no-repeat bottom center;
}

.smaller #scroll-nav {
    border-bottom: 1px solid #fff;
}

@media screen and (max-width: 991px) {
    .smaller #header-top .col-sm-2 {
        left: calc(22% - 145px);
    }
}


/* #Banner
/***********************************************************/
#slider {overflow: hidden; padding-top: 102px;}

.banner-item, .banner-item > img {position: relative; display: block;}

.banner_caption {position: absolute; bottom: 0; left: 0; display: block; width: 100%;}

.banner_content {
    position: relative;
    max-width: 637px;
    margin: 0 auto;
}

.banner_icon {
    display: none;
    position: relative;
    z-index: 1;
    float: left;
}

.banner_text {
	position: relative;
    max-width: 280px;
	font-family: 'Roboto Condensed', sans-serif;
	color: #fff;
	font-weight: 300;
    background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0), rgba(0,0,0,0.35), rgba(0,0,0,0.55));
	z-index: 0;
}

.banner-menu-title {
    display: block;
    max-width: 150px;
    font-size: 20px;
    line-height: 1.3;
    padding: 0 0 35px 22px;
}

.banner-menu-title hr {
    margin: 23px 0 0;
    border-color: #fff;
    border-width: 0;
    border-bottom-width: 3px;
    width: 70%;
}

.banner_text ul {
    margin: 0;
    padding: 0 20px 33px 22px;
    list-style: none;
}

.banner_text ul li {
	font-size: 30px !important;
    line-height: 1.7 !important;
    padding: 0 !important;
}

.banner_text ul li:last-child {
    border-bottom: 0;
}

.banner_text a {
    color: inherit;
    line-height: 1;
}

.banner_text a:hover {
    text-decoration: underline;
}

.inner-banner > img {width: 100%;}

/* #Main
/***********************************************************/
article, .container-smaller {max-width: 882px; margin: 0 auto;}
.inner-template article {max-width: 100%;}
article a, article a:visited {color: #7896a3; font-weight: 500;} 
article a:hover {text-decoration: underline;}
#seeMore p:first-child {margin-top: 0;}
.well {padding: 0; border: 0; box-shadow: 0 0 transparent; background: #fff;}
.bar {background-color: #a0b6c2; border: 1px solid #a0b6c2;}
.bar .col-sm-4 {width: 0;}
.bar .col-sm-4.bar_text {width: 300px; margin: 0 calc((100% - 300px)/2);}
.bar_text {background-color: #fff; padding-top: 4px; padding-bottom: 4px; font-family: 'Roboto Condensed', sans-serif; font-size: 24px; font-weight: 400; color: #7b7b7b;}
.bar_text a {color: inherit; line-height: 49px;}
.bar_text i {color: #12406e; font-size: 30px; position: relative; top: 2px; margin-left: 5px;}
.bar_text:hover {background-color: #12406e; color: #fff;}
.bar_text:hover i {color: #fff;}
.bar_text:hover img.l_white { display: block}
.bar_text:hover img.l_dark, .bar_text img.l_white {display: none;}
#three-grid {padding-top: 67px; padding-bottom: 153px;     background-position: top center; background-size: cover;}
.grid_item {padding: 0;}
.grid_wrapper {max-width: 298px; border: 1px solid #a0b6c2; height: 100%; background-color: #fff; padding: 15px;}
.grid_image {border: 1px solid #a0b6c2; margin-bottom: 28px;}
.grid_image > img {width: auto; max-width: 100%;}
.grid_content {font-size: 17px; line-height: 27px;}
.grid_button {padding: 25px 35px 5px; text-align: left;}
.grid_button a {
    text-transform: uppercase;
    background-color: #7896a3;
    color: #fff !important;
    font-size: 17px;
    border-bottom: 7px solid #5c7b89;
    display: block;
    padding: 0px 5px 0px 10px;
}
.grid_button a:hover {
    background-color: #5c7b89;
}
.grid_button a span {display: inline-block;}
.grid_button i { float: right; top: 3px; font-size: 26px; position: relative;}
.grid_item_2 {margin: 0 90px;}
#grid-testimonials {margin-top: 130px;} 
.testi_grid {display: none;}
#grid-testimonials > .container {background-color: rgba(255,255,255,.85); max-width: 930px;}
#grid-testimonials .testi_content {padding-top: 30px; padding-bottom: 10px; padding-right: 0; color: #000;}
#grid-testimonials .testi_content span {display: block; font-style: normal; font-size: 20px; line-height: 1.2em;}
#grid-testimonials .quote-icon, .quote-icon {float: left; margin-right: 25px; margin-bottom: 0;}
#grid-testimonials .testi_text {font-size: 26px; line-height: 48px;}
#grid-testimonials .t_text {padding-top: 25px;}
#grid-testimonials .t_text p {margin-top: 0;}
.test_link_wrapper {
    top: 50%;
    left: 50%; 
    transform: translate(-50%, -50%); 
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);	
	position: absolute; 
}
.test_link_wrapper a {font-weight: 400; font-size: 22px; line-height: 30px; color: #676767; background-color: rgba(255,255,255,.50); border: 1px solid #000; display: block; padding: 13px; min-width: 190px;}
.test_link_wrapper a:hover {color: #fff; background-color: #000;}
.test_link_wrapper i, .arrow-testi {font-size: 42px; float: right; position: relative; top: -14px; margin-left: 10px; width: 10px; height: 29px; background: transparent url(library/img/testi-arrow.png) no-repeat;}
#page-testimonials .testi_content {margin-bottom: 50px; padding-bottom: 50px; border-bottom: 1px solid #ccc;} 
.post_content a i.fa.fa-caret-down {color: #000; padding: 0 10px 0 25px}

/* #Sidebar
/***********************************************************/
.widget {margin-bottom: 100px;}
.practice-title .widgettitle {     margin: 0; font-weight: 300; font-family: 'Roboto Condensed', sans-serif; text-align: center; font-size: 40px; color: #fff; background-color: #12406e; padding: 10px; letter-spacing: 10px; line-height: 1.1em; border-bottom: 1px solid #fff;}
#sidebar .testi_text > img {max-width: 63px; margin-bottom: 50px;}
#sidebar .testi_text {line-height: 48px; font-size: 20px;}
#sidebar .testi_content cite {font-style: normal; font-size: 17px;}
#sidebar .testi_content cite span {display: block;}
#sidebar .testi_link a {display: inline-block; border: 1px solid #000; color: #000; padding: 0 10px; font-size: 19px;}
#sidebar .testi_link a:hover {background-color: #12406e; color: #fff;}

/* #footer  
/***********************************************************/
#footer {
    color: #fff;
    background-color: #181818;
    padding-top: 30px;
    border-top: 1px solid #fff;
}

.footer-sect .container,
#footer-blog-posts .container,
#footer > .container,
.inner-footer > .container {
    max-width: 930px;
}

    /***** Footer - Accreditations ******************/
    .acc_wrapper {
        border-top: 1px solid #fff;
        background-color: #000;
        color: #fff;
        padding: 11px 0;
    }
    .acc_wrapper strong {font-weight: 600; }
    .acc_wrapper a {color: inherit; }
    .acc_wrapper a i {font-size: 26px; position: relative; top: 2px; margin-left: 20px;}
    .acc_wrapper span {margin-right: 45px; margin-left: 45px;}
    .acc_wrapper a:hover {color: #7896a3;}

    #acc_logos {
        margin: 15px 0 10px;
        padding: 0;
        list-style: none;
    }

    #acc_logos li {
        display: inline-block;
        margin: 0 1.5% 10px;
    }

    #acc_logos li.accred-7 {
        display: none;
    }

    #acc_logos li:last-child {
    }

    #acc_logos li:first-child {
    }

    #acc_logos li img {
        height: 88px;
        width: auto;
    }

        @media only screen and ( max-width: 970px ) {
            #accreditation .container {
                max-width: 730px;
            }

            #acc_logos li {
                margin: 0 2% 10px;
            }

            #acc_logos li.accred-14 {
                display: none;
            }

            #acc_logos li.accred-7 {
                display: inline-block;
            }
        }
    /***** end Footer - Accreditations **************/


    /***** Footer - Latest Blog Posts ***************/
    #footer-blog-posts {
        color: #fff;
        background-color: #181818;
        padding: 60px 0 40px;
        line-height: 1.2;
    }

    #footer-blog-posts:after {
        content: ' ';
        display: table;
        clear: both;
    }

    #footer-blog-posts h2 {
        font-size: 18px;
        font-weight: 700;
        text-align: center;
        letter-spacing: 9px;
        line-height: 1;
        padding-bottom: 20px;
        margin-bottom: 35px;
        border-bottom: 2px dashed #bcbcbc;
    }

    #footer-blog-posts #blog-posts .post-item {
        position: relative;
        float: left;
        width: 200px;
        max-width: 33%;
        margin-right: calc((100% - 200px * 3) / 2);
    }

    #footer-blog-posts .post-item .post-thumb {
        width: 100%;
        height: auto;
        min-height: 140px;
    }

    #footer-blog-posts .post-item .post-title {
        margin: 17px 0 13px;
    }

    #footer-blog-posts .post-item .post-title a {
        display: block;
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 16px;
        color: #fff;
        font-weight: 700;
        line-height: 1.5;
    }

    #footer-blog-posts .post-item .excerpt {
        font-size: 16px;
    }

    #footer-blog-posts .post-item .read-more {
        color: #7896a3;
        font-weight: 600;
    }

    #footer-blog-posts .post-item .read-more:hover {
        text-decoration: underline;
    }

    #footer-blog-posts #blog-posts .post-item:last-child {
        margin-right: 0;
    }

    @media screen and (max-width: 730px) {
        #footer-blog-posts #blog-posts .post-item {
            max-width: 50%;
            margin: 0 calc((100% - 200px * 2) / 4) 50px;
        }

        #footer-blog-posts #blog-posts .post-item:last-child {
            clear: left;
            float: none;
            margin: 0 auto;
        }
    }

    @media screen and (max-width: 500px) {
        #footer-blog-posts #blog-posts .post-item {
            float: none;
            max-width: 100%;
            margin: 0 auto 50px;
        }

        #footer-blog-posts #blog-posts .post-item:last-child {
            margin-bottom: 0;
        }
    }
    /***** end Footer - Latest Blog Posts ***********/


    /***** Footer - 'Contact Us' Section ************/
    .footer-sect.sect-contact {
        background-position: top center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 641px;
    }

    .footer-sect.sect-contact .container {
        max-width: 890px;
        padding: 0;
    }

    .footer-sect.sect-contact .content {
        position: relative;
        float: right;
        max-width: 390px;
        top: 74px;
        color: #000;
    }

    .footer-sect.sect-contact .content .text {
    }

    .footer-sect.sect-contact .content h3 {
        font-family: 'Khand', sans-serif;
        font-size: 48px;
        font-weight: 500;
        line-height: 1;
        margin: 0 0 20px;
    }

    .footer-sect.sect-contact .content p {
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 30px;
        font-weight: 300;
        line-height: 1.4;
        margin: 0;
        padding-bottom: 45px;
    }

    .footer-sect.sect-contact .content a.button {
        display: inline-block;
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 24px;
        color: #7b7b7b;
        font-weight: 300;
        line-height: 57px;
        padding: 0 20px 0 130px;
        background: url(library/img/logo-icon.png) 12px center no-repeat;
        background-color: #fff;
        border: 1px solid #a0b6c2;
        transition: background 0.1s linear;
    }

    .footer-sect.sect-contact .content a.button:hover {
        color: #fff;
        background-image: url(library/img/logo-icon-white.png);
        background-color: #12406e;
        border-color: #12406e;
    }

    .footer-sect.sect-contact .content a.button span {
        display: inline-block;
        padding-right: 20px;
        background: url(library/img/arrow-right-blue.png) right center no-repeat;
        transition: background 0.1s linear;
    }

    .footer-sect.sect-contact .content a.button:hover span {
        background-image: url(library/img/arrow-right-white.png);
    }

        @media only screen and ( max-width: 880px ) {
            .footer-sect.sect-contact {
                height: 673px;
            }

            .footer-sect.sect-contact .container {
                max-width: 700px;
            }

            .footer-sect.sect-contact .content {
                max-width: 300px;
            }
        }

        @media only screen and ( max-width: 730px ) {
            .footer-sect.sect-contact {
                height: 485px;
                top: 31px;
            }

            .footer-sect.sect-contact .container {
                max-width: 340px;
            }

            .footer-sect.sect-contact .content {
                max-width: 300px;
                top: 31px;
            }

            .footer-sect.sect-contact .content .text {
                position: relative;
                max-width: 136px;
                left: calc(100% - 136px);
            }

            .footer-sect.sect-contact .content h3 {
                font-size: 36px;
                margin: 0 0 12px;
            }

            .footer-sect.sect-contact .content p {
                font-size: 20px;
                line-height: 1.3;
                padding-bottom: 25px;
            }

            .footer-sect.sect-contact .content a.button {
                font-size: 18px;
                line-height: 42px;
                padding: 0 15px 0 99px;
                background-size: 28px;
                background-position: 9px center;
            }

            .footer-sect.sect-contact .content a.button span {
                padding-right: 16px;
                background-size: 9px;
            }
        }
    /***** end Footer - 'Contact Us' Section ********/


    /***** Footer - 'Services' Section **************/
    .footer-sect.sect-services .container {
        max-width: 1042px;
        padding: 140px 2% 135px;
    }

    .footer-sect.sect-services .content:after {
        content: '';
        display: table;
        clear: left;
    }

    .footer-sect.sect-services .content img.services {
        position: relative;
        float: left;
        margin: 0 30px 20px 0;
    }

    .footer-sect.sect-services .content .text {
        position: relative;
        display: block;
        float: right;
        max-width: calc(100% - 450px);
        color: #fff;
    }

    .footer-sect.sect-services .content h3 {
        font-family: 'Khand', sans-serif;
        font-size: 60px;
        font-weight: 500;
        line-height: 1;
        letter-spacing: 9px;
        margin: 0 0 25px;
        padding-top: 10px;
    }

    .footer-sect.sect-services .content p {
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 24px;
        font-weight: 300;
        line-height: 2;
        margin: 0;
        padding-bottom: 35px;
    }

    .footer-sect.sect-services .content a.button {
        display: inline-block;
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 19px;
        color: #000;
        font-weight: 300;
        line-height: 34px;
        padding: 0 9px 0 43px;
        background: url(library/img/icon-info-gray.png) 12px center no-repeat;
        background-color: #fff;
        border: 1px solid #b2b2b2;
        transition: background 0.1s linear;
    }

    .footer-sect.sect-services .content a.button:hover {
        color: #fff;
        background-image: url(library/img/icon-info-white.png);
        background-color: #12406e;
        border-color: #12406e;
    }

    .footer-sect.sect-services .content a.button span {
        display: inline-block;
        padding-right: 16px;
        background: url(library/img/arrow-right-blue.png) right center / 7px no-repeat;
        transition: background 0.1s linear;
    }

    .footer-sect.sect-services .content a.button:hover span {
        background-image: url(library/img/arrow-right-white.png);
    }

    .footer-sect.sect-services .content a.link-1 {
        margin-right: calc(95% - 230px * 2);
        margin-right: 6%;
    }

    .footer-sect.sect-services .content a.link-2 {
        padding-left: 36px;
        background-image: url(library/img/icon-calendar-gray.png);
    }

    .footer-sect.sect-services .content a.link-2:hover {
        background-image: url(library/img/icon-calendar-white.png);
    }

    .footer-sect.sect-services .content a.link-3 {
        padding-left: 73px;
        margin-top: 22px;
        background-image: url(library/img/icon-event-gray.png);
    }

    .footer-sect.sect-services .content a.link-3:hover {
        background-image: url(library/img/icon-event-white.png);
    }

        @media only screen and ( max-width: 1020px ) {
            .footer-sect.sect-services .container {
                padding: 70px 2% 65px;
            }

            .footer-sect.sect-services .content img.services {
                float: none;
                display: block;
                max-width: 100%;
                height: auto;
                margin: 0 auto 45px;
            }

            .footer-sect.sect-services .content .text {
                float: none;
                max-width: 590px;
                margin: 0 auto;
            }
        }

        @media only screen and ( max-width: 560px ) {
            .footer-sect.sect-services .container {
                max-width: 420px;
                padding: 45px 2% 50px;
            }

            .footer-sect.sect-services .content img.services {
                margin-bottom: 30px;
            }

            .footer-sect.sect-services .content h3 {
                display: block;
                max-width: 270px;
                text-align: center;
                line-height: 1.2;
                margin: 0 auto 20px;
            }

            .footer-sect.sect-services .content a.button {
                display: block;
                max-width: 227px;
                margin: 0 auto 22px;
            }
        }
    /***** end Footer - 'Services' Section **********/


#footer > .container {
    padding-bottom: 60px;
}

#footer a {color: #7896a3; font-weight: 400;}

#footer p.phone,
#footer p.fax {
    line-height: 1;
    margin: 0 0 13px;
}

#footer p.phone a,
#footer p.fax a {
    display: inline-block;
    line-height: 1;
}

#footer p.phone a {
    font-weight: 700;
}

#footer p.fax a {
    font-weight: 300;
}

#footer p.phone a:hover,
#footer p.fax a:hover {
    text-decoration: underline !important;
}

#footer p.fax a:after {
    content: '[Fax]';
    position: relative;
    display: inline-block;
    padding-left: 12px;
}

#footer #searchform {
    margin-top: 0;
    padding: 47px 0 50px;
}

#footer p span {padding: 0 17px}
#footer a:hover {border-bottom: 1px solid;}
#footer form#sign-up-for-the-cheever-law-newsletter-1 {border: 1px solid #fff; padding: 20px 20px 0; max-width: 270px; margin-top: 60px;}
#footer form#sign-up-for-the-cheever-law-newsletter-1 h4 {color: #fff; font-size: 20px;}
#footer form#sign-up-for-the-cheever-law-newsletter-1 h4 > img {margin-right: 15px;}
#footer form#sign-up-for-the-cheever-law-newsletter-1 input[type="text"], #footer form#sign-up-for-the-cheever-law-newsletter-1 input[type="email"] {width: 100%; margin-bottom: 20px; line-height: 33px; padding: 0 10px; font-size: 18px; color: #858585; border: 0; background-color: #fff; font-weight: 400;}
#footer form#sign-up-for-the-cheever-law-newsletter-1 p {margin: 0;}
#footer form#sign-up-for-the-cheever-law-newsletter-1 button {border: 1px solid #7896a3; font-family: 'Fira Sans Condensed', sans-serif; margin-top: 15px; background-color: #7896a3; color: #fff; font-weight: 500; font-size: 20px; line-height: 33px; padding: 0 10px; width: 100%; text-align: center; border-radius: 0; text-transform: uppercase;}
#footer form#sign-up-for-the-cheever-law-newsletter-1 button:hover {background-color: #000;}
.inner-footer {border-top: 1px solid #8f8f8f; padding-top: 55px; padding-bottom: 55px; font-size: 18px;}
#footer .inner-footer a {color: #fff; font-weight: 300;}
#searchform input[type="text"] {line-height: 33px; padding: 0 10px; font-size: 20px; color: #858585; border: 0; background-color: #fff; font-weight: 400; float: left;}
.back-top {
    position: fixed; 
    bottom: 25px;
    right: 25px;  
    display: none;
    padding: 10px 7px; 
    background-color: #fff;
    font-size: 20px; 
    color: rgb(206, 82, 76);
}
#footer .left_widget .white a {color: #fff;}
#footer #social_links {max-width: 270px; text-align: right;}
#footer #social_links li {float: none; display: inline-block}


/***** Darsky edits *************/
article.blog-excerpt {
    padding-bottom: 30px;
}

.single h1 {
    margin-bottom: 0px;
}

.post-meta {
    font-size: 17px;
    font-size: 1.7rem;
    color: #888;
    margin: 0;
    padding-bottom: 10px;
}

.single .post-meta {
    padding-bottom: 25px;
}

.post-meta .post-author,
.post-meta .post-date {
    padding-right: 8px;
    margin-right: 4px;
    border-right: #888 1px solid;
}

.post-cats a {
    font-weight: 300;
}

.post_content p {
    margin: 0;
    padding-bottom: 20px;
}

a.learn-more {
    font-size: 18px;
    font-size: 1.8rem;
    padding-left: 12px;
    background: url(library/img/arrow-right-black.png) left 45% no-repeat;
    margin-left: 8px;
}

.featured-image {
    padding-bottom: 30px;
}

.team-thumb figcaption {
    font-size: 16px;
    color: #333;
    line-height: 1.4;
}

.page-template-page-faq h1 {
    margin-bottom: 20px;
}

.page-template-page-faq h2 {
    margin: 30px 0 20px;
}

.page-template-page-faq strong {
    font-weight: 500;
}

.collapseomatic_content {
	margin-bottom: 40px;
}

    /***** Search form (general) *********/
    #main #searchform.search-form-default {
        margin-bottom: 40px;
    }

    #searchform.search-form-default input[type="text"] {
        border: #7896a3 1px solid;
        line-height: 31px;
    }
    /***** end Search form (general) *****/
/***** end Darsky edits *********/


/***********************************************************/
/* #MEDIA QUERIES ******************************************/
/***********************************************************/
.mobile {display: none!important;}

@media only screen and ( max-width: 1330px ) {

}

@media only screen and ( max-width: 1200px ) {
	.grid_item_2 {margin: 0 30px;} 
	.container {width: auto;}
} 

@media only screen and ( max-width: 1090px ) { 
	#masthead .container {padding-left: 0; padding-right: 0;}
}

@media only screen and ( max-width: 990px ) {
	.flex {display: block;}
	.grid_item {width: 48%; margin-bottom: 40px; display: inline-block; float: none;}
	.grid_item_2 {margin: 0; }
	.grid_wrapper {margin: 0 auto;}
	.column_grid {text-align: center;}
	#three-grid {background-size: cover; padding-bottom: 70px;}
	#grid-testimonials {margin-top: 60px;  }
	#grid-testimonials > .container {padding-bottom: 40px;}
	#three-grid {margin-top: 40px;}
	#grid-testimonials .testi_content, #grid-testimonials .testi_link {float: none; width: 100%;}
	.test_link_wrapper {
		top: auto;
		left: auto;
		transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		position: relative;
		text-align: center;
	}
	.test_link_wrapper a {display: inline-block;} 
}

@media only screen and ( max-width: 880px ) {
	.mobile {
        display: block!important;
    }

	.desktop,
    .smaller #masthead.desktop {
        display: none!important;
    }

	#masthead.mobile .on-full .navbar-toggle {
        display: block;
        color: #6c8da1;
    }

	#masthead.mobile .on-full .navbar-toggle div {
        float: left;
        margin-right: 10px;
    }

	#masthead.mobile .navbar-toggle .icon-bar {
        background-color: #6c8da1;
        height: 4px;
        width: 33px;
    }

	#masthead.mobile .navbar-header {
        float: none;
    }

	#masthead.mobile .on-full .navbar-toggle {
		float: none;
		line-height: 1;
		display: inline-block;
		color: #6c8da1;
		font-family: 'Roboto Condensed', sans-serif;
		font-size: 22px;
		font-weight: 400;
		margin: 10px 0 5px;
		border: 0;
	}

	.top-header .dropdown > ul > li > a {
        top: 0;
    }

	.top-header-2 {
        background: transparent;
        line-height: 53px;
    }

	#masthead.mobile #navbar {
        text-align: left;
    }

	#masthead.mobile #cssmenu,
    #masthead.mobile #cssmenu ul,
    #masthead.mobile #cssmenu ul li,
    #masthead.mobile #cssmenu ul li a {
        font-size: 22px;
        line-height: 48px;
        color: #6c8da1;
    }

	#masthead.mobile #cssmenu > ul > li > a {
        background: #fff;
    }

	#masthead.mobile .navbar-collapse.collapse {
        display: none!important
    }

	#masthead.mobile .navbar-collapse.collapse.in {
        display: block!important
    }

	#masthead.mobile #cssmenu {
		-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
		box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
	}

	#masthead.mobile #cssmenu ul li a {
        padding: 0 0 0 30px;
        border-top: 1px solid #d2d2d2;
    }

	#masthead.mobile .holder {
		height: 50px;
		width: 50px;
		background-color: #003265;
		color: #fff;
	}

	#masthead.mobile .holder::after,
    #masthead.mobile #cssmenu ul ul li.has-sub > a::after {
		top: 18px;
		border-top: 2px solid #fff;
		border-left: 0;	
		right: 9px;	
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		transform: rotate(-90deg);		
	}
	
	#masthead.mobile .holder::before, #masthead.mobile #cssmenu ul ul li.has-sub > a::before {
		top: 24px;
		border-top: 2px solid #fff;
		border-left: 0;
		border-top-color: inherit;
		border-left-color: inherit;
		-webkit-transform: rotate(0);
		-moz-transform: rotate(0);
		-ms-transform: rotate(0);
		-o-transform: rotate(0);
		transform: rotate(0);
		right: 15px;
	}

	#masthead.mobile .holder::after,
    #masthead.mobile .holder::before,
	#masthead.mobile #cssmenu ul ul li.has-sub > a::before,
    #masthead.mobile #cssmenu ul ul li.has-sub > a::after {
		width: 17px; 
		height: 15px;
	}

	#masthead.mobile .open > a > .holder {
        background-color: #6c8da1;
    }

	#masthead.mobile .open > a > .holder::after,
	#masthead.mobile #cssmenu ul ul li.has-sub.open > a::after {
        display: none;
    }

	#masthead.mobile #cssmenu ul ul a {
        margin-bottom: 0;
        padding-left: 60px;
        border-top: 1px solid #d2d2d2;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
    }

	#masthead.mobile #cssmenu ul ul ul a {
        padding-left: 105px;
        border-top: 1px solid #d2d2d2;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
    }

	#masthead.mobile #cssmenu ul ul li:hover > a,
    #masthead.mobile #cssmenu ul ul li.open > a,
    #masthead.mobile #cssmenu ul ul li.active > a {
        background-color: #fff;
    }

	#masthead.mobile #cssmenu a i {
        position: relative;
        top: 0;
        width: 17px;
        margin-right: 8px;
        font-size: 16px;
        color: #818181;
    }

	#masthead.mobile #cssmenu a i.link-events {
        display: inline-block;
        width: 17px;
        height: 16px;
        background: url(library/img/icon-event-blue.png) left top no-repeat;
        background-size: cover;
    }

    .smaller .navbar-collapse .navbartopmobile {
        display: block !important;
    }

	.smaller #masthead.mobile .top-header {
        padding-bottom: 0;
        padding-top: 0;
    }

	.smaller #masthead.mobile .navbar-toggle {
        display: inline-block;
    }

	.smaller #masthead.mobile .navbar-toggle .icon-bar {
        background-color: #fff;
    }

	#masthead.mobile .on-scroll .top-header a {
        display: block;
        line-height: 53px;
    }

	.smaller #masthead.mobile .on-scroll .navbar-toggle {
        margin-top: 8px;
    }

	.logo {
        float: left;
        width: auto;
    }

	#header-top .navbar {
        float: left;
        width: calc(100% - 199px);
    }

	.smaller #header-top .navbar {
        width: calc(100% - 145px) !important;
    }

	.top-header > .clearfix > div {
        float: left;
        width: 41.66666667%;
    }

	.top-header > .clearfix > div.dropdown {
        float: left;
        width: 58.33333333%;
        padding: 0;
    }

	#masthead.mobile .col-sm-6 {
        float: left;
        width: 50%;
    }

    .top-header .col-sm-5 {
        width: 110px !important;
    }

    .top-header .col-sm-7 {
        width: calc(100% - 110px) !important;
    }

	.bar .col-sm-4 {
        float: left;
    }
}

@media only screen and ( max-width: 767px ) {
	.grid_item {
        padding: 0 5px;
        vertical-align: top;
    }

	.left_widget,
    .right_widget,
    .attribution .col-sm-6 {
        float: left;
        width: 50%;
    }

	.padded-top,
    #three-grid,
    .padd-top {
        padding-top: 40px;
    }

	.padded-bottom,
    .padd-bottom {
        padding-bottom: 40px;
    }

	.smaller #masthead.mobile .top-header {
/*
        padding-bottom: 4px;
        padding-top: 4px;
*/
    }

	.smaller #masthead.mobile .top-header a.hcontact:hover strong {
        color: #fff;
    }

	.grid_item {
        width: 100%;
    }

	.grid_item_2 {
        margin-bottom: 40px;
    }
}

@media screen and (max-width: 700px) {
    #slider {
        padding-top: 55px;
    }

    .on-full {
        display: none;
    }

    .on-scroll {
        display: block;
    }

    #masthead {
        background-color: #6d8ca1;
        border-bottom: 0;
    }

    .navbar-collapse .navbartopmobile {
        display: block !important;
    }

	#masthead.mobile .top-header {
        padding-bottom: 0;
        padding-top: 0;
    }

	#masthead.mobile .navbar-toggle {
        display: inline-block;
    }

	#masthead.mobile .navbar-toggle .icon-bar {
        background-color: #fff;
    }

	#masthead.mobile .on-scroll .top-header a {
        display: block;
        line-height: 53px;
    }

	#masthead.mobile .on-scroll .navbar-toggle {
        margin-top: 8px;
    }

    .top-header {
        background: transparent;
        color: #fff;
        padding-top: 9px;
        padding-bottom: 9px;
    }

    .top-header strong {
        color: #fff;
    }

    .scroll-border {
        border-bottom: 1px solid #fff;
    }

    #header-top .col-sm-2 {
        width: auto !important;
        left: calc(22% - 145px);
        padding: 0;
        z-index: 9;
    }

    .navbar-header {
        float: none;
    }

    #masthead.mobile .on-full .navbar-toggle,
    .navbar-toggle {
        float: none;
        line-height: 1;
        display: block;
        color: #fff;
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 22px;
        font-weight: 400;
        margin: 10px 0 5px;
        border: 0;
    }

    .navbar-toggle div {
        float: left;
        margin-right: 10px;
    }

    .navbar-toggle .icon-bar {
        background-color: #fff;
        height: 4px;
        width: 33px;
    }

    #header-top .navbar {
        width: calc(100% - 145px) !important;
    }

    .navbar {
        min-height: initial;
    }

    .logo {
        width: auto !important;
        padding-top: 3px;
        padding-bottom: 3px;
    }

    #navbar {
        text-align: left;
    }

    #navbar .navbar-nav > li:first-child {
        margin-left: 11px;
    }

    #navbar .navbar-nav > li > a {
        color: #fff;
    }

    #navbar .navbar-nav > li.current-menu-item > a,
    #navbar .navbar-nav > li > a:hover,
    #navbar .navbar-nav > li > a:focus {
        background: transparent url(library/img/nav-arrow-white.png) no-repeat bottom center;
    }

    #scroll-nav {
        border-bottom: 1px solid #fff;
    }
}

@media only screen and ( max-width: 680px ) {
	.banner-item > img {
        width: 1310px;
    }

    .banner_content {
        max-width: 427px;
    }

    .banner_text {
        max-width: 190px;
    }

    .banner-menu-title {
        max-width: 100px;
        font-size: 14px;
        line-height: 1.3;
        padding: 0 0 23px 15px;
    }

    .banner-menu-title hr {
        margin: 14px 0 0;
        border-bottom-width: 3px;
    }

    .banner_text ul {
        padding: 0 14px 20px 15px;
    }

    .banner_text ul li {
        font-size: 20px !important;
    }
}

@media only screen and ( max-width: 479px ) {
	.on-full {
        display: none;
    }

	.on-scroll {
        display: block
    }

	.on-scroll#header-top{
        background-color: #6d8ca1;
    }

	.on-scroll .navbar-toggle div:first-child {
        display: none;
    }

	.logo {
        padding: 5px;
    }

    #header-top .navbar {
        width: calc(100% - 125px) !important;
    }

	.top-header strong {
        color: #fff;
    }

	#masthead.mobile .navbar-toggle {
        margin-right: 0;
    }

	#masthead.mobile .navbar-toggle .icon-bar {
        background-color: #fff;
    }

	#masthead.mobile .col-sm-6 {
        width: 140px;
    }

	#masthead.mobile .col-sm-6:first-child {
        width: calc(100% - 140px);
    }

	#masthead.mobile .on-scroll .top-header a {
        line-height: 49px;
    }

    .banner_content {
        max-width: 367px;
    }

	.banner-item > img {    
		width: 1175px;
	}

    .banner_text ul {
        padding: 0 12px 15px 12px;
    }

    #slider {
        padding-top: 53px !important;
    }

	.smaller .navbar-toggle div {
        margin-right: 0;
    }

	h1, h2 {
        font-size: 30px;
    }

	.left_widget,
    .right_widget,
    .attribution .col-sm-6 {
        width: 100%;
        float: none;
        margin-bottom: 30px;
    }

	.padd-left {
        padding-left: 15px;
    }

	.padd-right {
        padding-right: 15px;
    }

	.smaller .top-header strong,
    .top-header strong {
        margin-left: 0;
    }

	.inner-banner > img {
		width: 180%;
		max-width: 180%;
		margin-left: -40%;
	}
}