/* Site Content Styles */
body {
    background: #fff;
    margin: 0;
    font-family: Open Sans
    }
.side {
    width: 30%;
    margin: 0;
    float: left
    }
.content {
    width: 67%;
    float: right;
    font-size: 14px;
    line-height: 24px;
    text-align: left;
    padding: 10px 0 15px;
    color: #162331
    }
.content img {
    max-width: 100%;
    height: auto !important
    }
.blog .content {
    float: none
    }
h1 {
    color: #0C6094;
    /* lighten($Secondary2,21%) */
    font-size: 26px;
    line-height: 26px;
    font-family: Fjalla One;
    margin: 10px 0;
    font-weight: 400
    }
h2, h3 {
    color: #6B5D20;
    /* darken($Primary1,32%) */
    font-size: 20px;
    line-height: 20px;
    font-family: Cabin Condensed;
    font-weight: 400;
    margin: 10px 0
    }
a {
    color: #6B5D20;
    /* darken($Primary1,32%) */
    text-decoration: none;
    -webkit-transition: 0.7s ease;
    -moz-transition: 0.7s ease;
    -o-transition: 0.7s ease;
    transition: 0.7s ease
    }
a:hover {
    color: #3D3D3D;
    /* $Primary2 */
    text-decoration: none;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease
    }
a.phonelink {
    cursor: default
    }
.Btn {
    display: block;
    border: solid 1px rgba(255, 255, 255, 0.8);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3), -1px -1px 1px rgba(0, 0, 0, 0.3);
    background-color: #05283E;
    /* $Secondary2 */
    background-image: -webkit-linear-gradient(top, #0C5D90, rgba(0, 0, 0, 0) 51%);
    /* lighten($Secondary2,20%), */
    background-image: -moz-linear-gradient(top, #0C5D90, rgba(0, 0, 0, 0) 51%);
    /* lighten($Secondary2,20%), */
    background-image: -o-linear-gradient(top, #0C5D90, rgba(0, 0, 0, 0) 51%);
    /* lighten($Secondary2,20%), */
    background-image: linear-gradient(to bottom, #0C5D90, rgba(0, 0, 0, 0) 51%);
    /* lighten($Secondary2,20%), */
    color: #fff;
    text-align: center;
    padding: 5px 0;
    text-transform: uppercase;
    font-family: Cabin Condensed;
    letter-spacing: 2px;
    position: relative;
    text-shadow: none
    }
.Btn:before, .Btn:after {
    font-family: icomoon-ult;
    position: absolute;
    font-size: 18px;
    color: #CF9852
    }
.Btn:before {
    content: "";
    left: -6px
    }
.Btn:after {
    content: "";
    right: -8px
    }
.Btn:hover, a.button:hover .Btn {
    opacity: 0.7;
    color: #fff
    }
.side-nav .Btn {
    width: 86%;
    margin: 10px auto 0
    }
.side-nav .Btn:hover {
    color: #fff
    }
.search .content {
    float: none
    }
.searchresults .divider {
    border-bottom: 1px solid #999;
    height: 1px;
    margin: 15px 0
    }
.ContactMap {
    max-height: 0;
    max-width: 80% !important;
    padding: 40% 0;
    position: relative;
    overflow: hidden
    }
.ContactMap img {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -225px 0 0 -225px;
    max-width: none !important
    }
.iframe {
    width: 100%;
    padding: 50% 0;
    height: 0;
    position: relative
    }
html.no-rgba .iframe {
    padding: 0;
    height: 600px;
    width: 600px;
    overflow: visible
    }
.iframe iframe {
    position: absolute;
    top: 0;
    left: 0
    }
.donateiframe.iframe {
    width: 100%;
    padding: 175% 0;
    height: 0;
    position: relative
    }
html.no-rgba .donateiframe.iframe {
    height: 600px;
    padding: 0
    }
.newsletter.iframe {
    padding: 40% 0
    }
html.no-rgba .newsletter.iframe {
    padding: 0;
    height: 480px
    }
/* End Site Content Styles */
/* Layout Zones */
form *, form *:before, form *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
    }
.main {
    max-width: 1020px;
    min-width: 320px;
    width: auto;
    margin: 0 auto;
    position: relative;
    padding: 0 1%
    }
.wide {
    max-width: 1200px;
    min-width: 320px;
    width: auto;
    margin: 0 auto;
    position: relative;
    padding: 0 0
    }
.main:after, .clearfix:after, .wide:after {
    content: " ";
    display: block;
    clear: both
    }
#StickyZone {
    width: 100%;
    padding: 10px 0;
    background-color: #05283E;
    /* $Secondary2 */
    z-index: 90;
    position: fixed;
    border-bottom: solid 4px #084267;
    /* lighten($Secondary2,10%) */
    top: -500px;
    -webkit-transition: top 1s ease;
    -moz-transition: top 1s ease;
    -o-transition: top 1s ease;
    transition: top 1s ease
    }
#StickyZone.FixedBar {
    top: 0
    }
body.cms-admin #StickyZone {
    position: relative;
    top: auto
    }
#Top {
    background-color: #7499C0;
    /* lighten($Secondary1,54%) */
    box-shadow: inset 0 100px 150px rgba(255, 255, 255, 0.5);
    position: relative;
    z-index: 2
    }
#TopArea:before, #TopArea:after, #MainArea:before, #MainArea:after {
    content: " ";
    width: 50px;
    height: 100%;
    position: absolute;
    background-color: rgba(255, 255, 255, 0.2);
    top: 0;
    z-index: 10
    }
#MainArea:before, #MainArea:after {
    background-color: #D2D2D2;
    /* lighten($Primary2,77%) */
    }
#TopArea:before, #MainArea:before {
    left: -50px
    }
#TopArea:after, #MainArea:after {
    right: -50px
    }
#TopNavZone {
    background-color: #05283E;
    /* $Secondary2 */
    box-shadow: inset 0 -7px 8px #0C6094;
    /* lighten($Secondary2,21%) */
    position: relative;
    width: 100%;
    z-index: 50
    }
#MastheadZone {
    padding: 0 2%;
    max-height: 90px;
    z-index: 5;
    position: absolute;
    background-image: -webkit-linear-gradient(top, #FFF, rgba(255, 255, 255, 0.7));
    /* lighten($Secondary1,100%), */
    background-image: -moz-linear-gradient(top, #FFF, rgba(255, 255, 255, 0.7));
    /* lighten($Secondary1,100%), */
    background-image: -o-linear-gradient(top, #FFF, rgba(255, 255, 255, 0.7));
    /* lighten($Secondary1,100%), */
    background-image: linear-gradient(to bottom, #FFF, rgba(255, 255, 255, 0.7));
    /* lighten($Secondary1,100%), */
    width: 100%;
    left: 50%;
    margin-left: -510px
    }
html.no-cssgradients #MastheadZone {
    background-color: #FFF
    }
body.SUB #MastheadZone {
    position: absolute
    }
body.SUB #ImageZone {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 180px
    }
#Main {
    box-shadow: inset 0 100px 150px #F0F4F8;
    /* lighten($Secondary1,95%) */
    position: relative;
    z-index: 1
    }
#InfoZone {
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100%;
    color: #162331;
    /* $Secondary1 */
    background-color: #FFF;
    padding-bottom: 5px;
    display: none
    }
#MainContainer {
    background-color: #fff;
    box-shadow: inset 0 100px 150px -100px #4E7CAD;
    /* lighten($Secondary1,41%) */
    padding-top: 15px
    }
#MainZone a:hover {
    text-decoration: underline
    }
#ContactZone {
    background-color: #283F58;
    /* lighten($Secondary1,13%) */
    }
#CTAZone2 {
    display: none
    }
#Bottom {
    background-color: #7499C0;
    /* lighten($Secondary1,54%) */
    box-shadow: inset 0 100px 150px rgba(255, 255, 255, 0.5)
    }
#Bottom:before {
    content: " ";
    display: block;
    height: 50px;
    background-color: #05283E;
    /* $Secondary2 */
    box-shadow: inset 0 -7px 8px #0C6094;
    /* lighten($Secondary2,21%) */
    position: absolute;
    width: 100%
    }
#FooterZone {
    padding: 0 9% 30px;
    background-color: rgba(0, 0, 0, 0.2);
    max-width: 1300px
    }
html.no-rgba #FooterZone {
    background-color: #5C7999
    }
/* End Layout Zones */
/* Top Nav */
#TopBar {
    margin: 0 auto;
    max-width: 1000px
    }
#TopBar div.Phone {
    display: none
    }
#TopBar div.Phone a {
    color: #fff
    }
nav.top-nav {
    display: table;
    width: 100%
    }
nav.top-nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: table-row;
    width: 100%
    }
nav.top-nav ul li {
    padding: 0 1%;
    vertical-align: middle;
    text-align: center;
    width: auto;
    display: table-cell
    }
html.no-display-table nav.top-nav ul li {
    float: left
    }
nav.top-nav a {
    font-size: 14px;
    color: #fff;
    line-height: 20px;
    display: block;
    padding: 15px 0;
    font-weight: 600
    }
nav.top-nav a:hover {
    text-decoration: none;
    color: #9D892F;
    /* $Primary1 */
    }
/* End Top Nav */
/* Flyout Menu */
nav.top-nav div.iflylist {
    background-color: #fff;
    color: #05283E;
    /* $Secondary2 */
    border: none;
    border-radius: 6px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 1);
    padding: 17px 0 6px 0;
    text-align: left;
    min-width: 225px;
    z-index: 20
    }
nav.top-nav div.iflylist:before {
    font-family: "icomoon-ult";
    content: "";
    position: absolute;
    top: -15px;
    left: 30px;
    font-size: 40px;
    line-height: 40px
    }
nav.top-nav div.iflylist div.iflylist {
    padding: 6px 0
    }
nav.top-nav div.iflylist div.iflylist:before {
    display: none
    }
nav.top-nav div.ifly {
    background-color: #fff;
    border: none;
    border-top: solid 1px #ddd
    }
nav.top-nav div.ifly a {
    padding: 10px 25px;
    color: #05283E;
    /* $Secondary2 */
    min-width: 150px;
    line-height: 1.5em
    }
nav.top-nav div.ifly a:hover {
    text-decoration: none
    }
nav.top-nav div.iflyOver {
    background-color: #05283E;
    /* $Secondary2 */
    }
nav.top-nav div.ifly a.iflyOver {
    color: #fff
    }
nav.top-nav div.iflyRight {
    background-image: none
    }
nav.top-nav div.iflyRight > a:before {
    font-family: "icomoon-ult";
    content: "";
    float: right;
    margin-right: -27px;
    font-size: 20px
    }
div.iflylist div.ui-more-items {
    background-color: #05283E;
    /* $Secondary2 */
    border-top: solid 1px #ddd;
    position: relative
    }
div.iflylist div.ui-more-items:before {
    font-family: "icomoon-ult";
    color: #fff;
    content: "";
    float: left;
    font-size: 22px;
    margin-left: 12px;
    margin-top: -3px
    }
div.iflylist div.ui-more-items:after {
    font-family: "icomoon-ult";
    color: #fff;
    content: "";
    float: right;
    font-size: 22px;
    margin-top: -3px;
    margin-right: 12px
    }
div.iflylist div.ui-more-items img.more-up {
    position: absolute;
    left: 0;
    top: 0;
    background: none
    }
div.iflylist div.ui-more-items img.more-down {
    position: absolute;
    top: 0;
    right: 0;
    background: none
    }
/* End Flyout Menu */
/* Sticky Menu */
#StickyNav div.TopLogo {
    padding: 10px 2% 5px;
    max-width: 27%;
    min-width: 200px;
    border-top: solid 5px #253B52;
    /* lighten($Secondary1,11%) */
    }
#StickyNav .RightFloat {
    float: right;
    width: 70%
    }
#StickyNav div.Phone {
    width: 100%;
    color: #FFF;
    padding: 10px 0
    }
#StickyNav div.Phone > a {
    color: #FFF
    }
#StickyNav div.Phone span a:hover {
    color: #B1B1B1;
    /* lighten($Primary2,60%) */
    }
#StickyNav nav.top-nav {
    clear: right;
    border-top: solid 1px #084267;
    /* lighten($Secondary2,10%) */
    border-bottom: solid 1px #084267;
    /* lighten($Secondary2,10%) */
    }
/* End Sticky Menu */
/* Mobile Buttons */
ul.MobileBtns {
    display: none;
    width: 48%;
    margin: 0;
    padding: 0 0;
    list-style: none;
    float: right;
    background-color: #162331;
    /* $Secondary1 */
    }
ul.MobileBtns li {
    display: block;
    text-align: center;
    width: 50%;
    float: left
    }
ul.MobileBtns li:first-child, ul.MobileBtns li:nth-child(2) {
    border-bottom: solid 1px rgba(255, 255, 255, 0.2)
    }
ul.MobileBtns li:nth-child(even) {
    border-left: solid 1px rgba(255, 255, 255, 0.2)
    }
ul.MobileBtns li > a {
    display: block;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.5);
    padding: 9px 0
    }
ul.MobileBtns li a.MobileCall {
    display: none
    }
ul.MobileBtns li a h2 {
    color: #FFF;
    text-transform: uppercase;
    margin: 0 0;
    font-weight: 400;
    font-size: 1.2em
    }
ul.MobileBtns li a icon {
    color: #FFF;
    font-size: 20px
    }
/* End Mobile Buttons */
/* Masthead */
div.TopLogo {
    float: left;
    padding: 30px 2%;
    border: solid 5px #2A435E;
    /* lighten($Secondary1,15%) */
    border-top: none;
    max-width: 40%;
    background-color: #05283E
    }
div.TopLogo a {
    display: block
    }
div.TopLogo a img {
    width: 100%
    }
div.Phone {
    float: right;
    padding: 25px 0;
    text-transform: uppercase;
    font-size: 32px;
    font-family: Fjalla One;
    color: #3D3D3D;
    /* $Primary2 */
    text-align: right
    }
div.Phone a {
    color: #3D3D3D;
    /* $Primary2 */
    }
div.Phone span {
    padding: 0 10px 0 0;
    font-size: 19px;
    letter-spacing: 1px;
    vertical-align: middle
    }
div.Phone span a {
    color: #9D892F;
    /* $Primary1 */
    margin: 3px 0 0
    }
div.Phone span a:hover {
    color: #162331;
    /* $Secondary1 */
    }
#SiteSearch {
    float: left;
    margin: 25px 0 0 25px
    }
#SiteSearch span {
    position: relative
    }
#SiteSearch span:after {
    content: "";
    font-family: "icomoon-ult";
    color: #fff;
    position: absolute;
    right: 8px;
    font-size: 22px;
    top: 0
    }
#SiteSearch input {
    width: 200px;
    height: 37px;
    padding-left: 10px;
    color: #E3E8EF;
    background-color: #162331;
    /* $Secondary1 */
    border: 2px inset
    }
/* End Masthead */
/* Animation */
#Animation {
    height: 506px;
    width: 100%;
    position: relative;
    box-shadow: 15px 0 20px -10px rgba(0, 0, 0, 0.3), -15px 0 20px -10px rgba(0, 0, 0, 0.3)
    }
div.slide {
    height: 100%;
    position: absolute;
    display: none;
    overflow: hidden;
    width: 100%
    }
div.slide:first-child {
    display: block
    }
#Animation div.slide img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover
    }
div.slide div.info {
    position: absolute;
    top: 215px;
    color: #fff;
    padding: 8px;
    width: 50%;
    text-align: left;
    left: 30px;
    background-color: rgba(255, 255, 255, 0.6)
    }
html.no-rgba div.slide div.info {
    background-color: #fff
    }
div.slide div.info h2 {
    color: #05283E;
    /* $Secondary2 */
    line-height: 0.8em;
    text-transform: uppercase;
    font-size: 35px
    }
div.slide div.info h2 span {
    color: #9D892F;
    /* $Primary1 */
    }
div.slide div.info h2 span.SubTitle {
    font-weight: 700;
    font-size: 65px;
    color: #fff;
    line-height: 1em
    }
div.slide div.info p {
    font-size: 16px;
    line-height: 1.2em;
    margin: 0;
    color: #3D3D3D;
    /* $Primary2 */
    }
div.slide div.info a {
    font-size: 17px;
    line-height: 1em;
    text-transform: uppercase;
    text-align: center;
    font-family: Cabin Condensed;
    margin: 15px 0 0;
    padding: 6px 0;
    display: block;
    width: 75%
    }
div.slide div.info a:hover {
    color: #FFF
    }
/* End Animation */
/* CTA Styles */
.cta-list {
    position: relative;
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0);
    display: table;
    width: 100%;
    z-index: 15;
    bottom: 0;
    padding: 0
    }
.cta-list ul {
    list-style: none;
    padding: 0 0;
    background-color: #05283E;
    /* $Secondary2 */
    display: table-row;
    margin: 0
    }
body.no-rgba .cta-list ul {
    background-color: #3D3D3D;
    /* $Primary2 */
    }
.cta-list ul li {
    padding: 0 1% 10px 2%;
    display: table-cell;
    border-right: solid 1px rgba(255, 255, 255, 0.1);
    margin: 10px 0;
    cursor: pointer;
    background-image: -webkit-linear-gradient(top, #162331, #05283E);
    /* $Secondary1,$Secondary2 */
    background-image: -moz-linear-gradient(top, #162331, #05283E);
    /* $Secondary1,$Secondary2 */
    background-image: -o-linear-gradient(top, #162331, #05283E);
    /* $Secondary1,$Secondary2 */
    background-image: linear-gradient(to bottom, #162331, #05283E);
    /* $Secondary1,$Secondary2 */
    background-color: #05283E;
    /* $Secondary2 */
    }
.cta-list ul li a {
    display: block
    }
.cta-list ul li:last-child {
    border: none
    }
html.no-display-table .cta-list ul li {
    float: left
    }
.items1 li {
    width: 100%
    }
.items2 li {
    width: 50%
    }
.items3 li {
    width: 33.3%
    }
.items4 li {
    width: 25%
    }
.cta-list ul li h2 {
    font-family: Fjalla One;
    font-size: 20px;
    line-height: 1.3em;
    margin: 0;
    padding: 13px 0 5px;
    color: #fff
    }
.cta-list ul li icon {
    float: left;
    color: #252525;
    /* darken($Primary2,39%) */
    font-size: 25px;
    padding: 7px 7px;
    margin: 15px 4% 30px 0;
    border: solid 4px #6F6F6F;
    /* lighten($Primary2,26%) */
    background-color: #565656;
    /* lighten($Primary2,13%) */
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.2);
    box-shadow: 0 -4px 0 #9D892F;
    /* $Primary1 */
    display: none
    }
.cta-list ul li p {
    font-size: 13px;
    line-height: 1.5em;
    margin: 0 5px 0 0;
    color: #6B92BC;
    /* lighten($Secondary1,51%) */
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.8)
    }
.cta-list ul li div {
    padding: 6px 0 0 0;
    color: #D2BF68;
    /* lighten($Primary1,36%) */
    font-size: 13px;
    text-transform: uppercase
    }
.cta-list ul li:hover a div {
    color: #FFF
    }
.cta-list ul li:hover a h2 {
    color: #9D892F;
    /* $Primary1 */
    }
/* End CTA Styles */
/* Donate window */
#donate {
    width: 100%;
    background-color: #fff;
    position: absolute;
    text-align: center;
    height: 0;
    overflow: hidden;
    border: 1px solid #05283E;
    /* $Secondary2 */
    }
#donate icon {
    float: right;
    font-size: 32px;
    position: absolute;
    top: 15px;
    right: 15px;
    color: #9D2F2F
    }
#donate icon:hover {
    color: #162331;
    /* $Secondary1 */
    cursor: pointer
    }
/* End Donate window */
/* Side Headers */
.SideHeader a {
    text-decoration: none
    }
.SideHeader h2, .side h2 {
    font-family: Fjalla One;
    font-size: 28px;
    color: #3D3D3D;
    /* $Primary2 */
    line-height: 1em;
    font-weight: 400;
    padding: 10px 0 10px 7%;
    margin: 0 0 2px 0;
    text-transform: uppercase;
    text-shadow: 1px 1px rgba(250, 250, 250, 0.7);
    border-bottom: solid 12px #05283E;
    /* $Secondary2 */
    }
.side h2 {
    background-image: -webkit-linear-gradient(225deg, #E3E8EF);
    background-image: -moz-linear-gradient(225deg, #E3E8EF);
    background-image: -o-linear-gradient(225deg, #E3E8EF);
    background-image: linear-gradient(225deg, #E3E8EF)
    }
.SideHeader h2 span, .side h2 span {
    color: #6C5F20;
    /* darken($Primary1,31%) */
    }
#sideCTAs .SideHeader h2 {
    border: 0;
    /* $Secondary1 */
    position: relative
    }
#sideCTAs .SideHeader a {
    display: block;
    position: relative;
    border: 12px solid #162331;
    /* $Secondary1 */
    -webkit-transition: 0;
    -moz-transition: 0;
    -o-transition: 0;
    transition: 0
    }
#sideCTAs .SideHeader a:before {
    content: "";
    height: 100%;
    width: 100%;
    background-image: -webkit-linear-gradient(left, #14202D, #335071);
    background-image: -moz-linear-gradient(left, #14202D, #335071);
    background-image: -o-linear-gradient(left, #14202D, #335071);
    background-image: linear-gradient(to right, #14202D, #335071);
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
    }
#sideCTAs .SideHeader a:hover:before {
    opacity: 1
    }
#sideCTAs .SideHeader a:hover {
    border: 1px;
    padding: 12px 0 12px 7%;
    -webkit-transition: 0;
    -moz-transition: 0;
    -o-transition: 0;
    transition: 0
    }
#sideCTAs .SideHeader a:hover h2, #sideCTAs .SideHeader a:hover h2 span {
    color: #fff;
    text-shadow: 0
    }
/* End Side Headers */
/* Info Zone */
#InfoTagline {
    position: relative;
    text-align: center;
    line-height: 1.2em;
    text-transform: uppercase;
    color: #7E6E26;
    /* darken($Primary1,20%) */
    font-size: 27px;
    letter-spacing: 10px;
    font-weight: 500;
    width: 100%;
    background-color: #05283E;
    /* $Secondary2 */
    margin: 0;
    padding: 7px 0
    }
#InfoZone .SideHeader h2 {
    padding: 20px 0 10px;
    border: none
    }
#AttorneyInfo {
    float: right;
    width: 67%;
    padding: 0 0 0 2%;
    margin-top: 20px;
    border-left: solid 1px #FFF;
    box-shadow: -1px 0 0 #98B3D1;
    /* lighten($Secondary1,66%) */
    }
#AttorneyInfo span {
    color: #6C5F20;
    /* darken($Primary1,31%) */
    }
#AttorneyInfo img {
    float: right;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
    margin: 30px 0 0 3%
    }
#AttorneyInfo p {
    font-size: 14px;
    line-height: 1.8em;
    font-weight: 600;
    margin: 8px 0 10px
    }
#AttorneyInfo p span {
    font-size: 26px
    }
#AttorneyInfo a.Btn {
    width: 100%;
    max-width: 300px
    }
/* End Info Zone */
/* Contact Form */
#ContactForm {
    float: left;
    width: 30%;
    padding: 20px 0
    }
#ContactForm .SideHeader p {
    margin: 0 0 10px;
    font-size: 14px;
    font-weight: 600
    }
div.ContactMargin input, div.ContactMargin textarea {
    background-color: #162331;
    /* $Secondary1 */
    color: #fff;
    border: none;
    outline: none
    }
.side-nav div.ContactMargin input, .side-nav div.ContactMargin textarea {
    background-color: #0F1822;
    /* darken($Secondary1,30%) */
    }
div.ContactMargin input.Name {
    width: 100%
    }
div.ContactMargin input.Phone {
    margin-right: 0
    }
div.ContactMargin input {
    padding: 0 0 0 10px;
    height: 32px;
    margin: 0 2% 8px 0;
    width: 48%
    }
div.ContactMargin textarea {
    height: 50px;
    padding: 6px 0 0 10px;
    resize: none;
    overflow: auto;
    margin: 0;
    width: 100%
    }
#ContactForm a.Btn {
    margin: 10px 0 0
    }
#ContactBottom {
    padding: 0 1% 15px
    }
#ContactBottom header {
    width: 100%;
    text-align: center
    }
#ContactBottom header h2 {
    color: #fff;
    text-transform: uppercase;
    margin: 0;
    padding: 20px 0 5px
    }
#ContactBottom div.ContactMargin {
    margin: 0;
    padding: 0;
    width: 100%
    }
#ContactBottom div.ContactMargin input, #ContactBottom div.ContactMargin textarea {
    background-color: #131E2A;
    /* darken($Secondary1,15%) */
    font-family: Fjalla One;
    font-size: 13px;
    letter-spacing: 1px;
    margin: 0 1% 0 0
    }
#ContactBottom div.ContactMargin input {
    width: 20%
    }
#ContactBottom div.ContactMargin textarea {
    height: 32px;
    width: 26%;
    position: relative;
    top: 11px;
    padding-top: 8px
    }
#ContactBottom div.ContactMargin a.Submit {
    padding: 6px 9px;
    position: relative;
    margin: 10px 0 0;
    border: solid 1px #5280B1;
    /* lighten($Secondary1,43%) */
    box-shadow: 1px 1px 0 #121D29, -1px -1px 0 #121D29;
    /* darken($Secondary1,16%) */
    font-family: Cabin Condensed;
    font-size: 16px;
    color: #D1BE66;
    /* lighten($Primary1,35%) */
    background-image: -webkit-linear-gradient(top, #3F648C 49%, #22364C 50%);
    /* lighten($Secondary1,30%),lighten($Secondary1,9%) */
    background-image: -moz-linear-gradient(top, #3F648C 49%, #22364C 50%);
    /* lighten($Secondary1,30%),lighten($Secondary1,9%) */
    background-image: -o-linear-gradient(top, #3F648C 49%, #22364C 50%);
    /* lighten($Secondary1,30%),lighten($Secondary1,9%) */
    background-image: linear-gradient(to bottom, #3F648C 49%, #22364C 50%);
    /* lighten($Secondary1,30%),lighten($Secondary1,9%) */
    float: right
    }
#ContactBottom div.ContactMargin a.Submit:hover {
    color: #fff
    }
/* End Contact Form */
/* Content CTA Styles */
#ContentCTA {
    display: block;
    max-width: 100%;
    border: solid 3px #9D892F;
    /* $Primary1 */
    }
#ContentCTA a {
    display: block;
    background-color: #14202D;
    /* darken($Secondary1,9%) */
    color: #fff;
    text-decoration: none;
    padding: 10px 5% 10px;
    background-image: -webkit-linear-gradient(top, #14202D, #3D6289);
    /* darken($Secondary1,9%),lighten($Secondary1,29%) */
    background-image: -moz-linear-gradient(top, #14202D, #3D6289);
    /* darken($Secondary1,9%),lighten($Secondary1,29%) */
    background-image: -o-linear-gradient(top, #14202D, #3D6289);
    /* darken($Secondary1,9%),lighten($Secondary1,29%) */
    background-image: linear-gradient(to bottom, #14202D, #3D6289);
    /* darken($Secondary1,9%),lighten($Secondary1,29%) */
    }
#ContentCTA a:hover {
    text-decoration: none
    }
#ContentCTA h2 {
    color: #fff;
    font-size: 24px;
    text-transform: uppercase
    }
#ContentCTA icon {
    float: right;
    font-size: 30px;
    padding-top: 5px;
    color: #05283E;
    /* $Secondary2 */
    display: none
    }
#ContentCTA p {
    color: #FFF;
    font-size: 15px;
    margin: 10px 0
    }
#ContentCTA .Btn {
    font-size: 18px
    }
#ContentCTA:hover .Btn {
    opacity: 0.7
    }
/* End Content CTA Styles */
/* Left Nav Styles */
.side-nav {
    width: 100%;
    position: relative;
    list-style: none;
    margin: 0 0 20px;
    padding: 0 0 0
    }
.side > a {
    display: block
    }
.side-nav ul, .side-nav div.ContactMargin {
    list-style: none;
    margin: 0;
    padding: 5px 0 15px;
    background-image: -webkit-linear-gradient(left, #14202D, #335071);
    /* darken($Secondary1,8%),lighten($Secondary1,21%) */
    background-image: -moz-linear-gradient(left, #14202D, #335071);
    /* darken($Secondary1,8%),lighten($Secondary1,21%) */
    background-image: -o-linear-gradient(left, #14202D, #335071);
    /* darken($Secondary1,8%),lighten($Secondary1,21%) */
    background-image: linear-gradient(to right, #14202D, #335071);
    /* darken($Secondary1,8%),lighten($Secondary1,21%) */
    }
.side-nav div.ContactMargin {
    padding: 10px 7% 15px
    }
.side-nav div.ContactMargin .Btn {
    width: 100%
    }
html.no-cssgradients .side-nav ul {
    background-color: #162331;
    /* $Secondary1 */
    }
.side-nav li a, .side-nav li {
    color: #FFF;
    display: block;
    line-height: 1.2em;
    font-size: 14px;
    padding: 4px 0 4px 10px;
    margin: 0 0
    }
.side-nav a:hover {
    text-decoration: none;
    color: #9D892F;
    /* $Primary1 */
    }
.side-nav header.SideHeader a {
    margin: 0;
    padding: 0
    }
.side-nav li {
    width: 86%;
    margin: 0 auto;
    border-bottom: solid 1px #4A75A4;
    /* lighten($Secondary1,38%) */
    position: relative
    }
li.level1 {
    display: none
    }
li.level2 a {
    padding-left: 10px;
    font-size: 13px
    }
li.level3 a {
    padding-left: 20px;
    font-size: 13px
    }
li.level4 a {
    padding-left: 30px;
    font-size: 13px
    }
nav.side-nav ul li.selected a {
    color: #9D892F;
    /* $Primary1 */
    }
.side a.button div {
    padding: 5px 0 15px;
    background-image: -webkit-linear-gradient(left, #14202D, #335071);
    /* darken($Secondary1,8%),lighten($Secondary1,21%) */
    background-image: -moz-linear-gradient(left, #14202D, #335071);
    /* darken($Secondary1,8%),lighten($Secondary1,21%) */
    background-image: -o-linear-gradient(left, #14202D, #335071);
    /* darken($Secondary1,8%),lighten($Secondary1,21%) */
    background-image: linear-gradient(to right, #14202D, #335071);
    /* darken($Secondary1,8%),lighten($Secondary1,21%) */
    }
.side p {
    color: #fff;
    width: 85%;
    margin: 5px auto 10px
    }
#ValueList {
    margin-top: 35px
    }
#ValueList ul {
    text-align: left
    }
#ValueList ul li {
    line-height: 1.2em;
    padding: 8px 0 8px 40px;
    position: relative
    }
#ValueList ul li icon {
    position: absolute;
    left: 20px
    }
/* End Left Nav Styles */
/* Side Feeds */
#Results ul li, #Testimonials ul li a {
    line-height: 1.4em;
    padding: 8px 0
    }
#Testimonials ul li a:hover {
    color: #D1BE66;
    /* lighten($Primary1,35%) */
    }
#Results ul li:last-child, #Testimonials ul li:last-child {
    border: none
    }
#Results ul li span.title, #Testimonials ul li span.title {
    color: #D1BE66;
    /* lighten($Primary1,35%) */
    font-weight: 600;
    font-size: 1.1em;
    display: block;
    margin-bottom: 5px
    }
/* End Side Feeds */
/* Bottom Styles */
#FooterZone ul {
    list-style: none;
    margin: 0;
    padding: 0
    }
#FooterContent {
    font-size: 14px;
    color: #0F75B5;
    /* lighten($Secondary2,29%) */
    margin: 0 0 0 -5px;
    font-family: Fjalla One;
    float: left
    }
#FooterContent ul li {
    float: left
    }
#FooterContent a {
    color: #fff;
    line-height: 50px;
    font-size: 14px;
    padding: 0 5px
    }
#FooterContent a:hover {
    color: #fff;
    text-decoration: underline
    }
#SocialFooter {
    float: right
    }
#SocialFooter li {
    float: left
    }
#SocialFooter icon {
    font-size: 19px;
    display: block;
    float: left;
    background-color: #09486F;
    /* lighten($Secondary2,12%) */
    padding: 5px;
    border-radius: 2px;
    color: #FFF;
    /* lighten($Primary1,100%) */
    margin: 9px 0 0 8px
    }
#SocialFooter icon:hover {
    background-color: #9D892F;
    /* $Primary1 */
    }
#Smaller {
    color: #EAEFF5;
    /* lighten($Secondary1,93%) */
    font-size: 13px;
    line-height: 20px;
    padding: 30px 0 0;
    float: right;
    width: 50%;
    text-align: right;
    clear: right
    }
#Smaller div.SDLogo {
    float: right;
    padding: 20px 0 0
    }
#Smaller a, .Schema a {
    color: #162331;
    /* $Secondary1 */
    }
#Smaller a:hover, .Schema a:hover {
    color: #fff;
    text-decoration: underline
    }
#Payments {
    display: block;
    font-size: 13px;
    line-height: 20px;
    color: #EAEFF5;
    /* lighten($Secondary1,93%) */
    }
#Payments p {
    margin: 20px 0 5px
    }
div.Schema {
    color: #EAEFF5;
    /* lighten($Secondary1,93%) */
    font-size: 13px;
    line-height: 20px;
    clear: left;
    float: left;
    padding: 20px 0;
    width: 50%
    }
.FootLogo img {
    max-width: 100%
    }
/* End Bottom Styles */
/* Case Eval */
.caseeval div.Label {
    font-size: 14px;
    float: left;
    padding: 10px 10px 0 0
    }
.caseeval input, .caseeval textarea {
    margin: 0 0 10px;
    outline: none;
    color: #fff;
    font-size: 14px;
    font-family: Arial;
    background-position: 0 -58px;
    border: none;
    background-color: #162331;
    /* $Secondary1 */
    background-image: -webkit-linear-gradient(right, #14202D, #3D6289);
    /* darken($Secondary1,9%),lighten($Secondary1,29%) */
    background-image: -moz-linear-gradient(right, #14202D, #3D6289);
    /* darken($Secondary1,9%),lighten($Secondary1,29%) */
    background-image: -o-linear-gradient(right, #14202D, #3D6289);
    /* darken($Secondary1,9%),lighten($Secondary1,29%) */
    background-image: linear-gradient(to left, #14202D, #3D6289);
    /* darken($Secondary1,9%),lighten($Secondary1,29%) */
    }
.caseeval input {
    width: 40%;
    height: 30px;
    padding: 0 2%
    }
.caseeval textarea {
    width: 60%;
    height: 100px;
    padding: 10px 2%;
    overflow: auto;
    resize: none
    }
/* End Case Eval */
/* Case Results Page */
#CaseResults header {
    border-bottom: solid 1px #888;
    padding-bottom: 15px;
    display: block;
    width: 100%
    }
#CaseResults article {
    padding: 10px 0;
    border-bottom: solid 1px #888
    }
#CaseResults h2 {
    display: block;
    width: 100%
    }
#CaseResults h2 span {
    font-weight: 600
    }
#CaseResults span.Date {
    font-size: 0.9em;
    color: #888
    }
#CaseResults span.Result {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 1.2em;
    display: block;
    margin-bottom: 5px
    }
#CaseResults p {
    margin: 8px 0
    }
/* End Case Results Page */
/* Mobile Menu */
html.boxsizing body {
    overflow-x: hidden
    }
div.imenupanel {
    position: absolute;
    left: 0 !important;
    width: 100%;
    background-color: #05283E;
    /* $Secondary2 */
    text-align: left
    }
#TopBar > div > div.imenupanel {
    position: absolute;
    z-index: 99
    }
div.imenupanel div.imenu {
    width: 100% !important
    }
div.imenuitem {
    color: #fff;
    font-size: 15px;
    border-bottom: solid 1px #585858;
    /* lighten($Primary2,14%) */
    }
div.imenuitem.iright:before {
    content: "";
    font-family: "icomoon-ult";
    font-style: normal;
    font-weight: normal;
    text-transform: none;
    line-height: 1;
    float: right;
    font-size: 20px;
    color: #9D892F;
    /* $Primary1 */
    line-height: 41px;
    padding-left: 25%
    }
div.imenuitem a {
    color: #fff;
    display: block;
    padding: 12px 15px
    }
div.imenu {
    position: absolute;
    top: 0 !important;
    width: 100% !important
    }
/* End Mobile Menu */
/* Responsive */
img {
    -ms-interpolation-mode: bicubic
    }
html.no-canvas .main {
    width: 1024px;
    padding-left: 0 !important;
    padding-right: 0 !important
    }
@media (max-width: 1200px) {
    #TopArea:before, #TopArea:after, #MainArea:before, #MainArea:after {
        display: none
        }
    }
@media (max-width: 1000px) {
    #MastheadZone {
        left: 0;
        margin-left: 0
        }
    .cta-list ul.items4 li icon {
        display: none
        }
    .cta-list ul.items4 li p {
        margin-left: 0
        }
    .cta-list ul.items4 li div {
        padding-left: 0
        }
    }
@media (max-width: 950px) {
    div.Phone {
        padding: 0;
        margin: 0;
        clear: right
        }
    #SiteSearch {
        float: right;
        margin: 10px 0 0
        }
    }
@media (max-width: 900px) {
    #StickyNav div.Phone span {
        display: inline
        }
    #AttorneyInfo img {
        display: none
        }
    #FooterZone {
        padding: 0 2% 30px
        }
    .cta-list ul li {
        text-align: center;
        padding: 0 1% 0
        }
    .cta-list ul.items4 li {
        width: 50%;
        display: block;
        float: left;
        min-height: 133px;
        margin: 0;
        padding: 10px 3%
        }
    .cta-list ul.items4 li:first-child, .cta-list ul.items4 li:nth-child(2) {
        border-bottom: solid 1px rgba(255, 255, 255, 0.2)
        }
    .cta-list ul.items4 li:nth-child(even) {
        border-right: none
        }
    .cta-list ul.items4 li:nth-child(3) {
        clear: left
        }
    .cta-list ul li icon {
        display: none
        }
    .cta-list ul li p {
        margin: 0 2%
        }
    .cta-list ul li div {
        padding: 6px 0
        }
    }
@media (max-width: 850px) {
    #StickyNav div.Phone span {
        display: none
        }
    }
@media (max-width: 755px) {
    #MastheadZone {
        display: none
        }
    #TopNavZone {
        display: none
        }
    #StickyZone {
        top: auto;
        position: relative !important
        }
    ul.MobileBtns {
        display: block
        }
    #StickyNav .RightFloat {
        display: none
        }
    #Animation {
        height: 350px
        }
    body.SUB #ImageZone {
        display: none
        }
    div.slide div.info {
        width: 100%;
        left: 0;
        text-align: center;
        padding: 10px 2% 15px;
        top: 60px
        }
    #StickyNav div.TopLogo {
        max-width: 50%
        }
    div.slide div.info p {
        margin: 0
        }
    div.slide div.info a {
        margin: 15px auto 0
        }
    div.slide img {
        -webkit-filter: blur(4px);
        -moz-filter: blur(4px);
        -o-filter: blur(4px);
        -ms-filter: blur(4px)
        }
    #Animation a.Left, #Animation a.Right {
        display: none
        }
    body.SUB #CTAZone {
        display: none
        }
    #CTAZone2 {
        display: block;
        margin-bottom: 20px
        }
    .cta-list ul li {
        width: 100% !important;
        text-align: center;
        margin: 0 !important;
        padding: 10px 3% !important;
        border-right: none !important;
        border-bottom: solid 1px rgba(255, 255, 255, 0.2);
        display: block !important;
        float: none !important;
        min-height: 10px !important
        }
    .cta-list ul li:last-child {
        border: none
        }
    .cta-list ul li h2 {
        padding-top: 5px
        }
    #InfoZone {
        padding-bottom: 0
        }
    #InfoTagline {
        letter-spacing: 5px
        }
    #AttorneyInfo {
        width: 100%;
        box-shadow: none;
        float: none;
        border: none;
        padding: 10px 0;
        text-shadow: 1px 1px 2px #fff;
        background-color: rgba(255, 255, 255, 0.2);
        margin-top: 0
        }
    #InfoZone #ContactForm {
        display: none
        }
    .content, .side {
        width: 100%;
        float: none
        }
    #ContactBottom div.ContactMargin input, #ContactBottom div.ContactMargin textarea {
        width: 48%
        }
    #ContactBottom div.ContactMargin a.Submit {
        width: 65%;
        margin: 15px auto 0;
        display: block;
        text-align: center;
        float: none
        }
    body.SUB #ContactZone {
        display: none
        }
    #PageName {
        left: 1%;
        top: 165px
        }
    #FooterContent {
        display: none !important
        }
    #SocialFooter {
        clear: both;
        float: none;
        display: table;
        margin: 0 auto
        }
    #SocialFooter ul {
        display: table-row
        }
    #SocialFooter ul li {
        display: table-cell;
        float: none
        }
    }
@media (orientation: landscape) and (max-width: 755px) {
    #StickyZone {
        position: relative !important
        }
    }
@media (max-width: 650px) {
    nav.top-nav {
        display: none
        }
    #Masthead div.Phone {
        width: auto
        }
    div.Phone a {
        font-size: 28px
        }
    #Masthead div.Phone span {
        display: none
        }
    #SmallMenu {
        display: block
        }
    #InfoZone {
        background-size: auto
        }
    #InfoTagline {
        font-size: 22px
        }
    #AttorneyInfo {
        border: none;
        float: none;
        width: 100%;
        text-shadow: 1px 1px 0 #FFF;
        box-shadow: none
        }
    #AttorneyInfo p {
        color: #0C131B;
        /* darken($Secondary1,45%) */
        }
    #AttorneyInfo a {
        text-shadow: none
        }
    #ContactBottom header {
        margin-bottom: 15px
        }
    #ContactBottom div.ContactMargin input, #ContactBottom div.ContactMargin textarea {
        width: 65%;
        display: block;
        margin: 0 auto 8px
        }
    #ContactBottom div.ContactMargin textarea {
        top: 0;
        height: 65px
        }
    #Smaller, div.Schema, #Payments {
        float: none;
        display: block;
        width: 90%;
        text-align: center;
        clear: both;
        margin: 0 auto
        }
    #Payments p {
        margin: 0 0 5px
        }
    #Smaller div.SDLogo {
        float: none;
        padding: 0 0 10px
        }
    body.SUB #ImageZone {
        height: 350px
        }
    #PageName {
        top: 165px;
        left: 1%
        }
    }
@media (max-width: 500px) {
    div.slide div.info h2 {
        font-size: 30px
        }
    div.slide div.info {
        top: 15px
        }
    #Animation {
        height: 240px
        }
    #Animation div.slide img {
        display: none
        }
    div.slide div.info h2 span.SubTitle {
        font-size: 55px
        }
    div.slide div.info div {
        font-weight: 600
        }
    div.slide div.info a {
        width: 95%;
        font-size: 14px
        }
    #Bottom:before {
        height: 50px
        }
    #FooterContent ul {
        display: block;
        margin-top: 30px
        }
    #FooterContent ul li {
        display: block;
        text-align: center;
        border-bottom: solid 1px #05283E;
        /* $Secondary2 */
        }
    #FooterContent ul li span {
        display: none
        }
    #FooterContent a {
        line-height: 30px;
        color: #FFF;
        font-family: Open Sans;
        display: block
        }
    #FooterContent a:hover {
        text-decoration: none;
        color: #05283E;
        /* $Secondary2 */
        }
    #StickyZone {
        padding: 0 0 10px 0;
        position: relative
        }
    #StickyNav {
        padding: 0
        }
    #StickyNav div.TopLogo {
        float: none;
        max-width: 350px;
        text-align: center;
        margin: 0 auto;
        width: 98%
        }
    #StickyNav div.TopLogo a img {
        width: auto;
        max-width: 100%
        }
    ul.MobileBtns li a h2 > span {
        display: none
        }
    ul.MobileBtns li a.MobileCall {
        display: block
        }
    ul.MobileBtns li a.TabletCall {
        display: none
        }
    ul.MobileBtns {
        display: table;
        float: none;
        width: 100%;
        margin-bottom: 10px
        }
    ul.MobileBtns li {
        display: table-cell;
        width: 25%;
        border-bottom: none !important;
        border-right: solid 1px rgba(255, 255, 255, 0.2)
        }
    ul.MobileBtns li a icon {
        display: none
        }
    .caseeval input, .caseeval textarea {
        width: 100%;
        max-width: 100%
        }
    }
@media (max-width: 400px) {
    #TopBar div.Phone span {
        display: none
        }
    div.TopLogo {
        width: 50%
        }
    #TopBar div.Phone {
        text-align: center
        }
    div.slide div.info h2 {
        font-size: 27px
        }
    div.slide div.info h2 span.SubTitle {
        font-size: 48px
        }
    div.slide div.info a {
        width: 100%
        }
    #AttorneyInfo {
        text-align: center
        }
    #AttorneyInfo a {
        margin: 0 auto;
        width: 98%
        }
    body.SUB #ImageZone {
        height: auto
        }
    .caseeval input, .caseeval textarea {
        width: 100%
        }
    }
/* End Responsive */