@charset "utf-8";
header .navbar .redBg {left: auto;width: calc(((100vw - 1280px) / 2) + 2px);}
header .navbar .redBg:after {display: none;}
header .navbar .redBgTri {position: absolute;top: 0;right: 0;width: 450px;height: 64px;background: #e71a0f;overflow: hidden;}
header .navbar .redBgTri:after {position: absolute;top: -1px;left: -2px;content:" ";border-color: #fff transparent transparent transparent;border-style: solid solid solid solid;border-width: 82px 92px 0px 0px;height: 0px;width: 0px;}
header .navbar .logo {height: auto;}
header .navbar nav {left: 90px;right: 420px;padding: 0 100px 0 60px;width: auto;}
header .navbar nav .navBtnCBU,
header .navbar nav .navBtnEBU { position: absolute;top: 0;display: block;}
header .navbar nav .navBtnCBU { left: 6%;}
header .navbar nav .navBtnEBU { right: 0;}
header .navbar nav .navBtnCBU a,
header .navbar nav .navBtnEBU a,
header .navbar nav .navBtnCBU span,
header .navbar nav .navBtnEBU span { position: relative;display: block;padding: 0 20px;color: #ab5f00;font-size: 15px;font-weight: bold;line-height: 64px;white-space: nowrap;}
header .navbar nav .navBtnCBU a:hover,
header .navbar nav .navBtnEBU a:hover { color: #e71a0f;}
header .navbar nav .navBtnCBU a:after,
header .navbar nav .navBtnEBU a:after,
header .navbar nav .navBtnCBU span:after,
header .navbar nav .navBtnEBU span:after { position: absolute;top: 15px;bottom: 15px;width: 1px;content: "";background-color: #d6c2ae;}
header .navbar nav .navBtnCBU a:after,
header .navbar nav .navBtnCBU span:after { right: 0;}
header .navbar nav .navBtnEBU a:after,
header .navbar nav .navBtnEBU span:after { left: 0;}
header .navbar .search {width: 196px;}
/**
*
* Desktops
*
**/
/* @media only screen 
and (max-width : 1280px) {
    header .navbar .redBgTri {width: 440px;}
    header .navbar nav {left: 90px;right: 400px;}
    header .navbar nav .navBtnCBU a:after, 
    header .navbar nav .navBtnEBU a:after, 
    header .navbar nav .navBtnCBU span:after, 
    header .navbar nav .navBtnEBU span:after {top: 18px;bottom: 18px;}
    header .navbar nav ul li a { font-size: 16px;}
}
@media only screen 
and (max-width : 1100px) {
    header .navbar nav .navBtnCBU a,
    header .navbar nav .navBtnEBU a,
    header .navbar nav .navBtnCBU span,
    header .navbar nav .navBtnEBU span { padding: 0 20px;}
    header .navbar nav .navBtnCBU {display: none;}
    header .navbar nav {
        padding: 0 100px 0 60px;
    }
}
@media only screen 
and (max-width : 1040px) {
    header .navbar nav .navBtnCBU a,
    header .navbar nav .navBtnEBU a,
    header .navbar nav .navBtnCBU span,
    header .navbar nav .navBtnEBU span { padding: 0 16px;font-size: 16px;}
    header .navbar nav .navBtnEBU a {padding: 0 10px 0 20px;}
    header .navbar nav ul li a {font-size: 15px;}
    header .navbar .search {width: 186px;}
    header .navbar .redBgTri {width: 420px;}
}
@media only screen 
and (max-width : 1020px) {
    header .navbar nav {padding: 0 90px 0 30px;right: 380px;}
    header .navbar nav > ul {margin: 0;}
    header .navbar nav .navBtnCBU {display: none;}
    header .navbar nav .navBtnCBU {left: 5%;}
    header .navbar nav .navBtnCBU a, 
    header .navbar nav .navBtnEBU a,
    header .navbar nav .navBtnCBU span, 
    header .navbar nav .navBtnEBU span {font-size: 15px;}
    header .navbar nav .navBtnCBU a::after, 
    header .navbar nav .navBtnEBU a::after, 
    header .navbar nav .navBtnCBU span::after, 
    header .navbar nav .navBtnEBU span::after {top: 20px;bottom: 20px;}
    header .navbar nav ul li a { font-size: 14px;}
    header .navbar .redBgTri {width: 400px;}
}
@media only screen 
and (max-width : 900px) {
    header .navbar nav {right: 360px;}
    header .navbar nav .navBtnCBU a,
    header .navbar nav .navBtnEBU a,
    header .navbar nav .navBtnCBU span,
    header .navbar nav .navBtnEBU span { padding: 0 12px;}
    header .navbar nav .navBtnEBU a {padding: 0 8px 0 15px;}
}
@media only screen 
and (max-width : 820px) {
    header .navbar .redBg:after {display: block; position: absolute;top: -1px;left: -1px;content:" ";border-color: #fff transparent transparent transparent;border-style: solid solid solid solid;border-width: 82px 92px 0px 0px;height: 0px;width: 0px;}
    header .navbar nav .navBtnEBU {display: none;}
    header .navbar nav {right: 250px;padding: 0 90px 0 20px;}
    header .navbar .toolsComplex a.qaComplex {margin: 0 12px 0 4px;}
    header .navbar .redBgTri {width: 390px;}
}
@media only screen 
and (max-width : 767px) {
    header .navbar .redBgTri {width: auto;left: 45px;height: 42px;}
    header .navbar .redBg {left: 45px;}
} */
/**
*
* iPads
*
**/
/* @media only screen
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
    header .navbar nav {left: 100px;right: 370px;padding: 0 100px 0 50px;}
    header .navbar nav ul li a {font-size: 15px;}
    header .navbar nav .navBtnCBU a,
    header .navbar nav .navBtnEBU a,
    header .navbar nav .navBtnCBU span,
    header .navbar nav .navBtnEBU span { padding: 0 16px;font-size: 16px;}
    header .navbar nav .navBtnEBU a {padding: 0 10px 0 20px;}
    header .navbar nav .navBtnCBU a:after, 
    header .navbar nav .navBtnEBU a:after, 
    header .navbar nav .navBtnCBU span:after, 
    header .navbar nav .navBtnEBU span:after {top: 18px;bottom: 18px;}
    header .navbar .redBgTri {width: 400px;}
    header .navbar .search {width: 186px;}
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
    header .navbar nav {left: 14%;right: auto;padding: 0;width: 42%;}
    header .navbar nav > ul {width: auto;}
    header .navbar nav ul li a { font-size: 14px;}
    header .navbar nav .navBtnCBU,
    header .navbar nav .navBtnEBU {display: none;}
    header .navbar .redBgTri {width: 370px;}
    header .navbar .search {width: 176px;}
    header .navbar .redBg {left: 51%;width: auto;right: 0;}
} */