@font-face {
    font-family: 'Open Sans';
    src: url(../Content/fonts/OpenSans-Semibold.ttf);
}

.header, .headerBottom, .headerTop, .wrapper {
    width: 100%;
    float: left
}

.homeTab, .userLogin p {
    color: #fff
}

.categoryDiv img, .logo img {
    max-width: 100%
}

.checkbox:before, .formDiv h1:before, .homeTab a:before, .loginForm h2:before, .loginForm:after, .userLogin p:after {
    content: ""
}

@font-face {
    font-family: avantgardebook;
    src: url(../fonts/fi_5002b-webfont.eot);
    src: url(../fonts/fi_5002b-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/fi_5002b-webfont.woff2) format('woff2'),url(../fonts/fi_5002b-webfont.woff) format('woff'),url(../fonts/fi_5002b-webfont.ttf) format('truetype'),url(../fonts/fi_5002b-webfont.svg#avantgardebook) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: allerregular;
    src: url(../fonts/aller_rg-webfont.eot);
    src: url(../fonts/aller_rg-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/aller_rg-webfont.woff2) format('woff2'),url(../fonts/aller_rg-webfont.woff) format('woff'),url(../fonts/aller_rg-webfont.ttf) format('truetype'),url(../fonts/aller_rg-webfont.svg#allerregular) format('svg');
    font-weight: 400;
    font-style: normal
}

body {
    margin: 0;
    padding: 0;
    background: #f1f1f1;
    font-family: 'Open Sans'
}

* {
    font-weight: 400
}

.openMenu {
    display: none
}

.header {
    margin-bottom: 30px;
    border-bottom: 1px solid #6e9bba;
    background: #078ce9
}

.headerBottom {
    background: #0273c2;
    padding: 7px 0
}

.logo {
    float: left;
    padding: 15px;
    width: 100%;
}

.rightHeaderSection {
    float: right;
    height: 80px;
}

.homeTab {
    float: left;
    margin: 15px;
    padding: 10px 12px;
    background: #0273c2;
    line-height: 16px;
    border-radius: 3px
}

    .homeTab a {
        color: #fff;
        text-decoration: none
    }

        .homeTab a:before {
            display: inline-block;
            margin: 0 12px -2px 0;
            width: 20px;
            height: 17px;
            background: url(../Content/images/home-icon.png) center center no-repeat
        }

.userLogin {
    border-left: 1px solid #159cfa;
    padding: 23px 15px;
    float: left;
    cursor: pointer
}

    .userLogin p {
        float: left;
        margin: -10px 0 0
    }

        .userLogin p:after {
            display: inline-block;
            margin: 0 0 1px 10px;
            width: 13px;
            height: 9px;
            background: url(../Content/images/downArrow.png) center center no-repeat
        }

        .userLogin p i {
            display: inline-block;
            margin: 0 10px -16px 0;
            border-radius: 30px;
            text-align: center;
            overflow: hidden
        }

.navBarMenu {
    padding-top: 1px
}

    .navBarMenu li {
        padding: 0 10px
    }

        .navBarMenu li:last-child {
            padding-right: 0
        }

        .navBarMenu li + li {
            border-left: 1px solid #0164a9
        }

        .navBarMenu li a {
            color: #fff;
            font-size: 14px;
            padding: 3px 10px;
        }

            .navBarMenu li a:active, .navBarMenu li a:focus, .navBarMenu li a:hover {
                background: #078CE9;
                border-radius: 3px;
            }

.searchBox {
    position: relative
}

    .searchBox span {
        position: absolute;
        right: 0;
        top: 0;
        padding: 4px 10px;
        cursor: pointer;
        border-radius: 3px;
        background: #f2f2f2
    }

    .searchBox .searchInput {
        float: left;
        background: #fff;
        height: 28px;
        width: 200px;
        border-radius: 3px;
        padding: 5px 42px 5px 5px;
        border: 0;
        outline: 0
    }

        .searchBox .searchInput:focus {
            outline: 0
        }

.navbar-toggle {
    border: 1px solid #B9DFF9
}

    .navbar-toggle .icon-bar {
        background: #B9DFF9
    }

.main-section {
    float: left;
    width: 100%;
    min-height: 564px;
}

.white-space {
    float: left;
    width: 100%;
    margin-bottom: 30px;
    background: #fff;
    padding: 22px 14px 12px;
    border: 1px solid #f6f6f6;
    box-shadow: 0 5px 5px 0 rgba(162,162,162,.4)
}

.main-catagories {
    float: left;
    width: 100%
}

    .main-catagories h1 {
        margin: 0 0 30px;
        border-bottom: 1px solid #e0e0e0;
        padding: 0 0 15px;
        font-size: 30px;
        color: #4d4d4d
    }

.categoryDiv {
    float: left;
    cursor: pointer;
    width: 100%;
    margin: 0 0 30px;
    padding: 15px;
    text-align: center;
    background: #fcfcfc;
    border: 1px solid #dedede;
    border-radius: 5px
}

    .categoryDiv:hover {
        background: #F3F3F3;
    }

    .categoryDiv p {
        margin: 15px 0 0;
        padding: 0;
        line-height: 15px;
        font-size: 21px;
        color: #464646
    }

.footer {
    float: left;
    width: 100%;
    background: #414141;
    padding: 25px 0
}

    .footer p, .formDiv h1 {
        padding: 0;
        text-align: center
    }

    .footer p {
        margin: 0;
        font-size: 16px;
        color: #888
    }

.vAlignMiddle {
    display: table;
    background: #53afec;
    width: 100%
}

.formDivOuter {
    vertical-align: middle;
    display: table-cell;
    width: 100%;
    height: 100%
}

.formDiv {
    width: 100%;
    margin: 0 auto;
    max-width: 797px
}

    .formDiv h1 {
        font-family: avantgardebook;
        color: #fefefe;
        font-size: 47px;
        margin: 0
    }

.checkbox, .formUserPass .inputField, .inputClass, .loginForm h2, .rememberMe {
    font-family: Lato,sans-serif;
    font-weight: 400
}

/*.formDiv h1:before {
    width: 71px;
    margin: 0 33px -20px 0;
    height: 71px;
    display: inline-block;
    background: url(../Content/images/iacwhite_large.png) center center no-repeat
}*/

.loginForm {
    width: 100%;
    margin: 62px auto 0;
    max-width: 476px;
    display: block;
    overflow: hidden
}

    .loginForm:after {
        float: left;
        width: 100%;
        height: 15px;
        background: url(../Content/images/formShadow.png) center top no-repeat
    }

    .loginForm h2 {
        background: #404040;
        color: #fffefe;
        padding: 15px 25px;
        margin: 0;
        font-size: 34px
    }

        .loginForm h2:before {
            width: 28px;
            margin: 0 18px -1px 0;
            height: 28px;
            display: inline-block;
            background: url(../Content/images/login-icon.png) center center no-repeat
        }

.formUserPass {
    float: left;
    width: 100%;
    background: #fbfbfb;
    padding: 30px 35px
}

    .formUserPass .inputField {
        float: left;
        width: 100%;
        margin-bottom: 30px
    }

        .formUserPass .inputField.mar15 {
            margin-bottom: 25px
        }

        .formUserPass .inputField .icon {
            float: left;
            width: 47px;
            height: 47px;
            margin-right: 15px
        }

            .formUserPass .inputField .icon.user {
                background: url(../Content/images/user-icon.jpg) center center no-repeat
            }

            .formUserPass .inputField .icon.pass {
                background: url(../Content/images/pass-icon.jpg) center center no-repeat
            }

        .formUserPass .inputField .inputOuter {
            display: block;
            overflow: hidden
        }

.inputClass {
    float: left;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    background: 0 0;
    border: 0;
    border-bottom: 1px solid black;
    height: 46px;
    font-size: 20px;
    color: black;
    outline: 0
}

    .inputClass:focus {
        color: #666
    }

.rememberMe {
    float: left;
    position: relative;
    margin-top: 7px
}

label.labelClass {
    color: #e55858;
    font-size: 14px
}

.checkbox {
    float: left
}

    .checkbox:before {
        width: 14px;
        margin: 0 13px -2px 0;
        cursor: pointer;
        height: 14px;
        display: inline-block;
        background: url(../Content/images/checkicon.jpg) center center no-repeat
    }

.forgotCreate, .forgotCreate p {
    width: 100%;
    font-family: Lato,sans-serif;
    font-weight: 400
}

.checkbox.checked:before {
    background: url(../Content/images/checkiconSelected.jpg) center center no-repeat
}

.pinkBtn {
    font-size: 20px;
    padding: 15px 45px;
    line-height: 18px;
    background: #f15f5f;
    color: #fbfbfb;
    border-radius: 0
}

    .pinkBtn:focus, .pinkBtn:hover {
        background: #E44C4C;
        color: #fbfbfb;
    }

.forgotCreate {
    margin: 10px auto;
    max-width: 476px;
    display: block;
    overflow: hidden;
}

    .forgotCreate p {
        float: left;
        font-size: 21px;
        color: #f6f6f6;
        text-align: center
    }

        .forgotCreate p span {
            padding: 0 5px
        }

        .forgotCreate p a {
            color: #f6f6f6;
            text-decoration: none
        }

            .forgotCreate p a:hover, .forgotCreate p a:focus {
                text-decoration: underline
            }

.checkBoxMe {
    position: absolute;
    opacity: 0;
}

    .checkBoxMe:focus + label.labelClass:before {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }


.logDiv {
    float: left;
    width: 100%;
    cursor: pointer
}

    .logDiv .logoutDiv {
        padding-top: 20px;
        position: absolute;
        top: 45px;
        right: 10px;
        visibility: hidden;
        max-width: 210px;
        opacity: 0;
        z-index: 50;
        transition: opacity .3s ease-out,top .3s ease-out,visibility .3s ease-out;
        -webkit-transition: opacity .3s ease-out,top .3s ease-out,visibility .3s ease-out;
        -moz-transition: opacity .3s ease-out,top .3s ease-out,visibility .3s ease-out;
        -ms-transition: opacity .3s ease-out,top .3s ease-out,visibility .3s ease-out;
        -o-transition: opacity .3s ease-out,top .3s ease-out,visibility .3s ease-out
    }

    .logDiv:hover .logoutDiv {
        visibility: visible;
        opacity: 1
    }

    .logDiv .logoutDiv ul {
        list-style: none;
        box-shadow: 0 1px 3px 0 #999;
        border: 1px solid #078ce9;
        padding: 0;
        margin: 0;
        float: left;
        position: relative;
        background: #fff;
        border-radius: 2px;
        width: 100%
    }

        .logDiv .logoutDiv ul:before {
            color: #fff;
            position: absolute;
            right: 9px;
            top: -17px;
            width: 22px;
            height: 17px;
            background: url(../images/up_arrow.png) center center no-repeat
        }

        .logDiv .logoutDiv ul li {
            border-bottom: 1px solid #f1f1f1;
            float: left;
            width: 100%;
            font-size: 13px;
            color: #464646;
            white-space: nowrap;
            transition: all 150ms ease-out;
            -webkit-transition: all 150ms ease-out;
            -moz-transition: all 150ms ease-out;
            -ms-transition: all 150ms ease-out;
            -o-transition: all 150ms ease-out
        }

            .logDiv .logoutDiv ul li a {
                color: #464646;
                padding: 10px 12px;
                float: left;
                width: 100%
            }

            .logDiv .logoutDiv ul li:hover {
                background: #F5F5F5
            }

            .logDiv .logoutDiv ul li a:hover {
                text-decoration: none
            }

            .logDiv .logoutDiv ul li i {
                margin-right: 5px
            }

            .logDiv .logoutDiv ul li:first-child {
                padding: 10px 12px;
                cursor: auto
            }

                .logDiv .logoutDiv ul li:first-child:hover {
                    background: 0 0
                }

            .logDiv .logoutDiv ul li p {
                color: #464646;
                font-size: 14px;
                margin: 0
            }

            .logDiv .logoutDiv ul li.logout a:before, .logDiv .logoutDiv ul li.setting a:before {
                content: "";
                display: inline-block;
                margin: 0 10px -6px 0;
                width: 20px;
                height: 20px
            }

            .logDiv .logoutDiv ul li.setting a:before {
                background: url(../images/settingIco.png) center center no-repeat
            }

            .logDiv .logoutDiv ul li.logout a:before {
                background: url(../images/logoutIco.png) center center no-repeat
            }