#members__projNav {
    padding-top: 10px
}

#members__projNav>ul {
    list-style-type: none;
    padding: 0 10px;
    box-sizing: border-box;
    border-bottom: 1px solid #DEDEDE
}

#members__projNav>ul>li {
    display: inline-block
}

#members__projNav>ul>li>a.members__projNav__tab--active {
    border-bottom: 1px solid #fff !important;
    height: 31px;
    transform: translateY(1px);
    background-color: #fff;
    color: #212121
}

#members__projNav>ul>li>a:hover>svg {
    fill: #595959
}

#members__projNav>ul>li>a {
    background-color: #FCFCFC;
    border-radius: 5px 5px 0 0;
    margin: 0 1px 0 2px;
    border: 1px solid #DEDEDE;
    border-bottom: none;
    height: 30px;
    width: 80px;
    display: flex;
    align-items: center;
    align-content: center;
    justify-items: center;
    justify-content: center;
    text-decoration: none;
    color: inherit
}

#members__projNav>ul>li>a>svg {
    fill: #909090;
    display: none;
    width: 14px;
    height: 14px
}

#members__projNav>ul>li>a>span {
    margin-left: 0px;
    font-size: .74702rem;
    line-height: 1.1407rem
}

@media screen and (min-width: 900px) {
    #members__projNav>ul>li>a {
        width: auto;
        padding: 20px;
        box-sizing: border-box
    }

    #members__projNav>ul>li>a>span {
        display: inline-block
    }
}

.home {
    padding: 10px 20px;
    box-sizing: border-box
}

.home>h1 {
    margin-top: 0
}

.home>a:hover {
    color: #000;
    border-color: #F9F9F9 !important;
    border-left-color: #DEDEDE !important;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important
}

.home>a:active {
    -webkit-box-shadow: inset 2px 2px 4px 0px rgba(58, 125, 165, 0.15) !important;
    -moz-box-shadow: inset 2px 2px 4px 0px rgba(58, 125, 165, 0.15) !important;
    box-shadow: inset 2px 2px 4px 0px rgba(58, 125, 165, 0.15) !important;
    border-left-color: #95C0DA !important;
    color: #3A7DA5 !important
}

.home>a.grid__projBox {
    background-image: url(/members/images/icon-projects.png);
    background-size: contain;
    background-repeat: no-repeat
}

.home>a.grid__orderBox {
    background-image: url(/members/images/icon-orders.png);
    background-size: contain;
    background-repeat: no-repeat
}

.home>a.grid__accountBox {
    background-image: url(/members/images/icon-account-info.png);
    background-size: contain;
    background-repeat: no-repeat
}

.home>a.badEmail {
    border-left-color: #F0BFC0 !important
}

.home>a.grid__warrantyBox {
    background-image: url(/members/images/icon-warranties.png);
    background-size: contain;
    background-repeat: no-repeat
}

.home>a.grid__appraisalBox {
    background-image: url(/members/images/icon-appraisals.png);
    background-size: contain;
    background-repeat: no-repeat
}

.home>a.grid__add {
    background-image: url(/members/images/icon-add.png);
    background-size: contain;
    background-repeat: no-repeat
}

.home>a {
    display: block;
    width: 100%;
    max-width: 400px;
    border: 1px solid #fcfcfc;
    border-left: 5px solid #F9F9F9;
    -webkit-box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.075);
    box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.075);
    border-radius: 5px;
    padding: 20px;
    box-sizing: border-box;
    margin-bottom: 10px;
    text-decoration: none;
    color: inherit;
    -webkit-transition: color .15s ease-in-out, border-color .15s ease-in-out;
    -moz-transition: color .15s ease-in-out, border-color .15s ease-in-out;
    -o-transition: color .15s ease-in-out, border-color .15s ease-in-out;
    transition: color .15s ease-in-out, border-color .15s ease-in-out
}

.home>a>span {
    display: block;
    color: #000;
    padding-left: 50px;
    box-sizing: border-box;
    font-size: 1rem;
    line-height: 1.31979rem
}

.home>a>p {
    font-size: .8643rem;
    line-height: 1.31979rem;
    margin: 5px 0;
    color: #909090;
    padding-left: 50px;
    box-sizing: border-box
}

@media screen and (min-width: 900px) {
    .home {
        /*display: grid;
        display: -ms-grid;
        grid-template-columns: 1fr 10px 1fr 10px 1fr;
        -ms-grid-columns: 1fr 10px 1fr 10px 1fr*/
    }

    .home>h1 {
        /*grid-column-start: 1;
        -ms-grid-column: 1;
        grid-column-end: 6;
        -ms-grid-column-span: 5*/
    }

    .home>a.grid__projBox {
        /*grid-column-start: 1;
        -ms-grid-column: 1;
        grid-row-start: 2;
        -ms-grid-row: 2*/
    }

    .home>a.grid__orderBox {
        /*grid-column-start: 3;
        -ms-grid-column: 3;
        grid-row-start: 2;
        -ms-grid-row: 2*/
    }

    .home>a.grid__accountBox {
        /*grid-column-start: 5;
        -ms-grid-column: 5;
        grid-row-start: 2;
        -ms-grid-row: 2*/
    }

    .home>a.grid__warrantyBox {
        /*grid-column-start: 1;
        -ms-grid-column: 1;
        grid-row-start: 3;
        -ms-grid-row: 3*/
    }

    .home>a.grid__appraisalBox {
        /*grid-column-start: 3;
        -ms-grid-column: 3;
        grid-row-start: 3;
        -ms-grid-row: 3*/
    }

    .home>a.grid__add {
        /*grid-column-start: 5;
        -ms-grid-column: 5;
        grid-row-start: 3;
        -ms-grid-row: 3*/
    }
}

#home__listWrap {
    padding: 10px 20px;
    box-sizing: border-box
}

#home__listWrap>h1 {
    margin-top: 0
}

#home__listWrap>ul {
    list-style-type: none;
    padding: 0;
    margin: 0 0 20px 0
}

#home__listWrap>ul>li>a.home__listWrap__card--unread {
    border-left-color: #F0BFC0 !important
}

#home__listWrap>ul>li>a:hover {
    border-left: 15px solid #F9F9F9;
    transition: border-left 0.15s ease 0s !important;
    -webkit-transition: border-left 0.15s ease 0s !important
}

#home__listWrap>ul>li>a {
    margin-bottom: 10px;
    border-top: 1px solid #DEDEDE;
    border-left: 5px solid #F9F9F9;
    border-radius: 5px;
    color: #595959;
    text-decoration: none;
    padding: 20px 20px 10px 20px;
    box-sizing: border-box;
    display: -ms-grid;
    display: grid;
    grid-template-columns: 100px auto;
    -ms-grid-columns: 100px auto;
    grid-template-rows: 2.36504rem 10px 1.31979rem 1.31979rem 1.31979rem;
    -ms-grid-rows: 2.36504rem 10px 1.31979rem 1.31979rem 1.31979rem;
    overflow: hidden
}

#home__listWrap>ul>li>a>img {
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: 5;
    -ms-grid-row-span: 4
}

#home__listWrap>ul>li>a>h2,
#home__listWrap>ul>li>a>span,
#home__listWrap>ul>li>a>p {
    display: inline-block;
    grid-column-start: 2;
    -ms-grid-column: 2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 10px
}

#home__listWrap>ul>li>a>h2 {
    -ms-grid-row: 1;
    height: 2.36504rem;
    margin: 0
}

#home__listWrap>ul>li>a>span:nth-of-type(1) {
    grid-row-start: 3;
    -ms-grid-row: 3
}

#home__listWrap>ul>li>a>span:nth-of-type(2) {
    grid-row-start: 4;
    -ms-grid-row: 4
}

#home__listWrap>ul>li>a>span:nth-of-type(3) {
    grid-row-start: 5;
    -ms-grid-row: 5
}

#home__listWrap>ul>li>a>span {
    font-size: .74702rem;
    line-height: 1.1407rem
}

#home__listWrap>ul>li>a>p {
    grid-row-start: 4;
    -ms-grid-row: 4;
    height: 1.31979rem;
    margin: 0
}

>#home__accountInfoWrap::-webkit-scrollbar {
    display: none
}

#home__accountInfoWrap {
    padding: 10px 20px;
    box-sizing: border-box
}

#home__accountInfoWrap>form {
    display: -ms-grid;
    display: grid;
    grid-template-columns: 1fr 10px 1fr;
    -ms-grid-columns: 1fr 10px 1fr;
    margin-bottom: 20px
}

#home__accountInfoWrap>form>h1 {
    margin-top: 0;
    grid-column-start: 1;
    -ms-grid-column-start: 1;
    grid-column-end: 4;
    -ms-grid-column-span: 3
}

#home__accountInfoWrap>form>input:nth-of-type(1) {
    -ms-grid-row: 2
}

#home__accountInfoWrap>form>input:nth-of-type(2) {
    -ms-grid-row: 3
}

#home__accountInfoWrap>form>input:nth-of-type(3) {
    -ms-grid-row: 4
}

#home__accountInfoWrap>form>select:nth-of-type(1) {
    -ms-grid-row: 5
}

#home__accountInfoWrap>form>input:nth-of-type(4) {
    -ms-grid-row: 6
}

#home__accountInfoWrap>form>input:nth-of-type(5) {
    -ms-grid-row: 7
}

#home__accountInfoWrap>form>select:nth-of-type(2) {
    -ms-grid-row: 8
}

#home__accountInfoWrap>form>hr:nth-of-type(1) {
    -ms-grid-row: 9
}

#home__accountInfoWrap>form>h2:nth-of-type(1) {
    -ms-grid-row: 10
}

#home__accountInfoWrap>form>label.checkbox:nth-of-type(1) {
    -ms-grid-row: 11
}

#home__accountInfoWrap>form>label.checkbox:nth-of-type(2) {
    -ms-grid-row: 12
}

#home__accountInfoWrap>form>hr:nth-of-type(2) {
    -ms-grid-row: 13
}

#home__accountInfoWrap>form>h2:nth-of-type(2) {
    -ms-grid-row: 14
}

#home__accountInfoWrap>form>input:nth-of-type(6) {
    -ms-grid-row: 15
}

#home__accountInfoWrap>form>input:nth-of-type(7) {
    -ms-grid-row: 16
}

#home__accountInfoWrap>form>input:nth-of-type(8) {
    -ms-grid-row: 17
}

#home__accountInfoWrap>form>input:nth-of-type(9) {
    -ms-grid-row: 17
}

#home__accountInfoWrap>form>input:nth-of-type(11) {
    -ms-grid-row: 18
}

#home__accountInfoWrap>form>input[type="text"],
#home__accountInfoWrap>form>input[type="tel"],
#home__accountInfoWrap>form input[type="email"],
#home__accountInfoWrap>form select {
    -ms-grid-column: 1;
    grid-column-start: 1;
    grid-column-end: 4;
    -ms-grid-column-span: 3;
    margin-bottom: 10px
}

#home__accountInfoWrap>form>hr {
    -ms-grid-column: 1;
    grid-column-start: 1;
    grid-column-end: 4;
    -ms-grid-column-span: 3;
    width: 100%;
    margin-top: 10px
}

#home__accountInfoWrap>form>h2 {
    -ms-grid-column: 1;
    grid-column-start: 1;
    grid-column-end: 4;
    -ms-grid-column-span: 3;
    margin-bottom: 10px
}

#home__accountInfoWrap>form>label.checkbox {
    -ms-grid-column: 1;
    grid-column-start: 1;
    grid-column-end: 4;
    -ms-grid-column-span: 3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 10px
}

#home__accountInfoWrap>form>input:nth-of-type(8) {
    grid-column-start: 1;
    -ms-grid-column: 1;
    margin-bottom: 10px
}

#home__accountInfoWrap>form>input:nth-of-type(9) {
    grid-column-start: 3;
    -ms-grid-column: 3;
    margin-bottom: 10px
}

#home__accountInfoWrap>form>.primaryButton {
    grid-column-start: 3;
    -ms-grid-column: 3
}

#project__projImgsWrap::-webkit-scrollbar {
    display: none
}

#project__projImgsWrap {
    background-color: #595959;
    white-space: nowrap;
    overflow-x: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding: 10px 0;
    box-sizing: border-box;
    margin: 10px auto
}

#project__projImgsWrap>button#project__projImgsWrap__prevImg.project__projImgsWrap__toggleImg--show,
#project__projImgsWrap>button#project__projImgsWrap__nextImg.project__projImgsWrap__toggleImg--show {
    display: block !important
}

#project__projImgsWrap>button#project__projImgsWrap__prevImg {
    left: 10px
}

#project__projImgsWrap>button#project__projImgsWrap__nextImg {
    right: 10px
}

#project__projImgsWrap>button#project__projImgsWrap__prevImg:hover,
#project__projImgsWrap>button#project__projImgsWrap__nextImg:hover {
    background: #fff;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important
}

#project__projImgsWrap>button#project__projImgsWrap__prevImg,
#project__projImgsWrap>button#project__projImgsWrap__nextImg {
    position: fixed;
    top: calc(50vh - 20px);
    z-index: 1001;
    background: rgba(255, 255, 255, 0.8);
    padding: 30px 10px;
    box-sizing: border-box;
    border: none;
    outline: none;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.15);
    -webkit-transition: background .15s ease-in-out;
    -moz-transition: background .15s ease-in-out;
    -o-transition: background .15s ease-in-out;
    transition: background .15s ease-in-out;
    display: none
}

#project__projImgsWrap>button#project__projImgsWrap__prevImg>svg,
#project__projImgsWrap>button#project__projImgsWrap__nextImg>svg {
    fill: #909090;
    width: 26px;
    height: 26px
}

#project__projImgsWrap>figure.project__projImgsWrap__figure--focus {
    position: fixed !important;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-content: center;
    align-items: center;
    text-align: center;
    background: none;
    padding: 20px;
    box-sizing: border-box;
    z-index: 1000;
    margin: 0;
    pointer-events: none
}

#project__projImgsWrap>figure.project__projImgsWrap__figure--focus>img {
    pointer-events: auto;
    -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.15);
    max-height: calc(100vh - 40px);
    background-color: #fff;
    width: initial
}

#project__projImgsWrap>figure.project__projImgsWrap__figure--focus>span {
    display: none
}

#project__projImgsWrap>figure:not(.project__projImgsWrap__figure--focus):nth-of-type(1) {
    margin-left: 10px
}

#project__projImgsWrap>figure:not(.project__projImgsWrap__figure--focus):nth-last-of-type(1) {
    margin-right: 10px
}

#project__projImgsWrap>figure:not(.project__projImgsWrap__figure--focus) {
    vertical-align: top;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-items: center;
    width: 125px;
    height: 125px;
    background-color: #fff;
    overflow: hidden;
    margin: 0 2px;
    cursor: pointer
}

#project__projImgsWrap>figure:not(.project__projImgsWrap__figure--focus)>span {
    position: absolute;
    right: 0;
    bottom: 2px;
    background-color: #fff;
    opacity: .9;
    padding: 5px;
    border-radius: 50% 0 0 50%
}

#project__projImgTypeWrap.project__projImgTypeWrap--show {
    display: flex !important
}

#project__projImgTypeWrap {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    align-content: center;
    align-items: center;
    justify-content: center;
    justify-items: center;
    text-align: center;
    z-index: 18;
    display: none;
    pointer-events: none
}

#project__projImgTypeWrap>div {
    padding: 20px;
    box-sizing: border-box;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.15);
    pointer-events: auto
}

#project__projImgTypeWrap>div>form>label>input[type="file"] {
    display: none
}

#project__projImgTypeWrap>div>form>label>span.secondaryButton {
    margin: 4px 0;
    cursor: pointer
}

#project__projImgTypeWrap>div>form>input[type="submit"] {
    margin: 4px 0
}

#project__projMsgSendWrap.project__projMsgSendWrap--fixed {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 8
}

#project__projMsgSendWrap {
    background-color: #fff
}

#project__projMsgSendWrap>.grid {
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15);
    padding: 20px;
    box-sizing: border-box;
    position: relative
}

#project__projMsgSendWrap>.grid>form:nth-of-type(1) {
    display: -ms-grid;
    display: grid;
    grid-template-columns: 1fr 36px;
    -ms-grid-columns: 1fr 36px;
    padding: 0
}

#project__projMsgSendWrap>.grid>form:nth-of-type(1)>textarea {
    resize: vertical;
    height: 100px;
    max-width: calc(100% - 10px)
}

#project__projMsgSendWrap>.grid>form:nth-of-type(1)>label:hover {
    background-color: #bf2c2f !important;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important
}

#project__projMsgSendWrap>.grid>form:nth-of-type(1)>label.project__projMsgSendWrap__grid__submit--disabled {
    background-color: #DEDEDE !important;
    pointer-events: none
}

#project__projMsgSendWrap>.grid>form:nth-of-type(1)>label {
    -ms-grid-column: 2;
    background-color: #D34144;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 5px;
    cursor: pointer;
    -webkit-transition: background-color .15s ease-in-out;
    -moz-transition: background-color .15s ease-in-out;
    -o-transition: background-color .15s ease-in-out;
    transition: background-color .15s ease-in-out
}

#project__projMsgSendWrap>.grid>form:nth-of-type(1)>label>input {
    display: none
}

#project__projMsgSendWrap>.grid>form:nth-of-type(1)>label>span {
    display: none
}

#project__projMsgSendWrap>.grid>form:nth-of-type(1)>label>svg {
    fill: #fff;
    width: 18px;
    height: 18px
}

#project__projMsgSendWrap>.grid>button:hover {
    background-color: #454545 !important;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important
}

#project__projMsgSendWrap>.grid>button {
    position: absolute;
    top: 66px;
    right: 20px;
    padding: 0;
    background-color: #595959;
    border: none;
    outline: none;
    width: 36px;
    height: 36px;
    border-radius: 5px;
    display: inline-flex;
    align-items: center;
    align-content: center;
    justify-items: center;
    justify-content: center;
    -webkit-transition: background-color .15s ease-in-out;
    -moz-transition: background-color .15s ease-in-out;
    -o-transition: background-color .15s ease-in-out;
    transition: background-color .15s ease-in-out
}

#project__projMsgSendWrap>.grid>button>span {
    display: none
}

#project__projMsgSendWrap>.grid>button>svg {
    fill: #fff;
    width: 18px;
    height: 18px
}

#project__projMsgsWrap>.grid {
    padding: 0 20px 10px 20px;
    box-sizing: border-box;
    clear: right;
    overflow: auto
}

#project__projMsgsWrap>.grid>.project__projMsgsWrap__projMsg--client {
    border-top: 1px solid #DEDEDE;
    background-color: #fff;
    float: right
}

#project__projMsgsWrap>.grid>.project__projMsgsWrap__projMsg--admin {
    border-top: 1px solid #B8D5E6;
    background-color: #eff5f9;
    float: left
}

#project__projMsgsWrap>.grid>.project__projMsgsWrap__projMsg--sales {
    border-top: 1px solid #DEDEDE;
    background-color: #F9F9F9;
    float: left
}

#project__projMsgsWrap>.grid>.project__projMsgsWrap__projMsg--CAD {
    border-top: 1px solid #FAC59F;
    background-color: #fef1e7;
    float: left
}

#project__projMsgsWrap>.grid>.project__projMsgsWrap__projMsg {
    width: calc(100% - 20px);
    display: -ms-grid;
    display: grid;
    grid-template-columns: 30px 1fr 60px;
    -ms-grid-columns: 30px 1fr 60px;
    margin: 5px 0;
    padding: 20px;
    box-sizing: border-box;
    border-radius: 0 0 5px 5px
}

#project__projMsgsWrap>.grid>.project__projMsgsWrap__projMsg>img {
    border-radius: 50%;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: 3;
    -ms-grid-row-span: 2;
    border-bottom: 1px solid #595959;
    border-right: 1px solid #595959
}

#project__projMsgsWrap>.grid>.project__projMsgsWrap__projMsg>svg {
    fill: #F58C3F;
    width: 26px;
    height: 26px;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: 3;
    -ms-grid-row-span: 2
}

#project__projMsgsWrap>.grid>.project__projMsgsWrap__projMsg>img+span,
#project__projMsgsWrap>.grid>.project__projMsgsWrap__projMsg>img+span+span,
#project__projMsgsWrap>.grid>.project__projMsgsWrap__projMsg>svg+span,
#project__projMsgsWrap>.grid>.project__projMsgsWrap__projMsg>svg+span+span {
    grid-column-start: 2 !important;
    -ms-grid-column: 2 !important;
    padding-left: 10px
}

#project__projMsgsWrap>.grid>.project__projMsgsWrap__projMsg>span:nth-of-type(2) {
    -ms-grid-row: 2
}

#project__projMsgsWrap>.grid>.project__projMsgsWrap__projMsg>span {
    display: inline-block;
    grid-column-start: 1;
    -ms-grid-column: 1;
    grid-column-end: 4;
    -ms-grid-column-span: 3;
    font-size: .74702rem;
    line-height: 1.1407rem
}

#project__projMsgsWrap>.grid>.project__projMsgsWrap__projMsg>div {
    margin-top: 10px;
    grid-column-start: 1;
    -ms-grid-column: 1;
    grid-column-end: 4;
    -ms-grid-column-span: 3;
    grid-row-start: 3;
    -ms-grid-row: 3;
    overflow: hidden;
    overflow-wrap: break-word
}

#project__projMsgsWrap>.grid>.project__projMsgsWrap__projMsg>div>.project__projMsgsWrap__projMsg__formWrap {
    background-color: #fff;
    border: 1px solid #DEDEDE;
    padding: 20px;
    box-sizing: border-box
}

#project__projMsgsWrap>.grid>.project__projMsgsWrap__projMsg>div>.project__projMsgsWrap__projMsg__formWrap>span {
    display: block;
    margin-bottom: 10px
}

#project__projMsgsWrap>.grid>.project__projMsgsWrap__projMsg>div>.project__projMsgsWrap__projMsg__formWrap>label.radio,
#project__projMsgsWrap>.grid>.project__projMsgsWrap__projMsg>div>.project__projMsgsWrap__projMsg__formWrap>label.checkbox {
    margin: 10px 0
}

#project__projMsgsWrap>.grid>.project__projMsgsWrap__projMsg>div>.project__projMsgsWrap__projMsg__formWrap>.primaryButton {
    margin-top: 20px
}

#project__projMsgsWrap>.grid>.project__projMsgsWrap__projMsg>div>#project__projMsgsWrap__projMsg__notifyWrap {
    background-color: #fff;
    border: 1px solid #DEDEDE;
    padding: 20px;
    box-sizing: border-box
}

#project__projMsgsWrap>.grid>.project__projMsgsWrap__projMsg>div>#project__projMsgsWrap__projMsg__notifyWrap>span {
    display: block;
    margin-bottom: 10px
}

#project__projMsgsWrap>.grid>.project__projMsgsWrap__projMsg>div>#project__projMsgsWrap__projMsg__notifyWrap>label.radio {
    margin: 10px 0
}

#project__projMsgsWrap>.grid>.project__projMsgsWrap__projMsg>div>#project__projMsgsWrap__projMsg__notifyWrap>input[type="tel"].project__projMsgsWrap__projMsg__notifyWrap__phone--show {
    max-height: 2000px !important;
    padding: 10px !important;
    border: 1px solid #DEDEDE !important
}

#project__projMsgsWrap>.grid>.project__projMsgsWrap__projMsg>div>#project__projMsgsWrap__projMsg__notifyWrap>input[type="tel"] {
    max-height: 0;
    height: 100%;
    overflow: hidden;
    transition: max-height .15s ease 0s, padding .15s ease 0s;
    -webkit-transition: max-height .15s ease 0s, padding .15s ease 0s;
    padding: 0 10px;
    border: none;
    width: 100%;
    margin: 0
}

#project__projMsgsWrap>.grid>.project__projMsgsWrap__projMsg>div>#project__projMsgsWrap__projMsg__notifyWrap>.primaryButton {
    margin-top: 10px
}

#project__projMsgsWrap>.grid>.project__projMsgsWrap__projMsg>div>.project__sigFormWrap {
    background-color: #fff;
    border: 1px solid #DEDEDE;
    padding: 20px 40px;
    box-sizing: border-box;
    margin: 20px 0
}

#project__projMsgsWrap>.grid>.project__projMsgsWrap__projMsg>div>.project__sigFormWrap>.project__sigDisplayCanvas {
    width: 100%
}

#project__projMsgsWrap>.grid>.project__projMsgsWrap__projMsg>div>.project__sigFormWrap>.project__sigRealCanvas {
    display: none
}

#project__projMsgsWrap>.grid>.project__projMsgsWrap__projMsg>div>.project__sigFormWrap>textarea {
    display: none
}

#project__projMsgsWrap>.grid>.project__projMsgsWrap__projMsg>div>.project__sigFormWrap>input[type='text'] {
    width: 100%;
    text-align: center
}

#project__projMsgsWrap>.grid>.project__projMsgsWrap__projMsg>div>.project__sigFormWrap>div:nth-of-type(1) {
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    margin: 20px 0;
    white-space: nowrap
}

#project__projMsgsWrap>.grid>.project__projMsgsWrap__projMsg>div>.project__sigFormWrap>div:nth-of-type(1)>.project__sigFormWrap__option--cedarville {
    font-family: 'Cedarville Cursive', cursive
}

#project__projMsgsWrap>.grid>.project__projMsgsWrap__projMsg>div>.project__sigFormWrap>div:nth-of-type(1)>.project__sigFormWrap__option--kristi {
    font-family: 'Kristi', cursive
}

#project__projMsgsWrap>.grid>.project__projMsgsWrap__projMsg>div>.project__sigFormWrap>div:nth-of-type(1)>.project__sigFormWrap__option--mrsSaintDelafield {
    font-family: 'Mrs Saint Delafield', cursive
}

#project__projMsgsWrap>.grid>.project__projMsgsWrap__projMsg>div>.project__sigFormWrap>div:nth-of-type(1)>.project__sigFormWrap__option--dawningOfANewDay {
    font-family: 'Dawning of a New Day', cursive
}

#project__projMsgsWrap>.grid>.project__projMsgsWrap__projMsg>div>.project__sigFormWrap>div:nth-of-type(1)>label {
    display: inline-block;
    width: 66%;
    text-align: center;
    padding: 20px;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative
}

#project__projMsgsWrap>.grid>.project__projMsgsWrap__projMsg>div>.project__sigFormWrap>div:nth-of-type(1)>label>input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    height: 0;
    width: 0
}

#project__projMsgsWrap>.grid>.project__projMsgsWrap__projMsg>div>.project__sigFormWrap>div:nth-of-type(1)>label>span {
    font-size: 2rem
}

#project__projMsgsWrap>.grid>.project__projMsgsWrap__projMsg>div>.project__sigFormWrap>div:nth-of-type(2) {
    border-top: 1px solid #DEDEDE;
    padding: 20px 0
}

#project__projMsgsWrap>.grid>.project__projMsgsWrap__projMsg>div>.project__sigFormWrap>div:nth-of-type(2)>label {
    display: inline-block
}

#project__projMsgsWrap>.grid>.project__projMsgsWrap__projMsg>div>.project__sigFormWrap>.primaryButton {
    margin-top: 20px
}

.project__bkgOverlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 17;
    background: rgba(0, 0, 0, 0.4);
    cursor: pointer;
    display: none
}

.project__bkgOverlay--show {
    display: block
}

@media screen and (min-width: 1400px) {
    #project__projImgsWrap>button#project__projImgsWrap__prevImg {
        left: calc(10px + 50vw - 700px)
    }

    #project__projImgsWrap>button#project__projImgsWrap__nextImg {
        right: calc(10px + 50vw - 700px)
    }
}

@media screen and (min-width: 900px) {
    #project__projImgTypeWrap {
        width: 400px;
        left: calc(50% - 200px)
    }

    #project__projMsgSendWrap.project__projMsgSendWrap--fixed {
        position: static;
        bottom: auto;
        left: auto;
        right: auto
    }

    #project__projMsgSendWrap>.grid {
        padding: 0 0 10px 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        border: none
    }

    #project__projMsgSendWrap>.grid>form:nth-of-type(1) {
        grid-template-columns: 1fr 200px;
        -ms-grid-columns: 1fr 200px;
        margin-top: 10px
    }

    #project__projMsgSendWrap>.grid>form:nth-of-type(1)>label {
        width: 200px;
        height: 20px;
        color: #fff;
        grid-template-columns: auto auto;
        -ms-grid-columns: auto auto;
        padding: 10px 0;
        text-align: center;
        border-radius: 5px
    }

    #project__projMsgSendWrap>.grid>form:nth-of-type(1)>label>span {
        display: block;
        margin-right: 10px
    }

    #project__projMsgSendWrap>.grid>button {
        right: 0;
        top: 45px;
        width: 200px;
        height: 40px;
        color: #fff;
        grid-template-columns: auto auto;
        -ms-grid-columns: auto auto;
        padding: 10px 0;
        text-align: center;
        border-radius: 5px
    }

    #project__projMsgSendWrap>.grid>button>span {
        display: block;
        margin-right: 10px
    }

    #project__projMsgsWrap>.grid {
        padding: 0 0 10px 0
    }

    #project__projMsgsWrap>.grid>.project__projMsgsWrap__projMsg>div>.project__sigFormWrap>div:nth-of-type(1) {
        overflow-x: hidden
    }

    #project__projMsgsWrap>.grid>.project__projMsgsWrap__projMsg>div>.project__sigFormWrap>div:nth-of-type(1)>label {
        width: 25%
    }
}

#order__basketInfo {
    background-color: #F9F9F9;
    padding: 20px;
    box-sizing: border-box;
    margin: 20px 0
}

#order__basketInfo>span:nth-of-type(3n+2) {
    font-weight: bold;
    display: inline-block;
    width: 75%;
    float: left;
    margin-bottom: 10px
}

#order__basketInfo>span:nth-of-type(3n+3) {
    text-align: right;
    font-weight: bold;
    display: inline-block;
    float: right
}

#order__basketInfo>span:nth-of-type(3n+4) {
    display: inline-block;
    width: 75%;
    margin-bottom: 10px;
    clear: left;
    margin-bottom: 40px
}

#order__basketInfo>hr {
    width: 100%
}

#order__basketInfo>div.order__basketInfo__print {
    text-align: right
}

#order__basketInfo>div.order__basketInfo__print>a {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    color: inherit;
    padding: 10px 10px;
    transform: translateX(10px) translateY(10px)
}

#order__basketInfo>div.order__basketInfo__print>a>svg {
    margin-left: 10px;
    fill: #595959;
    width: 18px;
    height: 18px
}

#order__orderInfo {
    margin: 20px 0
}

#order__orderInfo>span {
    display: inline-block
}

#order__orderInfo>span.order__orderInfo__lbl {
    width: calc(50% - 20px);
    margin-left: 20px
}

#order__orderInfo>span.order__orderInfo__val {
    text-align: right;
    width: calc(50% - 20px);
    margin-right: 20px
}

#order__orderInfo>span.order__orderInfo__msg {
    width: calc(100% - 20px);
    margin-left: 20px;
    color: #D34144
}

#order__orderInfo>span.order__orderInfo__balance--remaining {
    color: #D34144
}

#order__orderInfo>span.order__orderInfo__balance--paid {
    color: #4A824F
}

#order__orderInfo>span.order__orderInfo__paymentHeader {
    width: calc(100% - 20px);
    margin: 0 0 10px 20px
}

#order__orderInfo>span.order__orderInfo__paymentLbl {
    width: calc(33.33% - 20px);
    margin-left: 20px
}

#order__orderInfo>span.order__orderInfo__paymentType {
    width: calc(33.33% - 20px);
    width: 33%
}

#order__orderInfo>span.order__orderInfo__paymentAmt {
    text-align: right;
    width: calc(33.33% - 20px);
    margin-right: 20px
}

#order__orderInfo>hr {
    width: calc(100% - 40px);
    margin: 5px 20px
}

#order__orderInfo>a.primaryButton--fixed {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 0 !important;
    z-index: 1;
    max-width: none
}

#order__orderInfo>a.primaryButton:not(.primaryButton--fixed) {
    margin: 20px auto;
    width: calc(100% - 40px)
}

#order__orderInfo>a.primaryButton {
    transition: bottom .15s ease 0s, left .15s ease 0s, right .15s ease 0s, margin .15s ease 0s, width .15s ease-in-out, background-color .15s ease-in-out;
    -webkit-transition: bottom .15s ease 0s, left .15s ease 0s, right .15s ease 0s, margin .15s ease 0s, width .15s ease-in-out, background-color .15s ease-in-out
}

@media screen and (min-width: 900px) {
    #order__basketInfo {
        display: inline-block;
        width: calc(50% - 4px);
        vertical-align: top
    }

    #order__orderInfo {
        width: calc(50% - 4px);
        display: inline-block
    }

    #order__orderInfo>a.primaryButton--fixed {
        position: static;
        bottom: auto;
        left: auto;
        right: auto;
        border-radius: 5px !important;
        margin: 20px auto;
        width: calc(100% - 40px)
    }
}

#orderAddresses__orderAddressesWrap {
    padding: 20px;
    box-sizing: border-box
}

#orderAddresses__orderAddressesWrap>div>h1 {
    margin-top: 0
}

#orderAddresses__orderAddressesWrap>div>h1,
#orderAddresses__orderAddressesWrap>div>input,
#orderAddresses__orderAddressesWrap>div>select,
#orderAddresses__orderAddressesWrap>div>label {
    margin-bottom: 10px
}

@media screen and (min-width: 900px) {
    #orderAddresses__orderAddressesWrap {
        display: -ms-grid;
        display: grid;
        grid-template-columns: 1fr 1fr;
        -ms-grid-columns: 1fr 1fr
    }

    #orderAddresses__orderAddressesWrap>div:nth-of-type(1) {
        -ms-grid-column: 1
    }

    #orderAddresses__orderAddressesWrap>div:nth-of-type(2) {
        -ms-grid-column: 2;
        padding-left: 40px
    }

    #orderAddresses__orderAddressesWrap>.primaryButton {
        grid-column-start: 2;
        -ms-grid-column: 2;
        -ms-grid-row: 2;
        display: block;
        margin-left: auto
    }
}

#favorites__favWrap {
    padding: 20px;
    box-sizing: border-box
}

#favorites__favWrap>.grid>h1 {
    margin-top: 0
}

#favorites__favWrap>.grid>ul {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    padding: 0
}

#favorites__favWrap>.grid>ul>li:nth-of-type(even) {
    margin-left: 20px
}

#favorites__favWrap>.grid>ul>li {
    position: relative;
    text-align: center;
    width: calc(50% - 20px)
}

#favorites__favWrap>.grid>ul>li>a:nth-of-type(1):hover>svg {
    fill: #D34144
}

#favorites__favWrap>.grid>ul>li>a:nth-of-type(1) {
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px
}

#favorites__favWrap>.grid>ul>li>a:nth-of-type(1)>svg {
    fill: #595959;
    width: 18px;
    height: 18px
}

#favorites__favWrap>.grid>ul>li>a:nth-of-type(2) {
    text-decoration: none;
    color: #595959
}

@media screen and (min-width: 900px) {
    #favorites__favWrap>.grid>ul>li:nth-of-type(4n-3) {
        margin-left: 0 !important
    }

    #favorites__favWrap>.grid>ul>li {
        width: calc(25% - 20px);
        margin-left: 20px
    }
}

.timelineHeader {
    margin-left: 20px
}

.timeline {
    margin: 20px;
    width: calc(100% - 40px);
    box-sizing: border-box;
    border-left: 3px solid #DEDEDE
}

.timeline>div.timeline__step--good {
    border-color: #6E9B72 !important
}

.timeline>div.timeline__step--okay {
    border-color: #F69752 !important
}

.timeline>div.timeline__step--bad {
    border-color: #E17F82 !important
}

.timeline>div.timeline__step {
    border-left: 3px solid #DEDEDE;
    transform: translateX(-3px);
    padding-bottom: 35px
}

.timeline>div.timeline__step>div.timeline__step__box--good {
    border-color: #6E9B72 !important
}

.timeline>div.timeline__step>div.timeline__step__box--good>div.timeline__step__box__marker {
    display: flex !important;
    background-color: #6E9B72 !important;
    border-color: #6E9B72 !important
}

.timeline>div.timeline__step>div.timeline__step__box--okay {
    border-color: #F69752 !important
}

.timeline>div.timeline__step>div.timeline__step__box--okay>div.timeline__step__box__marker {
    display: flex !important;
    background-color: #F69752 !important;
    border-color: #F69752 !important
}

.timeline>div.timeline__step>div.timeline__step__box--bad {
    border-color: #E17F82 !important
}

.timeline>div.timeline__step>div.timeline__step__box--bad>div.timeline__step__box__marker {
    display: flex !important;
    background-color: #E17F82 !important;
    border-color: #E17F82 !important
}

.timeline>div.timeline__step>div.timeline__step__box::before {
    content: "";
    display: block;
    position: absolute;
    top: calc(50% - 2px);
    height: calc(50% - 2px);
    border-top: 2px dashed #DEDEDE;
    left: -35px;
    width: 30px
}

.timeline>div.timeline__step>div.timeline__step__box:not(:nth-last-of-type(1)) {
    margin-bottom: 35px
}

.timeline>div.timeline__step>div.timeline__step__box {
    background-color: #F9F9F9;
    border-radius: 5px;
    padding: 10px 20px;
    box-sizing: border-box;
    border-left: 5px solid #C7C7C7;
    margin-left: 35px;
    position: relative
}

.timeline>div.timeline__step>div.timeline__step__box>h2 {
    margin-top: 10px;
    font-size: 1rem;
    line-height: 1.527rem;
    color: #212121
}

.timeline>div.timeline__step>div.timeline__step__box>div.timeline__step__box__marker {
    position: absolute;
    top: calc(50% - 12px);
    left: -54px;
    border-radius: 50%;
    z-index: 1;
    width: 23px;
    height: 23px;
    align-content: center;
    align-items: center;
    justify-content: center;
    justify-items: center;
    background-color: #fff;
    border: 1px solid #DEDEDE
}

.timeline>div.timeline__step>div.timeline__step__box>div.timeline__step__box__marker>svg {
    width: 14px;
    height: 14px;
    fill: #fff
}

.timeline>div.timeline__step>div.timeline__step__box>div.timeline__step__box__sigBox {
    border: 1px solid #DEDEDE;
    background-color: #fff;
    padding: 20px;
    box-sizing: border-box;
    max-width: 500px
}

.timeline>div.timeline__step>div.timeline__step__box>div.timeline__step__box__sigBox>p {
    font-size: .74702rem;
    line-height: 1.1407rem
}

.timeline>div.timeline__step>div.timeline__step__box>div.timeline__step__box__sigBox>img {
    margin-left: 0
}

.policy__policyWrap {
    padding: 20px;
    box-sizing: border-box
}

.policy__policyWrap>h1 {
    margin-top: 0
}

.policy__policyWrap>div.policy__policyWrap__itemWrap {
    display: flex;
    flex-wrap: wrap;
    margin: 20px 0;
    border-bottom: 1px solid #DEDEDE
}

.policy__policyWrap>div.policy__policyWrap__itemWrap>div.policy__policyWrap__itemWrap__img {
    width: 50%
}

.policy__policyWrap>div.policy__policyWrap__itemWrap>div.policy__policyWrap__itemWrap__summary {
    width: 50%;
    padding-left: 10px;
    box-sizing: border-box
}

.policy__policyWrap>div.policy__policyWrap__itemWrap>div.policy__policyWrap__itemWrap__summary>h2 {
    margin-top: 0
}

.policy__policyWrap>div.policy__policyWrap__itemWrap>div.policy__policyWrap__itemWrap__summary>span {
    display: block
}

.policy__policyWrap>div.policy__policyWrap__itemWrap>ul.policy__policyWrap__itemWrap__menu {
    width: 100%;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.policy__policyWrap>div.policy__policyWrap__itemWrap>ul.policy__policyWrap__itemWrap__menu>li:nth-last-of-type(1)>button.policy__policyWrap__itemWrap__menu__header {
    border-bottom: none !important
}

.policy__policyWrap>div.policy__policyWrap__itemWrap>ul.policy__policyWrap__itemWrap__menu>li>button.policy__policyWrap__itemWrap__menu__header::-moz-focus-inner {
    border: none
}

.policy__policyWrap>div.policy__policyWrap__itemWrap>ul.policy__policyWrap__itemWrap__menu>li>button.policy__policyWrap__itemWrap__menu__header {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 10px 0;
    border: none;
    outline: none;
    background-color: transparent;
    color: inherit;
    border-bottom: 1px solid #DEDEDE
}

.policy__policyWrap>div.policy__policyWrap__itemWrap>ul.policy__policyWrap__itemWrap__menu>li>button.policy__policyWrap__itemWrap__menu__header>span {
    width: calc(100% - 14px);
    text-align: left
}

.policy__policyWrap>div.policy__policyWrap__itemWrap>ul.policy__policyWrap__itemWrap__menu>li>button.policy__policyWrap__itemWrap__menu__header>svg {
    fill: #595959;
    width: 14px;
    height: 14px
}

.policy__policyWrap>div.policy__policyWrap__itemWrap>ul.policy__policyWrap__itemWrap__menu>li>div.policy__policyWrap__itemWrap__menu__content--active {
    max-height: 2000px !important
}

.policy__policyWrap>div.policy__policyWrap__itemWrap>ul.policy__policyWrap__itemWrap__menu>li>div.policy__policyWrap__itemWrap__menu__content {
    max-height: 0;
    height: 100%;
    overflow: hidden;
    transition: max-height .3s ease 0s, padding .3s ease 0s;
    -webkit-transition: max-height .3s ease 0s, padding .3s ease 0s;
    padding: 0 10px;
    box-sizing: border-box
}

.policy__policyWrap>div.policy__policyWrap__itemWrap>ul.policy__policyWrap__itemWrap__menu>li>div.policy__policyWrap__itemWrap__menu__content>p {
    margin: 0;
    padding: 10px 0
}

.policy__policyWrap>div.policy__policyWrap__itemWrap>ul.policy__policyWrap__itemWrap__menu>li>div.policy__policyWrap__itemWrap__menu__content>p>img {
    width: 100%;
    max-width: 300px;
    margin-left: 0
}

.policy__policyWrap>div.policy__policyWrap__itemWrap>ul.policy__policyWrap__itemWrap__menu>li>div.policy__policyWrap__itemWrap__menu__content>ul {
    list-style-type: none;
    padding: 10px 0;
    font-size: .875rem
}

.policy__policyWrap>div.policy__policyWrap__itemWrap>ul.policy__policyWrap__itemWrap__menu>li>div.policy__policyWrap__itemWrap__menu__content>ul>li:nth-of-type(odd) {
    background-color: #F9F9F9
}

.policy__policyWrap>div.policy__policyWrap__itemWrap>ul.policy__policyWrap__itemWrap__menu>li>div.policy__policyWrap__itemWrap__menu__content>ul>li {
    display: -ms-grid;
    display: grid;
    grid-template-columns: 1fr 1fr;
    -ms-grid-columns: 1fr 1fr;
    padding: 5px 10px;
    box-sizing: border-box
}

.policy__policyWrap>div.policy__policyWrap__itemWrap>ul.policy__policyWrap__itemWrap__menu>li>div.policy__policyWrap__itemWrap__menu__content>ul>li>span {
    display: inline-block
}

.policy__policyWrap>div.policy__policyWrap__itemWrap>ul.policy__policyWrap__itemWrap__menu>li>div.policy__policyWrap__itemWrap__menu__content>ul>li>span:nth-of-type(even) {
    -ms-grid-column: 2;
    text-align: right
}

.policy__policyWrap>div.policy__policyWrap__itemWrap>ul.policy__policyWrap__itemWrap__menu>li>a.policy__policyWrap__itemWrap__menu__link {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 10px 0;
    color: inherit;
    text-decoration: none;
    border-bottom: 1px solid #DEDEDE
}

.policy__policyWrap>div.policy__policyWrap__itemWrap>ul.policy__policyWrap__itemWrap__menu>li>a.policy__policyWrap__itemWrap__menu__link>span {
    text-align: left
}

.policy__policyWrap>div.policy__policyWrap__itemWrap>ul.policy__policyWrap__itemWrap__menu>li>a.policy__policyWrap__itemWrap__menu__link>svg {
    margin-left: 10px;
    fill: #595959;
    width: 14px;
    height: 14px
}

@media screen and (min-width: 900px) {
    .policy__policyWrap>div.policy__policyWrap__itemWrap>div.policy__policyWrap__itemWrap__img {
        width: 200px
    }

    .policy__policyWrap>div.policy__policyWrap__itemWrap>div.policy__policyWrap__itemWrap__summary {
        width: calc(33% - 210px);
        padding: 20px
    }

    .policy__policyWrap>div.policy__policyWrap__itemWrap>ul.policy__policyWrap__itemWrap__menu {
        width: 66%;
        padding: 20px;
        box-sizing: border-box
    }
}