/*=============================================
    Global Settings
=============================================*/
/*hide for mobile*/
.mobileNavBtn,
.openBtn,
.desktop-css .mainNavWrp ul li.closeBtn,
.phone,
.tablet
{
    display:none;
}

/*****************/
html
{
    font-size: 62.5%;
    -webkit-text-size-adjust: 100%;
}

html,
body
{
    margin:0;
    padding:0;
    background:none;
    height:100%;
}

body
{
    line-height: 1.5em;
    font-size: 1.53em;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
    color: #676D73;
    /*text-shadow: 0px 0px 0px #384B5A;*/
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased !important;
}

.clear
{
    clear: both;
    padding: 0 !important;
}
.gotQuestionsWrp,
.mobile-css .mainNavWrp ul,
section .Form_Field input,
section .Form_Field textarea,
section .Form_Entry,

.homeGetStartedWrp,
section #timeline,
section .endpoint.start,
#projectDescription,
.center #imgDiv,
section > .entryDetailWrp,
.designBuildProcess .step1,
.designBuildProcess .step2,
section .landingHeroWrp.showcaseHero + div .sfContentBlock
{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
/*=============================================
    Typography
=============================================*/
h1
{
    color: #222526;
    font-size: 2.8em;
    line-height: 1.2em;
    letter-spacing: -1px;
    font-weight:300;
    font-family: 'Syncopate', sans-serif;
    text-transform: uppercase;
}
    h1 span
    {
        font-size: .6em;
        display: block;
        line-height: 1.1em;
        letter-spacing: -.6px;
    }
.homeHeroWrp h1 span
{
    font-size:.81em;
    line-height: 1.2em;
    letter-spacing: -1px;
    max-width: 515px;
    float:right;
}
    h1 + p,
    h1 + ul,
    h1 + h2
    {
        margin-top: 35px;
    }
h2
{
    color: #222526;
    font-size: 1.2em;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.1em;
    padding-top: 30px;
    text-shadow:none;
}
    h2 span
    {
        display:block;
        color:#949393;
        font-size: .7em;
        letter-spacing: -1.2px;
        line-height: 1.3em;
    }
    h2 + p
    {
        margin-top: 8px !important;
    }
    h2 + ul,
    h2 + ol
    {
        margin-top: 15px !important;
    }
    h2 + ol
    {
        margin-left: 30px !important;
    }

h3
{
    font-weight:400;
}

p
{
    margin-bottom: 20px;
    display:inline-block;
}
    p + h2,
    ul + h2,
    ul + p,
    p + ol
    {
        padding-top: 5px;
    }
    p.pullQuote
    {
        font-size: 1.5em;
        color: #E24A26;
        text-align: center;
        line-height: 1.5em;
        margin: 35px auto;
        max-width: 800px;
        font-weight: 300;
        display:block;
    }
section ul,
section ol
{
    margin-bottom:40px;
    list-style:disc;
    padding-left: 30px;
}
section ol
{
    list-style:decimal;
}
    section ul li,
    section ol li
    {
        margin-bottom: 5px;
    }
section .designBuildExperience .sf_2cols_1_50 ol,
section .designBuildExperience .sf_2cols_2_50 ol
{
      margin-left: 0px !important;
      margin-bottom: 0px !important;
}

section hr
{
    border:none;
    border-top: 2px solid #e34726;
    max-width:50px;
    margin:50px auto;
}

.featured-title {
    color: #222526;
    font-size: 1.5em;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.1em;
    padding: 10px 0;
    text-shadow:none;
}
/*=============================================
    Links & Buttons
=============================================*/
/*---------- Links ---------*/
a:link,
a:visited
{
    text-decoration:none;
    font-weight: 400;
    color:#FF6B00;
    font-style: normal;
}

a:active,
a:hover
{
    text-decoration:underline;
}

/*---------- Buttons ---------*/
.wrapper .primeBtn,
#btnSubmit
{
    background: #e24826; /* Old browsers */
    color: #ffffff !important;
}

.wrapper .primeBtn,
.wrapper .primeBtn:active,
.wrapper .primeBtn:visited,
#btnSubmit,
#btnSubmit:active,
#btnSubmit:visited
{
    padding: 9px 30px 9px 30px;
    display: inline-block;
    margin-right: 7px;
    font-weight: 300 !important;
    text-transform: uppercase;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1em;
    text-align: center;
    -webkit-appearance: none;
    border-radius:0;
}

.primeBtn:hover
{
    text-decoration: none;
    cursor: pointer;
    background: #D53900;
}
a.oLineBtn,
a.oLineBtn:active,
a.oLineBtn:visited
{
    border-left: 2px solid #e34726;
    border-right: 2px solid #e34726;
    background: transparent;
    padding: 3px 20px 5px 20px;
    color: #222526;
    font-weight:300;
    display: inline-block;
    text-align: center;
    margin-top: 20px;
}
    a.oLineBtn:hover,
    .k-mobile a.oLineBtn
    {
        background: #e34726;
        color: #ffffff;
        text-decoration:none;
    }
#btnSubmit,
#btnSubmit:active,
#btnSubmit:visited
{
    border:none;
    font-size:.5em;
    -webkit-appearance: none;
    border-radius:0;
}
#caveBtn2,
#caveBtn2:active,
#caveBtn2:visited {
    border-left: 2px solid #e34726;
    border-right: 2px solid #e34726;
    background: rgba(255,255,255,0.2);
    padding: 6px 20px 6px 20px;
    color: #ffffff;
    font-weight: 300;
    display: inline-block;
    text-align: center;
    margin: 20px;
}
    #caveBtn2:hover,
    .k-mobile #caveBtn2 {
        background: rgba(255,255,255,1);
        text-decoration: none;
        color: #222526;
    }
    #oLineBtn2,
    #oLineBtn2:active,
    #oLineBtn2:visited {
        border:2px solid #ffffff;
        background: #ffffff;
        padding: 3px 20px 5px 20px;
        color: #222526;
        font-weight: 300;
        display: inline-block;
        text-align: center;
        margin: 20px;
    }
        #oLineBtn2:hover,
        .k-mobile #oLineBtn2 {
            background: #e34726;
            color: #ffffff;
            text-decoration: none;
        }
/*=============================================
    CSS Animate
=============================================*/
a.oLineBtn1, a.oLineBtn2,
a.oLineBtn,
.desktop-css .mainNavWrp > ul > li > a span,
.mobile-css .mobileNav ul ul,
body,
.toTopBtn,
.item .desc,
footer .soIconsWrp a
{
    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}
.desktop-css .mainNavWrp ul,
.desktop-css .mainNavWrp ul li,
.designBuildFormat li.show,
.designBuildFormat .bDFNav span,
.sfimagesTmbList.sfLightboxMode li,
.sfimagesTmbList.sfLightboxMode li img
{
    -webkit-transition: all 0.6s ease-in-out;
       -moz-transition: all 0.6s ease-in-out;
         -o-transition: all 0.6s ease-in-out;
        -ms-transition: all 0.6s ease-in-out;
            transition: all 0.6s ease-in-out;
}
.quoteSliderWrp li,
section .homeHeroWrp,
.homeHeroWrp h1,
.homeFeatWrp img,
.designBuildProcess .step1,
.designBuildProcess .step2,
.designBuildProcess .step1 *,
.designBuildProcess .step2 *,
.designBuildProcess .step1 h2::after,
.designBuildProcess .step2 h2::after
{
    -webkit-transition: all 1.2s ease-in-out;
       -moz-transition: all 1.2s ease-in-out;
         -o-transition: all 1.2s ease-in-out;
        -ms-transition: all 1.2s ease-in-out;
            transition: all 1.2s ease-in-out;
}
/*=============================================
    Header
=============================================*/
header
{
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
    background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
    min-height: 50px;
}
    header .headerContentWrp
    {
        position: relative;
    }
    .eccForceTabletNav header .headerContentWrp
    {
        max-width:none;
    }
    header .headerContentWrp .miniNavWrp
    {
        float:right;
        padding: 5px 0;
        position:absolute;
        top:0px;
        right:20px;
    }
        header .miniNavWrp ul li a
        {
            display:block;
            margin-left:10px;
            font-weight: 300;
            color: #808789;
        }
            header .miniNavWrp ul li a.sfSel
            {
                color: #000000;
                font-weight: 300;
            }
header .LogoWrp
{
    max-width: 182px;
}
    header .LogoWrp img
    {
        width: 100%;
        margin: 20px 0px 10px 0px;
        position: relative;
        z-index: 100;
    }
        header .mainNavWrp
        {
            padding: 0px 0px 50px 0px;
            background: transparent url('../Images/dark_woodBg.png') repeat-x bottom center;
            background-size: 100% 100%;
            background-position: 0px 58px;
            height: 42px;
            border-bottom: 1px solid rgba(200, 82, 39, 0.38);
        }
/*=============================================
    General
=============================================*/
header > .headerContentWrp,
header .mainNavWrp .sfNavHorizontalDropDown,
section > div,
section > .sf_cols,
section .bgColorWrap > div,
section .halfBgColorWrp > div,
.gotQuestionsWrp > div,
.caveContactFormWrp > div,
footer > div
{
    max-width:1000px;
    margin:0px auto;
    padding-left:20px;
    padding-right:20px;
    padding-bottom: 20px;
    width: auto;
}

section > div,
section > .sf_cols
{
    padding-top: 50px;
    padding-bottom: 9px;
}

    section > div:first-child
    {
        margin-top:0px;
    }
section > .sf_cols.homeFeatWrp
{
    max-width:1000px;
    padding-top: 66px;
}
section > .focusBlock:first-child
{
    padding-bottom: 34px;
    box-shadow: 0px 26px 41px -39px #C7CED3;
}
section > .focusBlock p + p
{
    max-width:800px;
    margin-left:auto;
    margin-right:auto;
    display:block;
}
.drkBoxwrp
{
    background: #F6F7F9;
    border: 1px solid #f0f0f0;
    padding: 0px 20px 20px 20px;
}
    .drkBoxwrp h2
    {
        padding-top: 20px;
    }
section .sf_2cols_2_33 .drkBoxwrp:first-child
{
    margin-top: 63px;
}
/**Heros**/
section .homeHeroWrp,
section .landingHeroWrp
{
    max-width:none;
    padding:0px;
    position:relative;
    overflow:hidden;
}
    section .homeHeroWrp h1
    {
        position: absolute;
        background: #313738;
        background: rgba(17, 23, 24, 0.9);
        color: #ffffff;
        padding: 9px 36px 13px 22px;
        bottom: 20%;
        width: 50%;
        text-align: right;
        opacity:0;
        left:-20px;
        overflow: hidden;
    }
    .openCerm section .homeHeroWrp h1
    {
        opacity:1;
        left:0px;
    }
    
section .landingHeroWrp
{
    background: transparent url('../Images/LandingHeroBg.jpg') no-repeat top center;
    background-size:cover;
    box-shadow: inset 0px 8px 5px -8px rgba(255, 255, 255, 0.16);
    border-bottom: 1px solid #F0F0F0;
}
    section .landingHeroWrp .sfContentBlock
    {
        max-width: 1000px;
        text-align: center;
        margin: 65px auto;
        padding: 0 20px;
    }
        section .landingHeroWrp .sfContentBlock h1,
        section .landingHeroWrp .sfContentBlock p
        {
            color: #ffffff;
            text-shadow: 0px 1px 17px rgb(19, 8, 0);
        }
            section .homeHeroWrp p + p,
            section .landingHeroWrp .sfContentBlock p + p
            {
                max-width: 670px;
                margin: 0 auto;
            }

/**Stagger Content**/
section .staggerContent > div
{
    box-shadow: 0px -26px 41px -39px #C7CED3;
}
section > .landingHeroWrp + .staggerContent > div,
section > .focusBlock + .staggerContent > div,
section > .staggerContent + .staggerContent > div
{
    box-shadow: none;
}
section > .staggerContent
{
    padding-bottom: 0px;
    padding-top: 0px;
    box-shadow: 0px 26px 41px -39px #C7CED3;
}
    .staggerContent div
    {
        overflow:hidden;
        position:relative;
    }
    .staggerContent .sfimageWrp
    {
        width:45%;
        height: 100%;
        overflow:hidden;
        display: block;
        right:0px;
        position:absolute;
    }
        .staggerContent .sfimageWrp img
        {
            height: 100%;
        }
            .staggerContent.elegance .sfimageWrp img{
                height:auto;
                min-height:100%;
                width:100%;
            }
    .staggerContent .sfContentBlock
    {
        width: 45%;
        display:inline-block;
        padding: 46px 0 73px 0;
    }
    .staggerContentRev .sfContentBlock
    {
        float:right;
    }
    .staggerContentRev .sfimageWrp
    {
        right:auto;
        left:0px;
    }
.staggerContent .sfContentBlock ul
{
    margin-bottom:0px;
}


/**** To Top Btn ****/
.toTopBtn
{
    opacity:0;
    right:-60px;
    position:fixed;
    background: #2C3538;
    font-size: 2.8em;
    width: 46px;
    text-align: center;
    line-height: 56px;
    height: 40px;
    color: #5D6466;
    font-family: serif;
}
    .toTopBtn:hover
    {
        cursor: pointer;
    }
.desktop-css .toTopBtn
{
    bottom: 60px;
}
.mobile-css .toTopBtn
{
    bottom:27px;
}
/****Got Questions & Get Started****/
.gotQuestionsWrp > div,
.caveContactFormWrp > div{
    /*background: #1c2224;*/
    padding: 1px 20px 17px 20px;
}

section .gotQuestionsWrp
{
    background: #1c2224;
    margin: 40px auto -36px auto;
    padding:0px;
}
section .halfBgColorWrp
{
    background: #F4F4F3 url('../Images/halfDark.png') repeat-y top right;
    background-size: 50% 1px;
    padding:0px;
    max-width: none;
    margin: 40px 0px -36px 0px;
}
.halfBgColorWrp .sf_2cols_2_50
{
    overflow: hidden;
}

section .bgColorWrap {
    background-color: #F4F4F3;
    margin: 40px 0;
    max-width: none;
}

.homeGetStartedWrp
{
    padding: 2px 0px 0px 12px;
    width: 54%;
    float: left;
    text-transform: uppercase;
    margin-top: 12px;
}
    .homeGetStartedWrp h2
    {
        padding-top: 13px;
        font-size: 2em;
    }
    .gotQuestionsWrp h2,
    .eccContactForm h2,
    .caveContactFormWrp h2
    {
        font-family: 'Syncopate', sans-serif;
        text-transform: uppercase;
        font-size: 2em;
        font-weight: 300;
        padding-top: 18px;
    }
    .homeGetStartedWrp h3
    {
        text-transform:uppercase;
        margin-bottom:13px;
    }
    .caveContactFormWrp h2,
    .gotQuestionsWrp h2,
    .gotQuestionsWrp p,
    .homeGetStartedWrp h2,
    .homeGetStartedWrp h3,
    .homeGetStartedWrp div,
    .eccContactForm h2,
    .eccContactForm div
    {
        color: #E6E6E6;
    }
        .homeGetStartedWrp div span
        {
            width:45%;
            display:inline-block;
        }
        .homeGetStartedWrp div:last-child
        {
            margin-top:13px;
        }
.gotQuestionsWrp p,
.caveContactFormWrp p
{
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 4px !important;
}
.halfBgColorWrp .Form_Fields
{
    margin-top: 33px;
    width: 46%;
    float: right;
    margin-bottom: 27px;
}
.gotQuestionsWrp .Form_Label,
.halfBgColorWrp .Form_Label
{
    color: #A8A7A5;
}
    .caveContactFormWrp .Form_Field input,
    .caveContactFormWrp .Form_Field textarea,
    .gotQuestionsWrp .Form_Field input,
    .gotQuestionsWrp .Form_Field textarea,
    .halfBgColorWrp .Form_Field input,
    .halfBgColorWrp .Form_Field textarea
    {
        background:#33383a;
        color: #ffffff;
        font-family: 'Roboto Condensed', sans-serif;
    }

.gotQuestionsWrp .address,
.halfBgColorWrp .address
{
    display:none;
}
.gotQuestionsWrp .Form_Entry
{
    position:relative;
}
section .Form_Label
{
    pointer-events:none;
    position:absolute;
    z-index:1;
    padding: 5px 8px 6px 8px;
    color: #6D6B69;
}
section .Form_Field
{
    display:block;
    margin-bottom: 7px;
}
    section .Form_Field input,
    section .Form_Field textarea,
    #passcode_input
    {
        background: #E3E5E7;
        padding: 7px 8px;
        width:100%;
        font-family: sans-serif;
        -webkit-appearance: none;
        border-radius:0;
    }
section .messageWrp .Form_Label
{
    padding-top: 2px;
}
.gotQuestionsWrp .Form_Fields
{
    overflow:hidden;
}
.caveContactFormWrp .leftSide,
.gotQuestionsWrp .leftSide,
.eccContactForm .leftSide
{
    float:left;
    width:40%;
}
.gotQuestionsWrp .Form_Buttons,
.caveContactFormWrp .Form_Buttons {
    display: block;
    vertical-align: top;
    clear:both;
}
    .gotQuestionsWrp .Form_Buttons 
    {
        display:block;
        margin:0px;
    }
.halfBgColorWrp .Form_Buttons input
{
    float:right;
    margin:0px !important;
}
.caveContactFormWrp .Form_Entry.messageWrp,
.gotQuestionsWrp .Form_Entry.messageWrp,
.eccContactForm .Form_Entry.messageWrp {
    float:right;
    width: 59%;
}
    .caveContactFormWrp .Form_Entry.messageWrp textarea,
    .gotQuestionsWrp .Form_Entry.messageWrp textarea,
    .halfBgColorWrp .Form_Field textarea,
    .eccContactForm .Form_Field textarea {
        min-height: 110px;
        max-width:100%;
        min-width:100%;
        -webkit-appearance: none;
        border-radius:0;
        resize:none;
    }
.halfBgColorWrp .Form_Field textarea
{
    min-height: 80px;
}


.flip2Col
{
    padding-bottom:50px !important;
}
    .flip2Col .sf_2cols_1_33
    {
        float: right;
    }
    .flip2Col .sf_2cols_2_67
    {
        float:left;
    }


/*=============================================
    Home
=============================================*/

section .homeHeroWrp
{
    background: transparent url('../Images/HomeHeroBg.jpg') no-repeat center;
    background-size:cover;
    box-shadow: inset 0px 8px 5px -8px rgba(255, 255, 255, 0.16);
    padding:0 0 0 0;
}
.openCerm section .homeHeroWrp
{
    padding:35% 0 0 0;
}
.focusBlock
{
    text-align:center;
}
    .focusBlock h2
    {
        font-family: 'Syncopate', sans-serif;
        text-transform: uppercase;
        font-size: 2.8em;
        font-weight: 300;
    }
    p.oLineWrp
    {
        text-transform:uppercase;
        font-size: 1.6em;
        line-height: 1.4em;
        margin: 18px 0 7px 0  !important;
        color: #000000;
        border-left: 2px solid #e34726;
        border-right: 2px solid #e34726;
        display: inline-block;
        padding: 5px 20px;
        text-align:center;
    }
p.oLineWrp1 {
    text-transform: uppercase;
    font-size: 1.3em;
    line-height: 1.2em;
    margin: 0px 0 7px 0 !important;
    color: #000000;
    border-left: 2px solid #e34726;
    border-right: 2px solid #e34726;
    display: inline-block;
    padding: 5px 20px;
    text-align: center;
    max-width: 100% !important;
}
section .homeHeroWrp + .focusBlock
{
    padding-bottom: 75px;
    box-shadow: 0px 26px 41px -39px #C7CED3;
}


.homeFocusImg
{
    height: 50px;
    overflow: hidden;
    display: block;
    margin: 21px auto 0px auto;
}
    .homeFocusImg img
    {
        width: 150px;
    }
.homeFeatWrp
{
    padding-left:14px !important;
    padding-right:14px !important;
}
    .homeFeatWrp h2
    {
        font-size: 1em;
        font-weight: 700;
    }
    .homeFeatWrp .sfimageWrp
    {
        max-height:126px;
        overflow:hidden;
        background: #20313F;
    }
    .homeFeatWrp img
    {
        width: 120%;
        height: auto;
        -webkit-filter: grayscale(89%);
        opacity: .6;
    }
        .homeFeatWrp .sf_colsOut:hover img
        {
            width: 135%;   
            -webkit-filter: grayscale(0%);
            opacity: 1;
        }


.quoteSliderWrp
{
    background: transparent url('../Images/quotes_Bg.png') no-repeat top center;
    padding-top: 86px;
    list-style:none;
    padding-left:0px;
    text-align:center;
    font-size: 1.6em;
    line-height: 1.4em;
    margin-bottom: 20px;
    overflow:hidden;
    position:relative;
}
    .quoteSliderWrp li
    {
        opacity: 0;
        position: absolute;
        float: left;
        width: 100%;
        z-index:0;
    }
        .quoteSliderWrp li.active
        {
            opacity:1;
            z-index:1;
        }
    .quoteSliderWrp p
    {
        max-width: 1000px;
        margin: 0px auto;
    }
    .quoteSliderWrp p em
    {
        font-family: 'Syncopate', sans-serif;
        text-transform: uppercase;
        font-weight: 300;
        display: block;
        font-style: normal;
        font-size: 1.4em;
        margin: 20px 0px;
        color: #222526;
    }
    .quoteSliderWrp p small
    {
        display: block;
        font-size: .7em;
        margin-top: 20px;
    }
.quoteSliderNav
{
    margin-bottom: 40px;
    font-size: 2.2em;
    text-align: center;
}
    .quoteSliderNav span
    {
        margin:0 3px;
        color: #CFCFCF;
    }
        .quoteSliderNav span:hover,
        .quoteSliderNav .active
        {
            color: #e34726;
            cursor:pointer;
        }
/*=============================================
    Design Build Page
=============================================*/
section > .designBuildFormatWrp,
section > .designBuildProcess
{
    padding-top: 35px;
    padding-bottom: 73px;
    position:relative;
}
.designBuildFormatWrp + .focusBlock::after,
.designBuildProcess::after
{
    content:"";
    position:absolute;
    width: 0px;
    top:0px;
    right:0px;
    left:0px;
    margin:auto;
    border:none;
    border-top:10px solid #ffffff;
    border-left:10px solid transparent;
    border-right:10px solid transparent;
}
.designBuildProcess::after
{
    border-top:10px solid #1c2224;
}
h2.title
{
    font-family: 'Syncopate', sans-serif;
    font-size: 1.8em;
    font-weight: 300;
}

.designBuildFormat
{
    text-align:center;
    max-width: 800px;
    margin: 0 auto;
}
    .designBuildFormat hr
    {
        margin: 20px auto;
    }
    .designBuildFormat .bDFNav span
    {
        height: 32px;
        width: 35px;
        display: inline-block;
        background: #f0f0f0;
        margin: 10px;
        border-radius: 50%;
        line-height: 2em;
        font-weight: 400;
        position:relative;
        z-index:1;
    }
        .designBuildFormat .bDFNav span.showNum
        {
            background: #e34726;
            color: #ffffff;
        }
        .designBuildFormat .bDFNav span:hover
        {
            cursor:pointer;
        }
    .designBuildFormat ul
    {
        list-style:none;
        padding-left:0px;
    }
    .designBuildFormat li
    {
        position:absolute;
        opacity:0;
        z-index:0;
        max-height:120px;
    }
        .designBuildFormat li.show
        {
            position:relative;
            opacity:1;
            z-index:1;
            max-height:600px;
        }
        .designBuildFormat li img
        {
            max-width: 100%;
        }
    .designBuildFormat p.small
    {
        font-size:.8em;
        color: #939393;
        text-shadow: none;
    }
section > .designBuildFormatWrp + .focusBlock
{
    background: #1c2224;
    padding-top: 35px;
    padding-bottom: 73px;
    position:relative;
}
    .designBuildFormatWrp + .focusBlock h2,
    .designBuildFormatWrp + .focusBlock p
    {
        color: #E6E6E6;
        max-width: 800px;
        margin: 0 auto;
    }
    .designBuildFormatWrp + .focusBlock h2
    {
        font-size:1.8em;
    }
    .designBuildFormatWrp + .focusBlock p
    {
        font-size: 1em;
        line-height: 1.3em;
    }
section > .designBuildProcess
{
    box-shadow: 0px 26px 41px -39px #C7CED3;
    padding-bottom:50px;
}
.designBuildProcess .step
{
    position:relative;
    padding-left:117px;
}
    .designBuildProcess .stepNum
    {
        width: 46px;
        text-align: center;
        display: inline-block;
        line-height: 1.6em;
        height: 46px;
        border-radius: 50%;
        background: #FF6B00;
        color: #ffffff;
        position: absolute;
        top: 30px;
        left: 29px;
        font-weight: 400;
        font-size: 1.8em;
    }

.designBuildExperience
{
}
    .designBuildExperience .sf_2cols_1in_50,
    .designBuildExperience .sf_2cols_2in_50
    {
        padding: 0 24px 26px 25px;
        background: #F3F5F9;
        border-radius: 3px;
    }
        .designBuildExperience .sf_colsOut .sf_colsOut h2,
        .designBuildExperience .sf_colsOut .sf_colsOut h2
        {
            padding-top: 21px;
            font-size: 1.9em;
            padding-bottom: 7px;
        }
    .designBuildExperience .sf_2cols_2in_50 h2
    {
        color: #FF6B00;
    }
/*=============================================
    Services Page
=============================================*/
section .landingHeroWrp.serviceHero
{
    background: transparent url('../Images/ServiceHeroBg.jpg') no-repeat top center;
    background-size:cover;
}
    section .landingHeroWrp.serviceHero h1
    {
        font-size: 1.8em;
    }
section .serviceListWrp
{
    margin-top:0px;
    padding-top:0px;
    margin-bottom:50px;
    text-align:center;
}
    section .serviceListWrp li
    {
        list-style:none;
    }
/*=============================================
    Showcase Page
=============================================*/
section .landingHeroWrp.showcaseHero,
section .designBuildHero
{
    background: transparent url('../Images/ShowcaseHeroBg.jpg') no-repeat center;
    background-size:cover;
}
.showcaseGalleryWrp .sfContentBlock
{
    padding: 1px 28px;
    background: #F3F5F9;
    margin-bottom: 50px;
    height: 245px;
    overflow-y: auto;
}
    .showcaseGalleryWrp .sfContentBlock h2
    {
        padding-top: 20px;
    }
        .showcaseGalleryWrp .sfContentBlock h2:last-child
        {
            padding-bottom:20px;
        }
    .showcaseGalleryWrp .sfContentBlock:last-child
    {
        margin-bottom:0px;
    }
.sfimagesTmbList.sfLightboxMode
{
    list-style: none;
    padding: 0px;
    margin-top: 0;
    margin-bottom: 0;
    overflow: hidden;
    background: #EAEDF4;
}
    .sfimagesTmbList.sfLightboxMode li
    {
        display:inline-block;
        float: left;
        margin-bottom: 0;
        width:15%;
        height: 98px;
        overflow: hidden;
    }
        .showcaseGalleryWrp .sfimagesTmbList.sfLightboxMode li:first-child
        {
            width:25%;
        }
        .showcaseGalleryWrp .sfimagesTmbList.sfLightboxMode li img
        {
            -webkit-filter: grayscale(50%);
            opacity: .4;
            min-width:100%;
        }
            .showcaseGalleryWrp .sfimagesTmbList.sfLightboxMode li img:hover
            {
                -webkit-filter: grayscale(0%);
                opacity: 1;
            }
        .showcaseGalleryWrp .sfimagesTmbList.sfLightboxMode li:first-child img
        {
            opacity: .8;
        }
        .showcaseGalleryWrp .sfimagesTmbList.sfLightboxMode li + li + li + li + li + li + li
        {
            max-height:0px;
            opacity:0;
        }
        .showcaseGalleryWrp .sfimagesTmbList.sfLightboxMode:hover li + li + li + li + li + li + li,
        .k-mobile .showcaseGalleryWrp .sfimagesTmbList.sfLightboxMode li + li + li + li + li + li + li
        {
            max-height:98px;
            opacity: .8;
        }
#fancybox-overlay
{
    background-color: rgb(0, 0, 0) !important;
}
#fancybox-content,
#fancybox-wrap
{
    height:auto !important;
    width:auto !important;
    border:none;
}
#fancybox-wrap
{
    margin-left: auto;
    max-width: 960px;
    margin-right: auto;
    left: 0 !important;
    right: 0;
}
#fancybox-outer
{
    background:none;
}
#fancybox-content
{
    padding:10px;
}
#fancybox-img
{
    
    max-width: 100%;
    height: auto;
    box-shadow: 0px 0px 75px 0px #000;
}
#fancybox-title
{
    left:0px !important;
    width: 100%;
}
#fancybox-title *
{
    display:block;
}
#fancybox-title-float-left,
#fancybox-title-float-right,
.fancybox-bg
{
    display:none;
}
#fancybox-title-float-main
{
    background:none;
    white-space:normal !important;
    text-align: center;
    line-height: 19px;
    padding-right: 20px;
    padding-left: 20px;
}
.k-mobile #fancybox-left,
.k-mobile #fancybox-right
{
    visibility: visible;
}
    .k-mobile #fancybox-left span
    {
        left: 20px;
    }
    .k-mobile #fancybox-right span
    {
        left: auto;
        right: 20px;
    }
section > .sf_cols.photoGalleryWrp
{
    max-width: none;
    position: relative;
    padding-top: 4px;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    background: #1C2021;
    overflow: auto;
}
.photoGalleryWrp .sfContentBlock h2
{
    text-align: center;
    color: #ffffff;
    padding-top: 16px;
    padding-bottom: 23px;
}
    .photoGalleryWrp .sfimagesTmbList.sfLightboxMode
    {
        background:none;
        width: 5229px;
    }
        .photoGalleryWrp .sfimagesTmbList.sfLightboxMode li
        {
            width: 177px;
            border-bottom: 4px solid #1C2021;
            float: none;
            opacity: .3;
        }
            .k-mobile .photoGalleryWrp .sfimagesTmbList.sfLightboxMode li,
            .photoGalleryWrp .sfimagesTmbList.sfLightboxMode li:hover
            {
                opacity: 1;
            }
            .photoGalleryWrp .sfimagesTmbList.sfLightboxMode li img
            {
                min-width:100%;
                min-height:100%;
            }
/*=============================================
    Man Cave Project
=============================================*/
section .manCaveHero {
    background: transparent url('../Images/ManCaveHeroBg.jpg') no-repeat center;
    background-size: cover;
    padding-bottom: 100px;
}
.manCaveHero p:first-of-type{
    margin-bottom:10px;
}
.caveContentWrp {
    text-align: center;
    max-width: 800px !important;
    margin: 0 auto;
    padding-top: 35px !important;
    padding-bottom: 50px !important;
}
.caveContentWrp2 {
    border-top:2px solid #f3f3f3;
}
.caveContentWrp2 p:first-of-type{
    padding-right:40px;
}
.caveVideoWrp {
    text-align: center;
    border-top: 2px solid #f3f3f3;
    padding-top: 50px !important;
}
    .caveVideoWrp p {
        margin-bottom: 40px;
        max-width: 800px !important;
    }
    .caveVideoWrp h2{
        padding-top:50px;
    }

    
.video-container {
    position: relative;
    padding-bottom: 42.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.caveContactFormWrp {
    background: #1c2224;
    margin: 40px auto -36px auto;
    padding: 0px;
}
.mcQuoteWrp {
    padding: 80px 0 80px;
}
.mcQuoteWrp p:first-of-type{
    padding-right:0;
}
.mcQuoteWrp p:nth-of-type(2){
    font-weight:700;
    margin-top:20px;
}
.caveSlider .quoteSliderWrp {
    background: transparent;
    padding-top: 0;
}
.caveSlider .quoteSliderNav {
    font-size: 4.2em;
}
.quoteSliderWrp1 {
    background: transparent url(../Images/quotes_Bg.png) no-repeat top center;
    padding-top: 86px;
    list-style: none;
    padding-left: 0px;
    text-align: center;
    font-size: 1.6em;
    line-height: 1.4em;
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
    min-height:0;
}
/*=============================================
    Client Testimonials Page
=============================================*/
.testimonialsWrp .sf_2cols_1_67 {
    width: 75%;
    float:right;
}
.testimonialsWrp .sf_2cols_1_67 .sfContentBlock
{
    background: #F6F7F9;
    border: 1px solid #f0f0f0;
    padding: 20px;
    margin-bottom: 20px;
    margin-right: 20px;
    position:relative;
}
    .testimonialsWrp .sf_2cols_1_67 .sfContentBlock::before
    {
        content:"";
        position:absolute;
        left:-13px;
        top:4px;
        border-top: 24px solid transparent;
        border-bottom: 0px solid transparent;
        border-right: 12px solid #FF6B00;
    }
.testimonialsWrp .sf_2cols_2_33
{
    width:25%;
    float:left;
}
    .testimonialsWrp .sf_2cols_2_33 .sf_2cols_2in_33
    {
        margin-left:0px;
        margin-right:16px;
    }
    .testimonialsWrp .sf_2cols_2_33 .sfContentBlock
    {
        font-size: 1.6em;
        line-height: 1.2em;
        color: #e34726;
        font-style: italic;
    }

/*=============================================
    Where We Build Page
=============================================*/
section .landingHeroWrp.whereWeBuildHero
{
    background: transparent url('../Images/mapBg.jpg') no-repeat center bottom;
    background-size: auto 600px;
    border-bottom: 1px solid #FDF0D7;
}
    section .landingHeroWrp.whereWeBuildHero h1,
    section .landingHeroWrp.whereWeBuildHero p
    {
        color: #000000;
        text-shadow: 0px 1px 17px rgb(255, 255, 255);
    }
.eccWWBMaps
{
    margin:10px;
}
.eccWWBMaps,
.eccWWBMaps a,
.eccWWBMaps span
{
    display:block;
    text-align:center;
}
    .eccWWBMaps img
    {
        width: 100%;
        max-width: 500px;
    }
    .eccWWBMaps h2
    {
        padding-top: 20px;
        padding-bottom: 30px;
    }
.whereWeBuildImg img
{
    width:100%;
    max-width:600px;
    margin:auto;
    display:block;
}
.whereWeBulidWrp
{
    text-align:center;
}
    .whereWeBulidWrp ol
    {
        list-style:none;
        margin: 0px 0px 46px 0px;
        padding: 0px;
    }
        .whereWeBulidWrp ol li
        {
            margin-top: 46px;
            max-width: 700px;
            margin-left: auto;
            margin-right: auto;
        }
            .whereWeBulidWrp ol li strong
            {
                display: block;
                text-transform: uppercase;
                font-size: 1.6em;
                line-height: 1.4em;
                color: #e34726;
                font-weight: 300;
            }


/*=============================================
    Why ECC Page
=============================================*/

section .landingHeroWrp.whyEccHero
{
    background: transparent url('../Images/WhyEccBg.jpg') no-repeat center;
    background-size:cover;
}
    section .landingHeroWrp.whyEccHero .sfContentBlock h1,
    section .landingHeroWrp.whyEccHero .sfContentBlock p
    {
        color: #222526;
        text-shadow:none;
    }
.eccAbout2Col img
{
    width:100%;
}

/*=============================================
    Social Pages
=============================================*/

/**Tree View**/

    .treeViewH3Wrp {
        text-align: center;
        padding-top:20px;
    }
	.treeViewWrp{
		height: 800px;
		position: relative;
		background-image: url(/Timeline/background/squiggle.png);
		background-repeat: repeat-y;
		background-position: center top;
		background-size: auto 800px;
		margin: 100px auto;
		padding: 0;
	}

	.treeViewWrp .endpoint {
		position: absolute;
		font-size: 25px;
		left: 50%;
		text-align: center;
        color: #333;
        padding: 5px 50px;
        background: #F6F7F9;
        border: 1px solid #f0f0f0;
	}

	.treeViewWrp .endpoint > .date { font-weight: bold; }
	.treeViewWrp .endpoint > .subtext { font-size: 15px; }

	.treeViewWrp .endpoint.end {
		top: 0px;

		transform: translate(-50%, -100%);
		-ms-transform: translate(-50%, -100%);
	  -moz-transform: translate(-50%, -100%);
		-webkit-transform: translate(-50%, -100%);
	}

	.treeViewWrp .endpoint.start {
		bottom: 0;

		transform: translate(-50%, 100%);
		-ms-transform: translate(-50%, 100%);
	  -moz-transform: translate(-50%, 100%);
		-webkit-transform: translate(-50%, 100%);
	}

	.treeViewWrp .item {
		cursor: pointer;
		position: absolute;
		margin: 74px 100px 0 100px;
		width: 300px;
	}
        .treeViewWrp .item:hover
        {
            z-index:10;
        }
	.treeViewWrp .item::after {
		content: "";
		position: absolute;
		width: 20px;
		height: 20px;
		top: 10px;
		border: 5px solid #fff;
		box-shadow: inset 0 0 0 2px #b7b7b7;
		border-radius: 50%;
		background-color: #e1e1e1;
	}

	.treeViewWrp .item:nth-child(4n+0)::after { left: -134px; }
	.treeViewWrp .item:nth-child(4n+1)::after { right: -134px; }
	.treeViewWrp .item:nth-child(4n+2)::after { left: -98px; }
	.treeViewWrp .item:nth-child(4n+3)::after { right: -98px; }

	.treeViewWrp .item:nth-child(2n+1) {
		right: 50%;
	}

	.treeViewWrp .item:nth-child(2n) {
		left: 50%;
	}

	.treeViewWrp .item .head,
    .entryDetails
     {
        position: relative;
        background-color: #4A505A;
        padding: 5px;
        height: 40px;
        color: white;
	}
	.treeViewWrp .item .head::before,
    .entryDetails::before
    {
		content: "";
		position: absolute;
		width: 0;
		height: 0;
		top: 0px;
		border-top: 26px solid transparent;
		border-bottom: 0px solid transparent;
	}

	.treeViewWrp .item:nth-child(2n+1) .head::after {
		left: 100%;
        border-left: 12px solid #FF6B00;
	}

	.treeViewWrp .item:nth-child(2n+1) .head::before,
    .entryDetails::before {
		left: 100%;
		border-left: 12px solid #FF6B00;
	}

	.treeViewWrp .item:nth-child(2n) .head::after {
		right: 100%;
		border-right: 12px solid #FF6B00;
	}

	.treeViewWrp .item:nth-child(2n) .head::before {
		right: 100%;
		border-right: 12px solid #FF6B00;
	}

	.treeViewWrp .item .date,
    .entryDetails .date{
        font-size: 40px;
        line-height: 40px;
        font-weight: 300;
        display: inline-block;
        letter-spacing: -1px;
        padding-left: 5px;
	}

	.treeViewWrp .item .info,
    .entryDetails .info {
		display: inline-block;
		margin-left: 10px;
		position: relative;
		height: 100%;
		white-space: nowrap;
	}

	.treeViewWrp .item .title,
    .entryDetails .title {
		font-size: 20px;
		line-height: 25px;
		top: 2px;
		position: absolute;
		width: 175px;
		text-overflow: ellipsis;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
		overflow: hidden;
	}

	.treeViewWrp .item .time,
    .entryDetails .time {
		font-size: 12px;
		line-height: 12px;
		bottom: 2px;
		position: absolute;
	}

	.treeViewWrp .item .body {
		padding: 5px;
        background: #F6F7F9;
        text-align: center;
        border: 1px solid #f0f0f0;
	}

	.treeViewWrp .item .desc {
        max-height: 32px;
        overflow: hidden;
        padding: 5px;
        margin-bottom: 10px;
        text-align: left;
        color: black;
        font-size: .9em;
        line-height: 1.4em;
        position:relative;
	}
        .treeViewWrp .item .desc::after
        {
            content: "...";
            background: #F6F7F9;
            position: absolute;
            bottom: 0px;
            right: 9px;
            padding-left: 6px;
        }
        .treeViewWrp .item .body:hover .desc
        {
            max-height: 140px;
        }
        .treeViewWrp .item a
        {
            display:block;
            width:100%;
            height: 163px;
            overflow: hidden;
            position:relative;
        }
	.treeViewWrp .item img {
        width: 100%;
        top: 0px;
        bottom: 0px;
        right: 0px;
        left: 0px;
        margin: auto;
        display: block;
        position: absolute;
	}



/**Project Detail Page**/
#projectImage
{
    border-radius: 3px;
    width:100%;
}
.entryDetails
{
    width: 114.7%;
    margin-left:-30px;
    margin-top:-30px;
    margin-bottom: 24px;
}
#imgDiv
{
    width: 60%;
    float: right;
    padding-left:10px;
}

#projectDescription
{
    float: left;
    width: 40%;
    padding: 30px;
    background: #F0F1F2;
    text-align:left;
}
    #projectDescription .logoSmall
    {
        width:60%;
        max-width:200px;
        margin: 0 auto;
    }

    #projectDescription h2
    {
        padding-top:20px;
        margin-bottom:35px;
    }
#projectDescription h2,
.projectContact
{
    text-align:center;
}
.center 
{
    display:block;
    text-align:center;
    overflow: hidden;
}
    .center h1 + p.oLineWrp
    {
        margin-bottom: 35px !important;
    }
.socialCallNowWrp
{
    font-size: 1.4em;
    border-top: 1px solid #D0D5DB;
    padding-top: 20px;
}
.socialCallNowWrp span
{
    display:block;
    color: #222526;
    font-size: 1.8em;
    line-height: 1.2em;
    letter-spacing: -1px;
    font-weight: 400;
}
#projectDescription .logoSmall,
#projectDescription .socialCallNowWrp,
#projectDescription .oLineWrp,
#projectDescription h2,
.notLoggedIn .entryDetailWrp,
.notLoggedIn .entryDetails
{
    display:none;
}
.notLoggedIn #projectDescription .logoSmall,
.notLoggedIn #projectDescription .socialCallNowWrp,
.notLoggedIn #projectDescription .oLineWrp,
.notLoggedIn #projectDescription h2
{
    display:block;
}
/**Refer a friend & Submit Request**/
.eccFormInputWrp h2
{
    padding-bottom: 9px;
}
.eccFormInputWrp .Form_Entry
{
    width: 50%;
    display: inline-block;
    padding: 0 10px 0 0;
    margin-right: -4px;
}
    .eccFormInputWrp .Form_Entry.right
    {
        padding:0px;
    }
    .eccFormMessageWrp textarea
    {
        max-width: 100%;
        min-width: 100%;
        min-height: 200px;
    }



/*=============================================
    Why ECC Page
=============================================*/
/*.blogListWrp ul
{
    list-style: none;
    padding-left:0px;
}*/


/* fluid 5 columns */

/* 2 columns */
.grid
{
    margin-top:40px;
}
.grid img
{
    width:100%;
}
.grid .gridContent
{
    padding: 0px 20px 20px 20px;
    background: #F7F7F7;
}

.blogListWrp .sfpostTitle
{
    padding-top:18px;
}
    .blogListWrp .sfpostTitle a
    {
          color: #222526;
    }
        .blogListWrp .sfpostTitle a:hover
        {
            color: #FF6B00;
        }

.blogListWrp .sfpostAuthorAndDate,
.blogDetailWrp .sfpostAuthorAndDate
{
    font-size: .9em;
    color: #B5B5B5;
}
.blogListWrp .sfpostSummary 
{
    padding: 6px 0px 20px 0px;
}
section > .blogDetailWrp
{
    max-width: 796px;
}
.blogDetailWrp .RadSocialShare_Default
{
    float: right;
    border: none;
    padding: 0px;
}
    .blogDetailWrp .RadSocialShare_Default *
    {
        vertical-align: top !important;
    }
.blogDetailWrp .sfpostDetails > img
{
    max-width:100%;
    margin-bottom:30px;
}
.blogDetailWrp .sfpostTitle 
{
    border-bottom: 1px solid #E7E7E7;
    margin-bottom: 6px;
}
.blogDetailWrp .sfpostContent
{
    padding-top: 25px;
}
    .blogDetailWrp .sfpostContent img
    {
        max-width: 100%;
    }

/*=============================================
    Contact Page
=============================================*/
.Form_ThankYou{
    display:block;
    float:right;
    margin-top:2em;
    text-transform:uppercase;
    color:#E6E6E6;
}
    .Form_ThankYou:before{
        display:block;
        margin-bottom:.5em;
        text-align:center;
        font-family:"Font Awesome 5 Free";
        font-weight:400;
        content:'\f058';
        font-size:1.5em;
        color:#e34726;
    }

.gotQuestionsWrp .Form_ThankYou{
    float:none;
}

    .gotQuestionsWrp .Form_ThankYou:before{
        text-align:left;
    }

.grecaptcha-badge{
    display:none;
}

section > .eccContactWrp
{
    padding-bottom: 40px;
}

    section > .eccContactWrp .contactHeader
    {
        text-align:center;
    }
    section > .eccContactWrp .altLocWrp {
        background: #F3F5F9;
        padding: 20px;
        margin-top: 40px;
        width: auto;
    }
    section > .eccContactWrp h1 + h2
    {
        padding-top:0px;
    }
section > .eccContactWrp iframe
{
    height: 228px !important;
}

section > .eccContactForm
{
    margin-top:0px;
}
    .eccContactForm > div
    {
        background: #1c2224;
        padding: 1px 20px 17px 20px;
    }
.homeGetStartedWrp div.businessInfo span
{
display:compact;
width:auto;
}

/*=============================================
    Client Login Pages
=============================================*/
#passcode_input
{
    max-width:150px;
}
#main #inputDiv,
#main #btnDiv
{
    display:inline-block;
}

section > .entryDetailWrp
{
    clear: both;
    text-align: center;
    padding: 21px 30px;
    background: #F0F1F2;
}
    section > .entryDetailWrp h2
    {
        text-align: left;
        padding-top: 0px;
        padding-bottom: 15px;
    }

/*=============================================
    Footer
=============================================*/
/****Sticky Footer****/
form
{
    height:100%;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -190px; /* the bottom margin is the negative value of the footer's height */
    background: #ffffff;
}
section
{
    padding-bottom:190px
}
/****End Sticky Footer****/
footer
{
    background: #ffffff url('../Images/dark_woodBg.png') repeat-x bottom center;
    background-size: 100% 60px;
    min-height: 140px;
    margin-top: 50px;
}
    footer .soIconsWrp
    {
        float:right;
        margin-top: -28px;
    }
        footer .soIconsWrp a
        {
            background: transparent url('../Images/socialIcons.png') no-repeat top center;
            background-size: 100% auto;
            height:20px;
            width:17px;
            overflow:hidden;
            color:transparent;
            display:inline-block;
            margin-left:30px;
            text-shadow: none;
            opacity:.8;
        }
        footer .soIconsWrp .socialTwitter
        {
            background-position:0px -33px;
        }
        footer .soIconsWrp .socialInstagram
        {
            background-position:0px -67px;
        }
        footer .soIconsWrp .socialPinterest
        {
            background-position:0px -100px;
        }
        footer .soIconsWrp .socialYouTube
        {
            background-position:0px -133px;
        }
        footer .soIconsWrp .socialHouzz
        {
            background-position:0px -167px;
        }
        footer .soIconsWrp a:hover
        {
            margin-top:-3px;
            opacity:1;
        }
    footer .sfNavWrp li a
    {
        text-shadow: none;
        color: #222526;
        padding: 6px 13px 6px 0px;
        display: block;
        text-transform: uppercase;
        font-weight: 700;
    }
    footer .footerCopyWrp p
    {
        color: #222526;
        font-size: .85em;
        display: block;
        margin-bottom: 0px;
    }



/*=============================================
    IE 8 & 7 jazz
=============================================*/

.k-ie8
{
    background: #F6F7F9;
}
.k-ie8 body
{
    border: 1px solid #f0f0f0;
    width:960px;
    margin:0 auto;
}
    .k-ie8 .quoteSliderWrp li
    {
        visibility: hidden;
    }
    .k-ie8 .quoteSliderWrp li.active
    {
        visibility:visible;
    }
    .k-ie8 section .halfBgColorWrp
    {
        background:none;
    }
        .k-ie8 section .halfBgColorWrp .sf_2cols_2_50 > div
        {
            background: #1c2224;
            overflow: hidden;
            padding-right:20px;
        }

    .k-ie8 body footer
    {
        background:none;
    }
        .k-ie8 body footer .soIconsWrp a
        {
            background-image: url('../Images/ie8socialIcons.jpg');
        }
/**************IE 8 Notify*************/

.ie7NotifyWrp
{
    display:none;
    background: #4A505A;
    font-size: 1.3em;
    color: #ffffff;
}
    .ie7NotifyWrp > div
    {
        position:relative;
        width: auto;
        max-width: 1200px;
        margin-left: auto;
        margin-right: auto;
        padding: 0px 20px 40px 20px;
    }
    .ie7NotifyWrp .ie7Notifytitle
    {
        font-size: 2em;
        font-weight: 300;
        line-height: 2em;
        margin-bottom:-15px;
        color: #ffffff;
        display:block;
    }
    .ie7NotifyWrp .ie7NotifyLeftContent
    {
        display:block;
        width:55%;
    }
    .ie7NotifyWrp .ie7NotifyLeftContent
    {
        margin-right:5%;
    }
        .ie7NotifyWrp .ie7NotifyLeftContent .textLeft
        {
            width: 50%;
            display: inline-block;
            margin-top: 24px;
            float:left;
        }
        .ie7NotifyWrp .ie7NotifyLeftContent .chrome,
        .ie7NotifyWrp .ie7NotifyLeftContent .firefox,
        .ie7NotifyWrp .ie7NotifyLeftContent .ieIcon
        {
            display:inline-block;
            width:60px;
            padding-top: 65px;
            text-align:center;
            float: right;
            margin: 24px 0 0 20px;
            text-align: center;
        }
        .ie7NotifyWrp .ie7NotifyLeftContent .chrome
        {
            background: transparent url(../Images/Google_Chrome_icon.png) top left no-repeat;
        }
        .ie7NotifyWrp .ie7NotifyLeftContent .firefox
        {
            background: transparent url(../Images/Firefox_Icon.png) top left no-repeat;
        }
        .ie7NotifyWrp .ie7NotifyLeftContent .ieIcon
        {
            background: transparent url(../Images/Ie_Icon.png) top left no-repeat;
        }
    .ie7NotifyWrp .closeieNotify
    {
        position:absolute;
        top: 14px;
        right: 20px;
        font-weight: 400;
        font-size: 1.4em;
        color: #f0f0f0;
        line-height:1.1em;
    }
            .ie7NotifyWrp .closeieNotify:hover
            {
                color: #ffffff;
                cursor: pointer;
            }