@font-face {
    font-family: 'SSP Regular';
    src: url(/Content/Fonts/SourceSansPro-Regular.ttf), local('SourceSansPro-Regular');
}

@font-face {
    font-family: 'SSP Regular Italic';
    src: url(/Content/Fonts/SourceSansPro-RegularItalic.ttf), local('SourceSansPro-RegularItalic');
}

@font-face {
    font-family: 'SSP Semi Bold';
    src: url(/Content/Fonts/SourceSansPro-SemiBold.ttf), local('SourceSansPro-SemiBold');
}

@font-face {
    font-family: 'SSP Semi Bold Italic';
    src: url(/Content/Fonts/SourceSansPro-SemiBoldItalic.ttf), local('SourceSansPro-SemiBoldItalic');
}

@font-face {
    font-family: 'SSP Bold';
    src: url(/Content/Fonts/SourceSansPro-Bold.ttf), local('SourceSansPro-Bold');
}

@font-face {
    font-family: 'SSP Bold Italic';
    src: url(/Content/Fonts/SourceSansPro-BoldItalic.ttf), local('SourceSansPro-BoldItalic');
}

@font-face {
    font-family: 'SSP Black';
    src: url(/Content/Fonts/SourceSansPro-Black.ttf), local('SourceSansPro-Black');
}

@font-face {
    font-family: 'SSP Black Italic';
    src: url(/Content/Fonts/SourceSansPro-BlackItalic.ttf), local('SourceSansPro-BlackItalic');
}

@font-face {
    font-family: "OtmisIcons";
    src: url("/Content/Fonts/otmis.eot");
    src: url("/Content/Fonts/otmis.eot?#iefix") format("embedded-opentype"), 
        url("/Content/Fonts/otmis.woff") format("woff"), 
        url("/Content/Fonts/otmis.ttf") format("truetype"), 
        url("/Content/Fonts/otmis.svg#otmis") format("svg");
    font-weight: normal;
    font-style: normal;
}

[class^="ot4i-"]:before,
[class*=" ot4i-"]:before,
[class^="ot4i-"]:after,
[class*=" ot4i-"]:after {
    font-family: OtmisIcons !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    font-size: 1.17em;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    top: 0.3em;
    margin-right: 10px;
    color: #c9ced6;
}

.ot4i-home:before {
    content: "\61";
}

.ot4i-notifications:before {
    content: "\62";
}

.ot4i-portfolio:before {
    content: "\63";
}

.ot4i-watching:before {
    content: "\64";
}

.ot4i-contact:before {
    content: "\65";
}
.ot4i-accounts:before {
    content: "\6a";
}

.ot4i-customer-accounts:before {
    content: "\6a";
}

.ot4i-settings:before {
    content: "\66";
}

.ot4i-log-out:before {
    content: "\67";
}

.ot4i-left:before {
    content: "\68";
}

.ot4i-left-ar:after {
    content: "\68";
    display: inline-block;
    position: absolute;
    right: 0.25em;
    top: 0.85em;
}

  
    .ot4i-down:before {
        content: "\69";
    }

.ot4i-down-ar:after {
    content: "\69";
    display: inline-block;
    position: absolute;
    right: 0.25em;
    top: 0.85em;
}

.ot4i-sub-item:before {
    content: "\6b";
}

.optionalBlock.ot4i-sub-item:before {
    content: "";
}

.ot4i-checked:before {
    content: "\6c";
}

.ot4i-unchecked:before {
    content: "\6e";
}

.ot4i-radio-off:before {
    content: "\6d";
}

.ot4i-radio-on:before {
    content: "\6f";
}

.ot4i-valid:before {
    content: "\72";
}

.ot4i-invalid:before {
    content: "\73";
}

 {
    color: #ffffff !important;
}

li.ot4i-down-ar:hover:after,
li.ot4i-left-ar:hover:after {
    color: #ffffff !important;
}