/* Mobile menu style */
nav.tab-bar {
    background-color: #ffffff;
    box-shadow: 2px 0 8px #aaa;
    height: 63px;
    margin: 0;
    padding: 6px 0 0;
}

#mobile-home-link a {
    padding: 0 0 0 .4rem;
}

#mobile-home-link img {
    height: 34px;
}

#menu-label a,
#menu-label a span {
    position: absolute;
    display: inline;
    right: 1.5em;
    color: white;
}

.logo {
    padding-top: 18px;
    /*margin-left: 10px;*/
}

.logo img {
    width: 160px;
}

div.googlesearch {
    float: right;
    font-size: 12px !important;
    margin-top: 19px;
}

#chat-with-us, #schedule-a-demo {
    border-right: 1px solid #c3c5c8;
    color: #939598;
    float: right;
    font-size: 14px !important;
    font-weight: normal;
    line-height: 14px;
    margin-top: 24px;
    padding: 0 10px;
}

#get-the-trial {
    border-left: 1px solid #c3c5c8;
    color: #939598;
    display: none;
    float: right;
    font-size: 13px !important;
    height: 14px;
    line-height: 14px;
    margin: 22px 0;
    padding-left: 10px;
    position: relative;
    right: 10px;
    top: 3px;
}

#chat-with-us a, #schedule-a-demo a {
    color: #939598;
}

#get-the-trial {
    border-left: 1px solid #c3c5c8;
    color: #939598;
    display: none;
    float: right;
    font-size: 13px !important;
    height: 14px;
    line-height: 14px;
    margin: 22px 0;
    padding-left: 10px;
    position: relative;
    right: 10px;
    top: 3px;
}

#schedule-a-demo a, #schedule-a-demo a:hover {
    color: #939598;
    font-weight: normal;
}

#global-login-account-widget {
    float: right;
    margin-left: 10px;
    margin-top: 11px;
}

#global-login-account-widget img {
    vertical-align: top;
}

.gl-dark #account-widget {
    margin-bottom: 0;
}

.gl-dark #account-widget button {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #939598;
    font-weight: normal;
    margin-right: 1.5em;
}

.gl-dark #account-widget button img {
    height: 13px;
    margin: 6px 2px 0 5px;
    width: 13px;
}

.gl-dark #account-widget button#sign-in,
.gl-dark #account-widget button#account-btn {
    width: auto;
}

#cse-search-box {
    position: relative;
}

form input.search_txtbox[type=text] {
    /* this style overrides app.css for the google search form */
    font-size: 14px !important;
}

.search_txtbox, .search_txtbox:focus {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    border: 1px solid #d9d9d9 !important;
    border-radius: 3px !important;
    box-shadow: none !important;
    float: right !important;
    font-size: 14px !important;
    font-weight: normal;
    height: 25px !important;
    line-height: 16px;
    padding: 0 7px !important;
    width: 150px !important;
}

/* Search placeholder color */

.search_txtbox::-webkit-input-placeholder {
    color: #BCBEC0;
    font-size: 14px;
}

.search_txtbox::-moz-placeholder {
    color: #bcbec0;
    font-size: 14px;
}

.search_txtbox::-moz-placeholder {
    color: #BCBEC0;
    font-size: 14px;
}

.search_txtbox:-ms-input-placeholder {
    color: #BCBEC0;
    font-size: 14px;
}

#google-search-submit-wrapper {
    padding: 5px 4px 4px;
    position: absolute;
    right: 0;
    top: 0;
}

#google-search-submit {
    background: url("/static/images/icons/search-ico-hires.png") no-repeat scroll 0 0 / 13px 13px transparent !important;
    border: 0;
    border-top: 1px solid #fff;
    height: 16px;
    width: 16px;
}

.searchbtn {
    background: url('../images/buttons/searchbtn.gif') no-repeat !important;
    width: 20px !important;
    height: 20px !important;
    float: right !important;
    border: none !important;
}

.headerbg {
    background: url("../images/backgrounds/gradient-bg.png") repeat-x scroll top center rgba(0, 0, 0, 0);
    box-shadow: 0 1px 6px rgba(75, 75, 75, 0.5);
    height: 138px;
    margin-bottom: 0;
    position: relative;
    width: 100%;
    z-index: 100;
}

/*
.headerbg.min {
    margin: -150px auto 0 auto;
    position: fixed;
    height: 43px;
    background-position-y: -91px;
    transition: background-position-y 500ms;
    -webkit-transition: background-position-y 500ms;
}

.headerbg.min #headermenu {
    position: absolute;
    top: 10px;
}

#container.min {
    padding-top: 145px;
}


.container {
    max-width: 960px !important;
    width: 960px !important;
}
*/

/*
.headermain {
    width: 950px;
    width: 1000px;
    margin: auto;
}
*/

.headermain {
    margin: auto;
    max-width: 1000px;
    width: 100%;
}

.top-bar .toggle-topbar.menu-icon a::after {
    content: "";
    position: absolute;
    right: 0;
    display: block;
    width: 16px;
    top: 0;
    height: 0;
    -webkit-box-shadow: 1px 10px 1px 1px #ffffff, 1px 16px 1px 1px #ffffff, 1px 22px 1px 1px #ffffff;
    box-shadow: 0 10px 0 1px #ffffff, 0 16px 0 1px #ffffff, 0 22px 0 1px #ffffff;
}

a.menu-icon {
    color: #fff;
    display: block;
    height: 2.8125rem;
    line-height: 2.0625rem;
    padding: 0;
    position: relative;
    text-indent: 2.1875rem;
    width: 2.8125rem;
    top: -2.9rem;
}

a.menu-iconx span {
    box-shadow: 0 9px 0 1px #455c6d, 0 16px 0 1px #455c6d, 0 23px 0 1px #455c6d;
    display: block;
    height: 0;
    left: 1.75rem;
    position: absolute;
    top: 0.5rem;
    width: 1rem;
}

a.menu-icon span {
    background: #fff url("/static/images/icons/responsive-menu-hires.png") no-repeat scroll 4px 5px / 25px 20px;
    display: block;
    height: 30px;
    left: 20px;
    position: absolute;
    top: 10px;
    width: 30px;
}

#menu-label {
    color: #455c6d;
    font-size: 16px;
    right: 3rem;
    text-transform: capitalize;
    top: 6px;
}

.tab-bar .menu-icon {
    color: #fff;
    display: block;
    height: 2.8125rem;
    padding: 0;
    position: relative;
    text-indent: 3.188rem !important;
    transform: translate3d(0px, 0px, 0px);
    width: 3.813rem !important;
}

.right-off-canvas-toggle.menu-icon {
    /*border: 1px solid #F00;*/
    //height: 104%;
    width: 7.5rem;
    float: right;
}

#menu-label a, #menu-label a span {
    color: white;
    display: inline;
    position: absolute;
    right: 1.3em;
}

.tab-bar .menu-icon span::after {
    margin-top: -3.3rem !important;
}

#account-widget {
    margin-bottom: 0;
}

/* mega menu */

span.megamenuspan {
    font-size: 1.6875em !important;
    display: block;
    font-weight: normal;
    text-rendering: optimizelegibility;
    line-height: 1.2 !important;
    margin: 1.2rem 0 0.8rem !important;
}

span.megamenuspan a,
span.megamenuspan a:hover,
span.megamenuspan a:link,
span.megamenuspan a:visited {
    color: #445c6d !important;
    display: inline;
    font-weight: 500;
    font-size: 0.7777777777777em !important;
}

span.megamenuspan a:hover {
    border-bottom: 1px solid #445c6d;
}

span.megamenuspan img {
    vertical-align: text-top !important;
    margin-top: 10px;
    margin-left: 5px;
    width: 7px;
}

#headermenu .columns {
    padding-left: 0;
    padding-right: 0;
}

#headermenu a.firstlevel {
    /*font-weight: bold;*/
    color: white;
    text-decoration: none !important;
    padding: 10px 0px 9px 0px !important;
    margin: 0;
}

#headermenux a:first {
    padding: 0 0 9px 0 !important;
}

#headermenu a span {
    color: #345062;
    font-weight: normal;
    letter-spacing: 0.4px;
    padding: 10px;
}

#headermenu a.firstlevel span {
    color: #345062 !important;
}

#headermenu .submenuwrapper a span {
    padding: 10px 0;
}

#headermenu a.hover, #headermenu a.hover span {
    /*background-color: #b2e244; *//* green */
    /*color: #1f3845;*/
}

.submenuwrapper .col-md-4 {
    padding: 0;
}

#headermenu li#nav-trial-linkx {
    display: none;
}

#headermenu li#nav-trial-link a {
    background: #8bc53f none repeat scroll 0 0;
    border: 1px solid #7bba19;
    border-radius: 3px;
    color: white;
    float: right;
    font-size: 14px !important;
    font-weight: 400;
    line-height: 24px;
    margin-top: 6px;
    padding: 2px 10px;
}

#headermenu li#nav-trial-link a:hover {
    background: #7bba19;
}

#get-the-trial a {
    background: #8bc53f none repeat scroll 0 0;
    border: 1px solid #7bba19;
    border-radius: 3px;
    color: white;
    float: left;
    font-size: 13px !important;
    font-weight: 500;
    line-height: 22px;
    margin: -7px 0 0 2px;
    padding: 2px 10px;
    position: relative;
}

#get-the-trial a:hover {
    background: #7bba19;
}

div.megamenu {
    background-color: #eee;
    padding: 13px 10px 13px 10px;
    overflow: hidden;
    -webkit-box-shadow: 7px 7px 57px -11px rgba(0, 0, 0, 1);
    -moz-box-shadow: 7px 7px 57px -11px rgba(0, 0, 0, 1);
    box-shadow: 7px 7px 57px -11px rgba(0, 0, 0, 1);
    z-index: 99;
    display: none;
    position: absolute;
    top: 134px
}

div.megamenu.stick {
    top: 40px !important;
}

/*div.megamenu div.col {*/
/*width: 266px;*/
/*vertical-align: top;*/
/*display: inline-block;*/
/*line-height: 26px;*/
/*margin: 20px 10px 20px 10px*/
/*}*/

/*div.megamenu div.col.extra {*/
/*height: 400px;*/
/*margin: -13px -10px -13px 30px;*/
/*padding: 20px;*/
/*display: inline-block;*/
/*background-color: lightgrey;*/
/*font-size: 14px;*/
/*line-height: 18px;*/
/*}*/

/*div.megamenu div.col.extra.left {*/
/*margin: -13px 30px -13px -13px;*/
/*}*/

/*div.megamenu div.col span {*/
/*display: block;*/
/*font-size: 14px;*/
/*color: #345062;*/
/*font-weight: normal;*/

/*}*/

/*div.megamenu div.col span.subhead {*/
/*font-weight: bold;*/
/*font-size: 18px;*/
/*color: #1f3845;*/
/*line-height: 30px;*/
/*}*/

div.megamenu h3 {
    font-size: 18px !important;
    color: #01375d !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

#hmi {
    margin-left: 0px;
    height: 395px
}

#mes {
    margin-left: 0px
}

#mes .col.extra {
    height: 520px
}

#downloads {
    margin-left: 248px
}

#buy {
    margin-left: 351px
}

#integrators {
    margin-left: 491px;
}

#solutions {
    margin-left: 0px;
    height: 300px
}

#resources {
    margin-left: 0px;
}

#resources .col.extra {
    height: 456px;
}

#support {
    margin-left: 315px
}

#support .col.extra {
    height: 478px
}

#about {
    margin-left: 312px;

}

#about a {
    color: #002144;
}

.about-info {
    background: #e9eaea none repeat scroll 0 0;
    height: 17em;
    padding: 1em !important;
}

/* nav mega menu may 6, 2015 */

.hideme {
    display: none;
}

img.mm-img {
    border: 1px solid #DCDCDC;
    margin-bottom: .2rem;
}

nav#headermenu {
    margin: 10px auto 0;
    width: 100%;
}

.ffheader nav#headermenu {
    max-width: 1000px;
}

.bsheader nav#headermenu {
    width: 100%;
}

nav#headermenu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.bsheader nav#headermenu ul.mm-dropdown {
    margin: 0 auto;
    width: 1000px;
}

nav#headermenu ul li.toplevel {
    margin: 0;
    padding: 0;
    float: left;
}

.bsheaderx nav#headermenu ul li.toplevel {
    position: relative;
}

nav#headermenu ul div.submenuwrapper {
    background: none repeat scroll 0 0 #f1f2f2;
    display: none;
    margin: 0 auto;
    padding: 10px;
    position: relative;
    width: 1000px;
    z-index: 99;
}

.close-mm {
    position: absolute;
    right: 0.75em;
    top: 2.25em;
}

.close-mm a,
.close-mm a:focus,
.close-mm a:visited {
    color: #a3a5a8;
}

.close-mm a:hover {
    color: #909090;
}

.close-mm img {
    margin: 0 0 0 4px
}

.bsheader .close-mm img {
    margin: 7px 0 0 4px
}

nav#headermenu ul div.submenuwrapper li.height20 {
    margin-top: 1rem;
}

li.height20 {
    height: auto;
    overflow: visible;
}

.bsheader li.height20 {
    padding-top: 1rem;
}

li.height20 span {
    line-height: 30px;
}

.full-width-nav {
    background: #f1f2f2 none repeat scroll 0 0;
    border-top: 3px solid #1c75bc;
    box-shadow: 0 1px 6px #999;
    display: none;
    height: auto;
    min-height: 370px;
    left: 0;
    margin-top: 9px;
    position: absolute;
    right: 0;
}

.full-width-nav .submenuhoverarea {
    height: 100%;
    margin: 0 auto;
    padding-bottom: 40px;
    width: 1130px;
}

.full-width-nav .submenuwrapper hr {
    margin: 1rem 0 1.1875rem !important;
}

nav#headermenu li.showmenu div.full-width-nav,
nav#headermenu li.showmenu div.submenuwrapper,
nav#headermenu li.showmenu:hover div.full-width-nav,
nav#headermenu li.showmenu:hover div.submenuwrapper {
    display: block;
}

.col.extra {
    margin-top: 0.75rem;
}

.col ul, .col.extra ul {
    list-style: none;
    float: left;
    /*width: 33.3% !important;*/
}

.col ul li, .col.extra ul li {
    display: block;
    line-height: 1.7em !important;
}

.col.extra ul img {
    margin-bottom: 8px;
}

.col.extra.right ul,
.col.extra.middle ul {
    border-left: 0px solid #cccccc;
    padding-left: 2.2rem !important;
}

.bsheader .col ul, .bsheader .col.extra ul {
    min-height: 2em;
}

.border-right {
    border-right: 0px solid #cccccc;
}

.col.extra.left ul {
    border-right: 0px solid #cccccc;
    padding-right: 3rem !important;
}

.bsheader .col ul li, .col.extra ul li {
    padding-right: 1em;
}

.bsheader .col.midmenu ul li {
    padding-left: 1em;
}

nav#headermenu a.firstlevel {
    display: block;
    line-height: 20px;
    margin-bottom: 0;
    padding: 12px 0 0 !important;
    position: relative;
}

#headermenu .col ul li a span {
    color: #455c6d;
    /*font-size: 0.925rem;*/
    font-weight: 500;
    font-size: 14px;
}

#headermenu .col ul li span,
#headermenu .col ul li a.email {
    color: #666666;
    /*font-size: 0.925rem;*/
    font-weight: 500;
    font-size: 14px;
}

#headermenu .col ul li a.subhead span,
#headermenu .col ul li span.subhead {
    color: #1c75bc;
    /*font-size: 0.925rem;*/
    font-size: 14px;
    font-weight: 600;
    line-height: 30px;
    margin-top: 1rem;
}

#headermenu .col.extra ul li.lh-style1 {
    margin-bottom: 14px;
}

#headermenu .col.extra ul li.lh-style1,
#headermenu .col.extra ul li.lh-style1 a.subhead,
#headermenu .col.extra ul li.lh-style1 a.subhead span {
    line-height: 18px !important;
}

#headermenu .col ul li a:hover {
    border-bottom: 1px solid #455c6d;
}

#headermenu .col ul li a.subhead:hover {
    border-bottom: 1px solid #1c75bc;
}

#headermenu .col ul li a.email:hover {
    border-bottom: 1px solid #666;
}

#headermenu ul li.height10 {
    overflow: visible;
}

.blue-triangle {
    border-bottom: 8px solid #1c75bc;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    bottom: -11px;
    display: none;
    position: absolute;
    right: 41%;
    transition: all 750ms ease 0s;
}

#nav-buy .blue-triangle {
    right: 33%;
}

#nav-about .blue-triangle {
    right: 36%;
}

#nav-support .blue-triangle {
    right: 38%;
}

nav#headermenu li.showmenu a.firstlevel:hover > .blue-triangle {
    display: block;
}

.showmenu .blue-triangle {
    display: block;
}

li.showmenu:hover > div.full-width-nav {
    display: block;
}

li.showmenu:hover > div.submenuwrapper {
    display: block;
}

form#mm-join-meeting {
    padding-right: 2rem;
}

input#gotomeetingid {
    background: none repeat scroll 0 0 #e6e7e8;
    border: 1px solid #efefef;
    color: #5e5e5e;
    font-size: 16px !important;
    font-weight: bold;
    height: 34px;
    letter-spacing: 2px;
    margin-bottom: 10px;
    padding: 0 0.5rem;
    width: 100%;
}

input.gotomeeting-submit, input.gotomeeting-submit:hover {
    background: none repeat scroll 0 0 #939598;
    border: 1px solid #939598;
    color: #ffffff;
    float: right;
    padding: 0.2rem 1rem;
}

nav#headermenu li.back {
    /* remove the back list items from the mega menu (they only show in off-canvas mobile menu) */
    display: none;
}

/* start custom bootstrap styles */

.bsheader {
    width: 100%;
}

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

.bsheader #headermenu li#nav-trial-link a,
.bsheader #headermenu .col ul li a span,
.bsheader #headermenu .col ul li a.subhead span,
.bsheader #headermenu .col ul li span.subhead {
    font-size: 14px;
}

.submenuwrapper .col.extra.left ul span,
.submenuwrapper .col.extra.right ul span,
p.mm-extra-description {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.25em;
}

/* end custom boostrap styles */

/* start off canvas menu styles */

.move-left main {
    border-right: 1px solid #ddddde;
}

ul.off-canvas-list li {
    background: #eef2f4 none repeat scroll 0 0;
    border-bottom: 1px solid #ddddde;
    margin: 0;
    padding: 0;
}

ul.off-canvas-list li:last-child {
    border-bottom: none;
}

ul.off-canvas-list li#mobile-menu-search a:hover {
    background: none repeat scroll 0 0 transparent !important;
    transition: background 300ms ease 0s;
}

ul.off-canvas-list li#mobile-menu-search {
    background-color: #ffffff;
    border-bottom: medium none;
    box-shadow: -1px 0 8px #aaa;
    display: block;
    float: left;
    height: 63px;
    margin-bottom: 6px;
    padding: 10px 30px 10px 10px;
    position: relative;
    width: 100%;
    z-index: 1003;
}

a#mobile-menu-sign-in {
    background: transparent url("/static/images/icons/account-ico-hires.png") no-repeat scroll 0 10px / 16px auto;
    padding: 4px 0 0 22px;
    position: absolute;
    right: 10px;
    top: 11px;
}

ul.off-canvas-list li#mobile-menu-search a#mobile-menu-sign-in:hover {
    background: transparent url("/static/images/icons/account-ico-hires.png") no-repeat scroll 0 10px / 16px auto !important;
}

#mobile-menu-searchbox.search_txtbox {
    float: left !important;
    margin-top: 7px;
    width: 120px !important;
}

.move-left .exit-off-canvas {
    box-shadow: none;
    border: none;
}

ul.off-canvas-list li label {
    background: #eef2f4 none repeat scroll 0 0;
    border-top: medium none;
    color: #455c6d;
    display: block;
    font-size: 16px;
    font-weight: 400;
    line-height: inherit;
    margin: 0;
    padding: 6px 16px;
    text-transform: none;
}

ul.off-canvas-list li label:after {
    /*border-bottom: 1px solid #ddddde;*/
}

ul.off-canvas-list li a:link, ul.off-canvas-list li a:active, ul.off-canvas-list li a:visited {
    padding: 6px 16px;
}

.right-submenu {
    background: #eef2f4 none repeat scroll 0 0;
    top: 63px;
}

.right-submenu .back {
    background: #eef2f4 none repeat scroll 0 0;
    display: block;
    padding: 6px 0 2px;
}

.right-submenu .back > a {
    background: #eef2f4 none repeat scroll 0 0;
    border-bottom: medium none;
    border-top: medium none;
    color: #808285 !important;
    font-size: 14px;
    font-weight: 600;
    text-transform: none;
}

.right-submenu .back > a::after {
    content: none;
}

.right-off-canvas-menu ul.off-canvas-list li.has-submenu > a:before {
    content: none;
    margin-right: 0.5rem;
    display: inline;
}

.right-off-canvas-menu ul.off-canvas-list li.has-submenu,
.right-off-canvas-menu ul.off-canvas-list li.has-submenu:hover {
    background: #eef2f4 url("/static/images/icons/right-arrow.png") no-repeat scroll 230px center / 6px 9px;
    transition: none !important;
}

.right-off-canvas-menu ul.off-canvas-list li.has-submenu:hover,
.right-off-canvas-menu ul.off-canvas-list li.has-submenu a:hover {
    background: #eef2f4 url("/static/images/icons/right-arrow.png") no-repeat scroll 230px center / 6px 9px !important;
    transition: none !important;
}

aside.right-off-canvas-menu {
    background: #eef2f4 none repeat scroll 0 0;
}

.right-off-canvas-menu ul.off-canvas-list li.has-submenu:hover,
.right-off-canvas-menu ul.off-canvas-list li.has-submenu a:hover {
    background: #eef2f4 url("/static/images/icons/right-arrow.png") no-repeat scroll 230px center / 6px 9px !important;
    transition: none !important;
}

.right-off-canvas-menu ul.off-canvas-list li.has-submenu li.back a img {
    display: none;
}

/*.right-off-canvas-menu ul.off-canvas-list li.has-submenu li.back:hover,*/
/*.right-off-canvas-menu ul.off-canvas-list li.has-submenu li.back a:hover {*/
/*background-image: none !important;*/
/*}*/

/*.right-off-canvas-menu ul.off-canvas-list li.has-submenu li.back a,*/
/*.right-off-canvas-menu ul.off-canvas-list li.has-submenu li.back a:hover {*/
/*background: #eef2f4 url("/static/images/icons/bracket-left-ico-hires.png") no-repeat scroll 16px center / 6px 9px !important;*/
/*padding-left: 32px;*/
/*}*/

.right-submenu .back > a:hover {
    background: #fff none repeat scroll 0 0 !important;
    border-top: none;
    border-bottom: none;
}

.right-submenu li p.mm-extra-description {
    padding: 0.3rem 0.66667rem 0.3rem 2rem;
}

.right-submenu li.mobile-menu-label label {
    background-color: #dce2e6;
    padding: 12px 16px 6px;
}

.right-submenu li.mobile-nolink,
.right-submenu li.mobile-menu-label.mobile-nolink {
    padding: 3px 16px;
}

.right-submenu li.mobile-menu-subhead {
    border-top: 1px solid #dce2e6;
}

ul.right-submenu li {
    border-bottom: none;
}

ul.off-canvas-list ul.right-submenu li a:link,
ul.off-canvas-list ul.right-submenu li a:active,
ul.off-canvas-list ul.right-submenu li a:visited {
    padding: 0 16px 4px;
}

.right-submenu li a span {
    color: #455c6d;
}

.right-submenu li a.subhead {
    margin-top: 14px;
}

.right-submenu li a.subhead span {
    color: #1c75bc;
    font-weight: 600;
}

.right-submenu li span.subhead {
    color: #1c75bc;
    font-weight: 600;
}

.right-submenu li span {
    margin-left: 0;
}

.right-submenu p.mm-extra-description {
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    margin: 0;
    padding: 3px 16px 20px !important;
}

ul.off-canvas-list li.mobile-menu-top-label label {
    color: #808285;
    font-size: 14px;
    font-weight: 600;
}

nav#headermenu ul li span.subhead a {
    color: #428bca;
    font-weight: 600;
}

/*ul.off-canvas-list ul.right-submenu li:hover, .right-submenu li a:hover {*/
/*background: #eef2f4 none repeat scroll 0 0 !important;*/
/*background-image: none !important;*/
/*}*/

.right-off-canvas-menu ul.off-canvas-list li.has-submenu ul.right-submenu li:hover,
.right-off-canvas-menu ul.off-canvas-list li.has-submenu ul.right-submenu li a:hover,
ul.right-submenu li:hover,
ul.right-submenu li a:hover {
    background: #eef2f4 none repeat scroll 0 0 !important;
    background-image: none !important;
    transition: none;
}

.right-off-canvas-menu ul.off-canvas-list li.has-submenu ul.right-submenu li.back a,
.right-off-canvas-menu ul.off-canvas-list li.has-submenu ul.right-submenu li.back a:hover {
    background: #eef2f4 url("/static/images/icons/left-arrow.png") no-repeat scroll 16px 11px / 6px 9px !important;
    color: #808285;
    padding-left: 32px;
}

.right-off-canvas-menu ul.off-canvas-list li.has-submenu ul.right-submenu li.mobile-menu-label label a,
.right-off-canvas-menu ul.off-canvas-list li.has-submenu ul.right-submenu li.mobile-menu-label label a:hover {
    background-color: #dce2e6 !important;
    padding: 0 !important;
}

/* end off canvas menu styles */

/* start custom media queries */

@media screen and (max-width: 78em) {
    .close-mm {
        right: 0;
    }
}

@media screen and (max-width: 50em) {
    .ffheader.custom-large-breakpoint {
        display: none;
    }
}

@media screen and (min-width: 50em) {
    .custom-medium-breakpoint {
        display: none;
    }
}

@media screen and (max-width: 64.03em) {
    /*.logo img {*/
    /*width: 120px;*/
    /*}*/
    .ffheader nav#headermenu ul div.submenuwrapper {
        width: 100%;
    }

    .ffheader .close-mm {
        right: 2rem;
    }

    .bsheader .submenuwrapper {
        /*width: 1000px;*/
        position: relative;
    }

    .bsheader {
        width: 1024px;
    }

    .footerbg {
        width: 1024px;
    }

    .bsheader .submenuwrapper .col-md-4 {
        float: left !important;
        /*padding: 0;*/
        width: 320px !important;
    }

    .bsheader #headermenu li#nav-trial-link {
        margin-right: 1.5rem;
    }
}

@media screen and (max-width: 55em) {
    .ffheader #headermenu a span {
        padding: 10px 8px;
    }

    .ffheader nav#headermenu ul div.submenuwrapper {
        width: 100%;
    }

    .submenuwrapperx .col-md-4 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .col.extra.right ul {
        border-left: 0;
    }

    .col.extra.left ul {
        border-right: 0;
    }

    .col.extra.left ul {
        border-right: 0;
    }

    input#gotomeetingid {
        width: 12em;
    }
}

@media screen and (min-width: 50em) and (max-width: 64.03em) {
    .ffheader .headermain {
        padding-left: .75em;
        padding-right: .925em;
    }

    .bsheader .headermain {
        padding-left: .75em;
        padding-right: .925em;
    }
}

@media screen and (max-width: 60em) {
    .ffheader #headermenu li#nav-trial-link {
        display: none;
    }
}

@media screen and (min-width: 60em) and (max-width: 64.03em) {
    #headermenu li#nav-trial-link a {
        margin-right: 21px;
    }
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: portrait) {
    /* For ipad portrait layouts only */
    nav#headermenu ul div.submenuwrapper {
        position: relative;
        width: 980px;
    }

    .close-mm {
        position: absolute;
        bottom: 2em;
        right: 2em;
    }

    .col.extra ul img#case-study-thumb {
        width: 80%;
    }

    .col.extra.left ul {
        border-right: 0;
    }
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape) {
    /* For ipad landscape layouts only */
    nav#headermenu ul div.submenuwrapper {
        position: relative;
        top: 10px;
        width: 1024px;
    }

    .close-mm {
        position: absolute;
        bottom: 2em;
        right: 2em;
    }

    .col.extra ul img#case-study-thumb {
        width: 80%;
    }

    .col.extra.left ul {
        border-right: 0;
    }
}

/* end custom media queries */