:root {
    --theme-color: #F17D3A;
    --theme-color-light: #F17D3A26;
    --theme-color-dark: #F17D3A30;
    --theme-color-white: #fff;
    --theme-color-black: #261A1A;
    
}

@font-face {
    font-family: 'Uniform';
    src: url('../fonts/Uniform.ttf') format('truetype');
}

@font-face {
    font-family: 'Uniform Light';
    src: url('../fonts/Uniform Light.ttf') format('truetype');
}

@font-face {
    font-family: 'Uniform Medium';
    src: url('../fonts/Uniform Medium.ttf') format('truetype');
}

.firmname {
    font-size: 17px;
    font-family: 'Uniform Medium';
    margin: 10px 0;
    text-transform: uppercase;
}

.name {
    font-family: 'Uniform';
    font-size: 16px;
    margin: 10px 0 0;
}

.section-header {
    color: var(--theme-color);
    text-transform: uppercase;
}

.section-container {
    text-align: left;
    padding: 5px 0px 5px 0px;
    margin-top: 0px;
    line-height: 22px;
    font-size: 14px;
    position: relative;
    box-shadow: 1px 2px 15px #48484833;
    background: #fff;
    overflow: hidden;
    word-break: break-word;
    font-family:'Uniform';

}

    .section-container::before {
        content: ' ';
        width: 45px;
        height: 84px;
        position: absolute;
        left: 0;
        top: 0;
        border-top: 7px solid var(--theme-color);
        border-left: 7px solid var(--theme-color);
    }

    .section-container::after {
        content: ' ';
        width: 45px;
        height: 84px;
        position: absolute;
        right: 0;
        top: 0;
        border-top: 7px solid var(--theme-color);
        border-right: 7px solid var(--theme-color);
    }

.section-close {
    position: relative;
}

    .section-close::before {
        content: ' ';
        width: 45px;
        height: 85px;
        position: absolute;
        left: -20px;
        bottom: -20px;
        border-bottom: 7px solid var(--theme-color);
        border-left: 7px solid var(--theme-color);
    }

    .section-close::after {
        content: ' ';
        width: 45px;
        height: 85px;
        position: absolute;
        right: -20px;
       bottom: -20px;
        border-bottom: 7px solid var(--theme-color);
        border-right: 7px solid var(--theme-color);
    }
/* Section CSS Completed */

.classname6 {
    -moz-box-shadow: 0px 10px 14px -7px #732727;
    -webkit-box-shadow: 0px 10px 14px -7px #732727;
    box-shadow: 0px 10px 14px -7px #732727;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, var(--theme-color)), color-stop(1, var(--theme-color-light)) );
    background: -moz-linear-gradient( center top, var(--theme-color) 5%, var(--theme-color-light) 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--theme-color)', endColorstr='var(--theme-color-light)');
    background-color: var(--theme-color);
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-left-radius: 5px;
    text-indent: 0;
    display: inline-block;
    color: #ffffff;
    font-family: arial;
    font-size: 18px;
    font-weight: bold;
    font-style: normal;
    height: 40px;
    line-height: 40px;
    width: 50px;
    text-decoration: none;
    text-align: center;
    text-shadow: 0px 1px 0px #8a3e3e;
}

    .classname6:hover {
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, var(--theme-color-light)), color-stop(1, var(--theme-color)) );
        background: -moz-linear-gradient( center top, var(--theme-color-light) 5%, var(--theme-color) 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--theme-color-light)', endColorstr='var(--theme-color)');
        background-color: var(--theme-color);
    }

    .classname6:active {
        position: relative;
        top: 1px;
    }

.divbackgroundcolor {
    background-color: var(--theme-color);
}

.divbackgroundcolor7 {
    background-color: #261A1A;
}

.classnamebtn {
    -moz-box-shadow: 0px 10px 14px -7px #732727;
    -webkit-box-shadow: 0px 10px 14px -7px #732727;
    box-shadow: 0px 10px 14px -7px #732727;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, var(--theme-color-white)), color-stop(1, var(--theme-color-light)) );
    background: -moz-linear-gradient( center top, var(--theme-color-white) 5%, var(--theme-color-light) 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--theme-color-white)', endColorstr='var(--theme-color-light)');
    background-color: var(--theme-color-white);
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-left-radius: 5px;
    text-indent: 0;
    display: inline-block;
    color: #F17D3A;
    font-family: arial;
    font-size: 18px;
    font-weight: bold;
    font-style: normal;
    height: 40px;
    line-height: 40px;
    width: 50px;
    text-decoration: none;
    text-align: center;
    text-shadow: 0px 1px 0px #8a3e3e;
}

    .classnamebtn:hover {
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, var(--theme-color-light)), color-stop(1, var(--theme-color)) );
        background: -moz-linear-gradient( center top, var(--theme-color-light) 5%, var(--theme-color) 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--theme-color-light)', endColorstr='var(--theme-color)');
        background-color: var(--theme-color-white);
    }

    .classnamebtn:active {
        position: relative;
        top: 1px;
    }

.sectiontitle 
{
    text-transform: uppercase;
    color: var(--theme-color);
    font-weight: bold;
    text-align: left;
    padding: 15px;
    font-size: 16pt;
    margin-top: 15px;
    font-family: Uniform;
}

.ContactBtn7 { 
    font-weight:700;
    text-align: left;
    padding: 3px;
    font-size: 14pt;
    margin-top:3px;
    font-family: Uniform;
}


.myButton4 {
    box-shadow: 0px 10px 14px -7px #732727;
    background: linear-gradient(to bottom, #b35962 5%, #994056 100%);
    background-color: #b35962;
    border-radius: 8px;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: Arial;
    font-size: 20px;
    font-weight: bold;
    padding: 13px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #8a3e3e;
    width: 200px;
}

    .myButton4:hover {
        background: linear-gradient(to bottom, #994056 5%, #b35962 100%);
        background-color: #994056;
    }

    .myButton4:active {
        position: relative;
        top: 1px;
    }


.myButton6 {
    box-shadow: 0px 10px 14px -7px #732727;
    background: linear-gradient(to bottom, var(--theme-color) 5%, var(--theme-color-light) 100%);
    background-color: #F17D3A;
    border-radius: 8px;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: Arial;
    font-size: 20px;
    font-weight: bold;
    padding: 13px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #8a3e3e;
    width: 200px;
}

    .myButton6:hover {
        background: linear-gradient(to bottom, var(--theme-color-light) 5%, var(--theme-color) 100%);
        background-color: #F17D3A;
    }

    .myButton6:active {
        position: relative;
        top: 1px;
    }






    .iconcolor
    {
        color:var(--theme-color);
    }



/* Black Theme Css */