﻿.articlesPage > h4 {
    font-size: 36px;
    line-height: 47px;
    color: #333333;
    font-family: 'Montserrat', sans-serif;
    text-align: center;
    font-weight: 500;
    margin: 30px 0 24px;
}
.articlesHead {
    margin: 40px 0 44px 0;
}
.articlesHead > h2 > span {
    font-size: 28px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-style: italic;
    color: #000000;
    margin-top: 0;
    opacity: 1;
}
.articlesShare {
    display: flex;
    justify-content: center;
}
.articlesList > li {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 4px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    padding-left: 30px;
    position: relative;
    color: #666666;
}
    .articlesList > li::before {
        content: '';
        display: block;
        width: 10px;
        height: 10px;
        background-color: #cccccc;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        position: absolute;
        top: 8px;
        left: 10px;
    }
.articlesListSub > li {
    padding-left: 30px;
    position: relative;
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 4px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #666666;
}
    .articlesListSub > li::before {
        border: 1px solid #808080;
        background-color: #ffffff !important;
        content: '';
        display: block;
        width: 10px;
        height: 10px;
        background-color: #cccccc;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        position: absolute;
        top: 8px;
        left: 10px;
    }
@media (max-width: 700px) {
    .articlesHead {
        margin: 40px 0 28px 0;
    }
        .articlesHead > h2 > span {
            font-size: 20px;
            margin-bottom: 15px
        }
    .articlesList > li {
        font-size: 13px;
        line-height: 23px;
        margin-bottom: 7px;
    }
    .articlesListSub > li {
        font-size: 13px;
        line-height: 23px;
        margin-bottom: 7px;
    }
    .articlesPage > h4 {
        font-size: 22px;
        line-height: 30px;
    }
    .articlesShare {
        margin-top: 20px;
    }
    .boldItal {
        font-size: 20px;
    }
   
}
@media (min-width:701px) and (max-width: 1170px) {
    .articlesPage > h4 {
        font-size: 33px;
        line-height: 43px;
    }
    .boldItal {
        font-size: 25px;
    }
    .lcIcon {
        height: 30px;
        width: 30px;
    }
    .lcCell > h5 {
        font-size: 21px;
        line-height: 31px;
    }

    .lcCell > p {
        font-size: 10px;
        line-height: 16px;
    }
}
.boldItal {
    font-size: 28px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-style: italic;
    color: #000000 !important;
    margin-top: 0;
    opacity:1;
}
.lcTable {
    width: 100%;
    border-collapse: separate;
    border-spacing: 30px;
    table-layout: fixed;
}
.lcIcon {
    background-repeat: no-repeat;
    background-size: contain;
    border:none;
}
.Calculator {
    background-image: url("/getmedia/d2a5bb8f-7b54-4149-8438-42ccd648ae56/calculator.png");
    background-repeat:no-repeat;
}
.Checkboxes {
    background-image: url("/getmedia/3ff4692f-0f6c-4c96-bc9e-6b56dca5796b/checkboxes.png");
    background-repeat: no-repeat;
}
.CreditCheck {
    background-image: url("/getmedia/5192edf2-1dd4-4a28-8b1a-1e5cb81dec78/credit-check.png");
    background-repeat: no-repeat;
}
.GraphDown {
    background-image: url("/getmedia/15a4f973-8056-476a-a0f1-ea841db3baa4/graph-down.png");
    background-repeat: no-repeat;
}
.HouseGold {
    background-image: url("/getmedia/c3214cf7-5262-4338-b43f-23b1cca776de/house-gold.png");
    background-repeat: no-repeat;
}
.HouseMoney {
    background-image: url("/getmedia/ded93bed-6dad-4304-a4f9-3be11bd9a99b/house-on-money-2.png");
    background-repeat: no-repeat;
}
.ListFile {
    background-image: url("/getmedia/611107e4-e3d0-4781-b211-c48fef61fd4f/list-file.png");
    background-repeat: no-repeat;
}
.MedalOfHonor {
    background-image: url("/getmedia/f18fa67c-57f2-44a3-8d63-2be02dfcacfc/MedalOfHonor_Gold5.png");
    background-repeat: no-repeat;
}
.lc-image-wrap{
    display:flex;
    flex-direction:row;
    justify-content:center;
}
.lcCell{
    text-decoration:none;

}
.lcCell>h5{
    text-align:center;
}
.lcCell > p {
    text-align: center;
}
@media (min-width:1171px){
    .lcIcon {
        height: 70px;
        width: 70px;
    }
}
@media (max-width: 800px) {
    .lcTable {
        display: flex;
        flex-direction: column;
    }
        .lcTable > .row {
            display: flex !important;
            flex-direction: column;
        }
            .lcTable > .row > .lcCell {
                max-width: calc(100%-40px);
                width: 80%;
                margin: 25px auto 15px auto;
            }
    .lc-image-wrap{
        height:30px;
        width:100%;
    }
    .lcIcon {
        height: 30px;
        width: 30px;
    }
}
.breadCrumb {
    text-align: left;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #666666;
    margin: 15px 0 10px 0;
}
.breadCrumb>a{
    text-decoration:none;
}
.crumb {
    color: #c79e51;
}
.crumb:hover {
    text-decoration: underline;
}
@media (max-width: 700px) {
    .breadCrumb {
        font-size: 13px;
    }
}
.coeIcon{
    height:32px;
    width:32px;
    background-color:aqua
}
.coe-wrap .phone-icon {
    background-image: url(/getmedia/89344a42-60ba-422c-9aee-ee0f6539899b/phone.png);
    width: 28px;
    height: 32px;
}
.coe-wrap .mouse-icon {
    background-image: url(/getmedia/01092fe4-e3ee-47b5-a563-e72f87d67f6d/mouse.png);
    width: 22px;
    height: 31px;
}
.coe-wrap .envelope-icon {
    background-image: url(/getmedia/938f3085-da09-4ddd-9449-c8ddd8404705/envelope.png);
    width: 33px;
    height: 32px;
}
@media (max-width: 1170px) {
    .coe-wrap .envelope-icon {
        width: 19px;
        height: 14px;
    }
    .coe-wrap .mouse-icon {
        width: 14px;
        height: 20px;
    }
    .coe-wrap .phone-icon {
        width: 18px;
        height: 18px;
    }
}
.coe-wrap > figure {
    margin-right: 6px;
    
}
.coeRow {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top:6px;
}
    .coeRow > figure {
        margin-top: 2px;
        margin-right: 6px;
    }
    .coeRow > p {
        color: #ffffff;
    }