/***************************/
/* 3. Global CSS */
/**************************/
* {
    margin: 0;
    padding: 0;
}

html, body, form {
    height: 100%;
    width: 100%;
}

body {
    background-color: rgba(255, 255, 255, 1);
    font-family: 'Century Gothic', 'Montserrat', 'sans-serif';
    font-size: 13px;
}

a, a:hover, a:visited, a:focus {
    text-decoration: none;
}


.hide-element {
    display: none;
}

.show-element {
    display: none;
}

/***************************
2. Header Section CSS 
**************************/
body #main-header {
    background: rgba(242, 242, 242, 1);
    border-bottom: 1px solid #FFFFFF;
    z-index: 9999;
    width: 100%;
    box-shadow: 0px 0px 5px #959595;
}

#main-header .header-wrapper {
    margin: 0 50px;
}

#main-header .header-content {
    display: table;
    width: 100%;
}

    #main-header .header-content .logo-container {
        vertical-align: middle;
        display: table-cell;
        padding-top: 10px;
        padding-bottom: 10px;
    }

        #main-header .header-content .logo-container img {
            width: 200px;
        }

#main-header .standard-nav {
    display: table-cell;
    vertical-align: middle;
}

    #main-header .standard-nav > ul {
        font-size: 16px;
        color: #757575;
        display: table;
        float: right;
        text-align: center;
        list-style-type: none;
        padding: 0;
        margin: 0;
    }

        #main-header .standard-nav > ul > li {
            display: table-cell;
            padding-left: 15px;
            padding-right: 15px
        }

#main-header ul a {
    color: #959595;
}

    #main-header ul a:hover {
        text-decoration: none;
        transition: 0.25s all ease;
        color: #ff3399;
    }

#main-header #product-menu:hover, #main-header #account-menu:hover {
    color: #ff3399;
    cursor: pointer;
}

#main-header .list-view {
    background-color: white;
    box-shadow: 0px 0px 5px darkgrey;
    border-radius: 5px;
    border: 0.2px solid darkgray;
    z-index: 904;
    padding: 5px 0px;
    position: absolute;
    right: 15px;
    top: 70px;
}

    #main-header .list-view ul > li .select-tab {
        padding: 12px;
    }

    #main-header .list-view ul {
        font-size: 13px;
        font-weight: 600;
        letter-spacing: 2px;
        color: #757575;
        text-align: left;
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

        #main-header .list-view ul > li {
            display: block;
            padding: 0;
            margin: 0;
        }

            #main-header .list-view ul > li:hover {
                background-color: rgb(135,206,250);
                border-radius: 2px;
                transition: 0.22s all ease;
                box-shadow: 0px 0px 3px #959595;
                cursor: pointer;
            }

    #main-header .list-view a:hover {
        color: rgb(61,61,61);
    }




/***************************
2. Body Section CSS 
**************************/


.content-wrapper {
    margin: 0 50px;
    padding-top: 75px;
    padding-bottom: 75px;
}

.content-separator{
    height:40px;
}

.icon-48 {
    height: 48px;
}



/***************************
3. Text Formatting CSS 
**************************/
h1 {
    font-weight: 400;
}

h6 {
    color: #959595;
}

.content-body p {
    margin: 0 0 9px;
    font-size: 13px;
    text-align: justify;
    letter-spacing: 0.6px;
    color: #696969;
}