@font-face {
    font-family: 'open_sans_light';
    font-weight: 200;
    font-style: normal;

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

    src: url('/styles/fonts/OpenSans-Regular-webfont.eot');
    src: url('/styles/fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('/styles/fonts/OpenSans-Regular-webfont.woff') format('woff'), url('/styles/fonts/OpenSans-Regular-webfont.ttf') format('truetype'), url('/styles/fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
}
@font-face {
    font-family: 'open_sans_semibold';
    font-weight: 600;
    font-style: normal;

    src: url('/styles/fonts/OpenSans-Semibold-webfont.eot');
    src: url('/styles/fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'), url('/styles/fonts/OpenSans-Semibold-webfont.woff') format('woff'), url('/styles/fonts/OpenSans-Semibold-webfont.ttf') format('truetype'), url('/styles/fonts/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg');
}
@font-face {
    font-family: 'open_sans_ExtraBold';
    font-weight: 600;
    font-style: normal;

    src: url('/styles/fonts/OpenSans-ExtraBold-webfont.eot');
    src: url('/styles/fonts/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'), url('/styles/fonts/OpenSans-ExtraBold-webfont.woff') format('woff'), url('/styles/fonts/OpenSans-ExtraBold-webfont.ttf') format('truetype'), url('/styles/fonts/OpenSans-ExtraBold-webfont.svg#open_sansExtraBold') format('svg');
}

*{
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
}
body {
    margin: 0;
}
.menu {
    font-size: 10px;
    width: 100%;
    position: relative;
    height: 40px;
    background-color: #fff;
    border-bottom: 1px solid silver;
}
.menu * ,
.menu-full *,
.profile * {
    text-decoration: none;
    font-family: open_sans_regular, 'Open Sans', open_sans, Arial, 'Helvetica Neue', Helvetica, sans-serif;
}
.menu, .menu div,
.menu-full, .menu-full div,
.profile, .profile div{
    float: none;
}
.menu-full > .left > .row > .col a {
    font-family: open_sans_light, 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
}
.menu a,
.menu-full a,
.profile a {
    border-bottom: none 0;
}
.menu > .menu-left,
.menu > .menu-center,
.menu > .menu-right {
    display: inline-block;
    position: absolute;
    font-size: 14px;
    line-height: 40px;
}
.menu > .menu-left {
    text-align: left;
    left: 0;
    right: auto;
    z-index: 100000000;
}
.menu > .menu-center {
    text-align: center;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    z-index: 50000000;
}
.menu > .menu-right {
    text-align: right;
    right: 0;
    left: auto;
    z-index: 100000000;
}
.menu > .menu-left a,
.menu > .menu-center a,
.menu > .menu-right a {
    margin: 2em;
}
.menu > .menu-left > .logo > a,
.menu > .menu-right a {
    color: #e8594d;
}
.menu > .menu-left > .logo > a:hover {
    text-decoration: none;
}
.menu > .menu-left > .logo > a {
    font-family: open_sans_semibold, open_sans_regular, open_sans, 'Open Sans', sans-serif;
}


.menu > .menu-center > a:nth-last-child(2) {
    margin-left: .75em;
}
.menu > .menu-center > a:last-child{
    border: 1px #84A5D7 solid;
    border-radius: 3px;
    height: 28px;
    line-height: 2;
    font-size: 13px;
    width: 110px;
    color: #84A5D7;
    padding: 0;
}


.menu > .menu-center > a {
    color:  #4a4a4a;
    line-height: 32px;
    border-top: 4px solid transparent;
    height: 40px;
    box-sizing: border-box;
    display: inline-block;
    width: 100px;
    margin: 0 2em;

}


.menu > .menu-center > a:hover:not(:last-child) {
    border-top: 4px solid  #e8594d;
    text-decoration: none;
}
.menu > .menu-center > a:last-child:hover {
    color: #6B6B6B;
    border: 1px solid #6B6B6B;
    text-decoration: none;
}
.menu-center > a.selected:not(:last-child) {
    border-top: 4px solid #e8594d !important;
}
.menu-center > a.selected:last-child {
    background: white;
}
.menu > .menu-right div.signin,
.menu > .menu-right div.search,
.menu > .menu-right > .username {
    float: right;
}
.menu > .menu-right > .username {
    width: 240px;
    text-overflow: ellipsis;

}
.menu > .menu-right > .username > a {
    width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
}
div.search:hover, div.search:hover * {
    cursor: pointer;
}

.menu > .menu-right div.search input[type=text] {
    border: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: transparent;
    color: #e8594d;
    font-size: 14px;
    height: 32px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 2em;
    padding-left: 3em;
    border: 1px solid transparent;
    -webkit-appearance: none;
}
.menu > .menu-right div.search input[type=text]:-webkit-autofill:focus{
    -webkit-box-shadow: 0 0 0px 1000px white inset;
    -webkit-text-fill-color: #e8594d;
    background-color: white !important;

}
.menu > .menu-right div.search input[type=text]:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
    -webkit-text-fill-color: #e8594d;
    background-color: white !important;
}
.menu > .menu-right div.search input[type=text]:focus{
    outline: none;
    border: 1px solid #e8594d;
    cursor: auto;
}

.menu > .menu-right div.search input[type=text]::-webkit-input-placeholder {
    color: #e8594d;
}

.menu > .menu-right div.search input[type=text]:-moz-placeholder { /* Firefox 18- */
    color: #e8594d;
}

.menu > .menu-right div.search input[type=text]::-moz-placeholder {  /* Firefox 19+ */
    color: #e8594d;
}

.menu > .menu-right div.search input[type=text]:-ms-input-placeholder {
    color: #e8594d;
}
.menu > .menu-right div.search {
    height: 32px;
    margin-left: 2em;
    background: url(/include_2015/imgs/Search_top.png) no-repeat .8em;
    background-size: 17px;
    margin-right: 0;
    margin-top: .25em;
    line-height: 32px;
}
.menu > .menu-right a {
    font-family: open_sans_semibold, open_sans_regular, open_sans, 'Open Sans', sans-serif;
}
.menu > .menu-right > .username > a {
    font-family: open_sans_regular, open_sans, 'Open Sans', sans-serif;
    padding: 0 20px;
    -webkit-background-size: 20px auto;
    background-size: 20px auto;
    line-height: 40px;
    height: 40px;
    /*box-sizing: border-box;*/
    margin: 0;
    display: block;
    text-align: center;
    position: relative;
    white-space: nowrap;
}
.menu > .menu-right > .username > a:hover {
    text-decoration: none;
}
.menu > .menu-right > .username > a > img {
    width: 15px;
    display: inline-block;
    margin: 0;
    padding: 0;
    vertical-align: text-top;
    margin-right: 1.5em;
}
.menu > .menu-right > .username > a.active {
    background-color: #d8d8d8;
}
.menu > .menu-right.active {
    position: fixed;
    z-index: 900000000;
}
/*.menu > .menu-right.active .username{*/
/*width: auto;*/
/*}*/
.menu > .menu-right.active div.search{
    display: none;
}
.menu > .menu-right.active > .username > a > .close {
    display: block;
}
.menu > .menu-right > .username > a > .close {
    display: none;
    height: 32px;
    width: 32px;
    background: url(/include_2015/imgs/CloseGrey.png) no-repeat center;
    background-size: 20px;
    cursor: pointer;
    position: absolute;
    top: 0;
    bottom: 0;
    right: .5em;
    left: auto;
    margin: auto;
}
.menu > .menu-left > .burger {
    background: url(/include_2015/imgs/Icon.png) no-repeat center;
    background-size: 25px 14px;
    height: 40px;
    width: 40px;
    display: inline-block;
    float: left;
    margin-left: 10px;
    cursor: pointer;
}
.menu > .menu-left > .logo {
    display: inline-block;
}
.menu > .menu-right div.search input[type=text]:focus::-webkit-input-placeholder {
    color: transparent;
}
span.search-clear {
    color: transparent;
    font-family: open_sans_light, 'Open Sans', sans-serif;
    display: inline-block;
    width: 10px;
    height: 10px;
    position: relative;
    left: -25px;
    font-size: 12pt;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

}
.menu > .menu-right .search input[type=text]:focus + span {
    color: #e8594d;
    cursor: pointer;
}
@media only screen and (max-width:1410px) {
    .menu > .menu-right > .username {
        width: 190px;

    }
    .menu > .menu-right > .username > a {
        width: 150px;
    }
}

@media only screen and (max-width: 1890px) {


    .menu > .menu-center > a:last-child {
        /*margin-left: 0;*/
        /*text-align: start;*/
        width: 125px;
    }
    .menu > .menu-center > a{
        margin: 0;
        padding: 0 1.5em;
        width: auto;
    }


}

@media only screen and (max-width: 1630px) {
    .menu > .menu-center {
        left: 30%;
        right: auto;
    }

    .menu > .menu-right div.search input[type=text],
    .menu > .menu-right div.search {
        width: 125px;
    }

    span.search-clear {
        left: -12px;
        top: -32px;
    }
}
@media only screen and (max-width:1340px) {
    .menu > .menu-center {
        left: 20%;
        right: auto;
    }
}
@media only screen and (max-width:1166px) {
    .menu > .menu-center {
        display: none;
    }
    .menu > .menu-right div.search,
    .menu > .menu-right div.search input[type=text] {
        width: 160px;
    }
}
@media only screen and (max-width:570px) {
    .menu > .menu-right div.search,
    .menu > .menu-right div.search input[type=text] {
        display: none;
    }
    .menu-full > .left > .row > .col > .title, .menu-full > .left > .row > .col > .title a {
        margin-top: 24px;
    }
}
@media only screen and (max-width:400px) {
    .menu > .menu-right > .username > a {
        color: transparent;
        font-size: 0;
        vertical-align: middle;
        padding: 0;
        background-position: center;
        text-align: right;
        width: 90%;
    }
    .menu > .menu-right div.search{
        display: none;
    }
    .menu > .menu-right > .username > a > img {
        vertical-align: middle;
    }

}
@media only screen and (max-width:200px) {
    .menu > .menu-left > .logo {
        display: none;
    }

}


/****************/
 .menu-full {
     font-size: 10px;
     display: none;
     background-color: rgba(86, 86, 86, 0.9);
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     bottom: auto;
     z-index: 900000000;
     /*height: 100vh;*/
     height: 100vh;
     overflow: auto;
 }
.menu-full > .top {
    margin-bottom: 2em;
}
.menu-full > .top > .logo > a {
    font-size: 14px;
    font-family: open_sans_semibold, open_sans, 'Open Sans', sans-serif;
    color: #fff;
    line-height: 32px;
}
.menu-full > .top > .logo > a:hover {
    text-decoration: none;
}
.menu-full > .top > * {
    display: inline-block;
    margin-top: 4px;
    margin-bottom: 4px;
}

.menu-full > .top > .close {
    height: 32px;
    width: 32px;
    margin-right: 2.25em;
    margin-left: 1.5em;
    background: url(/include_2015/imgs/Close.png) no-repeat center;
    background-size: 20px;
    float: left;
    cursor: pointer;

}
.menu-full > .left {
    width: 70%;
    width: calc(75% - 2em);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 2em;
    float: left;
}
.menu-full > .left > .row {
    display: block;
    margin-bottom: 6em;
}
.menu-full > .left > .row > .col {
    padding-left: 5em;
    display: inline-block;
    vertical-align: top;
    width: 24%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.menu-full > .left > .row > .col a {
    color: #fff;
    font-size: 14px;
    line-height: 2.4;
    padding: .15em 0;
    display: inline-block;
}
.menu-full > .left > .row > .col a:hover {
    text-decoration: none;
}
.menu-full > .left > .row > .col > .item {
    border-bottom: 1px solid #acacac;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}
.menu-full > .left > .row > .col > .item:first-child {
    border-bottom: none;
}
.menu-full > .left > .row > .col > .item:hover::after {
    content: '';
    position: absolute;
    top: auto;
    left: 0;
    right: 0;
    bottom: 0;
    border-bottom: 6px solid #acacac;
}
.menu-full > .left > .row > .col > .title,
.menu-full > .left > .row > .col > .title a{
    color: #fff;
    font-size: 18px;
    margin-bottom: 24px;
    font-family:  open_sans_regular,open_sans, 'Open Sans', sans-serif;
    font-weight: 400;
    line-height: 36px;
    cursor: default;
    width: auto;
    padding: 0;
}
.menu-full > .left > .row > .col > .title a{
    margin-bottom: 0;
    border-bottom: 1px solid transparent;
    line-height: 24px;
}
.menu-full {
    vertical-align: top;
}
.menu-full > div.right {
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 25%;
    border-left: 1px solid #acacac;
    vertical-align: top;
    padding-left: 5%;
    padding-top: 0;
    height: 75%;
    height: calc(100% - 120px);
    max-height: 859px;
    float: none !important;
    right: 0;
    margin-top: 0;
    text-align: left;
}
.menu-full > .right .title,
.menu-full > .right .top {
    padding: 0;
    margin-bottom: 0;
    line-height: 18px;
    width: auto;
}
.menu-full > .right .title a {
    font-size: 18px;
    /*font-weight: 400 !important;*/
    /*font-family: open_sans_regular,open_sans,  'Open Sans',sans-serif;*/
    line-height: 48px;
    color: #fff;
    height: 48px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: .2em;
}
.menu-full > .right .title a:hover,
.menu-full > .left > .row > .col > .title a:hover{
    border-bottom: 1px solid #acacac;
    text-decoration: none;
    cursor: pointer;
}
.menu_overlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 80000000;
    background-color: #000;
    opacity: 0.5;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
@media only screen and (max-width:1024px) {
    .menu-full > .left > .row > .col a{
        line-height: 1.45;
        padding: .65em 0;
    }
}
@media only screen and (max-width:1000px) {
    .menu-full > .left > .row > .col {
        width: 49%;
    }
    .menu-full > .left > .row > .col {
        margin-bottom: 2em;
    }
}
@media only screen and (max-width:600px) {
    .menu-full > .left > .row > .col {
        width: 100%;
    }
    .menu-full > .left > .row > .col {
        margin-bottom: 2em;
    }
}
@media only screen and (max-width:550px) {
    .menu-full > .top > .logo {
        display: none;
    }
}
@media only screen and (max-width:500px) {
    .menu-full > .left,
    .menu-full > div.right {
        display: block;
        float: none !important;
    }
    .menu-full > div.right {
        border-left: none;
        width: 100%;
        padding-left: 7em;
        text-align: left;
    }

}