.iconfont {
    font-family: 'mentor';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.page-image {
    height: 250px;
    overflow: hidden;
    text-align: center;
}

.wrap {
    text-wrap: wrap;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    word-wrap: break-word
}
.uc {
    font-size: 11px;
    line-height: 1.1;
    text-transform: uppercase
}
.input {
    background: #fff;
    border: 1px solid #ccc;
    box-shadow: inset 1px 1px 1px #ccc;
    color: #000;
    font-size: 12px;
    font-family: Arial, Helvetia, san-serif;
    padding: 3px 2px
}
.clearfix {
    zoom: 1
}
.clearfix:after {
    display: block;
    visibility: hidden;
    height: 0;
    font-size: 0;
    clear: both;
    content: " "
}
.vertical-align {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}
@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}
@-moz-keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}
@keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}
@-webkit-keyframes slideUp {
    0% {
        bottom: -35%;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -khtml-opacity: 0;
        -moz-opacity: 0;
        opacity: 0
    }
    100% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        -khtml-opacity: 1;
        -moz-opacity: 1;
        opacity: 1;
        bottom: 0;
        z-index: 1000000
    }
}
@-moz-keyframes slideUp {
    0% {
        bottom: -35%;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -khtml-opacity: 0;
        -moz-opacity: 0;
        opacity: 0
    }
    100% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        -khtml-opacity: 1;
        -moz-opacity: 1;
        opacity: 1;
        bottom: 0;
        z-index: 1000000
    }
}
@keyframes slideUp {
    0% {
        bottom: -35%;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -khtml-opacity: 0;
        -moz-opacity: 0;
        opacity: 0
    }
    100% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        -khtml-opacity: 1;
        -moz-opacity: 1;
        opacity: 1;
        bottom: 0;
        z-index: 1000000
    }
}
.fadein {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    -o-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 0.3s;
    -moz-animation-duration: 0.3s;
    -o-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}
.oldie .fadein,
.ie9 .fadein {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1
}
.slideup {
    -webkit-animation-name: slideUp;
    -moz-animation-name: slideUp;
    -o-animation-name: slideUp;
    animation-name: slideUp;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 0.3s;
    -moz-animation-duration: 0.3s;
    -o-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}
.svglogo {
    background-image: url('')
}
.logo {
    background-repeat: no-repeat;
    background-position: 0 0;
    display: block;
    height: 34px;
    text-indent: -9999em;
    -moz-transition: opacity .3s ease-in;
    -webkit-transition: opacity .3s ease-in;
    -o-transition: opacity .3s ease-in;
    transition: opacity .3s ease-in;
    position: relative;
    width: 101px
}
.ie8 #logo {
    background-image: url('')
}
* {
    margin: 0;
    padding: 0
}
body {
    background: #006d66;
    padding-top: 50px;
    position: relative;
    text-align: center
}
body.mgc-home {
    padding-top: 124px
}
@media (max-width: 768px) {
    body.mgc-home {
        padding-top: 43px
    }
}
body.popup {
    background: #fff;
    margin: 0;
    padding: 0
}
@media (max-width: 768px) {
    body {
        background: #eee;
        padding-top: 43px
    }
}
.container {
    margin: 0 auto;
    text-align: left;
    width: 996px;
}
#header-secondary .container {
    position: relative
}
@media (max-width: 768px) {
    .container {
        width: auto !important
    }
}
#content {
    background: #e0ece9;
    padding-bottom: 18px;
    text-align: left;
}
.popup #content,
.blogs #content {
    background: #fff
}
.mgc-home #content,
.leaf-full #content {
    background: #f5f5f5;
    padding-bottom: 0
}
@media (max-width: 660px) {
    #content {
        margin: 5px 5px 10px
    }
    .popup #content {
        border: none
    }
}
@media (max-width: 768px) {
    #content {
        border-bottom: 5px solid #1f1f1f
    }
    .popup #content {
        border: none
    }
    .support-home #content {
        padding-top: 15px
    }
}
#copy {
    margin: 0 auto;
    margin-top: -36px;
    padding: 0 0;
    width: 996px;
}
#copy .container {
    margin: 0 auto;
    z-index: 1
}
.leaf #copy,
.mgc-landing #copy {
    padding-bottom: 18px
}
.leaf #copy .row-fluid .span10.copy,
.mgc-landing #copy .row-fluid .span10.copy {
    margin: 0 !important;
    width: 100% !important
}
.mgc-home #copy {
    background: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
    padding: 36px;
    position: relative;
    width: 924px;
    z-index: 301
}
.mgc-landing-fullpage #copy,
.mgc-landing-fullpage .container {
    max-width: 1280px;
    width: 95%
}
@media only screen and (max-width: 768px) {
    #copy,
    .mgc-home #copy {
        padding: 0;
        width: auto;
        z-index: 1
    }
}
#sidebar {
    background: transparent;
    position: relative;
    z-index: 2
}
.leaf #sidebar,
.mgc-landing #sidebar {
    display: none
}
#sidebar.span2 {
    margin: 0;
    float: left
}
@media only screen and (max-width: 768px) {
    #sidebar {
        background: none;
        border: none;
        float: none;
        min-height: 0;
        padding: 0;
        width: 100%
    }
    #sidebar:after {
        display: none
    }
}
.copy {
    position: relative
}
body.popup .copy {
    float: none;
    padding: 0;
    text-align: left;
    width: auto
}
.overlay .copy {
    background: #fff;
    padding: 5px 10px;
    width: auto
}
.row-fluid .copy.span10,
.copy-block {
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    margin-bottom: 18px;
    padding: 20px
}
.row-fluid .copy.span10 {
    float: right
}
.mgc-home .row-fluid .copy.span10 {
    float: none;
    box-shadow: none;
    margin: 0;
    padding: 0
}
@media (max-width: 768px) {
    .row-fluid .copy.span10 {
        float: none;
        width: auto
    }
    .mgc-home .row-fluid .copy.span10 {
        padding-top: 0
    }
}
.leaf .row-fluid .copy.span10,
.mgc-landing .row-fluid .copy.span10 {
    float: none
}
@media (max-width: 768px) {
    .leaf .row-fluid .copy.span10,
    .mgc-landing .row-fluid .copy.span10 {
        float: none;
        padding: 20px
    }
}
body.popup #header,
body.popup #footer,
body.popup #sidebar {
    display: none
}
.mgc-landing #header-primary {
    background: #292929;
    box-shadow: none;
    height: 80px
}
.mgc-landing:after {
    background: #292929;
    display: block;
    content: '';
    height: 188px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1
}
.mgc-landing #footer .links {
    display: none
}
.mgc-landing #logo {
    margin-top: 25px
}
.mgc-landing #copy .row-fluid .copy.span10 {
    z-index: 2
}
.mgc-landing .header-page,
.mgc-landing .page-title {
    background: #006d66;
    margin: -20px 0 20px -20px;
    padding: 20px 20px 0 20px;
    min-height: 82px;
    position: relative;
    width: 100%
}
.mgc-landing .header-page h1,
.mgc-landing .page-title h1 {
    color: #fff;
    font-size: 32px
}
.mgc-landing .header-page h1 small,
.mgc-landing .page-title h1 small {
    color: #fff;
    display: block;
    font-size: .5em;
    opacity: .8
}
.mgc-landing .header-page h1 b,
.mgc-landing .page-title h1 b {
    font-weight: 700
}
.mgc-landing .header-page h1 span,
.mgc-landing .page-title h1 span {
    font-weight: 300
}
.leaf-full #copy {
    padding: 0;
    width: 100%
}
.leaf-full #copy .row-fluid .span10.copy {
    background: transparent;
    box-shadow: none;
    float: none;
    padding: 0
}
.leaf-full h1.page-title {
    font-size: 36px;
    margin: 0;
    padding: 18px 0
}
.leaf-full h1.page-title span {
    display: block;
    margin: 0 auto;
    width: 996px
}
.theme-dark h1.page-title {
    background: #1f1f1f;
    color: #fff
}
.wrapper {
    padding-bottom: 36px;
    padding-top: 36px;
    text-align: left
}
@media (max-width: 768px) {
    .wrapper {
        padding-bottom: 18px;
        padding-top: 18px
    }
}
.wrapper.wrapper-arrow {
    position: relative
}
.wrapper.wrapper-arrow:after {
    border: 15px solid transparent;
    content: ' ';
    left: 50%;
    margin-left: -15px;
    position: absolute;
    top: 100%;
    width: 0
}
.wrapper.wrapper-tight {
    padding-bottom: 18px;
    padding-top: 18px
}
.wrapper.wrapper-collapse {
    padding-bottom: 0;
    padding-top: 0
}
.wrapper.wrapper-collapse-bottom {
    padding-bottom: 0
}
.wrapper.wrapper-collapse-top {
    padding-top: 0
}
.wrapper.wrapper-white {
    background-color: #fff
}
.wrapper.wrapper-dark {
    background-color: #1f1f1f
}
.wrapper.wrapper-dark.wrapper-arrow:after {
    border-top-color: #1f1f1f
}
.wrapper.wrapper-grey {
    background-color: #ebebeb
}
.wrapper.wrapper-grey.wrapper-arrow:after {
    border-top-color: #ebebeb
}
.wrapper.wrapper-blue {
    background-color: #006d66
}
.wrapper.wrapper-blue.wrapper-arrow:after {
    border-top-color: #006d66
}
.wrapper.wrapper-console {
    background-image: url('/img_mgc/micro-carbon.png');
    background-repeat: repeat;
    box-shadow: inset 0 0 200px #000
}
.wrapper.wrapper-circuits {
    background-image: url('/img_mgc/bg-circuits.png');
    background-repeat: repeat;
    background-position: 50% 50%
}
.wrapper.wrapper-bg-cover {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%
}
.wrapper-top {
    margin-bottom: -36px
}
.row-container.wrapper>.row-fluid {
    margin: 0 auto;
    width: 996px
}
@media only screen and (min-width: 320px) and (max-width: 959px) {
    .leaf-full h1.page-title {
        padding: 5px
    }
    .leaf-full h1.page-title span,
    .row-container.wrapper>.row-fluid {
        padding: 0 10px;
        width: auto
    }
}
.console {
    display: table;
    position: relative;
    width: 100%
}
.console-sidebar {
    border-left: 1px solid #444;
    display: table-cell;
    margin: 0;
    padding: 0;
    vertical-align: top;
    width: 18%
}
.console-main {
    background: #ddd;
    display: table-cell;
    vertical-align: top;
    width: 82%
}
.console-main>div {
    padding: 25px
}
@media only screen and (max-width: 660px) {
    .console {
        display: block
    }
    .console-sidebar,
    .console-main {
        border: none;
        display: block;
        width: auto
    }
    .console-sidebar {
        text-align: center
    }
    .console-main>div {
        padding: 12px
    }
}
.console-nav {
    list-style: none;
    margin: 0;
    padding: 0
}
.console-nav>li {
    border-top: 1px solid #444;
    margin: 0;
    padding: 0;
    position: relative
}
.console-nav>li:first-child {
    border: none
}
.console-nav>li>a {
    color: #999;
    display: block;
    padding: 15px 5px;
    text-transform: uppercase;
    text-align: center;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}
.console-nav>li>a:hover,
.console-nav>li>a.active {
    box-shadow: inset 0 0 16px rgba(0, 0, 0, 0.9);
    color: #fff;
    text-decoration: none
}
.console-nav>li>a:hover .vlab-icon,
.console-nav>li>a.active .vlab-icon {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1
}
.console-nav>li.active a,
.console-nav>li.active a:hover {
    background: #000;
    color: #fff
}
.console-nav>li.active a .vlab-icon,
.console-nav>li.active a:hover .vlab-icon {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1
}
.console-nav>li.disabled a,
.console-nav>li.disabled a:hover {
    color: #444;
    cursor: crosshair;
    box-shadow: none
}
.console-nav li>ul {
    margin-bottom: 18px;
    margin-top: 18px
}
.console-nav li>ul a {
    color: #fff;
    font-size: 24px
}
.console-nav li>ul a:hover {
    color: #999;
    text-decoration: none
}
.console-nav-label {
    display: block;
    font-size: 11px;
    margin-top: 3px;
    text-transform: uppercase
}
@media only screen and (max-width: 660px) {
    .console-nav {
        zoom: 1;
        display: table;
        margin: 0 auto
    }
    .console-nav:after {
        display: block;
        visibility: hidden;
        height: 0;
        font-size: 0;
        clear: both;
        content: " "
    }
    .console-nav>li {
        border: none;
        border-left: 1px solid #444;
        float: left
    }
    .console-nav>li>a {
        padding-left: 7px;
        padding-right: 7px
    }
    .console-nav .console-nav-label {
        display: none
    }
    .console-nav .icon-x-large {
        font-size: 28px !important
    }
    .console-nav .overlay-context {
        display: none !important
    }
}
.callout-padding>.inner {
    padding: 1.5em 2em 1em
}
@media only screen and (max-width: 660px) {
    .callout-padding>.inner {
        padding: 12px
    }
}
#header-primary {
    background: #006d66;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2), inset 0 0 18px rgba(0, 0, 0, 0.07);
    left: 0;
    height: 50px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 301
}
.toolbar #header-primary {
    top: 35px
}
.mgc-home #header-primary,
.header-fixed #header-primary {
    z-index: 302;
    position: fixed;
    top: 0
}
#header-primary .header-primary-text {
    line-height: 50px
}
#header-secondary {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), inset 0 0 18px rgba(0, 0, 0, 0.07);
    background: #292929;
    height: 76px;
    text-align: center;
    width: 100%;
    z-index: 300
}
.toolbar #header-secondary {
    top: 85px
}
#header-secondary.fixed {
    left: 0;
    position: fixed;
    top: 0
}
.mgc-home #header-secondary {
    height: 175px;
    position: absolute;
    top: 50px
}
@media (max-width: 768px) {
    #header-primary {
        background: none;
        box-shadow: none;
        border: none;
        position: fixed;
        top: 0;
        left: 0
    }
    #header-primary,
    #mobile-header {
        background: #006d66;
        box-shadow: none;
        left: 0;
        z-index: 999;
        height: 43px;
        left: auto;
        margin: 0 0 10px;
        position: fixed;
        top: 0;
        z-index: 998;
        width: 100%
    }
    #header-primary a,
    #mobile-header a {
        color: #fff
    }
    #header-primary.toggled,
    #mobile-header.toggled {
        height: auto;
        z-index: 200
    }
    #header-secondary,
    #header-secondary.fixed {
        background: #222;
        height: auto;
        left: auto;
        position: static;
        text-align: left;
        top: auto
    }
    #header-secondary #section,
    #header-secondary.fixed #section {
        margin: 0;
        padding: 15px 5px;
        position: relative
    }
    #header-secondary #section a,
    #header-secondary.fixed #section a {
        color: #fff;
        font-size: 15px;
        font-weight: normal;
        line-height: 1
    }
    #header-secondary #section a.button-menu,
    #header-secondary.fixed #section a.button-menu {
        background: #cee1ef;
        background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #a8c9e2), color-stop(1, #f2f7fb));
        background: -ms-linear-gradient(bottom, #a8c9e2, #f2f7fb);
        background: -moz-linear-gradient(center bottom, #a8c9e2 0, #f2f7fb 100%);
        color: #444;
        border-radius: 22px;
        display: block;
        font-size: 12px;
        font-weight: bold;
        line-height: 1;
        padding: 7px 12px;
        position: absolute;
        right: 5px;
        text-shadow: 1px 1px 0 #fff;
        text-transform: uppercase;
        top: 11px
    }
    .mgc-home #header-secondary,
    .mgc-home #header-secondary.fixed {
        display: none
    }
    .leaf #header-secondary .button-menu {
        display: none !important
    }
}
@media (max-width: 660px) {
    .support #header-secondary {
        height: 39px
    }
    .jp.support #header-secondary {
        height: 54px
    }
    .jp.support #header-secondary #section a {
        line-height: 33px
    }
}
@media only screen and (min-width: 569px) and (max-width: 768px) {
    #header-secondary #section a,
    #header-secondary.fixed #section a {
        font-size: 24px
    }
    #header-secondary #section a.button-menu,
    #header-secondary.fixed #section a.button-menu {
        top: 11px
    }
}
@media only screen and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) {
    #header-secondary.fixed {
        display: none
    }
}
#logo {
    display: block;
    height: 34px;
    text-indent: -9999em;
    -moz-transition: opacity .3s ease-in;
    -webkit-transition: opacity .3s ease-in;
    -o-transition: opacity .3s ease-in;
    transition: opacity .3s ease-in;
    margin-top: 8px;
    position: relative;
    width: 101px;
    z-index: 999
}
#logo:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    -khtml-opacity: .7;
    -moz-opacity: .7;
    opacity: .7
}
#logo:active {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
    filter: alpha(opacity=35);
    -khtml-opacity: .35;
    -moz-opacity: .35;
    opacity: .35
}
#logo.fixed {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -khtml-opacity: .5;
    -moz-opacity: .5;
    opacity: .5;
    margin-top: 22px;
    position: fixed;
    -moz-transition: opacity .5s ease-in-out;
    -webkit-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out
}
#logo.fixed:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1
}
.mgc-home #logo.fixed {
    margin-top: 8px
}
.ie8 #logo {
    background-image: url('')
}
@media only screen and (max-width: 768px) {
    #logo,
    #logo:hover,
    #logo:active,
    #logo.fixed {
        background-size: 76px 24px !important;
        background-repeat: no-repeat;
        background-position: 0 0 !important;
        margin-left: 5px;
        margin-top: 10px !important;
        height: 24px;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        -khtml-opacity: 1;
        -moz-opacity: 1;
        opacity: 1;
        position: static;
        width: 76px
    }
    .mgc-home #logo,
    .mgc-home #logo:hover,
    .mgc-home #logo:active,
    .mgc-home #logo.fixed {
        margin-top: 10px !important
    }
}
@media only screen and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) {
    #logo.fixed {
        display: none
    }
}
#section {
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}
#section a {
    color: #cee1ef;
    font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 76px;
    text-decoration: none;
    text-shadow: 1px 1px 0 #000;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}
#section a:hover {
    color: #fff
}
.fixed #section {
    margin-left: 17.0212766%
}
#user {
    color: #98b0d9;
    float: right;
    font-size: 11px;
    line-height: 1.3;
    padding: 0;
    text-align: right;
    margin-top: 4px;
    z-index: 215
}
#user .show-hide {
    background: none;
    padding: 0
}
#user .show-hide:after {
    display: none
}
#user a {
    color: #cee1ef
}
#user a:hover {
    color: #fff;
    text-decoration: underline
}
#user #signin {
    background: #006d66;
    clear: both;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
    color: #ddd;
    display: none;
    line-height: 1.1em;
    margin-left: -40px;
    position: absolute;
    text-align: left;
    width: 178px;
    z-index: 216
}
#user #signin .closer:after {
    color: #fff
}
#user #signin form {
    padding: 10px 15px 38px
}
#user #signin label {
    color: #a8c9e2;
    display: block;
    font-size: 12px;
    margin: 10px 0 5px 0
}
#user #signin input.text {
    display: block;
    margin: 0 0 5px;
    padding: 2%;
    width: 95%
}
#user #signin input[type=submit] {
    border: 1px solid #d2d2d2;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
    color: #7c7c7c !important;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    line-height: 1;
    margin: 0;
    outline: none;
    padding: 10px 17px;
    position: relative;
    text-decoration: none;
    text-shadow: 1px 1px 0 #fff;
    -webkit-appearance: none;
    z-index: 2;
    background: #f1f1f1;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #efefef), color-stop(1, #fff));
    background: -ms-linear-gradient(bottom, #efefef, #fff);
    background: -moz-linear-gradient(center bottom, #efefef 0, #fff 100%);
    font-size: 12px;
    font-weight: bold;
    padding: 8px 14px;
    bottom: 10px;
    position: absolute;
    padding: 4px 8px;
    right: 12px
}
#user #signin input[type=submit]:hover {
    border-color: #d2d2c5;
    color: #000 !important;
    background: #efefef !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eaeaea), color-stop(1, #fcfcfc)) !important;
    background: -ms-linear-gradient(bottom, #eaeaea, #fcfcfc) !important;
    background: -moz-linear-gradient(center bottom, #eaeaea 0, #fcfcfc 100%) !important;
    text-decoration: none
}
#user #signin input[type=submit]:active {
    box-shadow: none;
    color: #777 !important;
    background: #eee !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #e1e1e1), color-stop(1, #f1f1f1)) !important;
    background: -ms-linear-gradient(bottom, #e1e1e1, #f1f1f1) !important;
    background: -moz-linear-gradient(center bottom, #e1e1e1 0, #f1f1f1 100%) !important
}
#user #signin input[type=submit]-tight {
    font-size: 11px;
    line-height: 1;
    padding: 6px 11px
}
#user #signin input[type=submit]-big {
    font-size: 16px;
    font-weight: bold;
    padding: 10px 17px
}
.ie7 #user #signin input[type=submit] {
    width: 78px;
    padding: 0
}
#user .user-action {
    display: block
}
#user [class^="icon-"] {
    color: #26456f;
    text-shadow: 1px 1px 0 #4f78b2;
    font-size: 16px;
    position: relative;
    top: 2px
}
#user .divider {
    display: none
}
.support #user .divider {
    display: inline-block
}
#user .clear-user {
    display: none
}
.support #user {
    padding-left: 30px
}
.mgc-landing #user {
    top: 20px
}
.mgc-landing #user [class^="icon-"] {
    color: #fff;
    text-shadow: none
}
.mgc-landing #user .user-profile {
    background: none;
    border: none;
    box-shadow: none
}
.mgc-landing-header {
    position: absolute;
    right: 10px;
    top: 10px;
    text-align: center;
    width: 100%
}
.mgc-landing-header>.container {
    text-align: right
}
@media (max-width: 768px) {
    .mgc-landing-header {
        top: 5px;
        z-index: 999
    }
}
.mgc-landing-header.user {
    color: #87a6cd;
    font-size: 11px
}
.mgc-landing-header.user a {
    color: #fff;
    font-weight: bold
}
.mgc-landing-header.user a:hover {
    color: #eee
}
#user {
    position: relative
}
#user .user-profile {
    background: #2b4d7c;
    border-radius: 22px;
    box-shadow: inset 0 1px 0 #16253a;
    border-bottom: 1px solid #436596;
    color: #fff;
    display: inline-block;
    line-height: 1;
    text-align: center;
    margin: 8px 0 0;
    padding: 3px 14px 5px;
    position: relative
}
@media (max-width: 768px) {
    #user .user-profile {
        margin: 0;
        background: transparent;
        border: none;
        box-shadow: none
    }
}
#user .user-profile:hover {
    text-decoration: none
}
#user .user-profile [class^="icon-"] {
    color: #cee1ef;
    text-shadow: 1px 1px 0 #000
}
#user .user-profile .user-notification {
    background: #d54e21;
    border-radius: 16px;
    box-shadow: 1px 1px 0 #000;
    color: #fff;
    display: block;
    font-size: 11px;
    height: 16px;
    line-height: 16px;
    position: absolute;
    right: -5px;
    text-align: center;
    top: -5px;
    width: 16px;
    z-index: 100
}
#user .user-profile.toggle-expanded {
    background: #244169
}
#user .user-profile.toggle-expanded .icon-user {
    color: #fff
}
#user .user-profile.toggle-expanded .user-notification {
    background: #cee1ef;
    color: #444
}
#user .user-notifications {
    padding-top: 12px;
    position: absolute;
    left: 50%;
    margin-left: -120px;
    width: 240px
}
#user .user-notifications .user-notifications-inner {
    background: #fff;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.35);
    position: relative;
    text-align: left
}
#user .user-notifications .user-notifications-inner:after {
    border: 10px solid transparent;
    border-bottom-color: #fff;
    content: ' ';
    left: 50%;
    margin-left: -10px;
    position: absolute;
    bottom: 100%;
    width: 0
}
#user .user-notifications ul {
    border: 1px solid #aaa;
    border-top: none;
    list-style: none;
    margin: 0;
    padding: 0
}
#user .user-notifications ul li {
    border: none;
    border-top: 1px solid #ddd;
    margin: 0;
    padding: 8px 8px
}
#user .user-notifications ul li:first-child {
    border: none
}
#user .user-notifications ul a {
    color: #999;
    display: block;
    font-size: 11px;
    font-weight: normal;
    line-height: 1.3
}
#user .user-notifications ul a strong {
    color: #444;
    display: block;
    font-size: 12px;
    font-weight: normal
}
#user .user-notifications ul a strong.user-notifications-noaction {
    color: #000;
    font-weight: bold
}
#user .user-notifications .user-notifications-profile {
    background: #e1e1e1;
    padding: 8px;
    text-align: center
}
#user .user-notifications .user-notifications-profile a {
    color: #333;
    font-weight: bold
}
#user .user-notifications .user-notifications-profile .button-action {
    display: block;
    font-weight: bold;
    font-size: 11px;
    margin-bottom: 5px;
    text-decoration: none !important
}
#user .user-notifications .user-notifications-overflow {
    max-height: 220px;
    overflow: auto
}
@media only screen and (max-width: 768px) {
    #user {
        background: #333;
        border: none;
        color: #ccc;
        display: block;
        left: auto;
        font-size: 11px;
        line-height: 1;
        margin: 0;
        padding: 11px 0 !important;
        position: static;
        text-align: center;
        width: 100%;
        top: auto
    }
    #user .show-hide {
        display: none
    }
    #user #signin {
        background: transparent;
        border-radius: 0;
        border: none;
        border-top: none;
        box-shadow: none;
        display: none;
        line-height: 1.1em;
        margin: 0;
        position: static;
        top: auto;
        right: auto;
        width: 100%;
        z-index: 216
    }
    #user.signin-toggled {
        background: transparent;
        border: none;
        box-shadow: none;
        padding: 0 5px;
        color: #cee1ef
    }
    #user.signin-toggled a {
        color: #fff
    }
    #user .user-action {
        display: inline
    }
    #user .icon-user {
        color: #ccc;
        text-shadow: none
    }
    #user .divider,
    #user .clear-user {
        display: none !important
    }
}
@media only screen and (min-width: 569px) and (max-width: 768px) {
    #user {
        padding-right: 10px;
        text-align: right
    }
}
@media only screen and (max-width: 768px) {
    #mobile-toggle {
        background: #006d66;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
        display: block;
        margin-top: -275px;
        position: relative;
        -moz-transition: all .3s ease-in-out;
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        width: 100%;
        z-index: 997
    }
    #mobile-toggle #secondary {
        float: right;
        width: 50%
    }
    #mobile-toggle.toggled {
        margin-top: 43px
    }
    #mobile-toggle .span8 {
        padding: 33px 0 0
    }
    #header-trigger {
        border-top: 4px solid #fff;
        border-bottom: 4px solid #fff;
        display: block;
        height: 16px;
        right: 10px;
        line-height: 1;
        text-align: center;
        top: 9px;
        position: absolute;
        width: 30px;
        z-index: 999
    }
    #header-trigger:after {
        content: '';
        display: block;
        background: #fff;
        left: 0;
        top: 50%;
        margin-top: -2px;
        height: 4px;
        position: absolute;
        width: 100%
    }
    #header-trigger [class^="icon-"],
    #header-trigger [class*=" icon-"] {
        display: none
    }
    .toggled #header-trigger {
        border-color: rgba(255, 255, 255, 0.4)
    }
    .toggled #header-trigger:after {
        background: rgba(255, 255, 255, 0.4)
    }
    .mgc-landing #header-trigger {
        display: none !important
    }
}
#footer {
    color: #f2f7fb;
    font-size: 11px;
    min-height: 1%;
    padding: 10px 0 6px;
    z-index: 1;
    vertical-align: bottom;
}
#footer a {
    color: #fff;
    text-decoration: none
}
#footer .copyright {
    float: right;
    padding: 12px 0 0 12px
}
#footer p {
    clear: both;
    color: #aaa;
    font-size: 11px;
    margin: 0 0 5px
}
#footer .logo {
    display: none;
    height: 90px;
    text-indent: -9999em;
    width: 59px
}
.rgba #footer .logo {
    background-image: url('');
    background-size: 75px 25px
}
@media only screen and (max-width: 768px) {
    #footer {
        background: #eee;
        box-shadow: none;
        color: #999;
        line-height: 1.1;
        padding: 5px
    }
    #footer .copyright {
        float: none
    }
    #footer a {
        color: #1f1f1f
    }
    #footer p {
        color: #999;
        line-height: 1.1;
        margin: 0 0 9px
    }
    #footer .links {
        display: none
    }
    #footer .logo {
        display: none
    }
    #footer .row-fluid .span9 {
        float: left !important;
        width: 49% !important
    }
    #footer .row-fluid .span3 {
        float: right !important;
        width: 49% !important
    }
}
@media only screen and (min-width: 569px) and (max-width: 768px) {
    #footer {
        margin-top: 18px
    }
}
#footer-section {
    background: #292929
}
.blogs #footer-section {
    padding: 18px 0
}
#footer-section .container {
    padding: 18px 0 0;
    position: relative
}
.mgc-home #footer-section .container {
    padding: 18px 0
}
.leaf-full #footer-section .container,
.mgc-landing #footer-section .container {
    padding: 0
}
#footer-section a,
#footer-section a:visited {
    color: #fff
}
#footer-section a:hover,
#footer-section a:visited:hover {
    color: #d1d1d1
}
#footer-section h3,
#footer-section h4 {
    color: #aaa;
    margin-bottom: 9px;
    text-shadow: 0 0 1px #000
}
#footer-section .titlebar h3 {
    margin-bottom: 7px
}
#footer-section p,
#footer-section li {
    color: #bbb;
    text-shadow: 0 0 1px #000
}
#footer-section .footer-icon {
    color: #aaa;
    font-size: 28px;
    position: absolute;
    right: 0;
    top: 7px
}
#footer-section .footer-icon:hover {
    color: #fff;
    text-decoration: none
}
#footer-section .tab {
    border-bottom: 1px solid #484848;
    margin: -18px 0 18px;
    padding: 10px 0
}
#footer-section .tab ul {
    margin: 0;
    padding: 0
}
#footer-section .tab li {
    border: none;
    margin: 0;
    padding: 1px 14px 1px 0
}
#footer-section .tab li a {
    color: #8e9aa3;
    font-weight: normal;
    float: none;
    line-height: 18px;
    margin: 0;
    padding: 0
}
#footer-section .tab li a:hover {
    text-decoration: underline
}
#footer-section .tab li.hi,
#footer-section .tab li.active {
    background: none;
    border: none
}
#footer-section .tab li.hi a,
#footer-section .tab li.active a {
    color: #fff
}
#footer-section .tab li:first-child,
#footer-section .footer-section-first {
    background: url('/img_mgc/bg-footer-first.png') no-repeat 96% 50%;
    font-size: 12px;
    padding-left: 0;
    padding-right: 2.12765957%;
    text-align: right;
    width: 14.89361702%
}
#footer-section .tab li:first-child a,
#footer-section .footer-section-first a {
    color: #cee1ef;
    font-weight: bold;
    padding-right: 5px;
    text-align: right
}
#footer-section .footer-section-first {
    position: absolute;
    left: 0;
    top: 11px;
    z-index: 2
}
#footer-section .tab.footer-section-tab {
    margin-top: -18px;
    padding-left: 17.0212766%;
    z-index: 1
}
#footer-section .tab.footer-section-tab li:first-child {
    background: none;
    padding: 1px 14px 1px 0;
    text-align: left;
    width: auto
}
#footer-section .tab.footer-section-tab li:first-child a {
    color: #8e9aa3;
    font-weight: normal;
    padding: 0;
    text-align: left
}
@media only screen and (max-width: 768px) {
    #footer-section {
        display: none
    }
}
.row-fluid {
    width: 100%;
    zoom: 1
}
.row-fluid .line {
    margin-left: -4px;
}
.row-fluid:after {
    display: block;
    visibility: hidden;
    height: 0;
    font-size: 0;
    clear: both;
    content: " "
}
.row-fluid [class*="span"] {
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin-left: 2.12765957%;
    min-height: 1px;
    *margin-left: 2.07446809%
}
.row-fluid [class*="span"]:first-child {
    margin-left: 0
}
.row-fluid .controls-row [class*="span"]+[class*="span"] {
    margin-left: 2.12765957%
}
.row-fluid .span12 {
    width: 100%;
    *width: 99.94680851%
}
.row-fluid .span11 {
    width: 91.4893617%;
    *width: 91.43617021%
}
.row-fluid .span10 {
    width: 82.9787234%;
    *width: 82.92553191%
}
.row-fluid .span9 {
    width: 74.46808511%;
    *width: 74.41489362%
}
.row-fluid .span8 {
    width: 65.95744681%;
    *width: 65.90425532%
}
.row-fluid .span7 {
    width: 57.44680851%;
    *width: 57.39361702%
}
.row-fluid .span6 {
    width: 48.93617021%;
    *width: 48.88297872%
}
.row-fluid .span5 {
    width: 40.42553191%;
    *width: 40.37234043%
}
.row-fluid .span4 {
    width: 31.91489362%;
    *width: 31.86170213%
}
.row-fluid .span3 {
    width: 23.40425532%;
    *width: 23.35106383%
}
.row-fluid .span2 {
    width: 14.89361702%;
    *width: 14.84042553%
}
.row-fluid .span1 {
    width: 6.38297872%;
    *width: 6.32978723%
}
.row-fluid .offset12 {
    margin-left: 104.25531915%;
    *margin-left: 104.14893617%
}
.row-fluid .offset12:first-child {
    margin-left: 102.12765957%;
    *margin-left: 102.0212766%
}
.row-fluid .offset11 {
    margin-left: 95.74468085%;
    *margin-left: 95.63829787%
}
.row-fluid .offset11:first-child {
    margin-left: 93.61702128%;
    *margin-left: 93.5106383%
}
.row-fluid .offset10 {
    margin-left: 87.23404255%;
    *margin-left: 87.12765957%
}
.row-fluid .offset10:first-child {
    margin-left: 85.10638298%;
    *margin-left: 85%
}
.row-fluid .offset9 {
    margin-left: 78.72340426%;
    *margin-left: 78.61702128%
}
.row-fluid .offset9:first-child {
    margin-left: 76.59574468%;
    *margin-left: 76.4893617%
}
.row-fluid .offset8 {
    margin-left: 70.21276596%;
    *margin-left: 70.10638298%
}
.row-fluid .offset8:first-child {
    margin-left: 68.08510638%;
    *margin-left: 67.9787234%
}
.row-fluid .offset7 {
    margin-left: 61.70212766%;
    *margin-left: 61.59574468%
}
.row-fluid .offset7:first-child {
    margin-left: 59.57446809%;
    *margin-left: 59.46808511%
}
.row-fluid .offset6 {
    margin-left: 53.19148936%;
    *margin-left: 53.08510638%
}
.row-fluid .offset6:first-child {
    margin-left: 51.06382979%;
    *margin-left: 50.95744681%
}
.row-fluid .offset5 {
    margin-left: 44.68085106%;
    *margin-left: 44.57446809%
}
.row-fluid .offset5:first-child {
    margin-left: 42.55319149%;
    *margin-left: 42.44680851%
}
.row-fluid .offset4 {
    margin-left: 36.17021277%;
    *margin-left: 36.06382979%
}
.row-fluid .offset4:first-child {
    margin-left: 34.04255319%;
    *margin-left: 33.93617021%
}
.row-fluid .offset3 {
    margin-left: 27.65957447%;
    *margin-left: 27.55319149%
}
.row-fluid .offset3:first-child {
    margin-left: 25.53191489%;
    *margin-left: 25.42553191%
}
.row-fluid .offset2 {
    margin-left: 19.14893617%;
    *margin-left: 19.04255319%
}
.row-fluid .offset2:first-child {
    margin-left: 17.0212766%;
    *margin-left: 16.91489362%
}
.row-fluid .offset1 {
    margin-left: 10.63829787%;
    *margin-left: 10.53191489%
}
.row-fluid .offset1:first-child {
    margin-left: 8.5106383%;
    *margin-left: 8.40425532%
}
@media only screen and (max-width: 660px) {
    .row-fluid [class*="span"] {
        float: none !important;
        margin-left: 0 !important;
        min-height: 0;
        width: auto !important
    }
}
.bordered .row-fluid {
    position: relative
}
.bordered>.row-fluid>[class*="span"]:after {
    background: #e8e8e8;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    margin-left: -10px;
    top: 0;
    width: 1px
}
.bordered>.row-fluid>[class*="span"]:first-child:after {
    display: none
}
.wrapper-grey.bordered>.row-fluid>[class*="span"]:after {
    background: #cfcfcf
}
@media (max-width: 768px) {
    .mgc-home section {
        padding: 5px 0 0
    }
    .mgc-home .mgc-slider-gallery .promo {
        position: static
    }
    .mgc-home .mgc-slider-gallery .titlebar {
        position: static
    }
    .mgc-home .mgc-slider-gallery .titlebar h2 {
        font-size: 17px
    }
    .mgc-home .mgc-slider-gallery .titlebar p {
        display: none
    }
}
.feature-block {
    position: relative;
    margin: 0 0 0 -20px;
    padding: 36px 20px 18px;
    width: 100%
}
.rgba .feature-block {
    background: #fff;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(1, #f7f7f7));
    background: -ms-linear-gradient(bottom, #fff, #f7f7f7);
    background: -moz-linear-gradient(center bottom, #fff 0, #f7f7f7 100%)
}
@media (max-width: 768px) {
    .rgba .feature-block {
        background: transparent
    }
}
.rgba .feature-block:after {
    background: #f0f0ec;
    content: '';
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}
.no-rgba .feature-block {
    background: url('/img_mgc/bg-div-gradient.png') no-repeat 50% 0
}
.feature-block .media {
    padding: 1px 10px
}
.feature-block .media .alignright {
    margin-left: 30px
}
.feature-block .media .alignleft {
    margin-right: 30px
}
@media (max-width: 768px) {
    .feature-block {
        margin: 0 0 18px;
        padding: 20px
    }
}
.row-container {
    clear: both
}
.row-container.addendum,
.row-container.group {
    margin-bottom: 18px;
    margin-top: 27px;
    padding: 0
}
.row-container.addendum.addendum-tight,
.row-container.group.addendum-tight {
    margin-top: 12.006px
}
.row-container.demarcated {
    background: url('/img_mgc/bg-shadow-block.png') no-repeat 50% 1px;
    border-top: 1px solid #ebebeb;
    margin-bottom: 18px;
    margin-top: 18px;
    padding: 27px 0 0
}
.row-container.postscript {
    background: #fafafa;
    border: 1px solid #f0f0f0;
    padding: 12px 12px 1px
}
.row-container.row-shaded {
    background-color: #f5f5f5;
    padding-left: 12px;
    padding-right: 12px
}
.bordered-block {
    border-left: 1px solid #ebebeb;
    margin-left: -19px;
    padding-left: 20px
}
.bordered-block-right {
    border-right: 1px solid #ebebeb;
    padding-right: 20px
}
.gutter-margin-left {
    margin-left: 20px !important
}
.gutter-margin-right {
    margin-right: 20px !important
}
.gutter-padding-left {
    padding-left: 20px !important
}
.gutter-padding-right {
    padding-right: 20px !important
}
div.section,
section.section {
    margin-bottom: 36px
}
.row-container.section {
    padding-bottom: 20px
}
@media only screen and (max-width: 660px) {
    .bordered-block {
        border: none;
        margin-left: 0 !important;
        padding-left: 0 !important
    }
    .gutter-margin-left,
    .gutter-margin-right {
        margin-left: 0 !important;
        margin-right: 0 !important
    }
    .gutter-padding-left,
    .gutter-padding-right {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
}
#map_canvas {
    width: 100%;
    height: 100%
}
#map_canvas img {
    max-width: none
}
.address {
    width: 400px
}
.address h2 {
    font-size: 16px;
    margin: 0 0 7px
}
.address h4 {
    font-size: 12px;
    margin: 0 0 7px
}
.address p {
    font-size: 11px;
    line-height: 15px;
    margin: 0 0 7px
}
.address-small {
    width: 200px
}
.overflow {
    padding-right: 4px;
    overflow: auto
}
.noborder,
ul.noborder li table.noborder td {
    border: none !important
}
.no-float {
    float: none !important
}
.illustration {
    background: #f2f7fb;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    padding: 15px 20px;
    margin: 12px 0
}
.illustration h2 {
    color: #d54e21;
    font-size: 18px;
    font-weight: bold;
    margin: 0 !important;
    padding: 0 0 12px 0;
    text-shadow: 1px 1px 0 #fff
}
.illustration h2 img.align-right {
    position: absolute;
    right: 0;
    top: -10px
}
.illustration .col-group {
    background: #cee1ef;
    border-radius: 6px;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    float: left;
    margin: 0 2% 0 0;
    width: 32%
}
.illustration .col-group:last-child {
    margin: 0
}
.illustration .col-group ul {
    margin: 0
}
.illustration .col-group li {
    background: #006d66;
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 4px;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    color: #fff;
    font-size: 11px;
    line-height: 13px;
    font-weight: bold;
    list-style: none;
    margin: 8px;
    padding: 8px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2)
}
.scroll-top {
    background: #000;
    bottom: 50px;
    color: #fff;
    cursor: pointer;
    display: none;
    font-size: 28px;
    line-height: 1;
    position: fixed;
    right: 50px;
    padding: 8px 9px 7px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -khtml-opacity: .5;
    -moz-opacity: .5;
    opacity: .5;
    border-radius: 24px;
    z-index: 10000
}
.scroll-top:hover {
    color: white;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    -khtml-opacity: .7;
    -moz-opacity: .7;
    opacity: .7;
    text-decoration: none
}
.promo-slideout {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 0 10px 10px 0;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.3);
    left: -200%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    position: fixed;
    -moz-transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    top: 50%;
    z-index: 210;
    width: 60%
}
.promo-slideout>div {
    padding: 2% 3% 2% 30%;
    position: relative
}
.promo-slideout.show {
    left: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1
}
@media (max-width: 768px) {
    .promo-slideout {
        display: none
    }
}
.split {
    zoom: 1
}
.split:after {
    display: block;
    visibility: hidden;
    height: 0;
    font-size: 0;
    clear: both;
    content: " "
}
.split>div {
    float: right;
    text-align: left;
    width: 48%
}
.split>div:first-child {
    float: left;
    width: 48%
}
.split.three>div {
    float: left !important;
    margin-left: 3% !important;
    width: 31% !important
}
.ie7 .split.three>div {
    display: inline;
    width: 30%
}
.split.four>div {
    float: left !important;
    margin-left: 4% !important;
    width: 22% !important
}
.split.five>div {
    float: left !important;
    margin-left: 2.25% !important;
    width: 18% !important
}
.split>div:first-child {
    margin: 0 !important
}
table.image-grid {
    border: 1px solid #eee;
    border-collapse: separate;
    border-radius: 4px;
    margin: 0 0 18px;
    width: 100%
}
table.image-grid td {
    border: 1px solid #eee;
    margin: 5px;
    padding: 10px;
    position: relative;
    text-align: center;
    vertical-align: middle;
    z-index: 1
}
table.image-grid td:hover {
    border: 1px solid #aaa;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    filter: alpha(opacity=75);
    -khtml-opacity: .75;
    -moz-opacity: .75;
    opacity: .75;
    z-index: 2
}
table.image-grid img {
    display: block;
    margin: 0 auto;
    max-width: 100px
}
table.image-grid.five td {
    width: 20%
}
.divided,
.split-divided {
    background: url('/img_mgc/single-pixel.gif') repeat-y 50% 0
}
@media only screen and (max-width: 660px) {
    .split.split-responsive {
        background: none
    }
    .split.split-responsive>div {
        float: none !important;
        width: auto
    }
    .divided,
    .split-divided {
        background: none
    }
}
.layout-table-fixed {
    display: table;
    margin-bottom: 18px;
    padding: 0;
    table-layout: fixed;
    width: 100%
}
.layout-table-fixed>div {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell;
    margin: 0;
    vertical-align: middle;
    width: 50%
}
.layout-table-fixed>div:first-child {
    padding-right: 15px
}
.layout-table-fixed>div:last-child {
    padding-left: 15px
}
.layout-table-fixed.layout-table-fixed-top {
    vertical-align: top
}
.layout-table-fixed.border div {
    border-left: 1px solid #ebebeb;
    padding: 0 10px
}
.layout-table-fixed.border div:first-child {
    border-left: none;
    padding-left: 0
}
.layout-table-fixed.border div:last-child {
    padding-right: 0
}
#search {
    position: absolute;
    right: 0;
    top: 23px
}
#search div.search-box {
    position: relative
}
#search input#searchTerm,
#search .searchTerm {
    background: #fff;
    border: 1px solid #000;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5);
    color: #777;
    font: normal 13px Arial, san-serif;
    outline: none;
    padding: 6px 30px 6px 6px;
    -moz-transition: width .3s ease-in-out;
    -webkit-transition: width .3s ease-in-out;
    -o-transition: width .3s ease-in-out;
    transition: width .3s ease-in-out;
    width: 228px
}
#search input#searchTerm:focus,
#search .searchTerm:focus {
    width: 328px
}
.hide-search #search {
    display: none
}
@media only screen and (max-width: 768px) {
    #search {
        background: none;
        color: #fff;
        display: none;
        left: 7px;
        position: absolute;
        padding: 0;
        top: 5px;
        width: 66.67%
    }
    #search input#searchTerm {
        background: rgba(255, 255, 255, 0.15);
        border: none;
        box-shadow: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: 0;
        color: #fff;
        font-size: 14px;
        padding-left: 25px;
        padding-right: 5px;
        text-indent: 0;
        max-width: 100%;
        width: 100%
    }
    #search input#searchTerm:focus {
        background: rgba(255, 255, 255, 0.22)
    }
    #mobile-toggle #search {
        display: block
    }
}
@media only screen and (min-width: 569px) and (max-width: 768px) {
    #search {
        left: 10px;
        top: 54px;
        width: 40%
    }
}
#search-criteria {
    display: none
}
.searchbutton {
    background: url('/img_mgc/search@2x.png') no-repeat 50% 50%;
    background-size: 24px 24px;
    border: none;
    cursor: pointer;
    height: 24px;
    padding: 0;
    position: absolute;
    right: 2px;
    text-indent: -9999em;
    top: 3px;
    width: 24px
}
.ie9 .searchbutton,
.oldie .searchbutton {
    background: url('/img_mgc/search.png') no-repeat 50% 50%
}
@media only screen and (max-width: 768px) {
    .searchbutton {
        background: url('/img_mgc/bg-search-white@2x.png') no-repeat 50% 50%;
        background-size: 16px 16px;
        left: 2px;
        margin-top: -12px;
        top: 50%
    }
}
.rgba .searchbutton {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -khtml-opacity: .5;
    -moz-opacity: .5;
    opacity: .5
}
.rgba .searchbutton:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    filter: alpha(opacity=85);
    -khtml-opacity: .85;
    -moz-opacity: .85;
    opacity: .85
}
h1,
h2,
h3,
h4,
h5 .intro,
.declare {
    font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif
}
h1 em,
h2 em,
h3 em,
h4 em,
h5 .intro em,
.declare em {
    font-style: normal
}
h1,
h2,
h3,
h4 {
    line-height: 1.2
}
h1,
.h1 {
    font-size: 28px
}
.callout-hero h1,
.callout-hero .h1 {
    font-size: 30px
}
.page-title {
    background: #006d66;
    color: #fff;
    margin: -20px 0 20px -20px;
    padding: 14px 20px;
    width: 100%
}
.mgc-landing .page-title {
    min-height: 102px;
    line-height: 102px;
    padding: 0 20px
}
@media (max-width: 768px) {
    .mgc-landing .page-title {
        line-height: 1.2;
        min-height: 0;
        padding: 30px 20px
    }
}
.page-title small {
    color: #cedcef;
    display: block;
    padding-top: .15em
}
.page-title-subhead {
    background: #2a7bc0;
    color: #fff;
    font-size: 21px;
    font-weight: 300;
    margin: -20px 0 20px -20px;
    padding: 14px 20px;
    width: 100%
}
h1 {
    color: #000;
    font-weight: 400;
    margin: 0 0 18px;
    font-weight: bold;
}
.callout-hero h1 {
    margin-top: 10px;
    margin-bottom: 12px;
}
.callout-hero h1.tidy {
    margin-bottom: 5px
}
h1 a,
h1 a:visited {
    color: #000
}
h1 a:hover,
h1 a:visited:hover {
    color: #006d66
}
.onpageform h1 {
    font-size: 18px
}
h2,
.h2 {
    font-size: 19px
}
h2 {
    color: #333;
    font-weight: 700;
    margin-bottom: 18px;
    position: relative
}
h2.large {
    font-size: 21px;
    line-height: 1.2
}
h1 [class^="icon-"],
.feature [class^="icon-"],
.featured [class^="icon-"],
h1 [class*=" icon-"],
.feature [class*=" icon-"],
.featured [class*=" icon-"] {
    margin-right: -5px
}
h1 small,
h2 small {
    color: #717171;
    font-weight: normal;
    font-size: .8em
}
h3,
.h3 {
    font-size: 16px
}
h3 {
    color: #333;
    font-weight: 700;
    margin-bottom: 12.006px
}
h3.large {
    font-size: 18px
}
h3 small {
    color: #717171;
    font-weight: normal;
    font-size: .9em
}
.featured,
.feature {
    color: #555;
    font-size: 22px;
    font-weight: normal;
    margin-bottom: 12.0006px
}
.sitemap .copy ul+h3 {
    margin-top: 36px
}
#footer-section h3.resource-abstract {
    font-size: 18px;
    font-weight: normal
}
#footer-section h3.resource-abstract.blog-title {
    font-size: 15px;
    font-weight: bold
}
#footer-section h3.resource-abstract a {
    color: #fff
}
h2.tidy+.border,
h3.tidy+.border,
h2.tidy+.items,
h3.tidy+.items {
    margin-top: 9px
}
h4,
.h4 {
    font-size: 13px
}
h4 {
    color: #222;
    font-weight: 700;
    margin-bottom: 12.0006px
}
h4.large {
    font-size: 18px
}
h5,
.h5 {
    font-size: 12px;
    line-height: 1.2
}
h5 {
    color: #333;
    font-weight: 700;
    margin-bottom: 12.0006px
}
@media only screen and (max-width: 768px) {
    .sidebar-header {
        background: #1f1f1f;
        color: #fff;
        font-size: 14px;
        font-weight: bold;
        margin: 0 0 0 -5px;
        padding: 10px 0 10px 10px;
        position: relative;
        z-index: 99;
        width: 100%
    }
    .sidebar-header a {
        color: #fff !important
    }
}
@media only screen and (min-width: 569px) and (max-width: 768px) {
    .sidebar-header {
        text-indent: 5px
    }
}
.header-tabloid {
    font-size: 3.2em !important
}
.callout-featured .wsteditor,
.callout-featured .resource-picker-title {
    font-size: 11px;
    line-height: 1.1;
    text-transform: uppercase;
    border-top: 1px dotted #aaa;
    margin-bottom: 7px;
    margin-top: 2px;
    padding-top: 12px
}
.callout-featured .wsteditor:first-child,
.callout-featured .resource-picker-title:first-child {
    border: none;
    margin-top: 0;
    padding-top: 0
}
.callout-title,
.header-section,
h2.postscript {
    border-bottom: 1px solid #ebebeb;
    color: #777;
    margin-bottom: 12px;
    padding-bottom: 9px;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.7);
    font-size: 11px;
    line-height: 1.1;
    text-transform: uppercase
}
.callout-title {
    margin-top: 27px
}
.callout-title:first-child {
    margin-top: 0
}
.callout .callout .callout-title {
    color: #777
}
.callout-tinted .callout-title,
.callout-alt .callout-title {
    color: #333
}
.callout-tinted .callout-title {
    border-color: #cee1ef
}
.callout-highlight .callout-title,
.callout-spotlight .callout-title {
    border: none;
    padding: 12px;
    margin-left: -12px;
    width: 100%
}
.callout-highlight .callout-title:first-child,
.callout-spotlight .callout-title:first-child {
    margin-top: -12px
}
.callout-highlight .callout-title {
    background: #e3e3e3;
    color: #555
}
.callout-hero .callout-highlight .callout-title {
    background: #224069;
    color: #fff
}
.callout-spotlight .callout-title {
    background: #cee1ef;
    border-radius: 4px 4px 0 0;
    color: #000
}
#sidebar .callout-title,
#sidebar h3.subnav {
    border: none;
    color: #999;
    font-size: 11px;
    margin-bottom: 12px;
    padding: 0 0 0 5px;
    text-shadow: 1px 1px 0 #fff;
    text-transform: uppercase
}
.callout-flag .callout-title,
.header-flag {
    background: #006d66;
    color: #fff;
    display: inline-block;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    font-size: 11px;
    line-height: 11px;
    margin-left: -5px;
    margin-bottom: 20px;
    margin-top: 10px;
    padding: 8px 15px;
    position: relative;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap
}
.mgc-slider-gallery .callout-flag .callout-title,
.mgc-slider-gallery .header-flag {
    box-shadow: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 0;
    margin-top: 0
}
.callout-flag .callout-title a,
.header-flag a,
.callout-flag .callout-title a:visited,
.header-flag a:visited {
    color: #fff
}
.callout-flag .callout-title a:hover,
.header-flag a:hover,
.callout-flag .callout-title a:visited:hover,
.header-flag a:visited:hover {
    color: #ddd
}
.callout-flag .callout-title:after,
.header-flag:after {
    background-image: url('/img_mgc/bg-flag.png');
    content: ' ';
    position: absolute;
    width: 5px;
    height: 5px;
    left: 0;
    top: 100%
}
.mgc-slider-gallery .callout-flag .callout-title:after,
.mgc-slider-gallery .header-flag:after {
    display: none
}
#footer-section .callout-flag .callout-title:after,
#footer-section .header-flag:after {
    background-image: url('/img_mgc/bg-flag-dark.png')
}
#footer-section .callout-flag .callout-title,
#footer-section .header-flag {
    margin-bottom: 9px
}
#footer-section .callout-flag .callout-title+.callout,
#footer-section .header-flag+.callout {
    margin-top: -9px
}
.callout-flag .callout-title #footer-section,
.header-flag #footer-section,
.callout-flag .callout-title+.callout,
.header-flag+.callout {
    margin-top: -20px
}
.callout-flag .callout-title:hover,
.header-flag:hover {
    text-decoration: none
}
.callout-flag .callout-title {
    margin-bottom: 12px
}
.header-flag.header-flag-tight {
    min-width: auto;
    padding: 5px
}
.header-flag.header-flag-light {
    background: #cee1ef;
    color: #333
}
.header-flag.absolute {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2
}
.header-flag.flag-left,
.header-flag.header-flag-left {
    margin-left: -25px;
    padding-left: 25px;
    padding-right: 25px
}
.copy>.flag-left:first-child>.flag-left:first-child,
.copy>.header-flag-left:first-child>.header-flag-left:first-child {
    margin-bottom: 0;
    margin-top: 0;
    margin-left: -25px;
    padding-left: 25px;
    padding-right: 25px;
    top: -20px
}
.header-rule {
    border-bottom: 1px solid #e3e3db;
    margin-bottom: 12px;
    padding-bottom: 9px
}
.header-bar {
    background: #006d66;
    color: #fff;
    font-size: 17px;
    font-weight: 400;
    line-height: 1;
    padding: 8px 12px;
    position: relative;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5)
}
.header-bar.header-bar-dark {
    background: #333
}
.header-bar.uc {
    font-size: 12px;
    font-weight: bold
}
.header-bar a {
    color: #fff !important
}
.header-bar .price {
    position: absolute;
    right: 12px;
    top: 8px;
    text-align: center
}
.header-bar .price strike {
    color: #fff;
    float: left;
    font-size: 14px;
    font-weight: normal;
    line-height: 14px;
    margin: 3px 3px 0 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    -khtml-opacity: .6;
    -moz-opacity: .6;
    opacity: .6
}
.header-bar .price span {
    color: #fff;
    display: block;
    font-size: 11px;
    font-weight: normal;
    line-height: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    -khtml-opacity: .6;
    -moz-opacity: .6;
    opacity: .6
}
.header-bar .meta {
    color: #fff;
    font-weight: normal;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    -khtml-opacity: .6;
    -moz-opacity: .6;
    opacity: .6
}
.header-bar.callout-title {
    background: #006d66;
    border-bottom: 2px solid #ccc;
    color: #fff;
    font-size: 11px;
    text-shadow: 1px 1px 0 #000;
    text-indent: 4px
}
.callout .header-bar {
    margin: -12px 0 12px -12px;
    width: 100%
}
.callout .inner>.header-bar:first-child {
    margin-top: -12px
}
.header-utility {
    background: #006d66;
    margin: 0 0 9px;
    padding: 10px;
    position: relative;
    text-align: left
}
.header-utility .type,
.header-utility .meta {
    color: #aaa
}
.header-utility h2 {
    color: #fff;
    font-size: 150%;
    font-weight: normal;
    margin: 0
}
.header-utility div {
    line-height: 1
}
.callout-flag .callout-title {
    border: none;
    display: block;
    float: left;
    margin-left: -18px;
    margin-top: -12px;
    text-shadow: 1px 1px 0 #000;
    width: auto
}
.callout-flag.callout-callout .callout-title {
    margin-top: -16px;
    margin-left: -20px
}
.header-special,
.callout-featured .callout-title,
.callout-quicklinks .callout-title {
    background: #006d66;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    margin: -12px 0 12px -17px;
    padding: 8px 20px 8px 15px;
    position: relative;
    text-align: center;
    text-shadow: none;
    text-transform: uppercase;
    width: 100%
}
.header-special a,
.callout-featured .callout-title a,
.callout-quicklinks .callout-title a,
.header-special a:visited,
.callout-featured .callout-title a:visited,
.callout-quicklinks .callout-title a:visited {
    color: #fff
}
.header-special a:hover,
.callout-featured .callout-title a:hover,
.callout-quicklinks .callout-title a:hover,
.header-special a:visited:hover,
.callout-featured .callout-title a:visited:hover,
.callout-quicklinks .callout-title a:visited:hover {
    color: #ddd
}
.header-special:after,
.callout-featured .callout-title:after,
.callout-quicklinks .callout-title:after {
    background-image: url('/img_mgc/bg-flag.png');
    content: ' ';
    position: absolute;
    width: 5px;
    height: 5px;
    left: 0;
    top: 100%
}
.header-special:before,
.callout-featured .callout-title:before,
.callout-quicklinks .callout-title:before {
    background-image: url('/img_mgc/bg-flag-right.png');
    content: ' ';
    position: absolute;
    width: 5px;
    height: 5px;
    right: 0;
    top: 100%
}
.callout-featured .callout-title,
.callout-quicklinks .callout-title {
    border: none;
    display: block;
    text-align: left
}
.featured-resources-hdr {
    background: #006d66;
    color: #fff;
    display: inline-block;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    font-size: 11px;
    line-height: 11px;
    margin-left: -5px;
    margin-bottom: 20px;
    margin-top: 10px;
    padding: 8px 15px;
    position: relative;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    background: #cee1ef;
    box-shadow: none;
    color: #333;
    height: 25px;
    line-height: 25px;
    margin-bottom: 0;
    min-width: 0;
    padding: 0 15px
}
.mgc-slider-gallery .featured-resources-hdr {
    box-shadow: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 0;
    margin-top: 0
}
.featured-resources-hdr a,
.featured-resources-hdr a:visited {
    color: #fff
}
.featured-resources-hdr a:hover,
.featured-resources-hdr a:visited:hover {
    color: #ddd
}
.featured-resources-hdr:after {
    background-image: url('//mgc_img/bg-flag.png');
    content: ' ';
    position: absolute;
    width: 5px;
    height: 5px;
    left: 0;
    top: 100%
}
.mgc-slider-gallery .featured-resources-hdr:after {
    display: none
}
#footer-section .featured-resources-hdr:after {
    background-image: url('//mgc_img/bg-flag-dark.png')
}
#footer-section .featured-resources-hdr {
    margin-bottom: 9px
}
#footer-section .featured-resources-hdr+.callout {
    margin-top: -9px
}
.featured-resources-hdr #footer-section,
.featured-resources-hdr+.callout {
    margin-top: -20px
}
.featured-resources-hdr:hover {
    text-decoration: none
}
.featured-resources-hdr.header-flag-tight {
    min-width: auto;
    padding: 5px
}
.featured-resources-hdr.header-flag-light {
    background: #cee1ef;
    color: #333
}
.featured-resources-hdr.absolute {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2
}
.featured-resources-hdr span {
    position: relative;
    z-index: 2
}
@media only screen and (max-width: 660px) {
    .featured-resources-hdr {
        margin-left: -10px
    }
}
.callout-minimalistic .callout-title {
    color: #333;
    border-color: #d2d2d2
}
.modularlayout-title.group {
    font-size: 11px;
    line-height: 1.1;
    text-transform: uppercase;
    background: url('//mgc_img/bg-div.png') no-repeat 50% 50%;
    color: #777;
    margin-bottom: 18px;
    text-align: center;
    width: 100%
}
.modularlayout-title.group>span {
    background: #fff;
    display: inline-block;
    padding: 5px 10px
}
.modularlayout-title.addendum {
    font-size: 11px;
    line-height: 1.1;
    text-transform: uppercase;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAEAQMAAACTPww9AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAGUExURf///7+/v6NDdjkAAAAQSURBVAjXY2hgEGBQYHAAAAR4APGA2fwfAAAAAElFTkSuQmCC");
    color: #1f1f1f;
    line-height: 1;
    margin-bottom: 18px;
    text-align: center
}
.modularlayout-title.addendum>span {
    background: #fff;
    display: inline-block;
    padding: 0 10px
}
.addendum-tight .modularlayout-title.addendum {
    margin-bottom: 9px
}
.modularlayout-title.group>span {
    border: 1px solid #ddd
}
@media only screen and (max-width: 660px) {
    .modularlayout-title.addendum {
        width: auto
    }
}
html, body {
    font-family: Arial, sans-serif;
    font-size: 62.5%;
    line-height: 130%;
    text-rendering: optimizeLegibility;
    height: 100%;
}
table {
    width:100%;
    height:100%;
}
.tfirst {
    background: #e0ece9;
    height: auto;
}
table tr > td {
    vertical-align: top;
}
.grey,
.grey p,
.text-muted {
    color: #8b8b8b
}
.black {
    color: #1f1f1f
}
.reversed {
    color: #fff
}
.reversed.type {
    color: #cee1ef
}
.reversed a,
.reversed a:visited {
    color: #fff
}
.reversed a:hover,
.reversed a:visited:hover {
    color: #eee
}
#copy,
li,
dt,
dd,
p {
    color: #333;
    font-size: 13px;
    line-height: 1.45
}
.large,
.large p,
.large li,
#footer-section .resource-abstract-graf {
    font-size: 15px
}
.declare,
.declare p,
.declare li {
    font-size: 18px
}
p {
    margin: 0 0 9px 0
}
.featured-box p {
    margin: 0 0 7px
}
p.small {
    font-size: 11px
}
p.large,
p.feature {
    font-size: 15px
}
p.intro {
    color: #717171;
    font-size: 16px;
    line-height: 22px
}
p.declare,
p.dfn {
    color: #4d4d4d;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    text-align: justify;
}
p.declare.large,
p.dfn.large {
    font-size: 22px
}
p.declare.black,
p.dfn.black {
    color: #000
}
p.declare.statement,
p.dfn.statement {
    color: #595959;
    font-size: 21px
}
p.reversed {
    color: #cee1ef
}
.postscript p {
    color: #666;
    font-size: 11px;
    line-height: 15px
}
.company .press-release p {
    font-size: 1.1em
}
blockquote {
    margin-bottom: 18px
}
blockquote.border-left,
.press-release blockquote {
    border-left: 5px solid #ebebeb;
    padding-left: 18px
}
blockquote.border-top {
    border-top: 1px solid #ebebeb;
    padding-top: 18px
}
blockquote.border-bottom {
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 18px
}
blockquote.alignleft,
blockquote.pull.alignleft {
    margin: 0 5% 12px 0;
    width: 35%
}
blockquote.alignright,
blockquote.pull.alignright {
    margin: 0 0 12px 5%;
    width: 35%
}
@media only screen and (max-width: 660px) {
    blockquote.alignleft,
    blockquote.pull.alignleft,
    blockquote.alignright,
    blockquote.pull.alignright {
        float: none;
        width: auto
    }
}
blockquote,
blockquote p {
    color: #1f1f1f;
    font-family: 'Helvetica Neue', Arial, sans-serif;
    font-size: 17px;
    font-weight: 200
}
blockquote .attribute {
    background: none;
    color: #676767;
    display: block;
    font-size: 13px;
    font-family: 'Helvetica Neue', Arial, sans-serif;
    font-weight: 300;
    margin-top: -5px;
    padding: 0
}
blockquote .attribute p {
    color: #676767;
    font-size: 13px;
    font-family: 'Helvetica Neue', Arial, sans-serif;
    font-style: normal;
    font-weight: 300;
    margin: 0;
    position: relative
}
blockquote .attribute p:before {
    background: #006d66;
    border-radius: 16px;
    bottom: auto;
    color: #fff;
    display: inline-block;
    content: '\e18e';
    font-size: 16px;
    height: 24px;
    font-family: 'mentor';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 20px;
    margin-right: 5px;
    text-align: center;
    width: 24px
}
blockquote.pull,
blockquote.pull p,
blockquote.pull-alt,
blockquote.pull-alt p {
    color: #2c2c2c;
    font-size: 21px
}
blockquote.pull .attribute,
blockquote.pull-alt .attribute,
blockquote.pull .attribute p,
blockquote.pull-alt .attribute p {
    color: #1f1f1f;
    font-size: 14px
}
.caption,
.caption p {
    color: #717171;
    font-size: 11px;
    font-weight: bold;
    line-height: 14px
}
.caption {
    margin-bottom: 18px
}
cite,
address {
    font-style: normal
}
.small {
    font-size: 11px
}
.type {
    color: #333;
    font-weight: bold;
    line-height: 1.1;
    text-transform: uppercase;
    font-size: 11px
}
.type-light,
#footer-section .type {
    color: #cee1ef
}
.count,
.size {
    color: #999;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none
}
.date,
.meta {
    color: #888;
    font-size: 11px;
    font-weight: normal;
    text-transform: uppercase
}
.capitalize {
    text-transform: capitalize
}
.blog-date {
    background: #333;
    display: block;
    text-align: center
}
.blog-date strong {
    background: #cee1ef;
    color: #333;
    display: block;
    font-size: 44px;
    line-height: 1;
    padding: 3px 0 1px;
    text-shadow: 0 0 1px #fff
}
.blog-date span {
    color: #ddd;
    font-weight: bold;
    font-size: 11px;
    padding: 5px;
    display: block;
    line-height: 1.1;
    text-transform: uppercase
}
.blog-date:hover {
    background: #006d66;
    text-decoration: none
}
.blog-date:hover strong {
    background: #ddeaf4
}
.count {
    font-size: 10px
}
.pipe {
    color: #aaa;
    padding: 0 3px
}
.dropcap {
    color: #333;
    font-size: 3.5em;
    float: left;
    font-weight: bold;
    line-height: .7;
    margin: .13em .2em 0 0;
    text-transform: uppercase
}
.number {
    background: #cee1ef;
    color: #fff;
    display: block;
    font-size: 72px;
    font-weight: bold;
    line-height: 1;
    height: 100px;
    width: 100px;
    border-radius: 100px;
    text-align: center
}
.number strong {
    display: block;
    font-size: 11px;
    margin-bottom: -5px;
    padding: 12px 0 0;
    text-transform: uppercase
}
.active .number {
    background: #d54e21;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}
.number.number-small {
    color: #333;
    font-size: 20px;
    height: 36px;
    line-height: 36px;
    width: 36px
}
.active .number.number-small {
    color: #fff
}
.label {
    background: #333;
    color: #fff;
    display: inline-block;
    font-size: 11px;
    line-height: 1;
    font-weight: bold;
    padding: 3px 6px;
    text-transform: uppercase;
    text-shadow: none !important
}
.label.dark,
.label-dark {
    background: #000
}
.label.blue,
.label-blue,
.active .label {
    background: #006d66;
    color: #fff !important
}
.label.pale,
.label-pale {
    background: #f2f7fb;
    color: #333
}
.label.light,
.label-light {
    background: #cee1ef;
    color: #333
}
.label-green {
    background: #27c61e
}
.label-orange {
    background: #d54e21
}
.label-large {
    font-size: 12px
}
.label-mega {
    font-size: 16px
}
.success .label:before {
    content: '\e370';
    display: inline-block;
    margin-right: 5px;
    font-family: 'mentor';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.label-rounded {
    border-radius: 15px;
    display: inline-block;
    font-size: 12px;
    margin-bottom: 4px;
    margin-right: 2px;
    padding: 4px 7px;
    text-transform: none
}
.label-circle,
.label-round {
    border-radius: 50%;
    display: inline-block;
    padding: 4px 7px
}
.label-circle.label-mega,
.label-round.label-mega {
    padding: 7px 11px
}
a.label,
a.label:visited {
    color: #fff
}
a.label:hover,
a.label:visited:hover {
    background: #d54e21;
    color: #fff;
    text-decoration: none
}
strong,
bold {
    font-weight: 700
}
code {
    border-left: 1px solid #ddd;
    display: block;
    margin: 18px 0;
    padding-left: 10px
}
a,
a:visited {
    color: #006d66;
    outline: none;
    text-decoration: none
}
a:hover,
a:visited:hover {
    color: #333;
    text-decoration: underline
}
.no-hover:hover,
*:hover .no-hover {
    text-decoration: none !important
}
.item {
    display: block
}
.item .item {
    display: inline
}
.item .item-link {
    color: #006d66
}
.item .item-link.reversed,
.reversed .item .item-link,
#footer-section .item .item-link {
    color: #fff
}
.item.item-hover {
    display: block;
    position: relative;
    overflow: hidden
}
.item:hover {
    text-decoration: none !important
}
.item:hover .item {
    text-decoration: underline !important
}
.item:hover .item-link {
    color: #333;
    text-decoration: underline !important
}
.item:hover .item-link.reversed,
.reversed .item:hover .item-link,
#footer-section .item:hover .item-link {
    color: #ccc
}
.item:hover .more.item-link {
    text-decoration: none !important
}
.item .item-hover-reveal {
    background: rgba(0, 0, 0, 0.75);
    position: absolute;
    height: 100%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    text-align: center;
    top: 100%;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    width: 100%
}
.item .item-hover-reveal p {
    color: #fff;
    margin: 0;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}
@media (min-width: 769px) {
    .item:hover .item-hover-reveal {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        -khtml-opacity: 1;
        -moz-opacity: 1;
        opacity: 1;
        top: 0
    }
}
.featured-link a,
a.featured-link {
    color: #1f1f1f
}
.taglink,
.taglink a {
    color: #777;
    font-size: 11px
}
.da {
    color: #999 !important;
    display: block;
    font-weight: bold;
    font-size: 11px;
    line-height: 14px;
    margin-bottom: 3px;
    text-transform: uppercase;
    text-decoration: none
}
.da:hover {
    color: #1f1f1f
}
.abstracttoggler {
    margin-bottom: 9px
}
.show-hide {
    font-weight: bold;
    padding-left: 1.2em;
    position: relative
}
.show-hide:after {
    border: .45em solid transparent;
    border-top-color: #006d66;
    content: ' ';
    left: 0;
    position: absolute;
    top: .3em;
    width: 0
}
.show-hide.toggle-expanded,
.toggle-expanded .show-hide {
    color: #333
}
.show-hide.toggle-expanded:after,
.toggle-expanded .show-hide:after {
    border-bottom-color: #333;
    border-top-color: transparent;
    top: -0.05em
}
.show-hide-panel {
    position: relative;
    overflow: hidden
}
.show-hide-panel.slide {
    -moz-transition: all .15s ease-in-out;
    -webkit-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}
.show-hide-panel.down {
    overflow: visible
}
.support .show-hide-panel {
    max-height: 0
}
.slide-up {
    margin-top: -100%
}
.slide-down {
    margin-top: 0
}
.toggle-container {
    margin-bottom: 18px
}
.toggle-container .toggle-link {
    background: #ededed;
    border-radius: 4px;
    color: #4d4d4d;
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    line-height: 1;
    margin: 0;
    padding: 9px 14px;
    text-decoration: none
}
.toggle-container .toggle-link:hover {
    background: #e6e6e6;
    color: #1f1f1f
}
.toggle-container .toggle-link:after {
    font-family: 'mentor';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    margin-left: 5px
}
.toggle-container .toggle-link.toggle-collapsed {
    display: inline-block
}
.toggle-container .toggle-link.toggle-collapsed:after {
    content: '\e3b2'
}
.toggle-container .toggle-link.toggle-expanded {
    background: #f5f5f5;
    border-radius: 4px 4px 0 0;
    color: #1f1f1f;
    display: inline-block
}
.toggle-container .toggle-link.toggle-expanded:after {
    content: '\e3b0'
}
.toggle-container .toggle-panel {
    background: #f5f5f5;
    border-radius: 0 4px 4px 4px;
    padding: 12px
}
.alert {
    position: relative
}
.alert:before {
    color: #1f1f1f;
    display: inline-block;
    content: "\e356";
    font-size: 16px;
    font-family: 'mentor';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 3px
}
.alert-error {
    color: #c00;
    font-weight: bold
}
.alert-error:before {
    color: #c00
}
div.toolbar .alert:before {
    color: #fff
}
.email,
.contactform {
    position: relative
}
.email:before,
.contactform:before {
    color: #1f1f1f;
    display: inline-block;
    content: "\e0eb";
    font-size: 16px;
    font-family: 'mentor';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 3px
}
.pdf,
ul.pdf li {
    position: relative
}
.pdf:before,
ul.pdf li:before {
    color: #1f1f1f;
    display: inline-block;
    content: "\e4e2";
    font-size: 16px;
    font-family: 'mentor';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 3px
}
ul.pdf {
    list-style: none;
    padding-left: 0;
    margin-left: 0
}
ul.pdf:before {
    display: none
}
.twitter {
    background: url('/img_mgc/twitter.png') no-repeat 0 5px !important;
    display: inline-block;
    font-size: 11px;
    padding: 5px 0 4px 21px;
    text-decoration: none
}
.twitter:hover {
    text-decoration: underline
}
.enews-promo {
    background: #f2f7fb url('/img_mgc/mail-large.png') no-repeat 12px 12px;
    border: 1px solid #ebebeb;
    border-radius: 3px;
    color: #333;
    display: block;
    font-size: 14.3px;
    line-height: 18px;
    padding: 10px 10px 10px 57px
}
.enews-promo span {
    color: #006d66
}
.enews-promo:hover {
    border: 1px solid #ccc;
    color: #1f1f1f;
    text-decoration: none
}
.enews-promo:active {
    background-color: #cee1ef;
    border: 1px solid #aaa;
    color: #1f1f1f;
    text-decoration: none
}
.more {
    cursor: pointer;
    font-weight: bold;
    position: relative;
    text-decoration: none
}
.more:after {
    content: '?–¶';
    font-size: .7em;
    margin-left: .4em;
    position: relative
}
.declare .more:after {
    content: "\e3b1";
    font-family: 'mentor';
    font-size: 16px;
    margin-left: .2em
}
.more-light {
    color: #717171 !important;
    font-weight: normal
}
.more:hover {
    text-decoration: none
}
.more-link {
    border-top: 1px solid #ebebeb;
    padding-top: 9px;
    text-align: right
}
h1 a.more,
h2 a.more {
    color: #006d66;
    font-size: 10px;
    font-weight: bold;
    line-height: 10px;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: 5px
}
a.more span {
    color: #777;
    font-weight: normal
}
.blog-post-content a {
    font-weight: bold
}
.cloud {
    line-height: 1.5em;
    margin-bottom: 18px
}
.cloud a {
    background: none;
    color: #006d66;
    margin-right: 2px;
    text-decoration: none
}
.cloud a.tag1 {
    font-size: .7em;
    font-weight: 100;
    color: #006d66
}
.cloud a.tag2 {
    font-size: .8em;
    font-weight: 200;
    color: #006d66
}
.cloud a.tag3 {
    font-size: .9em;
    font-weight: 300;
    color: #006d66
}
.cloud a.tag4 {
    font-size: 1em;
    font-weight: 400;
    color: #006d66
}
.cloud a.tag5 {
    font-size: 1.2em;
    font-weight: 500;
    color: #006d66
}
.cloud a.tag6 {
    font-size: 1.4em;
    font-weight: 600
}
.cloud a.tag7 {
    font-size: 1.6em;
    font-weight: 700
}
.cloud a.tag8 {
    font-size: 1.8em;
    font-weight: 800
}
.cloud a.tag9 {
    font-size: 2.2em;
    font-weight: 900
}
.cloud a.tag10 {
    font-size: 2.5em;
    font-weight: 900
}
.cloud a:hover {
    color: #1f1f1f
}
.block-reveal {
    border: 5px solid #fff;
    display: block;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    position: relative
}
.block-reveal img {
    display: block
}
.block-reveal>span {
    background: #fff;
    display: block;
    overflow: hidden
}
.block-reveal .block-reveal-hidden {
    background: rgba(0, 0, 0, 0.6);
    display: block;
    color: #eee;
    font-size: 13px;
    height: 100%;
    line-height: 1.2;
    position: absolute;
    -moz-transition: top .3s ease-in-out;
    -webkit-transition: top .3s ease-in-out;
    -o-transition: top .3s ease-in-out;
    transition: top .3s ease-in-out;
    top: 100%
}
.block-reveal .block-reveal-hidden>span {
    border-bottom: 5px solid #fff;
    display: block;
    height: 100%;
    padding: 10px
}
.block-reveal .block-reveal-hidden>span>strong {
    color: #fff;
    display: block;
    margin-bottom: 5px
}
.no-rgba .block-reveal .block-reveal-hidden {
    background: #000;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    -khtml-opacity: .7;
    -moz-opacity: .7;
    opacity: .7
}
.block-reveal:hover .block-reveal-hidden {
    top: 0
}
@media only screen and (max-width: 660px) {
    .block-reveal {
        margin-bottom: 18px
    }
    .block-reveal:hover .block-reveal-hidden {
        top: 100%
    }
}
.link-block-container .hr {
    margin-top: 8px;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: -20px
}
@media (max-width: 768px) {
    .link-block-container .hr {
        display: none
    }
}
.link-block {
    display: block;
    margin-bottom: 9px;
    padding: 12px;
    -moz-transition: background-color .3s ease-in-out;
    -webkit-transition: background-color .3s ease-in-out;
    -o-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out
}
.link-block .link-block-header {
    color: #1f1f1f;
    font-size: 1.4em;
    font-weight: normal;
    margin: 0 0 9px
}
.link-block .link-block-header a,
.link-block .link-block-header a:visited {
    color: #1f1f1f
}
.link-block p {
    color: #555;
    margin-bottom: 0
}
.link-block:hover {
    background: #f5f5f5;
    box-shadow: inset 0 0 18px rgba(0, 0, 0, 0.06);
    text-decoration: none !important
}
.link-block:hover .more {
    color: #006d66
}
ul {
    list-style: disc;
    list-style-position: outside;
    margin: 0 0 18px 18px;
    padding: 0
}
ul li {
    color: #333;
    margin: 0;
    padding: 0
}
ul li+li {
    margin-top: 9px
}
ul.small li {
    font-size: 11px;
    line-height: 15px
}
ul.items a {
    font-weight: bold
}
ul.border,
ul.items {
    border-bottom: 1px solid #e3e3db;
    list-style: none;
    margin-left: 0
}
.callout ul.border,
.callout ul.items {
    border-color: #dcdcd2
}
#footer-section ul.border,
#footer-section ul.items {
    border-color: #454545
}
ul.border li,
ul.items li {
    border-top: 1px solid #e3e3db;
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 9px;
    padding-top: 9px
}
.callout ul.border li,
.callout ul.items li {
    border-color: #dcdcd2
}
#footer-section ul.border li,
#footer-section ul.items li {
    border-color: #454545
}
ul.border.bottom,
ul.items.bottom {
    border-top: none;
    border-bottom: none
}
ul.border.bottom li,
ul.items.bottom li {
    border-top: none;
    border-bottom: 1px solid #e3e3db
}
ul.border.top,
ul.items.top {
    border-top: none;
    border-bottom: none
}
ul.border.top li,
ul.items.top li {
    border-bottom: none;
    border-top: 1px solid #ebebeb
}
ul.border li {
    padding-left: 14px;
    position: relative
}
ul.border li:before {
    content: "?€?";
    font-size: 1.2em;
    position: absolute;
    margin-left: -12px;
    margin-top: -2px
}
ul.items {
    list-style: none;
    margin-left: 0
}
ul.items li {
    margin-left: 0
}
ul.items.items-blog-posts .image-biopic {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    right: 0;
    position: absolute;
    top: 10px;
    width: 40px
}
ul.items.items-blog-posts li {
    padding-right: 46px;
    position: relative
}
ul.items.items-blog-posts li:hover .meta {
    color: #1f1f1f
}
ul.items.items-striped li:nth-child(even) {
    background: #f5f5f5
}
ul.check,
ul.arrow {
    margin-left: 0;
    list-style: none;
    padding: 0
}
ul.check li,
ul.arrow li {
    position: relative;
    padding-left: 25px
}
ul.check li li,
ul.arrow li li {
    background: none;
    list-style: disc;
    padding-left: 0
}
ul.check li:before,
ul.arrow li:before {
    font-family: 'mentor';
    font-size: 16px;
    content: "\e370";
    margin-left: -25px;
    position: absolute;
    margin-top: -2px
}
ul.check.border li,
ul.arrow.border li {
    border-top: 1px solid #ebebeb;
    margin: 0;
    padding: 9px 0 9px 25px
}
ul.check.border li:after,
ul.arrow.border li:after {
    top: 7px
}
ul.check.large li:before,
ul.arrow.large li:before {
    margin-top: 0
}
ul.arrow li a {
    font-weight: bold
}
ul.arrow li:before {
    content: "\e3b5"
}
ul.arrow.links li:hover a {
    text-decoration: none
}
ul.arrow.links li:hover:after {
    color: #d54e21
}
ul ul {
    margin: 5px 0 12px 15px;
    padding: 0
}
ul ul li {
    background: none;
    list-style: circle;
    list-style-position: outside;
    padding: 0
}
.primary-items {
    border-top: solid 1px #454545;
    list-style: none;
    margin: 0 0 10px;
    padding: 0
}
.primary-items>li {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative
}
.primary-items>li>a {
    border-bottom: solid 1px #3e3e3e;
    color: #ddd !important;
    display: block;
    line-height: 1.2;
    padding: 6px 12px 6px 0;
    text-decoration: none;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}
.primary-items>li>a:hover {
    background: #354e70;
    padding: 6px;
    text-decoration: none;
    text-shadow: none
}
.primary-items>li.active>a {
    color: #777 !important
}
.primary-items>li.active>a:hover {
    background: transparent;
    color: #777 !important;
    padding: 6px 12px 6px 0
}
.primary-items>li.active:after {
    border: 5px solid transparent;
    border-left-color: #777;
    content: ' ';
    height: 0;
    margin-left: -10px;
    right: 100%;
    position: absolute;
    top: 8px;
    width: 0
}
#sidebar .callout ul,
#sidebar ul.subnav {
    list-style: none;
    margin: 0 0 25px 5px;
    padding: 0
}
#sidebar .callout ul li,
#sidebar ul.subnav li {
    font-size: 11px;
    line-height: 1.3;
    margin: 0 0 7px;
    padding: 2px 0 0
}
#sidebar .callout ul a,
#sidebar ul.subnav a,
#sidebar .callout ul strong,
#sidebar ul.subnav strong {
    font-size: 12px;
    font-weight: bold
}
#sidebar .callout ul a:hover,
#sidebar ul.subnav a:hover,
#sidebar .callout ul strong:hover,
#sidebar ul.subnav strong:hover,
.active #sidebar .callout ul a,
.active #sidebar ul.subnav a,
.active #sidebar .callout ul strong,
.active #sidebar ul.subnav strong {
    background: none
}
#sidebar ul.subnav a {
    display: inline;
    padding: 0
}
#sidebar ul.subnav a:hover {
    background: none;
    text-decoration: underline
}
#sidebar ul.subnav .active a {
    background: none
}
.items-breathe ul.items li,
ul.items.items-breathe li {
    padding-bottom: 12px;
    padding-top: 12px
}
.header-bar+.callout .inner>ul.items {
    border: none
}
.header-bar+.callout .inner>ul.items li:first-child {
    border: none
}
.header-bar+.callout .inner>ul.items:first-child {
    margin-top: -7px
}
ol {
    margin: 0 0 18px 4px;
    padding: 0
}
ol li {
    display: list-item;
    list-style-position: outside;
    margin: 7px 0 0 18px
}
ol li+li {
    margin-top: 9px
}
ul.simple {
    margin-left: 0;
    padding: 0;
    list-style: none
}
ul.simple li {
    background: none;
    margin: 0 0 7px 0;
    padding-left: 0
}
ul.simplenav {
    border-bottom: 1px solid #ebebeb;
    margin-left: 0;
    padding: 0;
    list-style: none
}
ul.simplenav li {
    border-top: 1px solid #ebebeb;
    margin: 0;
    list-style: none;
    padding: 6px 7px 6px 0;
    position: relative;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}
ul.simplenav li:before {
    display: none
}
ul.simplenav li a {
    display: block;
    font-weight: bold;
    text-decoration: none
}
ul.simplenav li a:hover,
ul.simplenav li a:hover strong.item {
    text-decoration: none !important
}
ul.simplenav li .meta {
    color: #999;
    float: right;
    padding: 4px 5px 0 0;
    position: relative
}
ul.simplenav li:hover {
    background-color: #f2f7fb;
    padding: 6px 0 6px 7px
}
.callout-tinted ul.simplenav li:hover,
.callout-highlight ul.simplenav li:hover,
.callout-alt ul.simplenav li:hover {
    background-color: #fff !important
}
ul.simplenav.arrow li {
    padding: 6px 24px 6px 0
}
ul.simplenav.arrow li:before {
    display: none
}
ul.simplenav.arrow li:after {
    color: #999;
    content: "\e3b1";
    font-family: 'mentor';
    font-weight: normal;
    font-size: 10px;
    margin: -7px 0 0 -10px;
    position: absolute;
    left: 100%;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    top: 50%
}
ul.simplenav.arrow li:hover {
    padding: 6px 17px 6px 7px
}
ul.simplenav.arrow li:hover:after {
    color: #000;
    margin-left: -15px
}
ul.simplenav#anchormenu li:after {
    color: #999;
    content: "\e3b2";
    font-family: 'mentor';
    font-weight: normal;
    font-size: 10px;
    margin: -5px 0 0 -10px;
    position: absolute;
    left: 100%;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    top: 50%
}
ul.simplenav#anchormenu li:hover {
    padding: 6px 17px 6px 7px
}
ul.simplenav#anchormenu li:hover:after {
    color: #000;
    margin-left: -16px
}
.inline,
.list-inline {
    margin-left: 0;
    padding: 0;
    list-style: none
}
.inline li,
.list-inline li {
    display: inline;
    margin: 0;
    padding: 0
}
dl {
    margin: 0 0 18px 0
}
dl dt {
    font-weight: bold;
    margin: 0 0 5px 0
}
dl dd {
    margin: 0 0 18px 0
}
.addendum dl.faq {
    margin-top: 0
}
dl.faq dt,
#glossaryblock dl dt {
    color: #333;
    font-size: 13px;
    line-height: 17px;
    font-weight: bold
}
dl.faq dt dfn,
#glossaryblock dl dt dfn {
    color: #666;
    font-style: normal;
    font-size: 1.4em;
    font-weight: normal
}
dl.faq dd,
#glossaryblock dl dd {
    border-bottom: 1px solid #ddd;
    color: #333;
    font-size: 13px;
    line-height: 17px;
    padding-bottom: 12px;
    margin-bottom: 14px
}
dl.faq dd:last-child,
#glossaryblock dl dd:last-child {
    border: none;
    padding-bottom: 0;
    margin-bottom: 0
}
dl.results {
    border-bottom: 3px solid #ebebeb;
    padding-bottom: 18px
}
dl.results dt {
    margin: 27px 0 5px
}
dl.results dt a {
    font-size: 1.3em;
    font-weight: bold
}
dl.results dd {
    color: #666;
    line-height: 1.4em;
    margin-bottom: 3px 0 16px;
    width: auto
}
dl.results cite {
    color: #999;
    display: block;
    font-style: normal;
    font-size: 10px;
    margin: 2px 0 0 0
}
.resource-list {
    list-style: none;
    margin-left: 0
}
.resource-list li {
    margin-left: 0
}
.resource-list li a {
    font-weight: bold
}
.resource-list li a:hover {
    text-decoration: none
}
.resource-list li a:hover .resource-title {
    text-decoration: underline
}
.featured-box .resource-list {
    margin: 7px 0 0
}
.featured-box .resource-list .hr {
    display: none
}
.list-table-fixed {
    display: table;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    table-layout: fixed;
    width: 100%
}
.list-table-fixed>li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell;
    margin: 0;
    padding: 0 10px
}
.list-table-fixed>li .mgc-video+p,
.list-table-fixed>li .mgc-resource-thumb+p {
    margin-bottom: 0
}
.list-table-fixed>li li {
    list-style: none
}
.list-table-fixed-breathe>li {
    padding: 0 22px
}
.list-table-fixed-border>li {
    position: relative
}
.list-table-fixed-border>li:before {
    border-left: 1px solid #e3e3db;
    bottom: 0;
    content: '';
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 1px
}
.list-table-fixed-border>li:first-child {
    padding-left: 0
}
.list-table-fixed-border>li:first-child:before {
    display: none
}
.list-table-fixed-border>li:last-child {
    padding-right: 0
}
.list-table-fixed-shaded {
    background: #f5f5f5
}
.list-table-fixed-shaded>li {
    padding: 15px 10px
}
.list-table-fixed-shaded>li:first-child {
    padding-left: 10px
}
.list-table-fixed-shaded>li:last-child {
    padding-right: 10px
}
.list-table-fixed-shaded>li:nth-child(2) {
    background: #f0f0f0
}
.list-table-fixed-shaded>li:nth-child(3) {
    background: #ebebeb
}
.list-table-fixed-shaded>li:nth-child(4) {
    background: #e6e6e6
}
.list-table-fixed-shaded>li:nth-child(5) {
    background: #e1e1e1
}
.list-table-fixed-shaded>li:nth-child(6) {
    background: #dcdcdc
}
.list-table-fixed-shaded>li:nth-child(7) {
    background: #d6d6d6
}
.list-table-fixed-check>li {
    padding-top: 57px
}
.list-table-fixed-check>li:after {
    font-family: 'mentor';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: rgba(0, 0, 0, 0.06);
    display: block;
    height: 48px;
    line-height: 48px;
    width: 48px;
    border-radius: 48px;
    text-align: center;
    content: '\e370';
    position: absolute;
    top: 7px;
    left: 50%;
    margin-left: -24px;
    font-size: 32px
}
@supports (display: flex) {
    .list-table-fixed {
        display: flex
    }
    .list-table-fixed>li {
        display: flex;
        flex: 1;
        flex-direction: column
    }
    .list-table-fixed>li .mgc-video,
    .list-table-fixed>li .mgc-resource-thumb {
        max-width: 100%
    }
}
@media only screen and (max-width: 660px) {
    .list-table-fixed.responsive {
        display: block
    }
    .list-table-fixed.responsive>li {
        display: block;
        padding-left: 0;
        padding-right: 0
    }
    .list-table-fixed-border.responsive>li:before {
        display: none
    }
    .list-table-fixed-shaded.responsive>li {
        padding-left: 10px;
        padding-right: 10px
    }
}
.callout {
    background: #fff;
    border: 4px solid #ebebeb;
    margin: 0 0 20px 0;
    padding: 12px;
    position: relative
}
.callout.callout-arrow:after {
    border: 12px solid transparent;
    content: ' ';
    left: 50%;
    margin-left: -12px;
    position: absolute;
    top: 100%;
    width: 0;
    z-index: 2
}
.callout .inner {
    clear: both
}
.callout.callout-breathe .inner {
    padding: 12px
}
.callout-white {
    background: #fff;
    border: none
}
.callout-grey {
    background: #ebebeb;
    border: none
}
.callout-dark {
    background: #333;
    border: none
}
.callout-dark.callout-arrow:after {
    border-top-color: #333
}
.callout-highlight {
    background: #f5f5f5;
    border: none
}
#footer-section .callout-highlight {
    background: #242424;
    border: none !important
}
.callout-highlight.callout-arrow:after {
    border-top-color: #f5f5f5
}
.callout-message {
    background: #f2f7fb;
    border: 1px solid #cee1ef;
    color: #444;
    font-size: 1.2em;
    line-height: 1.5em;
    zoom: 1
}
.callout-message p {
    font-size: 1.2em;
    line-height: 1.5em
}
.callout-minimalistic {
    background: #f5f5f5;
    border: none;
    border-top: 5px solid #1f1f1f !important
}
.callout-tinted {
    background: #f2f7fb;
    border: none
}
.callout-spotlight {
    background: #f2f7fb;
    border: 1px solid #cee1ef;
    border-radius: 4px;
    color: #444
}
.callout-border {
    border: 1px solid #e3e3db
}
.callout-border.callout-tinted {
    border-color: #cee1ef
}
.callout-border-left,
.callout-border-right,
.callout-border-left-right {
    background: none;
    border: none;
    padding-top: 0
}
.callout-border-left {
    border-left: 1px solid #e3e3db;
    padding-right: 0
}
@media (max-width: 768px) {
    .callout-border-left {
        border: none;
        padding: 0
    }
}
.callout-border-right {
    border-right: 1px solid #e3e3db;
    padding-left: 0
}
@media (max-width: 768px) {
    .callout-border-right {
        border: none;
        padding: 0
    }
}
.callout-border-left-right {
    border-left: 1px solid #e3e3db;
    border-right: 1px solid #e3e3db
}
@media (max-width: 768px) {
    .callout-border-left-right {
        border: none;
        padding: 0
    }
}
.callout-tight {
    padding: 8px
}
.callout.alignright,
.callout.alignleft {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 30px;
    min-width: 50%;
    max-width: 231px
}
.callout.alignleft {
    margin-right: 30px
}
.callout.first-child {
    margin-top: -20px
}
.callout .item {
    margin-bottom: 18px
}
.callout .item p {
    margin: 0
}
.callout .resource-list .item,
.callout .items .item {
    margin-bottom: 0
}
@media (min-width: 769px) {
    .callout .inner>*:last-child {
        margin-bottom: 0
    }
    .callout .inner>.row-container:last-child .row-fluid:last-child p:last-child,
    .callout .inner>.row-container:last-child .row-fluid:last-child ul:last-child {
        margin-bottom: 0
    }
}
#sidebar .callout {
    background: none;
    border: none;
    margin-bottom: 18px;
    padding: 0
}
@media only screen and (max-width: 660px) {
    .callout.alignright,
    .callout.alignleft {
        float: none !important;
        min-width: inherit;
        max-width: 100%;
        margin-left: 0;
        margin-right: 0
    }
}
.callout-boundary {
    border: none;
    background: #f5f5f5;
    margin-left: -20px;
    margin-bottom: 30px;
    padding: 20px;
    width: 100%
}
.callout-boundary.last-child {
    margin-bottom: -20px
}
.callout-boundary.callout-arrow:after {
    border-top-color: #f5f5f5
}
.callout-strip {
    background: #e1edf5;
    border: none;
    min-height: 30px;
    padding: 0 7px 0 0;
    position: relative;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}
.callout-strip .inner {
    display: table;
    width: 100%
}
.callout-strip p {
    margin: 0 !important
}
.callout-strip .callout-strip-icon {
    background: #2e5790;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    display: table-cell;
    font-size: 32px;
    min-height: 45px;
    text-align: center;
    padding: 7px;
    width: 58px;
    vertical-align: middle;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}
.callout-strip .callout-strip-icon [class^="icon-"],
.callout-strip .callout-strip-icon [class*=" icon-"] {
    display: block
}
.callout-strip .callout-strip-links {
    font-size: 11px;
    display: table-cell;
    padding-left: 9px;
    text-transform: uppercase;
    vertical-align: middle
}
.callout-strip .callout-strip-links .meta {
    font-size: 11px
}
.callout-strip .callout-strip-links a {
    color: #333;
    font-weight: bold
}
.callout-strip .callout-strip-links h2,
.callout-strip .callout-strip-links .button,
.callout-strip .callout-strip-links p {
    line-height: 1;
    text-transform: none
}
.callout-strip .callout-strip-links h2 a:hover {
    text-decoration: none
}
.callout-strip:hover {
    background: #cee1ef
}
.callout-strip:hover .callout-strip-icon {
    background: #333
}
@media only screen and (max-width: 660px) {
    .callout-strip {
        padding: 5px
    }
    .callout-strip .meta {
        display: block;
        margin-bottom: 5px
    }
    .callout-strip a {
        border-top: 1px solid #bbd5e9;
        display: block;
        padding: 5px 0
    }
    .callout-strip .pipe {
        display: none
    }
}
.callout-insert {
    margin-left: -12px;
    padding: 12px;
    width: 100%
}
#footer-section .callout.callout-callout,
.footer-section-callout {
    background: none;
    border: 1px solid #414141;
    box-shadow: 0 0 7px #222
}
.oldie #footer-section .callout.callout-callout,
.oldie .footer-section-callout {
    background: #333;
    behavior: url('/mentor2/css/PIE.htc')
}
.footer-section-callout {
    padding: 14px 0
}
.footer-section-callout img {
    margin: 5px 24px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
    filter: alpha(opacity=35);
    -khtml-opacity: .35;
    -moz-opacity: .35;
    opacity: .35;
    -moz-transition: opacity .3s ease-in-out;
    -webkit-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    vertical-align: middle
}
.footer-section-callout img:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
    filter: alpha(opacity=95);
    -khtml-opacity: .95;
    -moz-opacity: .95;
    opacity: .95
}
.callout-hero {
    background: none
}
.callout-hero .callout {
    background: none;
    box-shadow: none
}
.rgba .callout-hero .callout {
    background: rgba(0, 0, 0, 0.12)
}
.form .callout {
    padding: 8px
}
.callout-featured,
.callout-quicklinks {
    background: #f2f7fb;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
    border: none;
    margin: 0 0 27px
}
.callout-featured .simplenav li,
.callout-quicklinks .simplenav li {
    background: none
}
.callout-featured .simplenav li:hover,
.callout-quicklinks .simplenav li:hover {
    background-color: #fff
}
.callout-highlight p,
.callout-highlight li {
    color: #666
}
.callout-highlight .more {
    color: #333
}
.callout-highlight .more:hover {
    color: #006d66
}
.twitter-widget {
    background: #2e5790;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    border-radius: 6px;
    margin-bottom: 18px;
    padding: 5px 10px
}
.twitter-widget .twitter-widget-header {
    padding: 0 0 5px;
    position: relative
}
.twitter-widget .twitter-widget-header h3 {
    color: #fff;
    font-size: 13px;
    margin: 0;
    line-height: 24px;
    padding: 0;
    position: relative;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.7);
    z-index: 1
}
.twitter-widget .twitter-widget-header .twitter-widget-icon {
    position: absolute;
    right: 0;
    top: 3px;
    z-index: 2
}
.twitter-widget .twitter-widget-header .twitter-widget-icon:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.6)";
    filter: alpha(opacity=0.6);
    -khtml-opacity: .006;
    -moz-opacity: .006;
    opacity: .006
}
.twitter-widget .twitter-widget-tweets {
    background: #fff;
    border-radius: 4px;
    padding: 10px 10px 2px
}
.twitter-widget .twitter-widget-tweets p {
    line-height: 15px;
    margin: 0 0 12px 0
}
.twitter-widget .twitter-widget-tweets a {
    font-weight: bold
}
.twitter-widget .twitter-widget-footer {
    padding: 5px 0 0 0;
    text-align: right
}
.twitter-widget .twitter-widget-footer a {
    color: #ddd;
    font-size: 11px
}
.twitter-widget .twitter-widget-footer a:hover {
    color: #fff;
    text-decoration: underline
}
.callout-distinction {
    margin-top: -155px
}
.callout-distinction h1 {
    font-size: 20px
}
@media only screen and (max-width: 768px) {
    .callout-distinction {
        margin-top: 0
    }
}
table {
    border-collapse: collapse;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}
td,
th {
    font-size: 13px;
    line-height: 18px
}
.table-fixed {
    display: table;
    table-layout: fixed;
    width: 100%
}
.table-fixed td {
    padding: 10px
}
.table-fixed>div {
    display: table-cell;
    vertical-align: middle
}
.table-fixed.borders tr td {
    border-left: 1px solid #ebebeb
}
.table-fixed.borders tr td:first-child {
    border-left: none;
    padding-left: 0
}
.table-fixed.borders tr td:last-child {
    padding-right: 0
}
.table,
#list table,
table#list,
.data-table {
    border: none;
    margin: 0 0 18px 0;
    padding: 0;
    width: 100%
}
.table thead th,
#list table thead th,
table#list thead th,
.data-table thead th {
    background: #fff;
    font-weight: bold;
    border-bottom: 3px solid #aaa;
    padding: 0 7px 7px 7px;
    text-align: left
}
.table tbody td,
#list table tbody td,
table#list tbody td,
.data-table tbody td,
.table tbody th,
#list table tbody th,
table#list tbody th,
.data-table tbody th {
    background: #fff;
    border-bottom: 1px solid #ebebeb;
    padding: 7px
}
.table tbody tr:nth-child(even) td,
#list table tbody tr:nth-child(even) td,
table#list tbody tr:nth-child(even) td,
.data-table tbody tr:nth-child(even) td {
    background: #f5f5f5
}
.table tfoot td,
#list table tfoot td,
table#list tfoot td,
.data-table tfoot td {
    background: #333;
    color: #f2f7fb;
    padding: 7px
}
.table tfoot td a,
#list table tfoot td a,
table#list tfoot td a,
.data-table tfoot td a,
.table tfoot td a:hover,
#list table tfoot td a:hover,
table#list tfoot td a:hover,
.data-table tfoot td a:hover {
    color: #fff
}
.table.navindex td,
#list table.navindex td,
table#list.navindex td,
.data-table.navindex td {
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}
.table.navindex td a,
#list table.navindex td a,
table#list.navindex td a,
.data-table.navindex td a {
    display: block
}
.table.navindex td:first-child a,
#list table.navindex td:first-child a,
table#list.navindex td:first-child a,
.data-table.navindex td:first-child a {
    font-size: 1.1em;
    font-weight: bold
}
.table.navindex:hover a:hover,
#list table.navindex:hover a:hover,
table#list.navindex:hover a:hover,
.data-table.navindex:hover a:hover {
    text-decoration: none
}
thead .table-header th {
    background: #006d66;
    border-bottom: 3px solid #eee;
    color: #fff;
    font-size: 1.1em;
    padding: 10px 7px;
    vertical-align: bottom
}
thead .table-header th a {
    color: #f2f7fb
}
thead .table-header th a:hover {
    color: #cee1ef;
    text-decoration: underline
}
thead .table-header th.table-header-callout {
    background: #2e5790;
    border-left: 1px solid #294e81 !important;
    position: relative;
    box-shadow: -2px 0 3px rgba(0, 0, 0, 0.2), 2px 0 3px rgba(0, 0, 0, 0.2)
}
thead .table-header th.table-header-callout:after {
    content: '';
    height: 10px;
    background: #2e5790;
    border-radius: 4px 4px 0 0;
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 100%
}
.table-cell-callout {
    border-right: 1px solid #ddd !important;
    border-left: 1px solid #ddd !important;
    position: relative
}
.table-cell-callout.table-cell-callout-last {
    border-bottom: 5px solid #ccc
}
.table-cell-callout:before,
.table-cell-callout:after {
    content: '';
    position: absolute;
    height: 100%;
    top: 0;
    bottom: 0;
    width: 1px;
    box-shadow: -2px 0 3px rgba(0, 0, 0, 0.2)
}
.table-cell-callout:before {
    left: 0
}
.table-cell-callout:after {
    right: 0;
    box-shadow: 2px 0 3px rgba(0, 0, 0, 0.2)
}
.table-nostripe tbody tr:nth-child(even) td {
    background: #fff
}
.hover tbody tr:hover td {
    background: #e6f0f7
}
.matrix {
    border: none;
    margin: 0 0 18px 0;
    width: 100%
}
.matrix.align-left,
.matrix.align-right {
    width: auto
}
.matrix thead th {
    background-color: #2e5790;
    border: 1px solid #2e5790;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    padding: 7px;
    text-align: left;
    vertical-align: bottom
}
.matrix thead th a {
    color: #fff
}
.matrix th a {
    text-decoration: none
}
.matrix th a:hover {
    text-decoration: underline
}
.matrix tbody th {
    background: #f2f7fb;
    border: none;
    color: #333;
    font-weight: bold;
    text-align: left;
    padding: 7px;
    vertical-align: top
}
tr.grouping th,
tr.grouping td {
    background: #cee1ef !important;
    color: #000;
    font-weight: bold;
    padding: 7px
}
.matrix td {
    border: 1px solid #ccc;
    color: #333;
    padding: 7px;
    vertical-align: top
}
.matrix tbody tr th:first-child {
    text-align: left !important
}
.matrix tr.demarcate td,
.matrix tr td.demarcate {
    border-top: 3px solid #ddd !important
}
.tablescroll_head {
    margin: 0
}
.tablescroll_head th {
    background: #2e5790;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    line-height: 14px;
    padding: 2px;
    text-align: left
}
div.tablescroll_wrapper {
    border-bottom: 1px solid #ddd
}
.data,
.blog-content table {
    border: 1px solid #ddd;
    border-left: none;
    padding: 0;
    margin: 0 0 12px 0;
    width: 100%
}
.data th,
.blog-content table th {
    background: #f5f9fc;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    color: #555;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    text-shadow: 0 0 1px #fff;
    text-align: left
}
.data td,
.blog-content table td {
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    color: #333;
    padding: 5px;
    vertical-align: top
}
.data tbody th {
    vertical-align: top
}
.data tr.odd td {
    background: #f5f5f5
}
.data tr.hover td {
    background: #eee;
    cursor: pointer
}
.data td.recommended {
    background: #f2f7fb url('../images/icons/check-hdr.png') no-repeat 0 50%;
    font-weight: bold
}
table.border,
.table-border,
table.items {
    border: 1px solid #ddd;
    margin: 0 0 12px 0;
    padding: 0;
    width: 100%
}
table.border thead th,
.table-border thead th,
table.items thead th {
    border-left: 1px solid #ddd;
    padding-top: 5px
}
table.border td,
.table-border td,
table.items td {
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    color: #333;
    padding: 7px;
    vertical-align: top
}
table.border td:first-child,
.table-border td:first-child,
table.items td:first-child {
    border-left: none
}
.table-white {
    background: #fff
}
.tight th {
    font-size: 11px;
    line-height: 14px;
    padding: 2px
}
.tight td {
    font-size: 11px;
    line-height: 14px;
    padding: 3px 2px;
    text-align: center
}
.tight td ul {
    margin: -2px 0 0
}
.tight td ul li {
    background: none;
    border-top: 1px solid #eee;
    font-size: 11px;
    line-height: 14px;
    list-style: none;
    margin: 0;
    padding: 3px 2px
}
.tight td ul li:first-child {
    border: none
}
.center th,
.center td {
    text-align: center
}
.right th,
.right td {
    text-align: right
}
.left th,
.left td {
    text-align: left
}
td.center,
th.center {
    text-align: center !important
}
td.left,
th.left {
    text-align: left !important
}
td.right,
th.right {
    text-align: right !important
}
.bottom td,
td.bottom,
th.bottom {
    vertical-align: bottom
}
.middle th,
th.middle,
.middle td,
td.middle,
tr.middle td {
    vertical-align: middle
}
.table-top th,
th.table-top,
.table-top td,
td.table-top,
tr.table-top td {
    vertical-align: top
}
tr.alt td,
td.alt {
    background: #f5f5f5
}
.table-small td,
.table-small th,
td.small {
    font-size: 11px;
    line-height: 15px
}
.table-small td p,
.table-small th p,
td.small p,
.table-small td ul li,
.table-small th ul li,
td.small ul li {
    font-size: 11px;
    margin: 0 0 5px;
    line-height: 15px
}
td.tight {
    padding: 3px 2px !important
}
tr.negative td,
td.negative {
    background: #c00 !important;
    border-top: none !important;
    color: #fff !important
}
th.check,
td.check,
td.match {
    background-image: url('/img_mgc/check.png') !important;
    background-repeat: no-repeat !important;
    background-position: 50% 50% !important
}
th.check.check-green,
td.check.check-green,
td.match.check-green {
    color: green
}
div.meter {
    border: 1px solid #333;
    display: inline-block;
    height: 10px;
    margin: 0 auto
}
div.meter span {
    background: #fff;
    border-left: 1px solid #333;
    float: left;
    height: 10px;
    width: 14px
}
div.meter span:first-child {
    border: none
}
div.meter span.filled {
    background: #81b2d6
}
.sort a {
    color: #fff
}
.sort a:after {
    font-family: 'mentor';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\e2b2';
    font-size: 16px;
    margin-left: 4px
}
.sort a:hover {
    color: #eee;
    text-decoration: none !important
}
.sort a:hover .hover {
    text-decoration: underline !important
}
.sort.descending a:after {
    content: '\e2b0'
}
.sort.ascending a:after {
    content: '\e2b1'
}
.grouping.first th {
    background: #2e5790;
    border-color: #2e5790;
    border-top: 5px solid #444;
    color: #fff
}
.grouping.last th,
.grouping.last td {
    border-bottom: 5px solid #444
}
.grouping td {
    background: #f2f7fb
}
.table-fixed-header th {
    background: #fff !important;
    padding-top: 20px !important
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
    .table-fixed-header th {
        padding-top: 10px !important
    }
}
.table-mse {
    border-collapse: collapse;
    border: none;
    margin: 0 0 18px;
    width: 100%
}
.table-mse thead th {
    background: #2e5790;
    border: 1px solid #2e5790;
    color: #fff;
    font-size: 16px;
    font-weight: normal;
    padding: 12px 10px
}
.table-mse thead th small {
    color: #cee1ef
}
.table-mse tbody th {
    background: #fff;
    border: 1px solid #eee
}
.table-mse tbody td {
    border: 1px solid #eee;
    font-size: 14px;
    padding: 10px;
    vertical-align: top
}
.table-mse .mse-details {
    font-weight: normal
}
.table-mse .mse-details .radio {
    float: left;
    text-align: center;
    width: 5%
}
.table-mse .mse-details .mse-schedule {
    float: right;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 95%
}
.table-mse .session-title {
    font-size: 1.3em;
    margin-bottom: 5px
}
.table-mse .presenter .session-title {
    font-size: 1em
}
.table-mse .session-abstract {
    margin: 12px 0 0
}
.table-mse .ancillary {
    color: #777;
    display: block;
    font-size: .9em;
    padding-left: 5%
}
.table-mse h2 .ancillary {
    color: #000;
    display: inline
}
.table-mse h2 .ancillary a {
    font-size: 1.3em
}
.table-mse.table-mse-noradio .ancillary {
    padding-left: 0
}
.table-mse .simple {
    margin-bottom: 0
}
tr.highlighter th,
tr.highlighter td {
    background: #cee1ef !important;
    border-color: #a8c9e2;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}
.ColVis {
    z-index: 200
}
.ColVis_Button {
    float: left;
    position: relative;
    margin-right: 3px;
    padding: 7px 10px;
    background-color: #fff;
    border: none;
    text-align: left;
    cursor: pointer;
    *cursor: hand
}
.ColVis_MasterButton {
    float: right;
    margin: 0 0 5px;
    background-color: #006d66;
    border-radius: 4px;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff !important;
    display: inline-block;
    font-size: 13px;
    line-height: 1;
    margin: 0;
    outline: none;
    overflow: hidden;
    padding: 10px 17px;
    position: relative;
    text-decoration: none;
    text-shadow: none !important;
    -moz-transition: background-color .3s ease-in-out;
    -webkit-transition: background-color .3s ease-in-out;
    -o-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out;
    -webkit-appearance: none;
    z-index: 2;
    text-align: center;
    cursor: pointer;
    *cursor: hand
}
.ColVis_MasterButton .size,
.ColVis_MasterButton .type {
    color: #cee1ef
}
.ColVis_MasterButton b {
    color: #cee1ef;
    font-size: 12px;
    font-weight: normal
}
.ColVis_MasterButton:active {
    background-color: #000
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
    .ColVis_Button {
        float: none
    }
}
button.ColVis_Button::-moz-focus-inner {
    border: none !important;
    padding: 0
}
div.ColVis_collectionBackground {
    background-color: black;
    z-index: 1100
}
div.ColVis_collection {
    position: relative;
    width: 150px;
    background-color: #f3f3f3;
    border: 1px solid #ccc;
    z-index: 1102
}
div.ColVis_collection button.ColVis_Button {
    background-color: white;
    color: #000;
    font-size: 11px;
    width: 100%;
    float: none;
    margin-bottom: 2px
}
div.ColVis_catcher {
    position: absolute;
    z-index: 1101
}
.disabled {
    color: #999
}
div.ColVis_collection button.ColVis_Button:hover {
    background-color: #f2f7fb
}
.ColVis_title a {
    color: #000;
    outline: none
}
.ColVis_title a.large {
    font-size: 12px;
    font-weight: bold
}
.ColVis_title a:hover {
    text-decoration: none
}
span.ColVis_radio {
    display: inline-block;
    width: 20px
}
.mgc-video,
.mgc-resource-thumb {
    box-shadow: 0 0 0px rgba(0, 0, 0, 0.2);
    margin: 0 auto 18px;
    min-width: 200px;
    position: relative;
    text-align: center
}
.media .mgc-video,
.media .mgc-resource-thumb {
    min-width: 300px
}
.mgc-video.hide-titlebar .titlebar,
.mgc-resource-thumb.hide-titlebar .titlebar {
    display: none
}
.mgc-video a.mgclightbox,
.mgc-resource-thumb a.mgclightbox {
    cursor: pointer;
    display: block;
    margin: 0 auto;
    height: 100%;
    width: 100%;
    position: static;
    text-decoration: none
}
.mgc-video .titlebar,
.mgc-resource-thumb .titlebar {
    z-index: 3
}
.mgc-video .titlebar h3,
.mgc-resource-thumb .titlebar h3 {
    border: none;
    font-size: 13px;
    font-weight: bold;
    line-height: 15px;
    padding: 0
}
.mgc-video .titlebar p,
.mgc-resource-thumb .titlebar p {
    font-size: 12px;
    line-height: 15px
}
.mgc-video .titlebar h3+p,
.mgc-resource-thumb .titlebar h3+p {
    margin-top: 2px
}
.mgc-video [class^="icon-"],
.mgc-resource-thumb [class^="icon-"],
.mgc-video [class*=" icon-"],
.mgc-resource-thumb [class*=" icon-"] {
    color: #333;
    height: 96px;
    line-height: 96px;
    font-size: 96px;
    left: 50%;
    margin-left: -48px;
    margin-top: -48px;
    position: absolute;
    text-shadow: 0 0 12px #999;
    text-align: center;
    top: 50%;
    z-index: 2;
    width: 96px
}
.rgba .mgc-video [class^="icon-"],
.rgba .mgc-resource-thumb [class^="icon-"],
.rgba .mgc-video [class*=" icon-"],
.rgba .mgc-resource-thumb [class*=" icon-"],
.ie8 .mgc-video [class^="icon-"],
.ie8 .mgc-resource-thumb [class^="icon-"],
.ie8 .mgc-video [class*=" icon-"],
.ie8 .mgc-resource-thumb [class*=" icon-"] {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -khtml-opacity: .5;
    -moz-opacity: .5;
    opacity: .5
}
.oldie .mgc-video [class^="icon-"],
.oldie .mgc-resource-thumb [class^="icon-"],
.oldie .mgc-video [class*=" icon-"],
.oldie .mgc-resource-thumb [class*=" icon-"] {
    behavior: url('/mentor2/css/PIE.htc')
}
.mgc-video.mgc-video-medium [class^="icon-"],
.mgc-resource-thumb.mgc-video-medium [class^="icon-"],
.mgc-video.mgc-resource-thumb-medium [class^="icon-"],
.mgc-resource-thumb.mgc-resource-thumb-medium [class^="icon-"],
.mgc-video.mgc-video-medium [class*=" icon-"],
.mgc-resource-thumb.mgc-video-medium [class*=" icon-"],
.mgc-video.mgc-resource-thumb-medium [class*=" icon-"],
.mgc-resource-thumb.mgc-resource-thumb-medium [class*=" icon-"] {
    height: 120px;
    font-size: 120px;
    line-height: 120px;
    margin-left: -60px;
    margin-top: -60px;
    width: 120px
}
.mgc-video.mgc-video-medium .titlebar h3,
.mgc-resource-thumb.mgc-video-medium .titlebar h3,
.mgc-video.mgc-resource-thumb-medium .titlebar h3,
.mgc-resource-thumb.mgc-resource-thumb-medium .titlebar h3 {
    border: none;
    font-size: 20px;
    font-weight: normal;
    line-height: 22px;
    margin: 0;
    padding: 0
}
.mgc-video.mgc-video-medium .titlebar p,
.mgc-resource-thumb.mgc-video-medium .titlebar p,
.mgc-video.mgc-resource-thumb-medium .titlebar p,
.mgc-resource-thumb.mgc-resource-thumb-medium .titlebar p {
    font-size: 13px;
    line-height: 16px;
    margin: 0
}
.mgc-video.mgc-video-medium .titlebar h3+p,
.mgc-resource-thumb.mgc-video-medium .titlebar h3+p,
.mgc-video.mgc-resource-thumb-medium .titlebar h3+p,
.mgc-resource-thumb.mgc-resource-thumb-medium .titlebar h3+p {
    margin-top: 3px
}
.mgc-video.mgc-video-large [class^="icon-"],
.mgc-resource-thumb.mgc-video-large [class^="icon-"],
.mgc-video.mgc-resource-thumb-large [class^="icon-"],
.mgc-resource-thumb.mgc-resource-thumb-large [class^="icon-"],
.mgc-video.mgc-video-large [class*=" icon-"],
.mgc-resource-thumb.mgc-video-large [class*=" icon-"],
.mgc-video.mgc-resource-thumb-large [class*=" icon-"],
.mgc-resource-thumb.mgc-resource-thumb-large [class*=" icon-"] {
    height: 128px;
    font-size: 128px;
    line-height: 128px;
    margin-left: -64px;
    margin-top: -64px;
    width: 128px
}
.mgc-video.mgc-video-large .icon-play,
.mgc-resource-thumb.mgc-video-large .icon-play,
.mgc-video.mgc-resource-thumb-large .icon-play,
.mgc-resource-thumb.mgc-resource-thumb-large .icon-play {
    font-size: 78px
}
.mgc-video.mgc-video-large .titlebar h3,
.mgc-resource-thumb.mgc-video-large .titlebar h3,
.mgc-video.mgc-resource-thumb-large .titlebar h3,
.mgc-resource-thumb.mgc-resource-thumb-large .titlebar h3 {
    border: none;
    font-size: 22px;
    font-weight: normal;
    line-height: 24px;
    margin: 0;
    padding: 0
}
.mgc-video.mgc-video-large .titlebar p,
.mgc-resource-thumb.mgc-video-large .titlebar p,
.mgc-video.mgc-resource-thumb-large .titlebar p,
.mgc-resource-thumb.mgc-resource-thumb-large .titlebar p {
    font-size: 14px;
    line-height: 18px;
    margin: 0
}
.mgc-video.mgc-video-large .titlebar h3+p,
.mgc-resource-thumb.mgc-video-large .titlebar h3+p,
.mgc-video.mgc-resource-thumb-large .titlebar h3+p,
.mgc-resource-thumb.mgc-resource-thumb-large .titlebar h3+p {
    margin-top: 3px
}
.mgc-video:hover [class^="icon-"],
.mgc-resource-thumb:hover [class^="icon-"],
.mgc-video:hover [class*=" icon-"],
.mgc-resource-thumb:hover [class*=" icon-"] {
    color: #1f1f1f
}
.rgba .mgc-video:hover [class^="icon-"],
.rgba .mgc-resource-thumb:hover [class^="icon-"],
.rgba .mgc-video:hover [class*=" icon-"],
.rgba .mgc-resource-thumb:hover [class*=" icon-"] {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    -khtml-opacity: .7;
    -moz-opacity: .7;
    opacity: .7
}
.mgc-video:active [class^="icon-"],
.mgc-resource-thumb:active [class^="icon-"],
.mgc-video:active [class*=" icon-"],
.mgc-resource-thumb:active [class*=" icon-"] {
    color: #222;
    text-shadow: 0 0 15px #000;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    -khtml-opacity: .8;
    -moz-opacity: .8;
    opacity: .8
}
.mgc-video+p,
.mgc-resource-thumb+p {
    margin-top: -7px
}
.ie8 .mgc-video,
.ie8 .mgc-resource-thumb {
    height: 140px;
    overflow: hidden
}
.ie8 .mgc-video.mgc-video-medium,
.ie8 .mgc-resource-thumb.mgc-video-medium,
.ie8 .mgc-video.mgc-resource-thumb-medium,
.ie8 .mgc-resource-thumb.mgc-resource-thumb-medium {
    height: 210px
}
.ie8 .mgc-video.mgc-video-large,
.ie8 .mgc-resource-thumb.mgc-video-large,
.ie8 .mgc-video.mgc-resource-thumb-large,
.ie8 .mgc-resource-thumb.mgc-resource-thumb-large {
    height: 290px
}
@media only screen and (max-width: 660px) {
    .mgc-video .titlebar h3,
    .mgc-resource-thumb .titlebar h3 {
        font-size: 16px !important;
        font-weight: bold !important;
        line-height: 1.2 !important
    }
    .mgc-video .titlebar p,
    .mgc-resource-thumb .titlebar p {
        font-size: 12px !important;
        line-height: 1.2 !important
    }
}
.mgc-resource-thumb-abstract {
    margin-top: -9px
}
.mgc-resource-thumb-abstract.mgc-resource-thumb-small {
    font-size: 12px
}
.mgc-resource-thumb-abstract.mgc-resource-thumb-box {
    background: #f5f5f5;
    margin-bottom: 27px;
    margin-top: -18px;
    padding: 12px;
    font-size: 13px
}
.mgc-resource-thumb-grid .mgc-resource-thumb-abstract.mgc-resource-thumb-box {
    min-height: 95px;
    padding-bottom: 40px;
    position: relative
}
.mgc-resource-thumb-grid .mgc-resource-thumb-abstract.mgc-resource-thumb-box [class*="button"] {
    bottom: 12px;
    position: absolute;
    right: 12px
}
.mgc-video-container {
    background: #000;
    margin: 0 auto 18px;
    text-align: center;
    max-width: 960px
}
@media only screen and (max-width: 768px) {
    .mgc-video-container {
        max-width: 100%
    }
}
#flashLanding {
    display: none;
    min-width: 485px;
    text-align: center
}
#flashLanding.chaptered {
    margin: 15px 0 10px 0;
    float: right;
    max-width: 815px;
    width: auto
}
#flashreplace {
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
    margin: 0 auto;
    position: relative
}
#flashreplace span {
    display: block;
    margin: 0 auto;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    text-indent: -9999em
}
#flashreplace span {
    background: url('../images/img-play-overlay.png') no-repeat 50% 50%
}
#flashreplace span:hover {
    background: url('../images/img-play-overlay-active.png') no-repeat 50% 50%
}
.mgc-video-chapter-container {
    background: #1f1f1f;
    padding: 0
}
.mgc-video-chapters {
    color: #ddd;
    list-style: none;
    margin: 0;
    padding: 0
}
.mgc-video-chapters .hr {
    background: #444;
    margin: 9px 0
}
.mgc-video-chapters>li {
    float: left;
    min-height: 45px;
    width: 25%
}
.mgc-video-chapters>li a {
    color: #999;
    display: block;
    font-size: 105%;
    font-weight: bold;
    padding: 5px 10px 5px 50px;
    position: relative
}
.mgc-video-chapters>li a:hover {
    text-decoration: none
}
.mgc-video-chapters>li a .number {
    left: 7px;
    position: absolute
}
.mgc-video-chapters>li:hover a {
    color: #bbb
}
.mgc-video-chapters>li:hover a .number {
    background: #2e5790;
    color: #ddd
}
.mgc-video-chapters>li.active a,
.mgc-video-chapters>li.active:hover a {
    color: #fff
}
.mgc-video-chapters>li.active a .number,
.mgc-video-chapters>li.active:hover a .number {
    background: #d54e21;
    color: #fff
}
.mgc-video-chapters ol,
.mgc-video-chapters ul {
    display: none;
    color: #ddd;
    margin: -8px 0 0 50px
}
.mgc-video-chapters ol li,
.mgc-video-chapters ul li {
    color: #ddd;
    font-size: 14px
}
.mgc-video-viewer-drawer {
    background: #224069;
    float: right;
    height: 420px;
    padding: 0;
    position: relative;
    width: 249px
}
.drawer-toggler {
    background: #222;
    color: #fff !important;
    display: block;
    text-align: right;
    padding: 5px;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}
.drawer-toggler:hover {
    background: #1b3456;
    color: #aaa;
    text-decoration: none
}
.drawer-toggler:active {
    background: #0f1d2f;
    box-shadow: inset 0 0 5px #000
}
.expanded .drawer-toggler {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    height: 538px;
    padding: 9px 11px 0 0;
    position: absolute;
    top: -538px;
    right: 0;
    width: 35px;
    z-index: 10
}
@media (max-width: 768px) {
    .drawer-toggler {
        display: none
    }
}
.mgc-video-viewer-playlist,
.mgc-video-viewer {
    zoom: 1;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    height: 420px;
    overflow: hidden;
    position: relative
}
.mgc-video-viewer-playlist:after,
.mgc-video-viewer:after {
    display: block;
    visibility: hidden;
    height: 0;
    font-size: 0;
    clear: both;
    content: " "
}
.mgc-video-viewer-playlist .mgc-video-container,
.mgc-video-viewer .mgc-video-container {
    float: left;
    min-height: 420px;
    position: relative;
    text-align: left;
    width: 746px;
    z-index: 2
}
.mgc-video-viewer-playlist .mgc-video-container {
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}
.mgc-video-viewer-playlist.expanded {
    height: 538px
}
.mgc-video-viewer-playlist.expanded .mgc-video-container {
    height: 538px;
    width: 960px
}
.mgc-video-details {
    background: #224069;
    float: right;
    height: 420px;
    padding: 0;
    position: relative;
    width: 250px;
    z-index: 2
}
.mgc-video-details .playlist {
    height: 420px;
    overflow: auto
}
.mgc-video-details-overflow {
    height: 420px;
    overflow: auto;
    padding: 10px 10px 0
}
.mgc-video-controls-ancillary {
    background: #333;
    border-radius: 0 0 4px 4px;
    padding: 10px 5px;
    position: absolute
}
.mgc-video-controls-ancillary a,
.mgc-video-controls-ancillary label {
    border-left: 1px solid #444;
    box-shadow: none;
    background: none;
    color: #ccc;
    display: inline-block;
    font-weight: bold;
    font-size: 14px;
    padding: 2px 8px;
    text-shadow: none
}
.mgc-video-controls-ancillary a:hover,
.mgc-video-controls-ancillary label:hover {
    color: #fff;
    text-decoration: none
}
.mgc-video-controls-ancillary a:first-child,
.mgc-video-controls-ancillary label:first-child {
    border: none
}
@media (max-width: 768px) {
    .mgc-video-controls-ancillary {
        display: none
    }
}
@media only screen and (max-width: 660px) {
    .mgc-video-viewer-drawer,
    .mgc-video-viewer-playlist,
    .mgc-video-viewer,
    .mgc-video-viewer-playlist .mgc-video-container,
    .mgc-video-viewer .mgc-video-container,
    #player-playlist,
    .mgc-video-details {
        float: none;
        min-height: 0;
        height: auto;
        text-align: left;
        width: auto
    }
    .mgc-video-details-overflow {
        height: auto;
        overflow: visible
    }
    .mgc-video-viewer .mgc-video-container {
        margin: 0
    }
}
.mgc-video-details {
    background: rgba(0, 0, 0, 0.3);
    color: #ddd;
    position: relative
}
.mgc-video-details h3 {
    background: #224069;
    color: #fff;
    margin: -10px 0 7px -10px;
    padding: 10px;
    width: 100%
}
.mgc-video-details h3 .meta {
    margin-left: 4px
}
.mgc-video-details p,
.mgc-video-details li,
.mgc-video-details td {
    color: #ddd
}
.mgc-video-details-meta {
    margin: -9px 0 0 -10px;
    padding: 10px 10px 15px;
    width: 100%;
    z-index: 100
}
.playlist-header {
    background: #111;
    position: relative;
    padding: 7px 7px 7px 25px;
    -moz-transition: background-color .3s ease-in-out;
    -webkit-transition: background-color .3s ease-in-out;
    -o-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out
}
.playlist-header:before {
    color: #cee1ef;
    font-family: 'mentor';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\e2b2';
    left: 5px;
    font-size: 16px;
    position: absolute;
    top: 7px;
    width: 0
}
.playlist-header h3 {
    color: #cee1ef;
    font-size: 1.2em;
    font-weight: normal;
    margin: 0 0 4px;
    position: relative;
    z-index: 101
}
.playlist-header .meta {
    color: #999;
    position: relative;
    z-index: 101
}
.playlist-header+.playlist-nav {
    background: #111;
    display: none;
    padding: 0 10px 10px 25px
}
.playlist-header+.playlist-nav .closer {
    display: none;
    margin-top: -40px;
    float: right;
    position: relative;
    text-align: right
}
.playlist-header+.playlist-nav .closer:after {
    color: #aaa
}
.playlist-header:hover {
    background: #222;
    cursor: pointer
}
.playlist-header:hover h3 {
    color: #fff
}
.playlist-header:hover:before {
    color: #fff
}
.playlist-header.toggled {
    background: #111
}
.playlist-header.toggled h3,
.playlist-header.toggled:before {
    color: #888
}
.playlist-header.toggled+.playlist-nav {
    display: block;
    position: static
}
.playlist-header.toggled+.playlist-nav .closer {
    display: block
}
.playlist {
    height: 420px;
    overflow: auto
}
.mgc-video-playlist {
    counter-reset: li;
    list-style: none;
    margin: 0;
    padding: 0
}
.mgc-video-playlist .meta {
    color: #ccc
}
.mgc-video-playlist li {
    border-bottom: 1px solid #1f1f1f;
    font-size: 12px;
    margin: 0;
    position: relative
}
.mgc-video-playlist a {
    background-position: 5px 9px;
    color: #eee;
    zoom: 1;
    display: block;
    padding: 9px 10px 9px 25px;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    z-index: 1
}
.mgc-video-playlist a:after {
    display: block;
    visibility: hidden;
    height: 0;
    font-size: 0;
    clear: both;
    content: " "
}
.mgc-video-playlist a:hover {
    background-color: #222;
    text-decoration: none
}
.mgc-video-playlist a:before {
    background: #fff;
    content: counter(li);
    counter-increment: li;
    color: #2e5790;
    font-size: 20px;
    font-weight: normal;
    margin-right: 5px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -15px;
    height: 30px;
    line-height: 30px;
    width: 30px;
    border-radius: 15px;
    text-align: center;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=5)";
    filter: alpha(opacity=5);
    -khtml-opacity: .05;
    -moz-opacity: .05;
    opacity: .05
}
.mgc-video-playlist-nochapter .mgc-video-playlist a:before {
    display: none
}
.no-rgba .mgc-video-playlist a:before {
    background: #2f5994;
    color: #274979
}
.mgc-video-playlist .mgc-video-playlist-thumb {
    background: #fff;
    float: left;
    margin: 4px 10px 5px -15px;
    height: 45px;
    padding: 3px;
    width: 80px
}
.mgc-video-playlist li.active a {
    background-color: #2e5790;
    font-weight: bold
}
.mgc-video-playlist li.active a:before {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
    filter: alpha(opacity=25);
    -khtml-opacity: .25;
    -moz-opacity: .25;
    opacity: .25
}
.mgc-video-playlist.mgc-video-playlist-nonumbers li a:before {
    display: none
}
.mgc-video-playlist .mgc-video-playlist-viewed a {
    background-image: url('/img_mgc/check-white.png');
    background-repeat: no-repeat
}
#mgc-video-player,
#mgc-video-player_wrapper {
    margin: 0 auto
}
.mgc-video-pop {
    border: 1px solid #111;
    border-radius: 2px;
    bottom: 10%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 5%;
    position: absolute;
    width: 90%;
    z-index: 8011
}
.mgc-video-pop a:first-child {
    background: #000;
    display: block;
    padding: 18px 15px 15px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
    filter: alpha(opacity=95);
    -khtml-opacity: .95;
    -moz-opacity: .95;
    opacity: .95
}
.mgc-video-pop a:first-child:hover {
    background: #212121;
    text-decoration: none;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}
.mgc-video-pop b {
    color: #fff !important;
    font-size: 24px !important;
    font-weight: normal
}
.mgc-video-pop p {
    color: #bbb;
    font-size: 13px !important;
    margin: 5px 0 0
}
.mgc-video-pop .closer {
    z-index: 8011;
    height: 15px;
    width: 15px
}
.mgc-video-pop .closer:after {
    color: #fff
}
.titlebar {
    background: #000;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    padding: 10px 12px;
    bottom: 0;
    left: 0;
    margin: 0;
    text-align: left;
    width: 100%;
    z-index: 99
}
.titlebar .type {
    color: #cee1ef
}
.titlebar h2 {
    color: #fff;
    font-size: 22px;
    line-height: 1.2;
    font-weight: normal;
    margin: 0;
    padding: 0
}
.titlebar h2 a,
.titlebar h2 a:hover {
    color: #fff;
    text-decoration: none
}
.titlebar h3 {
    color: #fff;
    margin: 0;
    font-size: 18px;
    font-weight: normal;
    line-height: 1.1;
    text-shadow: 1px 1px 0 #000
}
.titlebar h3 a:hover {
    color: #fff;
    text-decoration: none
}
.titlebar p {
    color: #ddd;
    margin: 0;
    font-size: 15px;
    font-weight: normal;
    line-height: 1.3
}
.titlebar p.small {
    font-size: 13px
}
.titlebar p a,
.titlebar p a:hover {
    color: #ddd;
    display: block;
    text-decoration: none
}
.titlebar h2+p,
.titlebar h3+p {
    margin-top: 4px
}
.promo .titlebar {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    -o-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 0.3s;
    -moz-animation-duration: 0.3s;
    -o-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-animation-delay: 0.7s;
    -moz-animation-delay: 0.7s;
    -o-animation-delay: 0.7s;
    animation-delay: 0.7s
}
.oldie .promo .titlebar,
.ie9 .promo .titlebar {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1
}
.no-rgba .titlebar {
    background: url('/img_mgc/transparent-black-7.png') repeat 0 0
}
.rgba .titlebar {
    background: rgba(0, 0, 0, 0.75)
}
.hide-titlebar .titlebar {
    display: none
}
.callout-hero {
    background-color: #006d66;
    background-position: 0 0;
    background-repeat: no-repeat;
    border: none;
    margin: 0 0 20px -20px;
    padding: 0;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    width: 100%
}
.callout-hero>.inner {
    padding-bottom: 5px;
    padding-top: 5px
}
.wrapper .callout-hero>.inner {
    padding: 0
}
.callout-hero.has-tabs>.inner {
    padding-bottom: 45px !important
}
@media (max-width: 768px) {
    .callout-hero.has-tabs>.inner {
        padding-bottom: 20px !important
    }
}
.callout-hero a,
.callout-hero .item .item-link {
    color: #fff
}
.callout-hero a:hover,
.callout-hero .item .item-link:hover {
    color: #eee
}
.callout-hero h1,
.callout-hero h2,
.callout-hero h3 {
    color: #fff;
    text-shadow: none
}
.callout-hero .declare {
    color: #cedcef;
    font-size: 19px;
    font-weight: 300
}
.callout-hero .declare.large {
    font-size: 24px
}
.callout-hero p,
.callout-hero li {
    color: #e1eaf5;
    text-shadow: none
}
.callout-hero .type {
    color: #a7c0e3
}
.callout-hero .meta,
.callout-hero .date {
    color: #80a4d7
}
.callout-hero .items {
    border-color: #5a89ca
}
.callout-hero .items li {
    border-color: #5a89ca
}
.callout-hero.callout-xpedition .inner,
.callout-hero.callout-xpedition2 .inner {
    background: none;
}
.callout-hero.callout-hero-pcb {
    background: #006d66 url('/img_mgc/bg-hero-pcb.jpg') repeat 50% 50%
}
.callout-hero.callout-hero-mechanical {
    background: #006d66 url('//s3.amazonaws.com/images.mentor.com/mechanical/callout-hero-mechanical.jpg') repeat 50% 50%
}
.callout-hero.callout-hero-transparent {
    background: transparent
}
.callout-hero {
    margin-left: -20px;
    margin-top: -20px;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%
}
.callout-hero>.inner {
    padding-left: 0;
    padding-right: 0
}
@media (max-width: 768px) {
    .callout-hero {
        background-image: none !important
    }
}
@media only screen and (max-width: 768px) {
    .copy #mobile-nav:first-child {
        position: relative;
        z-index: 2
    }
    .tab-top+.callout-hero {
        margin-top: -55px !important;
        padding-top: 55px !important;
        z-index: 1
    }
    .tab-top+.page-title {
        margin-top: -55px !important;
        padding-top: 65px !important;
        z-index: 1
    }
    .tab-top.tab-mobile-tabs+.callout-hero,
    .tab-top.tab-mobile-tabs+.page-title {
        margin-top: -20px !important;
        padding-top: 5px !important
    }
    .tab-top.tab-mobile-tabs+.page-title {
        padding-top: 15px !important
    }
}
img {
    border: none;
    -ms-interpolation-mode: bicubic;
    max-width: 100%
}
#sidebar img {
    max-width: 95%
}
.ie8 .alignright img,
.ie8 .alignleft img {
    width: auto
}
img.float-r,
img.alignright,
img.align-right {
    float: right;
    margin: 0 0 5px 14px
}
img.float-r.margin-left {
    margin-left: 30px
}
img.float-l,
img.alignleft,
img.align-left {
    float: left;
    margin: 0 14px 5px 0
}
.promo {
    margin: 0 0 18px;
    position: relative;
    z-index: 10
}
.promo img {
    display: block
}
p.hero {
    margin: 0 auto 6px
}
p.hero img {
    display: block;
    position: relative;
    z-index: 2
}
.image-hero {
    margin-bottom: 18px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.5)
}
.hero-main {
    margin-bottom: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.5)
}
.row-fluid .spanm {
    width: 27%;
}
.image-hero img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.image-hero a img {
    border: 4px solid #fff;
    box-shadow: 0px 0px 8px #d5d5d5;
}
.image-hero a:hover img {
    border: 4px solid #b7dcc8;
    box-shadow: 0px 0px 8px #d5d5d5;
}
img.margin-right {
    margin-right: 30px !important
}
img.margin-left {
    margin-left: 30px !important
}
.image-biopic,
.avatar {
    border-radius: 50px;
    max-width: 100px
}
.image-biopic.callout-minimalistic-biopic,
.avatar.callout-minimalistic-biopic,
#footer-section .image-biopic,
#footer-section .avatar {
    margin-right: -25px
}
.image-biopic-big,
.image-biopic-big img {
    border-radius: 100px
}
.callout-minimalistic .avatar {
    float: right;
    margin-right: -25px;
    max-width: 75px
}
.image-padding {
    background: #fff;
    padding: 5px
}
.image-circle,
.image-circle img {
    border-radius: 50%
}
.image-container {
    display: block;
    margin-bottom: 18px;
    position: relative
}
.image-container.alignright {
    max-width: 300px;
    margin-left: 20px;
    margin-bottom: 10px
}
.image-container.alignleft {
    max-width: 300px;
    margin-right: 20px;
    margin-bottom: 10px
}
.media .image-container {
    max-width: 300px
}
@media (max-width: 768px) {
    .media .image-container {
        max-width: 100%
    }
}
.image-container.image-container-media {
    width: 300px
}
@media (max-width: 768px) {
    .image-container.image-container-media {
        width: auto
    }
}
.image-container.image-container-half {
    max-width: 50%
}
.image-container.image-container-thumbnail {
    max-width: 150px
}
@media (max-width: 768px) {
    .media.media-responsive .image-container.image-container-thumbnail {
        max-width: 100%
    }
}
.image-container img {
    display: block
}
.image-container p {
    margin: 0
}
.image-container.image-container-padding {
    background: #fff;
    padding: 5px
}
.image-container.center img {
    margin-left: auto;
    margin-right: auto
}
.overlay-content .image-container {
    background: #fff
}
.image-container .mgclightbox {
    display: block
}
.image-container .caption,
.figcaption {
    background: #333;
    color: #fff;
    margin: 0;
    padding: 9px;
    font-size: 11px;
    font-weight: normal;
    margin-bottom: 18px;
    text-align: center
}
.image-container .caption p,
.figcaption p {
    color: #fff;
    font-size: 11px;
    font-weight: normal;
    margin: 0
}
.figcaption-text {
    margin-top: -9px
}
.figcaption-text,
.figcaption-text p {
    color: #666;
    font-size: 11px;
    font-weight: bold
}
.image-container+.figcaption {
    margin-top: -18px
}
.image-container.shadow+.figcaption {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3)
}
@media only screen and (max-width: 660px) {
    .image-container.alignright,
    .image-container.alignleft {
        float: none !important;
        margin: 0 0 18px;
        max-width: 100%
    }
    .image-container.image-container-thumbnail.alignright {
        float: right !important;
        margin: 5px 0 10px 18px;
        max-width: 125px
    }
    .image-container.image-container-thumbnail.alignleft {
        float: left !important;
        margin: 5px 18px 10px 0;
        max-width: 125px
    }
}
.image-cover-flex {
    display: block;
    overflow: hidden;
    position: relative
}
.image-cover-flex a {
    display: block;
    height: 100%;
    position: relative;
    text-decoration: none !important;
    top: -100%;
    width: 100%
}
.image-cover-flex:before {
    content: "";
    display: block;
    width: 100%
}
.image-cover-flex-3by1:before {
    padding-bottom: 33.33333%
}
.image-cover-flex-2by1:before {
    padding-bottom: 50%
}
.image-cover-flex-16by9:before {
    padding-bottom: 56.25%
}
.image-cover-flex-4by3:before {
    padding-bottom: 75%
}
.ie8 .image-cover-flex-3by1 img {
    margin-top: -33.33333%
}
.ie8 .image-cover-flex-2by1 img {
    margin-top: -50%
}
.ie8 .image-cover-flex-16by9 img {
    margin-top: -56.25%
}
.ie8 .image-cover-flex-4by3 img {
    margin-top: -75%
}
.image-cover {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0 auto;
    max-height: 960px;
    max-width: 960px
}
.image-cover.image-container {
    margin-bottom: 18px
}
.ie8 .image-cover {
    background-image: none !important
}
img.flag {
    margin: 0;
    position: absolute;
    right: 0;
    top: 0
}
.resource-featured {
    background: url('../images/bg-featured-shadow.png') no-repeat 50% 100%;
    padding: 0 0 15px 0;
    width: 306px
}
.resource-featured a {
    position: relative
}
.resource-featured img {
    border: 3px solid #ddd;
    position: relative;
    z-index: 1
}
.resource-featured a span {
    background: url('../images/bg-play.png') no-repeat 50% 0;
    display: block;
    width: 300px;
    height: 224px;
    position: absolute;
    z-index: 2
}
.resource-featured a:hover span {
    background-position: 50% -224px
}
.resource-featured-details {
    width: 440px
}
.resource-detail .resource-featured-details {
    padding-top: 5px
}
.resource-detail {
    background: #f3f3f3;
    border: 1px solid #fff;
    border-radius: 5px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
    margin: 20px 0 12px;
    padding: 15px 15px 5px 15px
}
.resource-detail div.abstract {
    float: left;
    width: 500px
}
.resource-detail div.abstract .type {
    display: block;
    margin: 0 0 5px 0
}
.resource-detail div.extras {
    float: right;
    width: 229px
}
.filters p {
    margin: 5px 0 !important
}
.action-links {
    border-top: 1px solid #ebebeb;
    bottom: 0;
    left: 2px;
    margin: 3px 0 0 0;
    font-size: 11px;
    padding: 4px 0 0 0;
    position: absolute;
    width: 100%
}
div.result-row .thumbnail {
    background: #fff;
    float: right;
    margin: -22px 0 0 15px;
    width: 120px !important
}
div.featured-mm .thumbnail img,
div.resource-results .alt .thumbnail img {
    border: 1px solid #ddd
}
.thumbnail a:hover img,
.thumbnail:hover img {
    border: 1px solid #aaa !important
}
p.taxonomies {
    border-top: 1px solid #eee;
    overflow: visible;
    font-size: 11px !important;
    line-height: 12px !important;
    padding: 5px 0 0 0 !important;
    margin: 5px 0 !important
}
.tooltiphtml p.taxonomies {
    border-color: #555
}
.alt p.taxonomies {
    border-top: 1px solid #ddd
}
p.taxonomies span {
    font-size: 10px !important
}
p.taxonomies a {
    color: #777;
    text-decoration: none
}
p.taxonomies a:hover {
    color: #333;
    text-decoration: underline
}
div.featured-resource p.taxonomies {
    border-top: 1px solid #ddd
}
.resource-grid {
    margin: 18px 0 0;
    width: 100%
}
.resource-grid-paging {
    border-bottom: 1px solid #ddd;
    color: #999;
    font-size: 11px;
    padding: 0 0 10px 0;
    position: relative
}
.resource-grid-paging.resource-grid-paging-secondary {
    border-top: 1px solid #ddd;
    border-bottom: 5px solid #1f1f1f;
    clear: both;
    padding-top: 10px
}
.resource-grid-video .resource-grid-paging.resource-grid-paging-secondary {
    border-bottom: none;
    margin-top: 0
}
.resource-grid-paging .paging {
    float: right
}
.resource-grid-paging .howmany {
    margin-top: 6px
}
@media only screen and (max-width: 660px) {
    .resource-grid-paging .alignleft,
    .resource-grid-paging .align-left,
    .resource-grid-paging .paging {
        float: none !important
    }
}
.resource-grid-breadcrumb {
    background: #006d66;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    margin: 0 0 10px;
    padding: 0;
    position: relative;
    text-transform: uppercase
}
.resource-grid-breadcrumb ul {
    list-style: none;
    margin: 0;
    padding: 0 0 0 7px
}
.resource-grid-breadcrumb li {
    color: #fff;
    height: 25px;
    font-size: 11px;
    float: left;
    line-height: 26px;
    padding: 0 8px 0 0;
    margin: 0
}
.resource-grid-breadcrumb li.first.unfiltered,
.resource-grid-breadcrumb li:first-child.unfiltered {
    background: #006d66;
    float: none
}
.resource-grid-breadcrumb li:after {
    color: #cee1ef;
    content: '/';
    display: inline-block;
    font-weight: normal;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    -khtml-opacity: .6;
    -moz-opacity: .6;
    opacity: .6
}
.resource-grid-breadcrumb li.last:after {
    display: none
}
.resource-grid-breadcrumb a {
    color: #cee1ef;
    font-size: 11px;
    line-height: 26px;
    padding-right: 5px;
    text-decoration: none
}
.resource-grid-breadcrumb a:after {
    font-family: 'mentor';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\e36c';
    font-size: 16px;
    margin-left: 2px;
    position: relative;
    top: -1px;
    vertical-align: middle
}
.resource-grid-breadcrumb a:hover {
    color: #fff
}
.resource-grid-video .resource-grid-breadcrumb {
    display: none
}
.resource-grid-row {
    padding-bottom: 18px
}
.resource-grid .row-fluid {
    margin-bottom: 18px
}
.resource-grid-video .resource-grid .row-fluid {
    margin-bottom: 12px
}
.resource-thumbnail-container {
    background: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    position: relative;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    z-index: 1
}
.resource-thumbnail-default,
.ie8 .resource-thumbnail-default.image-cover {
    background: #333 url('/img_mgc/white-100.png') no-repeat 50% 50% !important;
    box-shadow: inset 0 0 25px #000
}
.resource-grid-details {
    position: relative;
    -moz-transition: top .3s ease-in-out;
    -webkit-transition: top .3s ease-in-out;
    -o-transition: top .3s ease-in-out;
    transition: top .3s ease-in-out;
    text-decoration: none;
    z-index: 2
}
.resource-grid-resource {
    height: 240px;
    overflow: hidden;
    position: relative;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}
#resourcegrid .resource-grid-resource {
    height: 210px
}
.resource-grid-list .resource-grid-resource {
    height: auto !important
}
@media (max-width: 768px) {
    .resource-grid-resource {
        height: auto !important
    }
}
.resource-grid-resource>div {
    position: relative;
    overflow: hidden
}
.resource-grid-resource .resource-thumbnail-container {
    border: 1px solid #e3e3db;
    margin-bottom: 10px
}
.resource-grid-resource .resource-thumbnail-container .image-cover {
    margin: 0
}
.resource-grid-resource a {
    text-decoration: none !important
}
.resource-grid-resource h3 {
    color: #1f1f1f;
    font-size: 14px;
    margin: 0 0 3px;
    z-index: 1
}
.resource-grid-resource .type {
    color: #717171
}
.resource-grid-resource .time {
    bottom: 0;
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    display: none;
    font-size: 11px;
    line-height: 1;
    position: absolute;
    padding: 4px 6px;
    right: 0
}
.resource-grid-resource .no-rgba .time {
    background: #000
}
.resource-grid-resource .resource-grid-abstract {
    height: 0;
    max-height: 100px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    overflow: hidden;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}
.resource-grid-list .resource-grid-resource .resource-grid-abstract {
    height: auto !important;
    max-height: none !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1
}
.resource-grid-resource .resource-grid-abstract,
.resource-grid-resource .resource-grid-abstract p {
    color: #777;
    font-size: 11px;
    line-height: 1.25
}
.resource-grid-resource .image-cover {
    -moz-transition: background-position .3s ease-in-out;
    -webkit-transition: background-position .3s ease-in-out;
    -o-transition: background-position .3s ease-in-out;
    transition: background-position .3s ease-in-out
}
.on-demand-web-seminar .time,
.product-demo .time,
.technology-overview .time {
    display: block
}
.resource-grid-resource.seminar .type,
.resource-grid-resource.web-seminar .type,
.resource-grid-resource.workshop .type {
    display: none
}
@media (min-width: 996px) {
    .resource-grid-resource:hover .resource-grid-details {
        margin-top: -50px
    }
    .resource-grid-list .resource-grid-resource:hover .resource-grid-details {
        margin-top: 0
    }
    .resource-grid-resource:hover .resource-thumbnail-container {
        margin-top: -50px
    }
    .resource-grid-list .resource-grid-resource:hover .resource-thumbnail-container {
        margin-top: 0
    }
    .resource-grid-resource:hover .image-cover {
        background-position: 50% 100% !important
    }
    .resource-grid-list .resource-grid-resource:hover .image-cover {
        background-position: 50% !important
    }
    .resource-grid-resource:hover .resource-grid-abstract {
        height: auto;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        -khtml-opacity: 1;
        -moz-opacity: 1;
        opacity: 1
    }
}
.resource-grid-resource-now-playing-bar {
    display: none
}
.resource-grid-video .resource-grid-resource {
    position: relative
}
.resource-grid-video .resource-grid-resource .image-cover {
    border: 5px solid #fff;
    height: auto
}
.resource-grid-video .resource-grid-resource .type {
    display: none
}
.resource-grid-video .resource-grid-resource-now-playing .resource-grid-resource-now-playing-bar {
    background: #d54e21;
    color: #fff;
    display: block;
    font-size: 11px;
    font-weight: bold;
    line-height: 1;
    left: 0;
    padding: 5px 0;
    position: absolute;
    text-transform: uppercase;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 3
}
.resource-grid-list .row-fluid [class*="span"] {
    float: none !important;
    margin-left: 0 !important;
    min-height: 0;
    width: auto !important
}
.resource-grid-list .resource-grid-resource,
.resource-grid-list .resource-grid-video .resource-grid-resource {
    clear: both;
    overflow: hidden
}
.resource-grid-list .resource-grid-resource .resource-grid-details,
.resource-grid-list .resource-grid-video .resource-grid-resource .resource-grid-details {
    float: right;
    margin-bottom: 27px;
    width: 67%
}
.resource-grid-list .resource-grid-resource .resource-thumbnail-container,
.resource-grid-list .resource-grid-video .resource-grid-resource .resource-thumbnail-container {
    float: left;
    margin-bottom: 36px;
    width: 30%
}
.resource-grid-list .resource-grid-resource h3,
.resource-grid-list .resource-grid-video .resource-grid-resource h3 {
    font-size: 1.3em;
    font-weight: bold;
    padding: 0;
    text-align: left
}
.resource-grid-list .resource-grid-resource .resource-grid-abstract,
.resource-grid-list .resource-grid-video .resource-grid-resource .resource-grid-abstract,
.resource-grid-list .resource-grid-resource h3,
.resource-grid-list .resource-grid-video .resource-grid-resource h3 {
    display: none
}
.resource-grid-list .resource-grid-resource .resource-grid-abstract,
.resource-grid-list .resource-grid-video .resource-grid-resource .resource-grid-abstract,
.resource-grid-list .resource-grid-resource .resource-grid-abstract p,
.resource-grid-list .resource-grid-video .resource-grid-resource .resource-grid-abstract p {
    font-size: 13px
}
.resource-grid-list .resource-grid-resource h3.hide,
.resource-grid-list .resource-grid-video .resource-grid-resource h3.hide,
.resource-grid-list .resource-grid-resource .resource-grid-abstract.hide,
.resource-grid-list .resource-grid-video .resource-grid-resource .resource-grid-abstract.hide {
    display: block !important;
    text-align: left
}
.resource-grid-list .resource-grid-resource.resource-grid-resource-now-playing,
.resource-grid-list .resource-grid-video .resource-grid-resource.resource-grid-resource-now-playing,
.resource-grid-list .resource-grid-resource.resource-grid-resource-now-playing:hover,
.resource-grid-list .resource-grid-video .resource-grid-resource.resource-grid-resource-now-playing:hover {
    background: none
}
.resource-grid-list .resource-grid-resource.resource-grid-resource-now-playing .resource-grid-resource-now-playing-bar,
.resource-grid-list .resource-grid-video .resource-grid-resource.resource-grid-resource-now-playing .resource-grid-resource-now-playing-bar,
.resource-grid-list .resource-grid-resource.resource-grid-resource-now-playing:hover .resource-grid-resource-now-playing-bar,
.resource-grid-list .resource-grid-video .resource-grid-resource.resource-grid-resource-now-playing:hover .resource-grid-resource-now-playing-bar {
    width: 30%
}
@media only screen and (max-width: 660px) {
    .resource-grid-resource {
        margin-bottom: 18px
    }
    .resource-grid-resource:hover {
        z-index: 1
    }
    .resource-grid-resource:hover .resource-grid-resource-details {
        display: none
    }
}
.resource-grid-tags {
    color: #999;
    font-size: 10px;
    line-height: 1.2
}
.resource-grid-tags a {
    color: #999
}
.featured-resources {
    background: #f5f5f5;
    clear: both;
    margin-top: -25px;
    margin-bottom: 18px;
    padding: 38px 20px 18px
}
.featured-resources .resource-grid-row {
    margin: 0 !important;
    padding: 0
}
.main-pads .featured-resources {
    margin-top: 0;
    padding-top: 12px
}
.all-buttons {
    display: none
}
.gourl-help {
    cursor: pointer;
    display: inline-block;
    margin: 4px 0 0 3px
}
.gourl-help:hover {
    color: #d54e21
}
.more-resource-details {
    border-top: 5px solid #cee1ef;
    margin: 1px 0 0 0;
    padding: 20px 0 0 0
}
.more-resource-details .highlight {
    background: #f7fafc;
    border: 1px solid #ebf2f7
}
@media only screen and (max-width: 660px) {
    .resource-details .image-container.alignleft {
        max-width: 50%
    }
}
#filters {
    margin-top: 18px
}
.filter-block {
    background: #f2f7fb;
    border-top: 5px solid #1f1f1f;
    margin: 0 0 18px 0;
    padding: 11px 7px
}
.filter-block ul {
    border-top: 1px solid #ddd;
    list-style: none;
    margin: 0;
    padding: 0
}
.filter-block li {
    background: none;
    line-height: 1.2;
    margin: 0;
    padding: 0
}
.filter-block li a {
    color: #333;
    display: block;
    border-bottom: 1px solid #ddd;
    font-weight: bold;
    font-size: 11px;
    line-height: 13px;
    text-decoration: none;
    padding: 5px 0
}
.filter-block li a:hover {
    color: #000;
    text-decoration: none
}
.filter-block li a:hover strong {
    text-decoration: underline
}
.resource-grid-video .filter-block {
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 4px 8px -4px rgba(0, 0, 0, 0.2)
}
.filter-block ul.current-filters {
    padding-top: 5px
}
.filter-block ul.current-filters li,
.filter-block li.deletefilterlink {
    position: relative
}
.filter-block ul.current-filters li strong,
.filter-block li.deletefilterlink strong {
    color: #777;
    display: block;
    font-weight: normal;
    padding: 8px 0 5px 0;
    font-size: 11px;
    line-height: 1.1;
    text-transform: uppercase
}
.filter-block ul.current-filters li a,
.filter-block li.deletefilterlink a {
    border: none;
    font-size: 11px;
    padding: 5px 0 5px 18px
}
.filter-block ul.current-filters li a span,
.filter-block li.deletefilterlink a span {
    color: #000;
    font-size: 16px;
    font-weight: normal;
    position: absolute;
    left: 1px;
    top: 3px
}
.filter-block ul.current-filters li a strong,
.filter-block li.deletefilterlink a strong {
    color: #333;
    display: block;
    font-size: 11px;
    font-weight: bold;
    padding: 0 0 0 2px;
    text-align: left;
    text-transform: none
}
.filter-block ul.current-filters li a:hover,
.filter-block li.deletefilterlink a:hover {
    text-decoration: none
}
.filter-block ul.current-filters li a:hover strong,
.filter-block li.deletefilterlink a:hover strong {
    color: #666 !important
}
.filter-block ul.current-filters li a:hover strong,
.filter-block li.deletefilterlink a:hover strong {
    text-decoration: underline
}
.filter-block ul.current-filters li a:hover span,
.filter-block li.deletefilterlink a:hover span {
    color: #666
}
.filter-block ul.current-filters li a:active strong,
.filter-block li.deletefilterlink a:active strong {
    color: #999 !important
}
.filter-block ul.current-filters li a:active span,
.filter-block li.deletefilterlink a:active span {
    color: #999
}
.filter-block ul.current-filters li:first-child a,
.filter-block li.deletefilterlink:first-child a {
    background: none !important
}
.filter-block .expandable {
    margin-left: 0;
    margin-top: 5px;
    list-style: none;
    padding: 0
}
.filter-block .expandable ul {
    border: none;
    display: none
}
.filter-block .expandable>li {
    background: none;
    border: none;
    padding: 0
}
.filter-block .expandable>li>a {
    border: none !important;
    padding-left: 22px;
    position: relative;
    text-decoration: none
}
.filter-block .expandable>li>a:hover {
    text-decoration: underline
}
.filter-block .expandable>li>a:before {
    font-family: 'mentor';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #333;
    content: '\e09c';
    font-size: 16px;
    position: absolute;
    margin-left: -22px;
    margin-top: -2px
}
.filter-block .expandable>li.expanded>a {
    background-position: 0 -294px;
    color: #333;
    font-weight: bold
}
.filter-block .expandable>li.expanded>a:before {
    content: '\e09e';
    color: #666
}
.filter-block .expandable>li.expanded ul {
    margin-bottom: 7px;
    margin-left: 39px
}
.filter-block .expandable>li.expanded li {
    border: none;
    list-style: disc;
    margin: 0 0 2px;
    padding: 0
}
.filter-block .expandable>li.expanded li a {
    background: none;
    border: none;
    color: #006d66;
    font-weight: normal;
    padding: 0
}
.filter-block .expandable>li.expanded li a:hover {
    text-decoration: underline
}
.controls a {
    color: #999;
    font: bold 9px/9px Arial;
    margin: 4px 0 -2px 0;
    text-decoration: none;
    text-transform: uppercase
}
.controls a:hover {
    color: #333
}
.controls .more-tags {
    float: right
}
.controls .less-tags {
    float: left
}
#primary {
    margin-top: 10px
}
.hide-primary #primary {
    display: none
}
#primary>ul {
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 201
}
#primary>ul>li {
    float: left;
    margin: 0;
    padding: 0
}
#primary>ul>li>a {
    cursor: pointer;
    color: #d5f1b6;
    display: block;
    font-family: 'Helvetica Neue', Arial, sans-serif;
    font-size: 15px;
    font-weight: bold;
    line-height: 1;
    padding: 6px 12px 7px;
    text-decoration: none;
    text-shadow: 1px 1px 0 #000;
    -moz-transition: color .3s ease-in-out;
    -webkit-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out;
    width: auto !important;
    white-space: nowrap
}
.oldie #primary>ul>li>a {
    behavior: url('/mentor2/css/PIE.htc')
}
#primary>ul>li:hover>a {
    color: #fff;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4)
}
#primary>ul>li#support {
    padding: 0 0 0 9px
}
#primary>ul>li#support>a {
    background-color: #006d66;
    border-radius: 4px;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff !important;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    line-height: 1;
    margin: 0;
    outline: none;
    overflow: hidden;
    padding: 10px 17px;
    position: relative;
    text-decoration: none;
    text-shadow: none !important;
    -moz-transition: background-color .3s ease-in-out;
    -webkit-transition: background-color .3s ease-in-out;
    -o-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out;
    -webkit-appearance: none;
    z-index: 2;
    background-color: #d54e21;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5), inset 0 -2px 3px rgba(0, 0, 0, 0.2);
    font-size: 12px;
    padding: 8px 18px;
    border-radius: 22px;
    text-transform: uppercase
}
#primary>ul>li#support>a .size,
#primary>ul>li#support>a .type {
    color: #ccc
}
#primary>ul>li#support>a:active {
    background: #333;
    color: #fff !important
}
#primary>ul>li#support>a:hover {
    text-shadow: none
}
body.solutions #primary>ul>li#solutions>a,
body.products #primary>ul>li#products>a,
body.training_and_services #primary>ul>li#services>a,
body.training #primary>ul>li#services>a,
body.company #primary>ul>li#company>a,
body.support #primary>ul>li#support>a,
body.blogs #primary>ul>li#blogs>a {
    background: #fff;
    border-radius: 22px;
    box-shadow: inset 0 1px 0 #16253a;
    border-bottom: 0px solid #436596;
    color: #006d66 !important
}
#primary>ul>li>a:active {
    color: #aaa
}
#primary>ul>li.primary-hasdrop>a {
    padding-right: 24px
}
#primary>ul>li.primary-hasdrop>a:after {
    border: 4px solid transparent;
    border-top-color: #fff;
    content: ' ';
    position: absolute;
    margin: -2px 0 0 5px;
    top: 50%;
    text-shadow: 1px 1px 0 #000;
    width: 0
}
#primary>ul>li.primary-hasdrop:hover>a {
    background: #333 !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    margin-top: -10px;
    padding: 16px 24px 19px 12px !important
}
#primary>ul>li.primary-hasdrop>div {
    background: #333;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    left: -9999em;
    padding: 18px 0;
    position: absolute;
    top: 50px;
    width: 100%;
    -moz-transition: opacity .2s ease-in;
    -webkit-transition: opacity .2s ease-in;
    -o-transition: opacity .2s ease-in;
    transition: opacity .2s ease-in
}
#primary>ul>li.primary-hasdrop>div h2 {
    color: #fff;
    font-size: 21px;
    line-height: 1.2;
    margin: 0 0 9px;
    text-shadow: 0 0 1px #000
}
#primary>ul>li.primary-hasdrop>div a {
    color: #fff
}
#primary>ul>li.primary-hasdrop>div p {
    color: #bbb;
    font-size: 15px;
    line-height: 1.4;
    margin-bottom: 0;
    text-shadow: 0 0 1px #000
}
#primary>ul>li.primary-hasdrop>div p strong {
    white-space: nowrap
}
#primary>ul>li.primary-hasdrop>div .link-item {
    color: #444;
    display: block;
    margin-bottom: 5px;
    text-decoration: none
}
#primary>ul>li.primary-hasdrop>div .link-item-link {
    color: #006d66
}
#primary>ul>li.primary-hasdrop>div .link-item-link:hover {
    color: #444;
    text-decoration: underline
}
#primary>ul>li.primary-hasdrop>div .primary-items>li>a {
    font-size: 13px;
    font-weight: normal
}
.rgba #primary>ul>li.primary-hasdrop>div {
    opacity: 0
}
.ie7 #primary>ul>li.primary-hasdrop>div {
    display: none;
    left: 1px
}
#primary>ul>li.primary-hasdrop:hover>div {
    left: 0;
    opacity: 1
}
.ie7 #primary>ul>li.primary-hasdrop:hover>div {
    display: block
}
@media only screen and (max-width: 660px) {
    #primary {
        margin: 8px 0 0
    }
    #primary>ul {
        border-top: 1px solid rgba(255, 255, 255, 0.1)
    }
    #primary>ul>li {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        float: none;
        margin: 0;
        padding: 0
    }
    #primary>ul>li>a,
    #primary>ul>li>a:hover {
        background: #006d66 url('/img_mgc/bg-right@2x.png') no-repeat 98% 50%;
        background-size: 8px 12px;
        color: #fff;
        display: block;
        font-size: 16px;
        font-weight: normal;
        line-height: 1;
        padding: 12px 8px !important;
        text-decoration: none;
        text-shadow: none;
        -moz-transition: all .3s ease-in-out;
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        width: auto !important
    }
    body.solutions #primary>ul>li#solutions>a,
    body.products #primary>ul>li#products>a,
    body.training_and_services #primary>ul>li#services>a,
    body.company #primary>ul>li#company>a,
    body.blogs #primary>ul>li#blogs>a {
        background: #006d66 url('/img_mgc/bg-right@2x.png') no-repeat 98% 50% !important;
        background-size: 8px 12px !important;
        border-radius: 0;
        box-shadow: none;
        border: none;
        color: #fff
    }
    #primary>ul>li.primary-hasdrop>a {
        padding-right: 0
    }
    #primary>ul>li.primary-hasdrop>a:after {
        display: none
    }
    #primary>ul>li.primary-hasdrop:hover>a,
    #primary>ul>li.primary-hasdrop:active>a {
        background: #006d66 url('/img_mgc/bg-right@2x.png') no-repeat 98% 50% !important;
        background-size: 8px 12px !important;
        padding: 12px 8px !important;
        margin: 0
    }
    #primary>ul>li.primary-hasdrop>div {
        display: none !important
    }
    #primary>ul>li#support {
        border: none;
        position: absolute;
        right: 5px;
        top: 5px
    }
    #primary>ul>li#support>a {
        background-image: none;
        padding: 8px 14px !important
    }
}
@media only screen and (device-width: 768px) and (device-height: 1024px) {
    #primary>ul>li.primary-hasdrop>a {
        padding-right: 12px
    }
    #primary>ul>li.primary-hasdrop>a:after {
        display: none
    }
    #primary>ul>li.primary-hasdrop:hover>a {
        background: transparent !important;
        box-shadow: none !important;
        margin: 0;
        padding: 6px 12px 7px !important
    }
    #primary>ul>li.primary-hasdrop>div {
        display: none
    }
}
@media only screen and (min-width: 569px) and (max-width: 768px) {
    #primary {
        text-align: center
    }
    #primary>ul {
        display: table;
        margin: 0 auto
    }
}
#sidebar {
    background: #006d66;
    position: relative;
    z-index: 2;
}
.localnav {
    list-style: none;
    margin: 0 0 10px 0;
    padding: 5px 5px 0px 10px;
}
.training .localnav {
    margin-bottom: 0
}
.localnav ul {
    display: none
}
.show-children .localnav ul,
.training .localnav ul,
.solutions .localnav ul {
    display: block
}
.localnav .active>ul,
.localnav .active-parent>ul {
    display: block
}
.localnav li {
    margin: 0
}
.localnav a {
    display: block;
    -moz-transition: background-color .3s ease-in-out;
    -webkit-transition: background-color .3s ease-in-out;
    -o-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out
}
.localnav a:hover {
    text-decoration: none
}
.localnav>li>a,
.localnav>li>a, .localnav>li>span {
    color: #e2e2e4;
    font-size: 13px;
    font-weight: bold;
    line-height: 1.2;
    padding: 5px 6px;
}
.localnav>li>a:hover {
    background: #d9d9d9;
    color: #333
}
.localnav>li>span {
    color: #777;
    display: block
}
.localnav>li.active>a,
.localnav>li.active-parent>a,
.localnav>li.active.open>a,
.localnav>li.active>a:hover,
.localnav>li.active-parent>a:hover,
.localnav>li.active.open>a:hover,
.support .localnav li a.hi {
    background: none;
    border-left: 5px solid #fff;
    color: #fff;
    margin-left: -5px;
}
.localnav>li.active.open span {
    border-left: 5px solid #d54e21;
    color: #d54e21;
    margin-left: -5px
}
.localnav>li ul {
    margin: 0 0 9px;
    padding: 0
}
.localnav>li ul>li {
    list-style: none
}
.localnav>li ul>li>a {
    color: #d9d9d9;
    font-size: 13px;
    line-height: 1.2;
    padding: 5px 6px
}
.localnav>li ul>li>a:hover {
    background: #d9d9d9;
    color: #000
}
.localnav>li ul>li.active>a {
    background: #fff;
    color: #006d66 !important;
    font-weight: normal
}
.localnav>li ul>li.active-parent>a {
    color: #000;
    font-weight: bold
}
.localnav>li ul ul {
    border-left: 1px solid #333;
    margin: 0 0 12px;
    padding: 0
}
.localnav>li ul ul li {
    list-style: none
}
.localnav>li ul ul li a {
    color: #666;
    font-size: 11px;
    line-height: 1.2;
    padding: 5px 6px
}
.localnav>li ul ul li.active>a {
    background: #cee1ef;
    color: #000;
    font-weight: bold
}
.localnav-select {
    position: relative
}
.localnav-select .localnav {
    border: none;
    margin: 0 0 18px
}
.localnav-select .localnav>li {
    border: none;
    margin: 0;
    padding: 0
}
.localnav-select .localnav>li>a {
    background: #cee1ef;
    border: none;
    border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
    color: #000;
    display: inline-block;
    font-weight: normal;
    font-size: 15px;
    line-height: 1;
    overflow: hidden;
    padding: 9px 26px 9px 14px;
    position: relative;
    -moz-transition: none .3s ease-in-out;
    -webkit-transition: none .3s ease-in-out;
    -o-transition: none .3s ease-in-out;
    transition: none .3s ease-in-out;
    text-shadow: none;
    text-decoration: none !important
}
.localnav-select .localnav>li>a:hover {
    color: #333
}
.localnav-select .localnav>li>a:after {
    border: 5px solid transparent;
    border-top-color: #333;
    content: ' ';
    margin-left: 5px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}
.localnav-select .localnav>li.expanded>a {
    background: #333;
    color: #fff
}
.localnav-select .localnav>li.expanded>a:after {
    border-top-color: transparent;
    border-bottom-color: #fff;
    margin-top: -7px
}
.localnav-select .localnav ul {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    margin-top: -2px;
    padding: 5px;
    position: absolute;
    z-index: 100
}
.localnav-select .localnav ul li {
    border-top: 1px solid #eee
}
.localnav-select .localnav ul li:first-child {
    border: none
}
.localnav-select .localnav ul a {
    font-size: 13px;
    padding: 7px 6px
}
@media only screen and (max-width: 768px) {
    .localnav {
        margin: 0 0 27px 0
    }
}
.support .localnav {
    border-top: 1px solid #e3e3db;
    margin-bottom: 27px
}
.support .localnav ul {
    display: block;
    list-style: none;
    margin: 0 0 27px;
    padding: 0
}
@media (max-width: 768px) {
    .support .localnav ul {
        margin: 0 0 12px
    }
}
.support .localnav li {
    border-bottom: 1px solid #e3e3db
}
.support .localnav li>a,
.support .localnav li>span {
    color: #006d66;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.2;
    padding: 8px 6px;
    text-shadow: none
}
.support .localnav li>a:hover {
    color: #000;
    background: #cee1ef
}
.support .localnav>li.active>a,
.support .localnav>li.active-parent>a,
.support .localnav>li.active.open>a,
.support .localnav>li.active>a:hover,
.support .localnav>li.active-parent>a:hover,
.support .localnav>li.active.open>a:hover,
.support .localnav li a.hi {
    background: none;
    border-left: 5px solid #d54e21;
    color: #d54e21;
    margin-left: -5px
}
.localnav-more {
    border-top: 1px solid #d8d8cd;
    zoom: 1;
    margin: 0 0 25px;
    position: relative
}
.localnav-more:after {
    display: block;
    visibility: hidden;
    height: 0;
    font-size: 0;
    clear: both;
    content: " "
}
.localnav-more .localnav-toggle-list {
    background: #fff;
    border: 1px solid #d8d8cd;
    border-top: none;
    color: #333;
    display: inline-block;
    float: right;
    font-size: 11px;
    font-weight: bold;
    line-height: 1;
    margin: 0;
    padding: 6px 19px 6px 6px;
    position: relative;
    text-transform: uppercase
}
.localnav-more .localnav-toggle-list span:after {
    border: 5px solid transparent;
    border-bottom-color: #333;
    content: ' ';
    right: 5px;
    position: absolute;
    top: 3px;
    width: 0
}
.localnav-more .localnav-toggle-list:hover {
    background: #333;
    color: #eee;
    text-decoration: none
}
.localnav-more .localnav-toggle-list:hover span:after {
    border-bottom-color: #fff
}
.localnav-more .localnav-toggle-list:active {
    background: #cee1ef;
    color: #006d66
}
.localnav-more .localnav-more-list {
    background: #fff;
    display: none;
    box-shadow: 0 1px 18px rgba(0, 0, 0, 0.4);
    padding: 1.3em 1em 1em 1em;
    position: absolute;
    left: 150px;
    bottom: -70px;
    width: 245px;
    z-index: 201
}
.localnav-more .localnav-more-list>div {
    clear: both;
    padding: 0 15px 5px
}
.localnav-more .localnav-more-list>div.navblock-overflow {
    max-height: 200px;
    margin-bottom: 5px;
    padding-bottom: 5px;
    overflow: auto
}
.localnav-more .localnav-more-list-super {
    width: 490px
}
.localnav-more ul {
    list-style: none;
    margin: 0;
    padding: 0
}
.localnav-more ul li {
    list-style: none;
    font-size: 11px;
    line-height: 15px;
    margin: 0;
    padding: 2px 0
}
.localnav-more ul li a {
    color: #333;
    display: block
}
.localnav-more ul li a:hover {
    color: #000;
    text-decoration: underline
}
.localnav-more ul h4 {
    margin: 10px 0 3px
}
.localnav-more ul h4:first-child {
    margin-top: 0
}
h3.subnav {
    border: none;
    border-top: 5px solid #1f1f1f;
    border-bottom: 1px solid #dedede;
    font-size: 14px;
    padding: 9px 5px;
    margin: 0
}
ul.subnav {
    list-style: none;
    margin: 0 0 18px
}
ul.subnav li {
    border-bottom: 1px solid #ebebeb;
    margin: 0
}
ul.subnav li a {
    color: #646464;
    display: block;
    padding: 7px 5px;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}
ul.subnav li:hover a {
    background: #f2f7fb;
    color: #1f1f1f;
    text-decoration: none
}
ul.subnav li.active a {
    background: #e6f0f7;
    color: #1f1f1f;
    font-weight: bold
}
h3.subnav.subnav-simple {
    background: #f5f5f5;
    border: none;
    color: #333;
    font-size: 12px;
    line-height: 1;
    text-transform: uppercase;
    margin: 0;
    padding: 25px 20px 10px
}
ul.subnav.subnav-simple {
    background: #f5f5f5;
    list-style: none;
    margin: 0 0 18px;
    padding: 0 0 18px
}
ul.subnav.subnav-simple li {
    border: none;
    margin: 0
}
ul.subnav.subnav-simple li a {
    color: #2a7bc0;
    display: block;
    padding: 7px 20px;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}
ul.subnav.subnav-simple li:hover a {
    background: #ededed;
    color: #256ba7;
    text-decoration: none
}
ul.subnav.subnav-simple li.active a {
    background: #2a7bc0;
    color: #fff
}
.tab {
    border-bottom: 2px solid #e3e3db;
    margin: 0 0 18px 0;
    position: relative
}
.tab select {
    margin-top: -9px;
    position: absolute;
    right: 0;
    top: 50%
}
@media (max-width: 768px) {
    .tab {
        border: none
    }
    .tab select {
        border-radius: 0;
        border: 1px solid #ccc;
        color: #666;
        font-size: 16px;
        margin: 5px 0 0;
        position: static;
        width: 100%
    }
}
.mgc-tabber-control {
    border-bottom: 2px solid #e3e3db
}
.tab.tab-hero,
.callout-hero .mgc-tabber-control {
    bottom: 0;
    border: none;
    margin: 0;
    position: absolute
}
.mgc-tabber-control,
.tab ul {
    zoom: 1;
    margin: 0;
    padding: 0;
    list-style: none
}
.mgc-tabber-control:after,
.tab ul:after {
    display: block;
    visibility: hidden;
    height: 0;
    font-size: 0;
    clear: both;
    content: " "
}
.mgc-tabber-control ul,
.tab ul ul {
    display: none
}
.mgc-tabber-control li,
.tab ul li {
    background: transparent;
    border: 2px solid transparent;
    border-bottom: none;
    float: left;
    margin: 0 0 -2px;
    padding: 0
}
@media (max-width: 768px) {
    .mgc-tabber-control li,
    .tab ul li {
        border: none;
        margin: 0 2px 2px 0
    }
}
.mgc-tabber-control li>a,
.tab ul li>a,
.mgc-tabber-control li>span,
.tab ul li>span {
    background: none;
    color: #717171;
    display: block;
    float: left;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    margin: 0;
    padding: 15px 12px;
    text-decoration: none
}
@media (max-width: 768px) {
    .mgc-tabber-control li>a,
    .tab ul li>a,
    .mgc-tabber-control li>span,
    .tab ul li>span {
        background: #ebebeb;
        color: #1f1f1f;
        padding: 8px 10px
    }
}
.mgc-tabber-control li>span,
.tab ul li>span {
    color: #888
}
.mgc-tabber-control li.hi,
.tab ul li.hi,
.mgc-tabber-control li.tabberactive,
.tab ul li.tabberactive,
.mgc-tabber-control li.active,
.tab ul li.active {
    background: #fff;
    border: 2px solid #e3e3db;
    border-bottom: none
}
.mgc-tabber-control li.hi>a,
.tab ul li.hi>a,
.mgc-tabber-control li.tabberactive>a,
.tab ul li.tabberactive>a,
.mgc-tabber-control li.active>a,
.tab ul li.active>a,
.mgc-tabber-control li.hi>span,
.tab ul li.hi>span,
.mgc-tabber-control li.tabberactive>span,
.tab ul li.tabberactive>span,
.mgc-tabber-control li.active>span,
.tab ul li.active>span {
    color: #333
}
@media (max-width: 768px) {
    .mgc-tabber-control li.hi,
    .tab ul li.hi,
    .mgc-tabber-control li.tabberactive,
    .tab ul li.tabberactive,
    .mgc-tabber-control li.active,
    .tab ul li.active {
        border: none
    }
    .mgc-tabber-control li.hi>a,
    .tab ul li.hi>a,
    .mgc-tabber-control li.tabberactive>a,
    .tab ul li.tabberactive>a,
    .mgc-tabber-control li.active>a,
    .tab ul li.active>a,
    .mgc-tabber-control li.hi>span,
    .tab ul li.hi>span,
    .mgc-tabber-control li.tabberactive>span,
    .tab ul li.tabberactive>span,
    .mgc-tabber-control li.active>span,
    .tab ul li.active>span {
        background: #006d66;
        color: #fff
    }
}
.mgc-tabber-control li:hover>a,
.tab ul li:hover>a {
    color: #000;
    text-decoration: none
}
.tab.tab-top {
    background: #274979;
    border: none;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    border-bottom: 1px solid #1d365a;
    border-top: 1px solid #1d365a;
    margin: -20px 0 20px -20px;
    position: relative;
    padding: 0 20px;
    width: 100%;
    z-index: 2;
    zoom: 1;
    -moz-transition: background-color .3s ease-in-out;
    -webkit-transition: background-color .3s ease-in-out;
    -o-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out
}
.tab.tab-top:after {
    display: block;
    visibility: hidden;
    height: 0;
    font-size: 0;
    clear: both;
    content: " "
}
.tab.tab-top:hover {
    background: #23426d
}
.tab.tab-top h3 {
    background: #1b3456;
    border-radius: 18px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
    color: #cee1ef;
    display: block !important;
    float: right;
    font-size: 12px;
    font-weight: normal;
    height: 24px;
    line-height: 24px;
    margin: 9px 11px 0 0;
    padding: 0 12px;
    position: relative;
    font-size: 11px;
    line-height: 1.1;
    text-transform: uppercase
}
.tab.tab-top h3 span {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
    filter: alpha(opacity=65);
    -khtml-opacity: .65;
    -moz-opacity: .65;
    opacity: .65;
    height: 24px;
    line-height: 24px
}
.tab.tab-top h3:after {
    border: 12px solid transparent;
    border-left-color: #1b3456;
    content: ' ';
    height: 0;
    left: 100%;
    margin-left: -8px;
    position: absolute;
    top: 0;
    width: 0
}
.tab.tab-top>ul {
    float: right;
    position: relative
}
@media (max-width: 768px) {
    .tab.tab-top>ul {
        float: none
    }
}
.tab.tab-top>ul>li {
    border: none;
    border-right: 1px solid transparent;
    margin: 0;
    position: relative
}
.tab.tab-top>ul>li>a,
.tab.tab-top>ul>li>span {
    background: none;
    color: #fff;
    font-size: 11px;
    font-weight: normal;
    line-height: 1.2;
    padding: 14px 10px;
    text-shadow: 1px 1px 0 #000;
    text-transform: uppercase
}
@media (max-width: 768px) {
    .tab.tab-top>ul>li>a,
    .tab.tab-top>ul>li>span {
        font-size: 10px;
        padding: 10px 5px
    }
}
.tab.tab-top>ul>li>a:hover {
    background: #333;
    box-shadow: inset 0 -1px 8px rgba(0, 0, 0, 0.5);
    color: #bbb
}
.tab.tab-top>ul>li.active {
    background: #222;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #333), color-stop(1, #111));
    background: -ms-linear-gradient(bottom, #333, #111);
    background: -moz-linear-gradient(center bottom, #333 0, #111 100%);
    border-radius: 0;
    box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
    border-right: 1px solid #2f5994
}
.tab.tab-top>ul>li.active>a,
.tab.tab-top>ul>li.active>span {
    color: #fff
}
.tab.tab-top>ul>li.active:after {
    border: 10px solid transparent;
    border-top-color: #333;
    content: ' ';
    left: 50%;
    margin-left: -10px;
    position: absolute;
    top: 100%;
    width: 0;
    z-index: 2
}
.tab.tab-top.tab-top-left>ul {
    float: none
}
.tab.tab-buttons {
    background: #444;
    border: none;
    box-shadow: inset 0 -1px 4px rgba(0, 0, 0, 0.6), 0 1px 2px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    margin: 0 auto;
    padding: 0
}
.tab.tab-buttons>ul {
    position: relative
}
.tab.tab-buttons>ul>li {
    border: none;
    border-right: 1px solid #5f5f5f;
    margin: 0
}
.tab.tab-buttons>ul>li>a,
.tab.tab-buttons>ul>li>span {
    background: none;
    color: #aaa;
    font-size: 1.1em;
    font-weight: normal;
    line-height: 1;
    padding: 15px 10px
}
.tab.tab-buttons>ul>li>a:hover,
.tab.tab-buttons>ul>li>.toggle-expanded {
    background: #333;
    box-shadow: inset 0 -1px 3px rgba(0, 0, 0, 0.8);
    color: #bbb
}
.tab.tab-buttons>ul>li.tabberactive,
.tab.tab-buttons>ul>li.active {
    background: #222;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #333), color-stop(1, #111));
    background: -ms-linear-gradient(bottom, #333, #111);
    background: -moz-linear-gradient(center bottom, #333 0, #111 100%);
    border-radius: 0;
    box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2)
}
.tab.tab-buttons>ul>li.tabberactive>a,
.tab.tab-buttons>ul>li.active>a,
.tab.tab-buttons>ul>li.tabberactive>span,
.tab.tab-buttons>ul>li.active>span {
    color: #fff;
    font-weight: 500
}
.tab.tab-buttons>ul>li:first-child>a {
    border-radius: 4px 0 0 4px;
    border-left: none
}
.tab-buttons-fixed {
    padding: 0 0 18px 0;
    text-align: center;
    -moz-transition: top .3s ease-in-out;
    -webkit-transition: top .3s ease-in-out;
    -o-transition: top .3s ease-in-out;
    transition: top .3s ease-in-out;
    width: 100%
}
.tab-buttons-fixed.fixed {
    background: #333;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.35);
    padding: 0;
    position: fixed;
    top: 74px;
    left: 0;
    z-index: 200
}
.tab-buttons-fixed.fixed .meta {
    color: #aaa;
    margin-bottom: 2px
}
.tab-buttons-fixed.fixed .tab.tab-buttons {
    box-shadow: inset 0 -1px 4px rgba(0, 0, 0, 0.1);
    border-left: 1px solid #555;
    border-bottom: none
}
.tab-line .mgc-tabber-control {
    border-bottom: 1px solid #ebebeb
}
.tab-line .mgc-tabber-control li {
    margin-left: 18px
}
@media (max-width: 768px) {
    .tab-line .mgc-tabber-control li {
        margin-left: 8px
    }
}
.tab-line .mgc-tabber-control li:first-child {
    margin-left: 0
}
.tab-line .mgc-tabber-control li {
    border: none
}
.tab-line .mgc-tabber-control li>a {
    background: none;
    border: none;
    border-bottom: 4px solid transparent;
    color: #8b8b8b;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    padding: 5px 0;
    text-transform: uppercase
}
.tab-line .mgc-tabber-control li>a:hover {
    color: #333
}
.tab-line .mgc-tabber-control .active {
    border: none
}
.tab-line .mgc-tabber-control .active a,
.tab-line .mgc-tabber-control .active a:hover {
    background: none;
    border-bottom-color: #000;
    color: #000
}
.mgc-tabber-pane {
    display: none;
    padding: 18px 0 0
}
.mgc-tabber-pane.active {
    display: block
}
.mgc-tabber-pane.fade {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -moz-transition: opacity .1s ease-in-out;
    -webkit-transition: opacity .1s ease-in-out;
    -o-transition: opacity .1s ease-in-out;
    transition: opacity .1s ease-in-out
}
.mgc-tabber-pane.fade.in {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1
}
.tab-line .mgc-tabber-pane {
    padding-top: 18px
}
.oldie .mgc-tabber-pane {
    background: #fff
}
.mgc-tabber-vertical {
    display: table;
    margin: 0 0 18px 0;
    vertical-align: top;
    width: 100%
}
.mgc-tabber-vertical .mgc-tabber-control {
    border: none;
    border-top: 1px solid #ddd;
    display: table-cell;
    margin: 0;
    padding: 0;
    width: 22%
}
.mgc-tabber-vertical .mgc-tabber-control li {
    border: none;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    float: none;
    margin: 0 !important
}
.mgc-tabber-vertical .mgc-tabber-control li>a {
    background: #f5f5f5;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f0f0f0), color-stop(1, #fff));
    background: -ms-linear-gradient(bottom, #f0f0f0, #fff);
    background: -moz-linear-gradient(center bottom, #f0f0f0 0, #fff 100%);
    border: none;
    color: #777;
    float: none;
    line-height: 1.2;
    font-size: 14px;
    font-weight: normal;
    margin: 0 !important;
    padding: 10px 8px;
    text-shadow: 0 0 1px #fff
}
.mgc-tabber-vertical .mgc-tabber-control li>a:hover {
    background: #ebebeb;
    color: #1f1f1f
}
.mgc-tabber-vertical .mgc-tabber-control li.active {
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.125);
    position: relative
}
.mgc-tabber-vertical .mgc-tabber-control li.active>a {
    background: #fff;
    color: #000
}
.mgc-tabber-vertical .mgc-tabber-control li.active:after {
    background: #fff;
    content: "";
    left: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 2;
    width: 4px
}
.mgc-tabber-vertical .mgc-tabber-control li.active:before {
    background: #000;
    content: "";
    right: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 2;
    width: 4px
}
.mgc-tabber-vertical .mgc-tabber-content {
    border: 1px solid #ddd;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.125);
    display: table-cell;
    min-height: 100%;
    height: 100%;
    width: 78%;
    vertical-align: top
}
.mgc-tabber-vertical .mgc-tabber-pane {
    padding: 18px
}
@media only screen and (max-width: 660px) {
    .mgc-tabber-vertical {
        display: block;
        position: relative
    }
    .mgc-tabber-vertical .mgc-tabber-control,
    .mgc-tabber-vertical .mgc-tabber-content {
        display: block;
        width: auto
    }
    .mgc-tabber-vertical .mgc-tabber-control {
        display: none
    }
    .mgc-tabber-vertical .mgc-tabber-pane {
        padding: 0
    }
    .mgc-tabber-vertical .mgc-tabber-content {
        border: none;
        box-shadow: none;
        margin: 0
    }
    .mgc-tabber-vertical .mgc-tabber-pane {
        padding: 18px 0 0
    }
}
.tab-box .mgc-tabber-content {
    border: 1px solid #ddd;
    border-top: none;
    box-shadow: 0 2px 1px #ddd;
    padding-left: 18px;
    padding-right: 18px
}
.tab.tab-hero ul li,
.callout-hero .mgc-tabber-control li {
    border: none;
    margin: 0
}
.tab.tab-hero ul li>a,
.callout-hero .mgc-tabber-control li>a,
.tab.tab-hero ul li>span,
.callout-hero .mgc-tabber-control li>span {
    background: transparent;
    color: #fff;
    font-size: 15px;
    font-weight: normal;
    padding: 9px 11px
}
.tab.tab-hero ul li:hover>a,
.callout-hero .mgc-tabber-control li:hover>a,
.tab.tab-hero ul li:hover>span,
.callout-hero .mgc-tabber-control li:hover>span {
    background: #3b70b8;
    color: #cbdfef
}
.tab.tab-hero ul .active a,
.callout-hero .mgc-tabber-control .active a,
.tab.tab-hero ul .active:hover a,
.callout-hero .mgc-tabber-control .active:hover a {
    background: #fff;
    color: #000
}
.callout-hero+.mgc-tabber>.mgc-tabber-content>.mgc-tabber-pane,
.tab-collapse .mgc-tabber-pane {
    padding-top: 0
}
@media only screen and (max-width: 768px) {
    #mobile-nav-select,
    .responsive-select {
        background: #ccc url("data:image/png,%89PNG%0D%0A%1A%0A%00%00%00%0DIHDR%00%00%0C%80%00%00%00%40%08%02%00%00%00W%AEz%EF%00%00%00%19tEXtSoftware%00Adobe%20ImageReadyq%C9e%3C%00%00%04%E5IDATx%DA%EC%DD%3DN%E3Z%18%06%E0%B1oD%82%A8%E8(%A8%D2Q%D2%D0%40%83%C4%12%D8%01%3Db%09P%81%A0%40%A2%60%05%D9%05%BB%A0%04%09!B%3A%9A%10%07%F2g%E7%22%90f(%98%E09%23Y7%E7%3EOi%1F%1FK_%FD%EA%FD%92%E9t%FA%03%00%00%00%00%00%00%00%00%80%3F%97%1A%01%00%00%00%00%00%00%00%00%40%98%9A%06%2C%00%00%00%00%00%00%00%00%20%0E%D5%A7%A14%60%01%00%00%00%00%00%00%00%00%04%D2%80%05%00%00%00%00%00%00%00%00DB%03%16%00%00%00%00%00%00%00%00%C0%DC%D0%80%05%00%00%00%00%00%00%00%00D%A2(%8A%8A%FF(%80%05%00%00%00%00%00%00%00%00D%C2%0AB%00%00%00%00%00%00%00%00%80%B9%A1%01%0B%00%00%00%00%00%00%00%00%88%84%15%84%00%00%00%00%00%00%00%00%00%81%AC%20%04%00%00%00%00%00%00%00%00%98%1B%1A%B0%00%00%00%00%00%00%00%00%80HXA%08%00%00%00%00%00%00%00%00%10%A8%FA4%94%00%16%00%00%00%00%00%00%00%00%10%09%0DX%00%00%00%00%00%00%00%00%00%81%AAOC%A5%86%0E%00%00%00%00%00%00%00%00%10F%03%16%00%00%00%00%00%00%00%00%10%09%2B%08%01%00%00%00%00%00%00%00%00%02U%9F%86%12%C0%02%00%00%00%00%00%00%00%00%22!%80%05%00%00%00%00%00%00%00%00%10%C8%0AB%00%00%00%00%00%00%00%00%80%40%1A%B0%00%00%00%00%00%00%00%00%00%02i%C0%02%00%00%00%00%00%00%00%00%08%A4%01%0B%00%00%00%00%00%00%00%00%20%90%06%2C%00%00%00%00%00%00%00%00%80%40%02X%00%00%00%00%00%00%00%00%00%81%AC%20%04%00%00%00%00%00%00%00%00%08%24%80%05%00%00%00%00%00%00%00%00%10%C8%0AB%00%00%00%00%00%00%00%00%80%40%1A%B0%00%00%00%00%00%00%00%00%00%02i%C0%02%00%00%00%00%00%00%00%00%084%3B%0Du%7B%7B%7Bzz%3A%18%0C%CA_%D8h4%F6%F6%F6677%F3%3C%FF%F2%40%D2%E9t%CC%1D%00%00%00%00%00%00%00%00%88%40%96e3%DE%26I2%18%0C%8E%8F%8F%EF%EE%EE%CA%DC%B6%BC%BC%7Cxx%D8l6_%5E%5EF%A3%D1%97%E9%AE%D4%D0%01%00%00%00%00%00%00%00%80%FF%83%E9t%BA%B8%B8xvv%B6%B3%B3%F3%ED%E1%F5%F5%F5V%AB%B5%B6%B66%99L~W%7F%F5%26y%7C%7C4Y%00%00%00%00%00%00%00%00%20%02%BD%5E%EF%DB3i%9A%D6%EB%F5%AB%AB%ABV%AB%F5%BBu%84%BB%BB%BB%FB%FB%FB%FD~%3F%CB%B2%B73%B3%02X%EDv%DB%DC%01%00%00%00%00%00%00%00%80%08%94%09%60%FDx%DFE%B8%B0%B0%D0n%B7%2F..%3A%9D%CE%E7W%8DF%E3%E8%E8hcc%23%7B7%1C%0E%BF%DC%3C%F8%EB%AA%87%87%07s%07%00%00%00%00%00%00%00%00%22%F0%FC%FC%5C%F2d%9A%A6%B5Zm2%99%9C%9F%9F___%7F%3C%5C%5D%5D%3D99YYY%E9%F5z%FD~%7F%3C%1E%17E1%FB%9E%7F%0E%0E%0E%CC%1D%00%00%00%00%00%00%00%00%88%C0p8%2Cyr%3A%9D%E6y%9E%A6%E9%F6%F6%F6h4%BA%B9%B9%D9%DA%DA%BA%BC%BC%AC%D5j%DDn7%CB%B2%B7%87%B3%BB%AF%3E%24%F7%F7%F7%E6%0E%00%00%00%00%00%00%00%00D%A0%7C%03%D6Oi%9A%D6%EB%F5n%B7%DBl6%C7%E3q%96e%AF%AF%AF%DF%16_%FDT%2B%93%D2%02%00%00%00%00%00%00%00%00%F8%EF%2B%1F%9C%FA%FC%C9%9B%A5%A5%A5%A7%A7%A7%3C%CF%CB%AC%1D%FCL%00%0B%00%00%00%00%00%00%00%00%88DX%1A*%7F%97%24I%C0%E7%02X%00%00%00%00%00%00%00%00%40%24%FE%26%0D%15%F6%AD%00%16%00%00%00%00%00%00%00%00%10%89%80%15%84%7FI%00%0B%00%00%00%00%00%00%00%00%88D%F5i(%01%2C%00%00%00%00%00%00%00%00%20%12%1A%B0%00%00%00%00%00%00%00%00%00%02i%C0%02%00%00%00%00%00%00%00%00%08%24%80%05%00%00%00%00%00%00%00%00%10%C8%0AB%00%00%00%00%00%00%00%00%80%40%D5%A7%A1RC%07%00%00%00%00%00%00%00%00%08%A3%01%0B%00%00%00%00%00%00%00%00%88%84%15%84%00%00%00%00%00%00%00%00%00%81%AAOC%09%60%01%00%00%00%00%00%00%00%00%91%10%C0%02%00%00%00%00%00%00%00%00%08T%FD%0A%C2%D4%D0%01%00%00%00%00%00%00%00%00%C2h%C0%02%00%00%00%00%00%00%00%00%22a%05!%00%00%00%00%00%00%00%00%40%A0%EA%D3PV%10%02%00%00%00%00%00%00%00%00%04%D2%80%05%00%00%00%00%00%00%00%00D%A2(%8A%8A%FF(%80%05%00%00%00%00%00%00%00%00D%C2%0AB%00%00%00%00%00%00%00%00%80%B9%A1%01%0B%00%00%00%00%00%00%00%00%88%84%06%2C%00%00%00%00%00%00%00%00%80%B9%A1%01%0B%00%00%00%00%00%00%00%00%88DQ%14%15%FF%F1_%01%06%00md%E2%BF%C9%C3%19%DA%00%00%00%00IEND%AEB%60%82") no-repeat right center;
        border: 1px solid #ddd;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: 2px;
        font-size: 1.1em;
        font-weight: bold;
        margin-left: 2px;
        padding: 7px 20px 7px 9px;
        -webkit-background-size: 1600px 32px;
        -webkit-appearance: none;
        width: 100%
    }
    .tab-mobile-tabs #mobile-nav-select,
    .tab-mobile-tabs .responsive-select {
        display: none !important
    }
    .mobile-hide.tab-mobile-tabs {
        display: block !important
    }
    .mobile-hide.tab-mobile-tabs h3 {
        display: none !important
    }
}
.tab-centered {
    text-align: center;
    width: 100%
}
.tab-centered.tab-hero {
    position: absolute;
    bottom: 0
}
.tab-centered>ul {
    display: table;
    list-style-type: none;
    margin: 0 auto
}
.tab-centered>ul>li {
    display: table-cell
}
.tab-centered>ul>li>a,
.tab-centered>ul>li>span {
    border-radius: 4px 4px 0 0;
    font-size: 12px;
    display: block;
    font-weight: 500;
    line-height: 1;
    padding: 11px 10px;
    text-transform: uppercase
}
.tab-centered>ul>li.active>a,
.tab-centered>ul>li.active>span {
    background: #eee;
    color: #2e5790
}
.subtab {
    background: #eee;
    margin: 0 0 27px -20px;
    padding: 10px 20px;
    width: 100%
}
.subtab label {
    color: #717171
}
.subtab>ul {
    zoom: 1;
    list-style: none;
    margin: 10px 0;
    padding: 0
}
.subtab>ul:after {
    display: block;
    visibility: hidden;
    height: 0;
    font-size: 0;
    clear: both;
    content: " "
}
.subtab>ul>li {
    background: none;
    border-left: 1px solid #ccc;
    border-right: 1px solid #fff;
    float: left;
    margin: 0;
    padding: 0 5px
}
.subtab>ul>li:first-child {
    border-left: none;
    padding-left: 0
}
.subtab>ul>li:last-child {
    border-right: none;
    padding-right: 0
}
.subtab>ul>li>a {
    color: #717171;
    font-size: 13px;
    border-radius: 3px;
    padding: 10px 12px
}
.subtab>ul>li>a:hover {
    background: #f5f5f5;
    color: #717171;
    text-decoration: none
}
.subtab>ul>li.active>a {
    background: #fff;
    color: #333;
    font-weight: bold
}
#bread {
    background: #f2f7fb;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.12);
    font-size: 11px;
    text-align: center;
    z-index: 3
}
.theme-dark #bread {
    background: #000;
    border: none
}
#bread ul {
    list-style: none;
    margin: 0;
    padding: 0
}
@media (max-width: 768px) {
    #bread {
        display: none
    }
}
.bread-container {
    margin: 0 auto;
    width: 996px
}
.bread-additional {
    background: #deebf5;
    border-left: 1px solid #b8cbd7;
    border-right: 1px solid #b1c3ce;
    box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.12);
    height: 36px;
    font-size: 12px;
    font-weight: bold;
    line-height: 42px;
    padding: 0 10px;
    position: absolute;
    right: 0;
    top: 0
}
.bread-additional a {
    color: #333;
    display: inline-block;
    margin-left: 7px;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.65)
}
.bread-additional a [class^="icon-"],
.bread-additional a [class*=" icon-"] {
    color: #83888c;
    font-size: 16px;
    margin-top: 2px
}
.bread-additional a:hover {
    text-decoration: none !important
}
.bread-additional a:hover [class^="icon-"],
.bread-additional a:hover [class*=" icon-"] {
    color: #000
}
.bread-additional a:first-child {
    margin: 0
}
@media (max-width: 768px) {
    .bread-additional {
        display: none
    }
}
.breadcrumb-links {
    height: 36px;
    position: relative;
    overflow: hidden
}
.breadcrumb-links:before {
    border: 19px solid transparent;
    border-left-color: #f2f7fb;
    content: ' ';
    height: 0;
    left: 0;
    position: absolute;
    top: 0;
    width: 0;
    z-index: 3
}
.theme-dark .breadcrumb-links:before {
    border-left-color: #000
}

.breadcrumb-links ul {
    list-style: none;
}


.breadcrumb-links ul.big {
    list-style: none;
    font-size: 300%
}

.breadcrumb-links ul>li {
    color: #333;
    cursor: pointer;
    float: left;
    font-size: 11px;
    height: 36px;
    line-height: 38px;
    margin: 0;
    padding: 0 0 0 24px;
    position: relative;
    text-decoration: none;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
}
.breadcrumb-links ul>li a {
    color: #333;
    display: block;
    height: 36px;
    position: relative;
    z-index: 5
}
.no-rgba .breadcrumb-links ul>li {
    background: url('/img_mgc/bg-bread-separator-ie.png') no-repeat 100% 0;
    padding: 0 24px 0 2px
}
.theme-dark .breadcrumb-links ul>li a {
    color: #fff;
    text-shadow: none
}
.breadcrumb-links ul>li.first {
    font-size: 16px
}
.breadcrumb-links ul>li.first span {
    display: none
}
.breadcrumb-links ul>li.first a:before {
    content: "\e001";
    font-family: 'mentor';
    font-style: normal;
    position: relative;
    z-index: 4
}
.breadcrumb-links ul>li:after {
    border: 19px solid transparent;
    content: ' ';
    display: block;
    height: 0;
    left: 100%;
    position: absolute;
    top: 0;
    width: 0;
    z-index: 2;
}
.breadcrumb-links ul>li.first:hover {
    color: #fff;
    text-decoration: none !important
}
.theme-dark .breadcrumb-links ul>li.first a {
    color: #fff !important
}
.rgba .breadcrumb-links ul>li.first {
    background: #c4dbec;
    padding-left: 26px
}
.rgba .theme-dark .breadcrumb-links ul>li.first {
    background: #1a1a1a
}
.rgba .breadcrumb-links ul>li.breadcrumb1 {
    background: #c3daed
}
.rgba .breadcrumb-links ul>li.breadcrumb1:after {
    border-left-color: #c3daed
}
.rgba .theme-dark .breadcrumb-links ul>li.breadcrumb1 {
    background: #141414
}
.rgba .theme-dark .breadcrumb-links ul>li.breadcrumb1:after {
    border-left-color: #141414
}
.rgba .breadcrumb-links ul>li.breadcrumb2 {
    background: #cde0f0
}
.rgba .breadcrumb-links ul>li.breadcrumb2:after {
    border-left-color: #cde0f0
}
.rgba .theme-dark .breadcrumb-links ul>li.breadcrumb2 {
    background: #1c1c1c
}
.rgba .theme-dark .breadcrumb-links ul>li.breadcrumb2:after {
    border-left-color: #1c1c1c
}
.rgba .breadcrumb-links ul>li.breadcrumb3 {
    background: #d7e6f3
}
.rgba .breadcrumb-links ul>li.breadcrumb3:after {
    border-left-color: #d7e6f3
}
.rgba .theme-dark .breadcrumb-links ul>li.breadcrumb3 {
    background: #242424
}
.rgba .theme-dark .breadcrumb-links ul>li.breadcrumb3:after {
    border-left-color: #242424
}
.rgba .breadcrumb-links ul>li.breadcrumb4 {
    background: #e0ecf6
}
.rgba .breadcrumb-links ul>li.breadcrumb4:after {
    border-left-color: #e0ecf6
}
.rgba .theme-dark .breadcrumb-links ul>li.breadcrumb4 {
    background: #2b2b2b
}
.rgba .theme-dark .breadcrumb-links ul>li.breadcrumb4:after {
    border-left-color: #2b2b2b
}
.rgba .breadcrumb-links ul>li.breadcrumb5 {
    background: #eaf2f9
}
.rgba .breadcrumb-links ul>li.breadcrumb5:after {
    border-left-color: #eaf2f9
}
.rgba .theme-dark .breadcrumb-links ul>li.breadcrumb5 {
    background: #303030
}
.rgba .theme-dark .breadcrumb-links ul>li.breadcrumb5:after {
    border-left-color: #303030
}
.rgba .breadcrumb-links ul>li:hover {
    background: #333;
    text-decoration: none;
    text-shadow: none
}
.rgba .breadcrumb-links ul>li:hover a {
    color: #eee
}
.rgba .breadcrumb-links ul>li:hover a:hover {
    text-decoration: none
}
.rgba .breadcrumb-links ul>li:hover:after {
    border-left-color: #333
}
.rgba .theme-dark .breadcrumb-links ul>li:hover {
    background: #000
}
.rgba .theme-dark .breadcrumb-links ul>li:hover:after {
    border-left-color: #000
}
.breadcrumb-links ul>li.last,
.breadcrumb-links ul>li.last:hover {
    background: none !important;
    font-weight: bold;
}
.breadcrumb-links ul>li.last a,
.breadcrumb-links ul>li.last:hover a {
    color: #1f1f1f;
}
.breadcrumb-links ul>li.last span,
.breadcrumb-links ul>li.last:hover span {
    background: none !important
}
.breadcrumb-links ul>li.last:after,
.breadcrumb-links ul>li.last:hover:after {
    display: none
}
.theme-dark .breadcrumb-links ul>li.last a,
.theme-dark .breadcrumb-links ul>li.last:hover a {
    color: #666
}
.breadcrumb-links ul>li.last:hover a,
.breadcrumb-links ul>li.last:hover a:hover {
    text-decoration: underline
}
.language-switcher {
    display: none
}
.showing,
.howmany {
    color: #666;
    font-size: 11px;
    line-height: 24px;
    margin: 0
}
.paging {
    background: #f2f7fb;
    zoom: 1;
    margin: 9px 0 18px;
    padding: 0;
    position: relative
}
.paging:after {
    display: block;
    visibility: hidden;
    height: 0;
    font-size: 0;
    clear: both;
    content: " "
}
.paging a {
    color: #2e5790;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none
}
.paging a:hover {
    color: #000
}
.paging .previous {
    display: inline-block;
    float: left;
    margin: 0;
    padding: 5px 12px;
    width: 46%
}
.paging .next {
    display: inline-block;
    float: right;
    margin: 0;
    padding: 5px 12px;
    text-align: right;
    width: 46%
}
.paging .count {
    color: #888;
    font-size: 10px;
    font-style: normal;
    margin-left: -5%;
    position: absolute;
    text-align: center;
    top: 6px;
    left: 50%;
    width: 5%
}
.paging .previous a,
.paging .next a {
    color: #2e5790;
    font-size: 11px;
    font-weight: bold;
    line-height: 12px;
    height: auto;
    text-decoration: none;
    width: auto
}
.paging .previous {
    float: left
}
.paging .next {
    float: right;
    text-align: right
}
.paging .previous a {
    padding: 4px 0 4px 25px
}
.paging .next a {
    padding: 4px 25px 4px 0
}
.paging-next-previous {
    border-bottom: 1px solid #e3e3db;
    border-top: 1px solid #e3e3db;
    display: table;
    margin-bottom: 18px;
    position: relative;
    width: 100%
}
.paging-next-previous>a {
    color: #000;
    display: table-cell;
    font-style: italic;
    font-family: Georgia, serif;
    font-size: 14px;
    font-weight: normal;
    height: 100%;
    line-height: 1.2;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    width: 50%
}
.paging-next-previous>a:hover {
    background-color: #eee;
    color: #666;
    text-decoration: none
}
.paging-next-previous>a:active {
    background-color: #333;
    color: #fff
}
.paging-next-previous .previous {
    border-right: 1px solid #e3e3db;
    padding: 10px 10px 10px 23px
}
.paging-next-previous .previous:after {
    content: '\e3b3';
    display: block;
    font-size: 16px;
    font-family: 'mentor';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-top: -9px;
    left: 3px;
    position: absolute;
    top: 50%
}
.paging-next-previous .previous:hover:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
    filter: alpha(opacity=65);
    -khtml-opacity: .65;
    -moz-opacity: .65;
    opacity: .65
}
.paging-next-previous .next {
    padding: 10px 23px 10px 10px;
    text-align: right
}
.paging-next-previous .next:after {
    content: '\e3b1';
    display: block;
    font-size: 16px;
    font-family: 'mentor';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-top: -9px;
    position: absolute;
    right: 3px;
    top: 50%
}
.paging-next-previous .next:hover:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
    filter: alpha(opacity=65);
    -khtml-opacity: .65;
    -moz-opacity: .65;
    opacity: .65
}
.paging-next-previous .paging-count {
    color: #aaa;
    font-size: 11px;
    margin-left: -15px;
    left: 50%;
    padding: 5px 0 0;
    position: absolute;
    text-align: center;
    top: 100%;
    z-index: 2
}
.paging-next-previous.has-paging-count {
    margin-bottom: 27px
}
.resource-pagination-container {
    position: relative
}
.resource-pagination-container select,
.resource-pagination-container label,
select.sort,
.show-menu {
    font-size: 11px
}
.show-menu {
    padding-top: 6px
}
.show-menu form {
    display: inline
}
.resource-pagination {
    float: right;
    margin: 0;
    padding: 0
}
.resource-pagination ul {
    list-style: none
}
.resource-pagination ul li {
    float: left
}
.resource-pagination .pages {
    float: left
}
.resource-pagination p {
    line-height: 22px !important
}
.pagination {
    font-size: 11px
}
.pagination .results {
    font-size: 11px;
    float: left;
    line-height: 22px
}
.pagination .pages {
    float: right
}
.resource-pagination a,
.pagination .pages a,
.resource-pagination span,
.pagination .pages span {
    background: #f5f5f5;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f5f5f5), color-stop(1, #fff));
    background: -ms-linear-gradient(bottom, #f5f5f5, #fff);
    background: -moz-linear-gradient(center bottom, #f5f5f5 0, #fff 100%);
    color: #777 !important;
    float: left;
    margin-left: -1px;
    border: 1px solid #ddd;
    color: #006d66;
    font-size: 1em;
    font-weight: bold;
    padding: 4px 10px;
    position: relative;
    text-decoration: none
}
.resource-pagination a:first-child,
.pagination .pages a:first-child,
.resource-pagination span:first-child,
.pagination .pages span:first-child {
    border-radius: 3px 0 0 3px
}
.resource-pagination a:last-child,
.pagination .pages a:last-child,
.resource-pagination span:last-child,
.pagination .pages span:last-child {
    border-radius: 0 3px 3px 0
}
.resource-pagination a:hover,
.pagination .pages a:hover,
.resource-pagination span:hover,
.pagination .pages span:hover {
    box-shadow: inset 0 1px 2px #bbb;
    color: #1f1f1f !important
}
.resource-pagination a:active,
.pagination .pages a:active,
.resource-pagination span:active,
.pagination .pages span:active {
    background-color: #f1f1f1;
    color: #666 !important;
    cursor: default;
    text-decoration: none
}
.heading .resource-pagination a,
.heading .pagination .pages a,
.heading .resource-pagination span,
.heading .pagination .pages span {
    background-color: #f2f7fb;
    border-color: #999
}
.resource-pagination a.active,
.pagination .pages a.active,
.resource-pagination span.active,
.pagination .pages span.active,
.resource-pagination a.active:hover,
.pagination .pages a.active:hover,
.resource-pagination span.active:hover,
.pagination .pages span.active:hover,
.resource-pagination a.currentpage,
.pagination .pages a.currentpage,
.resource-pagination span.currentpage,
.pagination .pages span.currentpage,
.resource-pagination a.currentpage:hover,
.pagination .pages a.currentpage:hover,
.resource-pagination span.currentpage:hover,
.pagination .pages span.currentpage:hover {
    background: #f5f5f5;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(1, #ebebeb));
    background: -ms-linear-gradient(bottom, #fff, #ebebeb);
    background: -moz-linear-gradient(center bottom, #fff 0, #ebebeb 100%);
    color: #000 !important;
    font-weight: bold
}
@media (max-width: 768px) {
    .resource-pagination a,
    .pagination .pages a,
    .resource-pagination span,
    .pagination .pages span {
        display: none;
        padding: 10px 20px
    }
}
.resource-pagination-last,
.resource-pagination-next,
.resource-pagination-first,
.resource-pagination-previous {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    width: 25px
}
.resource-pagination-last b,
.resource-pagination-next b,
.resource-pagination-first b,
.resource-pagination-previous b {
    display: inline-block;
    text-indent: -9999em
}
.resource-pagination-last:after,
.resource-pagination-next:after,
.resource-pagination-first:after,
.resource-pagination-previous:after {
    color: #777;
    display: block;
    font-family: 'mentor';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    left: 50%;
    top: 50%;
    margin: -6px 0 0 -6px;
    position: absolute
}
@media (max-width: 768px) {
    .resource-pagination-last,
    .resource-pagination-next,
    .resource-pagination-first,
    .resource-pagination-previous {
        display: block !important
    }
}
.resource-pagination-last:after {
    content: '\e3af'
}
.resource-pagination-next:after {
    content: '\e3b1'
}
.resource-pagination-first:after {
    content: '\e3ae';
    margin-left: -4px
}
.resource-pagination-previous:after {
    content: '\e3b3'
}
@media only screen and (max-width: 660px) {
    .show-menu,
    .show-menu.alignleft,
    .resource-pagination {
        float: none !important;
        padding: 5px 0
    }
}
#rg-loadingtable,
#vlab-loadingtable,
#loadingtable {
    z-index: 99999
}
.rgba #rg-loadingtable {
    background: rgba(255, 255, 255, 0.9)
}
.clear {
    clear: both;
    height: 0 !important;
    margin: 0 0 0 0;
    overflow: hidden;
    padding: 0
}
.clear.height {
    margin: 12px 0
}
.noclear .clear {
    clear: none;
    display: none
}
.overflow-hidden {
    overflow: hidden
}
.none,
#error404page,
.hide-thumbs .resource-thumb,
.pads-resource-title,
.mboxDefault {
    display: none
}
.hide {
    display: none !important
}
.hide-these .hide-this {
    display: none !important
}
.show-this {
    height: 0;
    visibility: hidden !important
}
.show-these .show-this {
    height: auto;
    visibility: visible !important
}
.invisible {
    visibility: hidden !important
}
.show-clp,
.googletrack,
.microformat {
    display: none
}
.nobr,
.nowrap {
    white-space: nowrap
}
.border-box {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}
.border-box.callout {
    margin-left: 0
}
.shadow {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3)
}
img.shadow {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3)
}
a:hover img.shadow {
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6)
}
.shaded {
    background-color: #f5f5f5
}
div.hr,
hr {
    background: #e3e3db;
    border: none;
    clear: both;
    font-size: 1px;
    line-height: 1px;
    height: 1px;
    margin: 5px 0;
    overflow: hidden
}
#footer-section div.hr {
    background: #333;
    margin: 9px 0
}
div.hr+div.hr {
    display: none
}
div.hr.hr-tight {
    margin-bottom: 9px;
    margin-top: 9px
}
h1.hr,
h2.hr,
h3.hr,
h4.hr,
p.hr,
ul.hr {
    border-top: 1px solid #e3e3db;
    padding-top: 18px
}
.callout div.hr {
    background: #ddd
}
div.hr.medium {
    height: 3px
}
div.hr.section {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAEAQMAAACTPww9AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAGUExURf///7+/v6NDdjkAAAAQSURBVAjXY2hgEGBQYHAAAAR4APGA2fwfAAAAAElFTkSuQmCC");
    height: 5px
}
.display-block {
    display: block !important
}
button.display-block {
    width: 100%
}
.inline,
.display-inline {
    display: inline !important
}
.position-static {
    position: static !important
}
.position-relative {
    position: relative !important
}
.position-absolute {
    position: absolute;
    top: 0;
    z-index: 99
}
.position-absolute.position-absolute-right {
    right: 0
}
.position-absolute.position-absolute-left {
    left: 0
}
.position-absolute.position-absolute-flag {
    right: 0;
    top: 0
}
.center {
    text-align: center
}
.centered {
    margin-left: auto;
    margin-right: auto
}
.returner {
    margin: -32px 0 0
}
.alignright,
.align-right {
    float: right !important
}
@media only screen and (max-width: 660px) {
    .alignright-mobile {
        float: none !important
    }
}
.alignleft,
.align-left {
    float: left !important
}
.text-alignleft {
    text-align: left !important
}
.text-alignright {
    text-align: right !important
}
@media only screen and (max-width: 660px) {
    .text-alignright-mobile {
        text-align: left !important
    }
}
.tidy,
.resource-abstract {
    margin-bottom: 5px;
    text-align: center;
}
.tidy-top {
    margin-top: 5px
}
.collapse-padding {
    padding: 0
}
.collapse {
    margin-bottom: 0 !important;
    margin-top: 0 !important
}
.collapse-top {
    margin-top: 0 !important
}
.collapse-bottom {
    margin-bottom: 0 !important
}
.margin-right {
    margin-right: 12.006px !important
}
.margin-right-small {
    margin-right: 5px !important
}
.margin-right-big {
    margin-right: 27px !important
}
.margin-left {
    margin-left: 12.006px !important
}
.margin-left-small {
    margin-left: 5px !important
}
.margin-left-big {
    margin-left: 27px !important
}
.margin-top {
    margin-top: 12.006px !important
}
.margin-top-small {
    margin-top: 5px !important
}
.margin-top-big {
    margin-top: 27px !important
}
.margin-top.negative {
    margin-top: - 12px !important
}
.margin-bottom {
    margin-bottom: 12.006px !important
}
.margin-bottom-baseline {
    margin-bottom: 18px !important
}
.margin-bottom-small {
    margin-bottom: 5px !important
}
.margin-bottom-big {
    margin-bottom: 27px !important
}
.margin-bottom.negative {
    margin-bottom: -12.006px !important
}
.negative-margin-bottom,
.margin-bottom-negative {
    margin-bottom: -9px !important
}
.negative-margin-bottom-big,
.margin-bottom-negative-big {
    margin-bottom: -18px !important
}
.negative-margin-top,
.margin-top-negative,
.negative-margin-top-big,
.margin-top-negative-big {
    margin-top: -20px !important
}
.resource-finder-container {
    padding: 0 0 9px;
    position: relative
}
.resource-finder {
    position: relative
}
.resource-finder input[type=text] {
    box-shadow: inset 1px 1px 2px #ddd;
    border: 1px solid #ccc;
    color: #333;
    font-size: 13px;
    padding: 7px 3px;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    width: 185px
}
.resource-finder input[type=text]:focus {
    background-position: 200% 0;
    border-color: #1f1f1f;
    box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.2);
    padding-right: 5px;
    outline: none;
    width: 230px
}
.header-utility .resource-finder input[type=text] {
    height: 32px;
    line-height: 32px;
    padding-bottom: 0;
    padding-top: 0
}
.resource-finder.resource-finder-search input[type=text] {
    background: #fff url('/img_mgc/bg-search@2x.png') no-repeat 3px 50%;
    background-size: 16px 16px;
    font-size: 1.1em;
    padding: 6px 3px 6px 23px
}
.ie9 .resource-finder.resource-finder-search input[type=text],
.oldie .resource-finder.resource-finder-search input[type=text] {
    background: url('/img_mgc/bg-search.png') no-repeat 3px 50%
}
.resource-finder.resource-finder-search input[type=text]:focus {
    width: 215px
}
#resource-finder.fixed {
    position: fixed;
    top: 25px;
    width: 996px;
    z-index: 400
}
#resource-finder.fixed #resource-search {
    float: right
}
.typeahead {
    background: #1f1f1f;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: left
}
.typeahead li {
    cursor: pointer;
    margin: 0;
    padding: 8px;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}
.typeahead li a {
    color: #bbb;
    font-size: 12px
}
.typeahead li a strong {
    color: #fff
}
.typeahead li .type {
    color: #999;
    margin-top: 3px
}
.typeahead li:hover,
.typeahead li.active {
    background: #333
}
.typeahead li:hover a,
.typeahead li.active a {
    color: #cee1ef;
    text-decoration: none
}
.typeahead#resource-search-results {
    width: 230px
}
.typeahead.dropdown-menu {
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.4);
    width: 328px
}
.typeahead.dropdown-menu li {
    cursor: pointer;
    padding: 5px 10px
}
.typeahead.dropdown-menu li a {
    font-size: 13px
}
.typeahead.dropdown-menu li:first-child {
    background: #000;
    line-height: 1;
    text-align: center;
    padding: 7px 10px
}
.typeahead.dropdown-menu li:first-child a {
    background-color: #006d66;
    border-radius: 4px;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff !important;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    line-height: 1;
    margin: 0;
    outline: none;
    overflow: hidden;
    padding: 10px 17px;
    position: relative;
    text-decoration: none;
    text-shadow: none !important;
    -moz-transition: background-color .3s ease-in-out;
    -webkit-transition: background-color .3s ease-in-out;
    -o-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out;
    -webkit-appearance: none;
    z-index: 2
}
.typeahead.dropdown-menu li:first-child a .size,
.typeahead.dropdown-menu li:first-child a .type {
    color: #cee1ef
}
.typeahead.dropdown-menu li:first-child a b {
    color: #cee1ef;
    font-size: 12px;
    font-weight: normal
}
.typeahead.dropdown-menu li:first-child a:active {
    background-color: #000
}
.typeahead.dropdown-menu .type {
    margin-top: 3px
}
.support .typeahead.dropdown-menu {
    width: 220px
}
.support .typeahead.dropdown-menu li a {
    font-size: 13px
}
.support .typeahead.dropdown-menu li:first-child {
    background: transparent;
    line-height: 1;
    text-align: left;
    padding: 5px 10px
}
.support .typeahead.dropdown-menu li:first-child a {
    background: none;
    color: #bbb !important;
    display: inline;
    font-size: 13px;
    font-weight: normal;
    padding: 0
}
.support .typeahead.dropdown-menu li:first-child a strong {
    font-weight: bold
}
.support .typeahead.dropdown-menu li:first-child:hover,
.support .typeahead.dropdown-menu li:first-child.active {
    background: #555
}
.support .typeahead.dropdown-menu li:first-child:hover a,
.support .typeahead.dropdown-menu li:first-child.active a {
    color: #cee1ef !important;
    text-decoration: none
}
@media only screen and (max-width: 660px) {
    .typeahead {
        background: #000
    }
    .typeahead.dropdown-menu {
        margin-left: -6px;
        width: 100%
    }
}
@media only screen and (max-width: 768px) {
    .support .typeahead.dropdown-menu {
        margin-left: 0;
        width: 90%
    }
}
.mgclightbox {
    position: relative
}
.mgclightbox .zoom {
    background: url('/img_mgc/bg-zoom.png') no-repeat 0 0;
    border-radius: 0;
    display: block !important;
    bottom: auto !important;
    height: 60px;
    left: 50%;
    margin: -30px 0 0 -30px;
    position: absolute;
    text-indent: -9999em;
    top: 50% !important;
    z-index: 99;
    width: 60px
}
.mgclightbox:hover .zoom {
    background-position: 0 -60px
}
.mgclightbox.shadow {
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.35)
}
.mgclightbox img {
    display: block
}
.promo .mgclightbox {
    display: block
}
.mgclightbox-zoom:after {
    background: url('/img_mgc/bg-zoom.png') no-repeat 0 0;
    border-radius: 0;
    content: '';
    display: block !important;
    bottom: auto !important;
    height: 60px;
    left: 50%;
    margin: -30px 0 0 -30px;
    position: absolute;
    text-indent: -9999em;
    top: 50% !important;
    z-index: 99;
    width: 60px
}
.mgclightbox-zoom:hover:after {
    background-position: 0 -60px
}
a.mgclightbox.link span.zoom {
    display: none
}
.modal-action {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 0 29px rgba(0, 0, 0, 0.65);
    clear: both;
    padding: 25px 10px 10px 10px
}
.ie8 .modal-action {
    max-width: 820px !important
}
.no-rgba .modal-action {
    border: 6px solid #ebebeb
}
.lightboxtitle {
    background: rgba(0, 0, 0, 0.7);
    bottom: 10px;
    color: #fff;
    font-size: 12px;
    left: 10px;
    line-height: 14px;
    margin: 0;
    padding: 10px;
    position: absolute;
    text-align: left
}
.no-rgba .lightboxtitle {
    background: #000
}
.lightboxtitle p {
    margin: 5px 0 0 0 !important
}
.closer {
    background: none;
    border: none;
    outline: none;
    cursor: pointer;
    display: block;
    height: 28px;
    line-height: 1;
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    width: 28px;
    z-index: 8040
}
.closer:after {
    color: #000;
    content: "?—";
    font-size: 20px
}
.closer:hover {
    text-decoration: none !important
}
.closer:hover:after {
    color: #999
}
#overlay,
.overlay {
    background: #fff;
    display: none;
    height: 100%;
    left: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=88)";
    filter: alpha(opacity=88);
    -khtml-opacity: .88;
    -moz-opacity: .88;
    opacity: .88;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 99
}
.modal-action {
    display: none;
    margin: 0 auto;
    position: absolute;
    text-align: left;
    z-index: 999;
    width: 600px
}
.overlay-fixed-bottom {
    bottom: -35%;
    left: 0;
    position: fixed;
    -webkit-animation-name: slideUp;
    -moz-animation-name: slideUp;
    -o-animation-name: slideUp;
    animation-name: slideUp;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 0.3s;
    -moz-animation-duration: 0.3s;
    -o-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -o-animation-delay: 1s;
    animation-delay: 1s;
    text-align: center;
    width: 100%;
    z-index: 100000
}
.overlay-fixed-bottom .container {
    background: rgba(0, 0, 0, 0.88);
    box-shadow: 0 -1px 15px rgba(0, 0, 0, 0.3);
    border-radius: 6px 6px 0 0;
    min-height: 200px;
    position: relative;
    max-width: 880px
}
.no-rgba .overlay-fixed-bottom .container {
    background: url('/img_mgc/transparent-black-9.png') repeat 0 0
}
.overlay-fixed-bottom .overlay-fixed-bottom-hdr {
    background: #000;
    border-radius: 6px 6px 0 0;
    padding: 15px 25px;
    text-align: left
}
.overlay-fixed-bottom .overlay-fixed-bottom-hdr .overlay-close-btn {
    color: #999;
    font-size: 14px;
    position: absolute;
    right: 12px;
    text-decoration: none;
    top: 8px
}
.overlay-fixed-bottom .overlay-fixed-bottom-hdr .overlay-close-btn:hover {
    color: #fff;
    text-decoration: none
}
.overlay-fixed-bottom h1,
.overlay-fixed-bottom h2,
.overlay-fixed-bottom h3,
.overlay-fixed-bottom h4,
.overlay-fixed-bottom h5 {
    color: #cee1ef;
    font-weight: normal
}
.overlay-fixed-bottom .overlay-fixed-bottom-contents {
    padding: 15px 25px;
    text-align: left
}
.overlay-fixed-bottom .overlay-fixed-bottom-contents .hr {
    background: #333;
    margin: 10px 0
}
.overlay-fixed-bottom .overlay-fixed-bottom-contents ul,
.overlay-fixed-bottom .overlay-fixed-bottom-contents p,
.overlay-fixed-bottom .overlay-fixed-bottom-contents li {
    color: #bbb;
    font-size: 1.4em;
    margin: 0
}
.overlay-fixed-bottom .overlay-fixed-bottom-contents ul a,
.overlay-fixed-bottom .overlay-fixed-bottom-contents p a,
.overlay-fixed-bottom .overlay-fixed-bottom-contents li a {
    color: #fff;
    font-weight: bold
}
.overlay-context {
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    color: #555;
    font-size: 11px;
    line-height: 130%;
    padding: 20px 10px 10px 10px;
    position: absolute;
    width: 180px;
    z-index: 1001
}
.overlay-context.overlay-context-bottom {
    left: 50%;
    top: 100%;
    margin-left: -90px
}
.overlay-context.overlay-context-bottom:after {
    border: 8px solid transparent;
    border-bottom-color: #fff;
    content: ' ';
    left: 50%;
    margin-left: -8px;
    position: absolute;
    bottom: 100%;
    width: 0
}
.overlay-context.overlay-context-right {
    left: 100%;
    top: 0
}
.overlay-context.overlay-context-right:after {
    border: 8px solid transparent;
    border-right-color: #fff;
    content: ' ';
    right: 100%;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    width: 0
}
.overlay-context .overlay-context-closer {
    position: absolute;
    right: -4px;
    top: -4px
}
.overlay-console-action {
    border-top: 1px solid #ccc;
    background: #ccc;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #b1b1b1), color-stop(1, #dfdfdf));
    background: -ms-linear-gradient(bottom, #b1b1b1, #dfdfdf);
    background: -moz-linear-gradient(center bottom, #b1b1b1 0, #dfdfdf 100%);
    padding: 15px
}
.platform-list.split {
    width: 600px
}
.platform-list table.items {
    float: left;
    margin: 12px 15px;
    width: 383px
}
.codebench-platforms .platform-list h4 {
    border-bottom: 1px solid #eee;
    color: #555;
    font-size: 12px;
    margin: 0 0 5px;
    padding: 0 0 7px 3px
}
.codebench-platforms .platform-list ul {
    margin-bottom: 0
}
.codebench-platforms .platform-list a {
    display: block;
    font-size: 12px;
    font-weight: bold;
    padding: 3px
}
.copy .codebench-platforms .platform-list a:hover {
    background: #cee1ef;
    color: #222;
    text-decoration: none
}
.runtime-libraries div.highlight {
    margin: 5px 0 0
}
.overlay-content {
    background: #f5f5f5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px;
    width: 980px
}
.overlay-content .overlay-content-sidebar {
    float: left;
    position: fixed;
    max-width: 215px;
    width: 18%
}
.overlay-content .overlay-content-main {
    float: right;
    min-height: 1000px;
    width: 74%
}
@media (max-width: 768px) {
    .overlay-content {
        width: auto
    }
    .overlay-content .overlay-content-sidebar {
        display: none
    }
    .overlay-content .overlay-content-main {
        float: none;
        width: auto
    }
}
#tooltip,
.tooltip-container {
    background: #222;
    color: #fff;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=96)";
    filter: alpha(opacity=96);
    -khtml-opacity: .96;
    -moz-opacity: .96;
    opacity: .96;
    width: auto;
    max-width: 375px;
    padding: 10px;
    text-align: left;
    position: absolute;
    border-radius: 3px;
    z-index: 1000
}
#tooltip h3,
.tooltip-container h3 {
    color: #cee1ef;
    font-size: 11px;
    line-height: 1.3em;
    margin: 0
}
#tooltip.pretty {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3)
}
#tooltip.pretty h3,
#tooltip.pretty h4 {
    color: #000;
    font-size: 13px
}
#tooltip.pretty p {
    color: #333;
    font-size: 12px;
    line-height: 1.35;
    margin: 5px 0
}
#tooltip.pretty td {
    color: #444;
    font-size: 11px
}
#tooltip.pretty table {
    font-weight: normal;
    margin: 5px 0
}
#tooltip.pretty table,
#tooltip.pretty td {
    border-color: #ddd !important
}
.tooltipcontent {
    display: none
}
#tooltip .tooltipcontent,
.tooltip-container .tooltipcontent {
    display: block
}
@media only screen and (max-width: 660px) {
    #tooltip,
    .tooltip-container {
        display: none
    }
}
#cluetip {
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.3);
    font-size: 12px;
    line-height: 1.3;
    padding: 10px;
    text-align: left;
    z-index: 1001 !important
}
#cluetip h3,
#cluetip h4 {
    color: #000;
    font-size: 13px
}
#cluetip p,
#cluetip td,
#cluetip li {
    color: #333 !important;
    font-size: 12px;
    line-height: 1.3
}
#cluetip-close a {
    background: url('/img_mgc/close.png') no-repeat 0 0 !important;
    cursor: pointer;
    display: block;
    height: 11px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    -khtml-opacity: .4;
    -moz-opacity: .4;
    opacity: .4;
    padding: 0;
    position: absolute;
    right: 0;
    text-indent: -9999em;
    top: 0;
    width: 11px
}
#cluetip-close a:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1
}
#cluetip .cluetip-overflow {
    max-height: 250px;
    overflow: auto
}
.tooltiphtml {
    cursor: pointer
}
.pill {
    border: 1px solid #dedede;
    background: #fff;
    border-radius: 22px;
    color: #4d4d4d !important;
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    line-height: 1;
    padding: 7px 12px;
    text-transform: uppercase
}
.pill:hover {
    background: #f5f5f5;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f5f5f5), color-stop(1, #fff));
    background: -ms-linear-gradient(bottom, #f5f5f5, #fff);
    background: -moz-linear-gradient(center bottom, #f5f5f5 0, #fff 100%);
    color: #1f1f1f !important;
    border: 1px solid #d2d2d2;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    text-decoration: none;
    text-shadow: 1px 1px 0 #fff
}
.pill:before {
    font-family: 'mentor';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    margin-right: 3px
}
.pill.toggle-collapsed {
    display: inline-block
}
.pill.toggle-collapsed:before {
    content: '\e35e'
}
.pill.toggle-expanded {
    background: #f5f5f5;
    display: inline-block
}
.pill.toggle-expanded:before {
    content: '\e360'
}
.button,
.button-alt,
.button-big,
.fancybutton,
.button-big-alt,
.submit-button {
    background-color: #006d66;
    border-radius: 4px;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff !important;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    line-height: 1;
    margin: 0;
    outline: none;
    overflow: hidden;
    padding: 10px 17px;
    position: relative;
    text-decoration: none;
    text-shadow: none !important;
    -moz-transition: background-color .3s ease-in-out;
    -webkit-transition: background-color .3s ease-in-out;
    -o-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out;
    -webkit-appearance: none;
    z-index: 2
}
@media (max-width: 768px) {
    .button.display-block {
        margin-bottom: 5px
    }
}
.button-default,
.button-action {
    border: 1px solid #d2d2d2;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
    color: #7c7c7c !important;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    line-height: 1;
    font-weight: bold;
    margin: 0;
    outline: none;
    padding: 10px 17px;
    position: relative;
    text-decoration: none;
    text-shadow: 1px 1px 0 #fff;
    -webkit-appearance: none;
    z-index: 2;
    background: #f1f1f1;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #efefef), color-stop(1, #fff));
    background: -ms-linear-gradient(bottom, #efefef, #fff);
    background: -moz-linear-gradient(center bottom, #efefef 0, #fff 100%)
}
.button-default:hover,
.button-action:hover {
    border-color: #d2d2c5;
    color: #000 !important;
    background: #efefef !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eaeaea), color-stop(1, #fcfcfc)) !important;
    background: -ms-linear-gradient(bottom, #eaeaea, #fcfcfc) !important;
    background: -moz-linear-gradient(center bottom, #eaeaea 0, #fcfcfc 100%) !important;
    text-decoration: none
}
.button-default:active,
.button-action:active {
    box-shadow: none;
    color: #777 !important;
    background: #eee !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #e1e1e1), color-stop(1, #f1f1f1)) !important;
    background: -ms-linear-gradient(bottom, #e1e1e1, #f1f1f1) !important;
    background: -moz-linear-gradient(center bottom, #e1e1e1 0, #f1f1f1 100%) !important
}
.button-action {
    font-size: 12px;
    font-weight: bold;
    padding: 8px 14px
}
.button-action-tight {
    font-size: 11px;
    line-height: 1;
    padding: 6px 11px
}
.button-action-big {
    font-size: 16px;
    font-weight: bold;
    padding: 10px 17px
}
.button .size,
.button-big .size,
.button .type,
.button-big .type {
    color: #cee1ef
}
.button b,
.button-big b {
    color: #cee1ef;
    font-size: 12px;
    font-weight: normal
}
.button:active,
.button-big:active {
    background-color: #000
}
.fancybutton,
.button-alt,
.button-big-alt {
    background-color: #d54e21
}
.fancybutton .size,
.button-alt .size,
.button-big-alt .size,
.fancybutton .type,
.button-alt .type,
.button-big-alt .type {
    color: #ccc
}
.fancybutton:active,
.button-alt:active,
.button-big-alt:active {
    background: #333;
    color: #fff !important
}
.button-big,
.button-big-alt,
.submit-button {
    font-size: 16px;
    font-weight: normal;
    padding: 14px 20px;
    position: relative
}
.submit-button {
    margin-right: 15px
}
.button-sm {
    font-size: 11px;
    line-height: 1;
    padding: 6px 11px
}
.button-hollow {
    background: transparent;
    border-radius: 0;
    padding: 10px 17px !important;
    border: 2px solid #fff
}
.button-ghost {
    border: 2px solid #333;
    color: #333 !important;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    padding: 4px 14px;
    text-decoration: none !important;
    text-transform: uppercase
}
.button-ghost:hover {
    background: #333;
    color: #fff !important
}
.button-hollow-filled {
    background: rgba(255, 255, 255, 0.2)
}
.button-pill {
    border-radius: 2em
}
.button-danger {
    background: #c00
}
.button-bigger {
    font-size: 24px;
    padding: 15px 23px
}
.button-mega {
    font-size: 32px;
    padding: 16px 28px
}
.wrapper-centered-button {
    margin-top: -64px
}
.button:hover,
.button-big:hover,
.fancybutton:hover,
.button-alt:hover,
.button-big-alt:hover {
    background: #333;
    text-decoration: none !important
}
h1 [class*="button"],
h2 [class*="button"],
h3 [class*="button"] {
    position: absolute !important;
    right: 0;
    top: 0
}
h1 [class*="button"].button-absolute,
h2 [class*="button"].button-absolute,
h3 [class*="button"].button-absolute {
    top: -8px
}
@media only screen and (max-width: 660px) {
    h1 [class*="button"],
    h2 [class*="button"],
    h3 [class*="button"] {
        margin-top: 7px;
        position: static !important;
        right: auto;
        top: auto
    }
}
[class*="pagination"] .disabled,
[class*="button"].disabled {
    border: 1px solid #ddd;
    cursor: text;
    color: #999 !important;
    background: #f5f5f5;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f5f5f5), color-stop(1, #fff));
    background: -ms-linear-gradient(bottom, #f5f5f5, #fff);
    background: -moz-linear-gradient(center bottom, #f5f5f5 0, #fff 100%);
    opacity: .6
}
[class*="pagination"] .disabled [class*="icon"],
[class*="button"].disabled [class*="icon"] {
    display: none
}
[class*="button"].action span,
[class*="button"].next-button span {
    background: transparent url('/img_mgc/bg-right.png') no-repeat 100% 50%;
    display: block;
    padding-right: 15px
}
[class*="button"].previous-button span {
    background: transparent url('/img_mgc/bg-left.png') no-repeat 0 50%;
    display: block;
    padding-left: 15px
}
[class*="button"] img.loading {
    margin: 0;
    position: absolute;
    right: 8px;
    top: 9px
}
.button-animated {
    white-space: nowrap
}
.button-animated .button-state,
.button-animated .button-state-pressed {
    display: none
}
.button-animated .button-state {
    color: #ccc;
    font-size: .8em
}
.button-animated.button-big-alt .button-state {
    color: #777
}
.button-animated:hover {
    padding-right: 0
}
.button-animated:hover .button-state {
    display: inline;
    margin-left: 5px;
    margin-right: 20px;
    max-width: 100px
}
.button-state-pressed {
    display: none
}
.button-pressed {
    background: #333;
    border-bottom: 4px solid #1a1a1a !important;
    padding-right: 40px
}
.button-pressed .button-state-pressed {
    display: inline;
    margin-left: 5px;
    margin-right: 10px
}
.button-pressed img.button-state-anim {
    margin: -7px 0 0 5px;
    position: absolute
}
.cta-blue-link,
.button-cta,
.cta-pod {
    background: #cee1ef;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.5);
    color: #000 !important;
    display: inline-block;
    font-weight: normal;
    font-size: 17px;
    line-height: 1;
    overflow: hidden;
    padding: 12px 12px 12px 14px;
    position: relative;
    text-decoration: none !important;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.7)
}
.cta-blue-link em,
.button-cta em,
.cta-pod em {
    display: block;
    font-style: normal;
    font-weight: normal;
    padding-right: 22px
}
.cta-blue-link b,
.button-cta b,
.cta-pod b {
    display: block;
    color: #404040;
    font-size: 13px;
    font-weight: normal;
    margin: 3px 0 0;
    padding-right: 22px
}
.cta-blue-link [class^="icon-"]:before,
.button-cta [class^="icon-"]:before,
.cta-pod [class^="icon-"]:before,
.cta-blue-link [class*=" icon-"]:before,
.button-cta [class*=" icon-"]:before,
.cta-pod [class*=" icon-"]:before {
    color: #1f1f1f !important
}
.cta-blue-link em:after,
.button-cta em:after,
.cta-pod em:after {
    content: "\e3b1";
    font-family: 'mentor';
    font-size: 16px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    right: 9px
}
.cta-blue-link.datasheet em:after,
.button-cta.datasheet em:after,
.cta-pod.datasheet em:after {
    display: none
}
.cta-blue-link:hover,
.button-cta:hover,
.cta-pod:hover {
    background: #333;
    color: #fff !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    text-shadow: none
}
.cta-blue-link:hover em,
.button-cta:hover em,
.cta-pod:hover em,
.cta-blue-link:hover em:after,
.button-cta:hover em:after,
.cta-pod:hover em:after,
.cta-blue-link:hover b,
.button-cta:hover b,
.cta-pod:hover b,
.cta-blue-link:hover [class^="icon-"]:before,
.button-cta:hover [class^="icon-"]:before,
.cta-pod:hover [class^="icon-"]:before,
.cta-blue-link:hover [class*=" icon-"]:before,
.button-cta:hover [class*=" icon-"]:before,
.cta-pod:hover [class*=" icon-"]:before {
    color: #fff !important
}
.cta-blue-link:active,
.button-cta:active,
.cta-pod:active {
    background: #333;
    color: #fff !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    text-shadow: 1px 1px 0 #000
}
.cta-blue-link:active em,
.button-cta:active em,
.cta-pod:active em,
.cta-blue-link:active em:after,
.button-cta:active em:after,
.cta-pod:active em:after,
.cta-blue-link:active b,
.button-cta:active b,
.cta-pod:active b {
    color: #fff !important
}
.addthis_button_compact {
    color: #000;
    font-size: 12px !important;
    line-height: 1.3 !important;
    padding: 7px 12px !important;
    text-decoration: none !important
}
.button-fixed-right {
    background: #006d66;
    border: 4px solid #006d66;
    box-shadow: -2px 0 3px rgba(0, 0, 0, 0.2);
    border-right: none;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    display: block;
    margin-top: -74px;
    padding: 8px;
    right: 0;
    top: 50%;
    position: fixed;
    text-indent: -9999em;
    width: 20px;
    z-index: 999
}
.button-fixed-right-contact {
    background-image: url('/img_mgc/bg-trigger-contact.png');
    height: 86px
}
.button-fixed-right-chat {
    background-image: url('/img_mgc/bg-trigger-chat.png');
    height: 123px
}
.button-fixed-right-chat-contact {
    background-image: url('/img_mgc/bg-trigger-chat-contact.png');
    height: 155px;
    margin-top: -85px
}
.button-fixed-right:hover {
    background-color: #d54e21;
    border-color: #b6431c
}
.button-fixed-right:active {
    background-color: #333;
    border-color: #1a1a1a
}
.button-group {
    background: #3463a3;
    box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.99);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 4px;
    display: inline-block
}
.button-toggle {
    height: 32px;
    text-align: center;
    width: 32px;
    z-index: 999;
    color: #fff;
    display: block;
    float: left;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}
.button-toggle span {
    display: block;
    height: 32px;
    width: 32px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -khtml-opacity: .5;
    -moz-opacity: .5;
    opacity: .5
}
.button-toggle.button-toggle-grid {
    border-radius: 4px 0 0 4px
}
.button-toggle.button-toggle-grid span {
    background: url('/img_mgc/grid.png') no-repeat 50% 50%
}
.button-toggle.button-toggle-list {
    border-radius: 0 4px 4px 0
}
.button-toggle.button-toggle-list span {
    background: url('/img_mgc/list.png') no-repeat 50% 50%
}
.button-toggle.active {
    background: #224069;
    box-shadow: inset 0 0 2px #000
}
.button-toggle.active span {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1
}
@media only screen and (min-width: 320px) and (max-width: 1024px) {
    .button-fixed-right {
        display: none
    }
}
.form-label {
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 3px 0
}
.form-label.form-label-lg {
    font-size: 15px
}
.form-label.form-label-sm {
    font-size: 12px
}
.form-label.required:before {
    background: #c00;
    border-radius: 50%;
    display: inline-block;
    content: ' ';
    height: 8px;
    margin-right: 4px;
    position: relative;
    top: -1px;
    width: 8px
}
.form-control {
    border-radius: 2px;
    border: 1px solid #b4becd;
    border-top-color: #b0baca;
    border-bottom-color: #d3d9e2;
    box-shadow: inset 0 1px 2px rgba(130, 137, 150, 0.23), 0 1px 0 rgba(255, 255, 255, 0.85);
    background: #fff;
    color: #333;
    display: block;
    font-family: Arial;
    font-size: 15px;
    margin-bottom: 12px;
    padding: 9px 7px;
    width: 100%
}
.form-control+.instructions {
    margin-top: -6px
}
.form-control.form-control-lg {
    height: 40px
}
.form-control.form-control-sm {
    height: 24px
}
select,
input,
input[type=submit],
button,
textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    font-family: 'Helvetica Neue', Arial, sans-serif
}
.info-intro {
    margin: 15px 0
}
.info-intro p {
    color: #666;
    font-size: 15px;
    margin: -8px 0 10px 0 !important
}
b.req {
    color: #c00;
    font-size: 1.2em
}
label {
    font-size: 13px;
    font-weight: bold;
    color: #333
}
.column.account-message {
    float: right;
    margin: 0 30px 0 0
}
form.request-info p {
    font-size: 11px !important;
    line-height: 13px !important;
    margin: 0 0 5px 0 !important
}
form.request-info label {
    display: block;
    font-size: 10px;
    color: #777;
    letter-spacing: 1px;
    margin: 8px 0 0 0;
    text-transform: uppercase
}
form.request-info input.text {
    width: 120px
}
.form {
    background: #f7f7f7;
    border-top: 5px solid #e3e3e3;
    margin: 0 0 18px;
    padding: 12px 12px 5px
}
.simple .form {
    margin-top: 7px
}
.form .form {
    border: none;
    margin: 0;
    padding: 0;
    width: 100%
}
.form .form table {
    margin: 0;
    padding: 0;
    width: 100%
}
.form .form.checkbox td {
    padding: 5px 0
}
.form.password .form {
    margin: 0 auto;
    width: 50%
}
.layout-style-compact .form,
.compact .form,
.form.layout-style-compact,
.form.compact,
.form.compact .form {
    background: none;
    border: none;
    margin: 0;
    padding: 0
}
.form td {
    padding: 5px 5px 10px;
    width: 50%;
    vertical-align: top
}
.form label {
    display: inline-block;
    font-weight: bold;
    margin: 0 0 3px 0
}
.form label.textarea {
    padding: 0
}
.form label.required {
    background-image: url('/img_mgc/required.png');
    background-repeat: no-repeat;
    background-position: 0 2px;
    padding-left: 16px
}
input.checkbox {
    margin: 0 3px 0 0
}
.form input[type=text],
.form input[type=password],
.form select,
.form textarea {
    font-family: Arial;
    font-size: 13px;
    line-height: 1.1;
    padding: 2px 4px;
    width: 100%
}
.form .checkbox label,
label.checkbox {
    display: inline;
    font-size: 13px;
    font-weight: normal;
    margin: 0;
    padding-right: 5px
}
.form fieldset label.checkbox:first-child {
    padding: 0 !important
}
.form .checkbox label:hover,
label.checkbox:hover,
label.checkbox:hover strong {
    color: #777
}
.form .text.disabled input {
    background: #ececec;
    border: 1px solid #ececec;
    color: #555
}
.form .profile-questions label.desc {
    margin: 0 0 7px
}
.select-large {
    display: inline-block;
    font-size: 14px;
    width: 100%
}
.instructions {
    color: #777;
    font-size: 11px
}
.error {
    padding-bottom: 5px
}
.instructionserror {
    background-color: #c00;
    color: #fff !important;
    clear: both;
    display: inline-block;
    font-size: 11px;
    line-height: 1.3;
    font-weight: bold;
    margin: 5px 0 0;
    padding: 5px 7px;
    position: relative;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    -o-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 0.3s;
    -moz-animation-duration: 0.3s;
    -o-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}
.oldie .instructionserror,
.ie9 .instructionserror {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1
}
.instructionserror:after {
    border: 8px solid transparent;
    border-bottom-color: #c00;
    content: ' ';
    left: 7%;
    position: absolute;
    bottom: 100%;
    width: 0
}
.submit {
    clear: both;
    line-height: 30px;
    margin: 15px 0
}
.layout-style-compact .submit,
.compact .submit {
    margin-top: 0
}
.submit a {
    font-size: 11px !important
}
.error-alert {
    background: #ebebeb;
    margin: 45px 0 0;
    padding: 11px 10px 10px 34px;
    position: relative
}
.error-alert:before {
    color: #c00;
    content: "\e355";
    font-family: 'mentor';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
    position: absolute;
    margin-left: -21px
}
.error-alert span {
    display: block;
    color: #c00;
    font-weight: bold
}
.error-list {
    background: #f8f8f8;
    font-size: 13px;
    list-style: none;
    margin: 0 0 18px;
    padding: 10px 10px 7px 34px
}
.error-list li {
    margin: 0 0 6px
}
.error-list a {
    text-decoration: underline
}
.errorcontainer {
    background: #fff;
    border: 5px solid red;
    font-size: 13px;
    margin: 0 0 18px;
    padding: 12px
}
.error,
.error-message {
    color: #f00 !important
}
.error br,
.error-message br {
    display: none
}
fieldset {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-padding-before: 0;
    -webkit-padding-start: 0
}
legend {
    color: #333;
    font-size: 14px;
    font-weight: bold;
    line-height: 14px;
    margin: 0;
    padding: 5px 0 0 0
}
textarea {
    height: 70px;
    margin-bottom: 12px;
    width: 100%
}
textarea.eula {
    color: #777;
    font: 300 10px/12px Arial;
    border: 1px solid #ccc;
    padding: 5px;
    height: 140px
}
.shorturl {
    background: #fff;
    border: 1px solid #ccc;
    box-shadow: inset 1px 1px 1px #ccc;
    color: #000;
    font-family: Arial, Helvetia, san-serif;
    padding: 3px 2px;
    display: inline-block;
    color: #777;
    font-size: 12px;
    height: 23px;
    margin: 0 5px;
    padding: 3px 5px;
    width: 250px
}
.form-compact {
    border: none
}
.form-compact .form {
    border: none;
    margin: 0;
    padding: 0
}
.form-compact label {
    font-size: 12px;
    margin: 0
}
.form-compact table {
    margin: 0
}
.form-compact .select {
    padding: 0
}
.form-compact #contact-me-container {
    position: relative
}
.form-compact #contact-me-container .checkboxes {
    border: none;
    margin: 7px 0;
    padding: 0
}
.form-compact #contact-me-container .checkboxes p {
    margin: 0 0 3px 0
}
.form-compact #contact-me-container .textarea {
    height: 80px
}
.form-compact .hr {
    display: none
}
.form-compact.form {
    padding: 0
}
.checkboxes {
    margin: 12px 0
}
.checkboxes p {
    margin: 0 0 5px 0
}
#passwordtarget {
    background-position: 100% 100%;
    min-height: 50px;
    min-width: 200px;
    width: 50%
}
.password_strength {
    display: block;
    font-size: 16px;
    margin: 5px 0
}
.password_strength_1,
.password_strength_2 {
    color: #c00
}
.password_strength_3 {
    color: #777;
    font-weight: bold
}
.password_strength_4,
.password_strength_5 {
    background: url('/img_mgc/check.png') no-repeat 0 50%;
    color: green;
    font-weight: bold;
    padding-left: 20px
}
.devicecore-select {
    border: 1px solid transparent;
    border-bottom: none;
    padding: 11px 11px 1px;
    width: 44% !important
}
.devicecore-select select {
    display: block;
    margin: 7px 0;
    width: 99%
}
.devicecore-select.selected {
    background: #f2f7fb;
    border-color: #ddd
}
.devicecore-select #core {
    display: none
}
.accountpromo br {
    display: none
}
.accountpromo label {
    display: block
}
#commentform {
    margin: 12px 0
}
#commentform label {
    font-weight: normal
}
form.selector {
    float: right
}
.selector label {
    color: #333;
    display: inline;
    font-size: 11px;
    font-weight: bold
}
.selector select {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: normal;
    padding: 2px;
    color: #676778;
    border: 1px solid #ccc
}
.selector select:focus,
.selector select:hover {
    background-color: #f9f9f9;
    border: 1px solid #666
}
span.useravailable,
span.userunavailable {
    padding-top: 15px
}
span.useravailable {
    color: #007500
}
span.userunavailable {
    color: #de3100
}
ul.unorderedlisttree,
ul.unorderedlisttree2 {
    list-style-type: none;
    padding: 15px 0 !important;
    margin: 0 0 5px 0 !important
}
ul.unorderedlisttree ul,
ul.unorderedlisttree ul ul,
ul.unorderedlisttree ul ul ul,
ul.unorderedlisttree2 ul,
ul.unorderedlisttree2 ul ul,
ul.unorderedlisttree2 ul ul ul {
    list-style-type: none
}
ul.unorderedlisttree li,
ul.unorderedlisttree2 li {
    background: none !important;
    color: #333;
    font-size: 11px;
    margin: 0 0 5px 0 !important;
    padding: 0 !important
}
ul.unorderedlisttree li ul,
ul.unorderedlisttree2 li ul {
    margin: 7px 0 5px 15px !important;
    padding: 0 !important
}
ul.unorderedlisttree2 li ul ul,
ul.unorderedlisttree li ul ul {
    margin: 7px 0 5px 15px !important;
    padding: 0 !important
}
form ul.unorderedlisttree2 li label,
form ul.unorderedlisttree li label {
    display: inline !important
}
form ul.unorderedlisttree2 li label.checked,
form ul.unorderedlisttree li label.checked {
    color: #d54e21
}
.input-checkbox {
    margin-right: 5px
}
.row-item {
    zoom: 1;
    border: 1px solid #ddd;
    border-top: none;
    margin-bottom: 0;
    padding: 2%
}
.row-item:after {
    display: block;
    visibility: hidden;
    height: 0;
    font-size: 0;
    clear: both;
    content: " "
}
.row-item-header {
    background: #2e5790;
    border: none;
    color: #fff;
    font-size: 13px;
    margin: 0;
    padding: 1% 2%
}
.row-item-header h4 {
    color: #fff;
    font-size: 13px;
    margin: 0
}
.row-item-header .meta {
    color: #ddd
}
.row-item-primary {
    float: left;
    width: 63%
}
.row-item-header .row-item-primary {
    padding-bottom: 0;
    padding-top: 0
}
.row-item-secondary {
    float: right;
    width: 35%
}
.blog-name {
    border-top: 5px solid #ebebeb;
    padding-top: 9px
}
.blog-name h1 {
    color: #000;
    font-size: 2.8em;
    font-weight: 300;
    margin: 0 0 9px
}
.blog-archive {
    color: #666;
    font-size: 1.4em;
    font-weight: bold
}
.blog-content li,
.blog-content p,
.blog-content td {
    color: #333;
    font-size: 120%;
    line-height: 1.5
}
.blog-content a {
    font-weight: bold
}
.blog-content .more-link {
    border: none
}
.blog-content.blog-content-single li,
.blog-content.blog-content-single p,
.blog-content.blog-content-single td {
    color: #555;
    font-size: 130%
}
.blog-content.blog-content-single p:first-child {
    color: #777;
    font-size: 150%
}
.blog-content iframe {
    display: block;
    margin: 0 auto
}
.blogs .filter-block .expandable>li {
    color: #999;
    font-size: 10px;
    padding: 5px 0
}
.blogs .filter-block .expandable>li ul {
    margin-top: 5px
}
.blogs .filter-block .expandable>li a {
    display: inline
}
@media only screen and (max-width: 660px) {
    .blog-name,
    .post {
        padding: 0 10px
    }
    .posts .post {
        padding: 0 5px
    }
}
.aligncenter,
.alignnone {
    display: block;
    margin-left: auto;
    margin-right: auto
}
.wp-caption {
    border: 1px solid #e3e3db;
    background-color: #f3f3f3;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 18px;
    padding: 12px;
    text-align: center
}
.wp-caption.alignright {
    margin-left: 30px
}
.wp-caption.alignleft {
    margin-right: 30px
}
@media (max-width: 768px) {
    .wp-caption {
        width: auto !important
    }
}
.wp-caption .wp-caption-text {
    color: #555;
    font-size: 12px;
    margin: 7px 0 0
}
.wp-caption img {
    margin: 0;
    padding: 0
}
@media (max-width: 768px) {
    .wp-caption img {
        height: auto !important;
        width: auto !important;
        max-height: 100%;
        max-width: 100%
    }
}
#comment {
    background: #fff;
    border: 1px solid #ccc;
    box-shadow: inset 1px 1px 1px #ccc;
    color: #000;
    font-size: 12px;
    font-family: Arial, Helvetia, san-serif;
    padding: 3px 2px;
    width: 50%
}
.blogs-mentor .commenter p {
    color: #777;
    font-size: 12px
}
.blogs-mentor .comment {
    background: #edf4f9;
    margin-bottom: 15px;
    padding: 10px;
    position: relative
}
.blogs-mentor .comment:after {
    border: 11px solid transparent;
    border-top-color: #edf4f9;
    content: ' ';
    height: 0;
    left: 15px;
    position: absolute;
    top: 100%;
    width: 0
}
.blogs .comment-wrapper {
    border-top: 1px solid #ebebeb;
    margin: 0 0 18px;
    padding: 9px 0 0;
    overflow: hidden
}
.blogs .commenter cite {
    font-style: normal
}
.blogs .commenter cite a {
    font-weight: bold
}
.blogs .commenter p {
    color: #777;
    font-size: 12px
}
.blogs .commenter img {
    float: left;
    margin-right: 15px
}
.blogs .comment {
    padding-left: 65px
}
.blogs .comment p {
    color: #000;
    font-size: 1.2em;
    line-height: 1.5
}
.reply {
    display: none
}
.blog-paging {
    border-top: 5px solid #ebebeb;
    margin-top: 27px;
    padding-top: 10px
}
.blog-paging .previous,
.blog-paging .next {
    font-size: 1.1em;
    margin: 0;
    padding: 3px 0 0;
    position: relative
}
.blog-paging .next {
    text-align: right
}
.blogs .twiget-feed {
    margin: 0;
    padding: 0
}
.blogs .twiget-feed li {
    border: none;
    margin: 0;
    padding: 0
}
.blogs .twiget-feed .tweet-wrap {
    margin: 0;
    padding: 0
}
.blogs .twiget-feed .twiget-tweet {
    background: #fff;
    color: #555;
    font-size: 12px;
    border: 1px solid #ddd;
    padding: 7px;
    position: relative;
    margin: 0 0 10px
}
.blogs .twiget-feed .twiget-tweet:after {
    border: 8px solid transparent;
    border-top-color: #fff;
    content: ' ';
    left: 10%;
    position: absolute;
    top: 100%;
    width: 0
}
.blogs .twiget-feed .twiget-meta a {
    color: #999;
    font-size: 11px;
    font-weight: normal
}
.blogs .twiget-feed .twigetfollow {
    margin-bottom: 12px
}
.blogs .twiget-feed .tweet-bio {
    padding: 0
}
.callout-blogs ul,
.callout-blogs p {
    margin: 0 0 12px
}
.callout-blogs ul {
    list-style: none
}
.callout-blogs ul li {
    border-bottom: 1px solid #e1e1e1;
    margin: 0;
    padding: 5px 0
}
.callout-blogs select {
    display: block;
    margin-bottom: 12px
}
.callout-blogs a {
    font-weight: bold
}
.callout-blogs h3.header-rule+ul,
.callout-blogs h3.header-rule+.textwidget ul:first-child {
    margin-top: -7px
}
.tagcloud {
    line-height: 1;
    margin-bottom: 12px
}
@media only screen and (max-width: 660px) {
    .blog-paging {
        padding: 0 5px
    }
    .blog-paging .previous {
        padding-left: 30px
    }
    .blog-paging .previous .mgc-icon {
        left: 5px
    }
    .blog-paging .next {
        padding-right: 30px;
        text-align: right
    }
    .blog-paging .next .mgc-icon {
        right: 5px
    }
}
.media,
.media-body {
    overflow: hidden;
    zoom: 1
}
.media .media {
    margin-top: 15px
}
.media:first-child {
    margin-top: 0
}
.media-object {
    display: block
}
.media>.alignleft {
    margin-right: 20px
}
.ie8 .media>.alignleft {
    max-width: 315px
}
.media>.alignright {
    margin-left: 20px
}
.ie8 .media>.alignright {
    max-width: 315px
}
.media-list {
    padding-left: 0;
    list-style: none
}
.media-middle {
    display: table
}
.media-middle>div {
    display: table-cell;
    vertical-align: middle
}
@media only screen and (max-width: 768px) {
    .media.media-responsive {
        overflow: visible
    }
    .media.media-responsive>.alignright,
    .media.media-responsive>.alignleft {
        float: none !important;
        margin: 0
    }
    .media.media-responsive .media-body {
        overflow: auto
    }
}
.card {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    border: 1px solid #ddd;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    position: relative;
    text-decoration: none;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}
.card-header {
    background: #eee;
    border-radius: 4px 4px 0 0;
    color: #000;
    font-size: 1.2em;
    padding: 12px 15.6px;
    -moz-transition: background-color .3s ease-in-out;
    -webkit-transition: background-color .3s ease-in-out;
    -o-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out
}
.card-header-large {
    font-size: 1.4em
}
.card-body {
    color: #333;
    font-size: 1em;
    padding: 12px 15.6px
}
.card-body-white {
    background: #fff
}
.card-body-collapsed {
    padding: 0
}
.card-body-large {
    font-size: 1.2em
}
.card-footer {
    border-radius: 0 0 4px 4px;
    background: #f3f3f3;
    font-size: 1em;
    padding: 10px
}
.card-container {
    box-sizing: border-box;
    padding: 10px;
    width: 33.33333%
}
.card.selected {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.35);
    border-color: #aaa
}
.card.selected .card-header {
    background-color: #2e5790;
    background-clip: padding-box;
    color: #fff
}
.card.selected .card-header .meta {
    color: #bbb
}
.chapter-filters {
    border-bottom: 1px solid #ddd;
    margin: 0 10px 10px;
    padding: 10px 0 5px
}
.chapter-filters .dropdown {
    margin-top: 10px
}
.caret {
    color: #333;
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 5px solid;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent
}
.dropdown {
    color: #333;
    display: inline-block;
    position: relative
}
.dropdown-toggle,
.dropdown-toggle:visited {
    border: 1px solid transparent;
    color: #333;
    font-weight: bold;
    font-size: 14px;
    padding: 10px 15px;
    position: relative;
    text-decoration: none !important;
    z-index: 999
}
.dropdown-toggle:hover,
.dropdown-toggle:visited:hover {
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2)
}
.open .dropdown-toggle,
.open .dropdown-toggle:visited {
    background: #fff;
    border: 1px solid #ccc;
    border-bottom: none;
    box-shadow: none !important
}
.dropdown-toggle:focus {
    outline: 0
}
.dropdown-menu {
    color: #222;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 998;
    display: none;
    float: left;
    min-width: 160px;
    padding: 0;
    margin: 7px 0 0;
    list-style: none;
    text-align: left;
    background-color: #fff;
    background-clip: padding-box
}
.dropdown-menu>li {
    margin: 0
}
.dropdown-menu>li>a {
    color: #333;
    display: block;
    padding: 7px 15px;
    clear: both;
    font-weight: normal;
    line-height: 1;
    white-space: nowrap
}
.open .dropdown-menu {
    background: #fff;
    border: 1px solid #ccc
}
.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
    background: #f5f5f5;
    color: #000;
    text-decoration: none
}
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
    background: #333;
    color: #fff;
    text-decoration: none;
    outline: 0
}
.open>.dropdown-menu {
    display: block
}
.open>a {
    outline: 0
}
@font-face {
    font-family: 'mentor';
    src: url('/img_mgc/fonts/mentor.eot');
    src: url('/img_mgc/fonts/mentor.eot?#iefix') format('embedded-opentype'), url('/img_mgc/fonts/mentor.woff') format('woff'), url('/img_mgc/fonts/mentor.ttf') format('truetype'), url('/img_mgc/fonts/mentor.svg#mentor') format('svg');
    font-weight: normal !important;
    font-style: normal !important
}
[class^="icon-"],
[class*=" icon-"] {
    font-family: 'mentor';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.icon-home:before {
    content: "\e000"
}
.icon-home2:before,
.icon-home2:before {
    content: "\e001"
}
.icon-home3:before,
.icon-home-3:before {
    content: "\e002"
}
.icon-home6:before,
.icon-home-4:before {
    content: "\e005"
}
.icon-home9:before {
    content: "\e008"
}
.icon-newspaper:before {
    content: "\e00c"
}
.icon-pencil:before {
    content: "\e00d"
}
.icon-pencil2:before {
    content: "\e00e"
}
.icon-pencil5:before {
    content: "\e011"
}
.icon-pencil6:before {
    content: "\e012"
}
.icon-pen5:before {
    content: "\e01a"
}
.icon-marker:before {
    content: "\e01b"
}
.icon-home12:before {
    content: "\e01c"
}
.icon-brush:before {
    content: "\e020"
}
.icon-palette:before {
    content: "\e021"
}
.icon-droplet3:before {
    content: "\e027"
}
.icon-droplet4:before {
    content: "\e028"
}
.icon-image:before {
    content: "\e02b"
}
.icon-image2:before {
    content: "\e02c"
}
.icon-images:before {
    content: "\e02e"
}
.icon-image6:before {
    content: "\e031"
}
.icon-images2:before {
    content: "\e032"
}
.icon-camera:before {
    content: "\e034"
}
.icon-camera2:before {
    content: "\e035"
}
.icon-camera3:before {
    content: "\e036"
}
.icon-camera4:before {
    content: "\e037"
}
.icon-headphones:before {
    content: "\e040"
}
.icon-headphones2:before {
    content: "\e041"
}
.icon-play:before,
.icon-play-2:before {
    content: "\e042"
}
.icon-movie:before {
    content: "\e044"
}
.icon-movie3:before {
    content: "\e046"
}
.icon-film:before {
    content: "\e047"
}
.icon-film2:before {
    content: "\e048"
}
.icon-film3:before {
    content: "\e049"
}
.icon-camera6:before {
    content: "\e04c"
}
.icon-camera8:before {
    content: "\e04e"
}
.icon-connection:before {
    content: "\e062"
}
.icon-radio:before {
    content: "\e065"
}
.icon-connection3:before {
    content: "\e067"
}
.icon-podcast2:before {
    content: "\e069"
}
.icon-podcast3:before {
    content: "\e06a"
}
.icon-mic:before {
    content: "\e06b"
}
.icon-mic2:before {
    content: "\e06c"
}
.icon-mic3:before {
    content: "\e06d"
}
.icon-mic4:before {
    content: "\e06e"
}
.icon-mic5:before {
    content: "\e06f"
}
.icon-book:before {
    content: "\e070"
}
.icon-book2:before {
    content: "\e071"
}
.icon-books:before {
    content: "\e072"
}
.icon-graduation:before {
    content: "\e076"
}
.icon-file:before {
    content: "\e077"
}
.icon-profile:before {
    content: "\e078"
}
.icon-file2:before,
.icon-document-2:before {
    content: "\e079"
}
.icon-file3:before,
.icon-paper:before {
    content: "\e07a"
}
.icon-file4:before,
.icon-paper-2:before,
.icon-document-alt-stroke:before {
    content: "\e07b"
}
.icon-file5:before,
.icon-document:before {
    content: "\e07c"
}
.icon-file6:before {
    content: "\e07d"
}
.icon-files:before,
.icon-documents:before {
    content: "\e07e"
}
.icon-file-plus:before {
    content: "\e07f"
}
.icon-file-minus:before {
    content: "\e080"
}
.icon-file-download:before {
    content: "\e081"
}
.icon-file-upload:before {
    content: "\e082"
}
.icon-file-check:before {
    content: "\e083"
}
.icon-file-remove:before {
    content: "\e084"
}
.icon-file7:before {
    content: "\e085"
}
.icon-file8:before {
    content: "\e086"
}
.icon-file-plus2:before {
    content: "\e087"
}
.icon-file-minus2:before {
    content: "\e088"
}
.icon-file-download2:before {
    content: "\e089"
}
.icon-file-upload2:before {
    content: "\e08a"
}
.icon-file-check2:before {
    content: "\e08b"
}
.icon-file-remove2:before {
    content: "\e08c"
}
.icon-file9:before {
    content: "\e08d"
}
.icon-copy:before {
    content: "\e08e"
}
.icon-copy2:before {
    content: "\e08f"
}
.icon-copy3:before {
    content: "\e090"
}
.icon-copy4:before {
    content: "\e091"
}
.icon-paste:before {
    content: "\e092"
}
.icon-paste2:before {
    content: "\e093"
}
.icon-paste3:before {
    content: "\e094"
}
.icon-stack:before {
    content: "\e095"
}
.icon-stack2:before {
    content: "\e096"
}
.icon-stack3:before {
    content: "\e097"
}
.icon-folder:before {
    content: "\e098"
}
.icon-folder-download:before {
    content: "\e099"
}
.icon-folder-upload:before {
    content: "\e09a"
}
.icon-folder-plus:before {
    content: "\e09b"
}
.icon-folder-plus2:before {
    content: "\e09c"
}
.icon-folder-minus:before {
    content: "\e09d"
}
.icon-folder-minus2:before {
    content: "\e09e"
}
.icon-folder8:before {
    content: "\e09f"
}
.icon-folder-remove:before {
    content: "\e0a0"
}
.icon-folder2:before {
    content: "\e0a1"
}
.icon-folder-open:before {
    content: "\e0a2"
}
.icon-folder3:before {
    content: "\e0a3"
}
.icon-folder4:before {
    content: "\e0a4"
}
.icon-folder-plus3:before {
    content: "\e0a5"
}
.icon-folder-minus3:before {
    content: "\e0a6"
}
.icon-folder-plus4:before {
    content: "\e0a7"
}
.icon-folder-remove2:before {
    content: "\e0a8"
}
.icon-folder-download2:before {
    content: "\e0a9"
}
.icon-folder-upload2:before {
    content: "\e0aa"
}
.icon-folder-download3:before {
    content: "\e0ab"
}
.icon-folder-upload3:before {
    content: "\e0ac"
}
.icon-folder5:before {
    content: "\e0ad"
}
.icon-folder-open2:before {
    content: "\e0ae"
}
.icon-folder6:before {
    content: "\e0af"
}
.icon-folder-open3:before {
    content: "\e0b0"
}
.icon-certificate:before {
    content: "\e0b1"
}
.icon-tag:before {
    content: "\e0b3"
}
.icon-tag2:before {
    content: "\e0b4"
}
.icon-tag3:before {
    content: "\e0b5"
}
.icon-tag4:before {
    content: "\e0b6"
}
.icon-tag5:before {
    content: "\e0b7"
}
.icon-tag6:before {
    content: "\e0b8"
}
.icon-tag7:before {
    content: "\e0b9"
}
.icon-tags:before {
    content: "\e0ba"
}
.icon-tags2:before {
    content: "\e0bb"
}
.icon-tag8:before {
    content: "\e0bc"
}
.icon-barcode:before {
    content: "\e0bd"
}
.icon-qrcode:before {
    content: "\e0bf"
}
.icon-cart:before {
    content: "\e0c1"
}
.icon-basket:before {
    content: "\e0ce"
}
.icon-basket2:before {
    content: "\e0cf"
}
.icon-bag:before {
    content: "\e0d0"
}
.icon-bag2:before {
    content: "\e0d1"
}
.icon-bag3:before {
    content: "\e0d2"
}
.icon-coin:before {
    content: "\e0d3"
}
.icon-coins:before {
    content: "\e0d4"
}
.icon-credit:before {
    content: "\e0d5"
}
.icon-credit2:before {
    content: "\e0d6"
}
.icon-calculate:before {
    content: "\e0d7"
}
.icon-calculate2:before {
    content: "\e0d8"
}
.icon-support:before,
.icon-support-2:before {
    content: "\e0d9"
}
.icon-phone:before {
    content: "\e0da"
}
.icon-phone2:before,
.icon-phone-2:before {
    content: "\e0db"
}
.icon-phone3:before {
    content: "\e0dc"
}
.icon-contact-remove2:before {
    content: "\e0e1"
}
.icon-phone5:before {
    content: "\e0e4"
}
.icon-phone-hang-up:before {
    content: "\e0e6"
}
.icon-phone-hang-up2:before {
    content: "\e0e7"
}
.icon-address-book:before {
    content: "\e0e8"
}
.icon-address-book2:before {
    content: "\e0e9"
}
.icon-notebook:before {
    content: "\e0ea"
}
.icon-envelope:before,
.icon-email:before,
.icon-mail-2:before,
.icon-mail-3:before {
    content: "\e0eb"
}
.icon-envelope2:before {
    content: "\e0ec"
}
.icon-mail-send:before {
    content: "\e0ed"
}
.icon-envelope-opened:before {
    content: "\e0ee"
}
.icon-envelope3:before {
    content: "\e0ef"
}
.icon-pushpin:before {
    content: "\e0f0"
}
.icon-location:before {
    content: "\e0f1"
}
.icon-location2:before,
.icon-location-2:before {
    content: "\e0f2"
}
.icon-location3:before {
    content: "\e0f3"
}
.icon-location4:before {
    content: "\e0f4"
}
.icon-location5:before {
    content: "\e0f5"
}
.icon-location6:before {
    content: "\e0f6"
}
.icon-location7:before {
    content: "\e0f7"
}
.icon-compass:before {
    content: "\e0f8"
}
.icon-compass2:before {
    content: "\e0f9"
}
.icon-map:before {
    content: "\e0fa"
}
.icon-map2:before {
    content: "\e0fb"
}
.icon-map3:before {
    content: "\e0fc"
}
.icon-map4:before {
    content: "\e0fd"
}
.icon-direction:before {
    content: "\e0fe"
}
.icon-history:before {
    content: "\e0ff"
}
.icon-history2:before,
.icon-history-2:before {
    content: "\e100"
}
.icon-clock:before {
    content: "\e101"
}
.icon-clock2:before .icon-clock-2:before {
    content: "\e102"
}
.icon-clock3:before {
    content: "\e103"
}
.icon-clock4:before {
    content: "\e104"
}
.icon-watch:before {
    content: "\e105"
}
.icon-clock5:before {
    content: "\e106"
}
.icon-clock6:before {
    content: "\e107"
}
.icon-clock7:before {
    content: "\e108"
}
.icon-alarm:before {
    content: "\e109"
}
.icon-alarm2:before {
    content: "\e10a"
}
.icon-bell:before {
    content: "\e10b"
}
.icon-bell2:before {
    content: "\e10c"
}
.icon-alarm-plus:before {
    content: "\e10d"
}
.icon-alarm-minus:before {
    content: "\e10e"
}
.icon-alarm-check:before {
    content: "\e10f"
}
.icon-alarm-cancel:before {
    content: "\e110"
}
.icon-stopwatch:before {
    content: "\e111"
}
.icon-calendar:before {
    content: "\e112"
}
.icon-calendar2:before {
    content: "\e113"
}
.icon-calendar3:before {
    content: "\e114"
}
.icon-calendar4:before {
    content: "\e115"
}
.icon-calendar5:before {
    content: "\e116"
}
.icon-print:before {
    content: "\e117"
}
.icon-print2:before,
.icon-printer:before {
    content: "\e118"
}
.icon-print3:before {
    content: "\e119"
}
.icon-mouse:before {
    content: "\e11a"
}
.icon-mouse2:before {
    content: "\e11b"
}
.icon-mouse3:before {
    content: "\e11c"
}
.icon-mouse4:before {
    content: "\e11d"
}
.icon-keyboard:before {
    content: "\e11e"
}
.icon-keyboard2:before {
    content: "\e11f"
}
.icon-screen:before {
    content: "\e120"
}
.icon-screen2:before {
    content: "\e121"
}
.icon-screen3:before {
    content: "\e122"
}
.icon-screen4:before {
    content: "\e123"
}
.icon-laptop:before {
    content: "\e124"
}
.icon-mobile:before {
    content: "\e125"
}
.icon-mobile2:before {
    content: "\e126"
}
.icon-tablet:before {
    content: "\e127"
}
.icon-mobile3:before {
    content: "\e128"
}
.icon-tv:before {
    content: "\e129"
}
.icon-cabinet:before {
    content: "\e12a"
}
.icon-archive:before {
    content: "\e12b"
}
.icon-drawer:before {
    content: "\e12c"
}
.icon-drawer2:before,
.icon-drawer-2:before {
    content: "\e12d"
}
.icon-drawer3:before {
    content: "\e12e"
}
.icon-box:before {
    content: "\e12f"
}
.icon-box-add:before {
    content: "\e130"
}
.icon-box-remove:before {
    content: "\e131"
}
.icon-download:before {
    content: "\e132"
}
.icon-upload:before {
    content: "\e133"
}
.icon-disk:before {
    content: "\e134"
}
.icon-cd:before {
    content: "\e135"
}
.icon-storage:before {
    content: "\e136"
}
.icon-storage2:before {
    content: "\e137"
}
.icon-database:before {
    content: "\e138"
}
.icon-database2:before {
    content: "\e139"
}
.icon-database3:before {
    content: "\e13a"
}
.icon-undo:before {
    content: "\e13b"
}
.icon-redo:before {
    content: "\e13c"
}
.icon-rotate:before {
    content: "\e13d"
}
.icon-rotate2:before {
    content: "\e13e"
}
.icon-undo2:before {
    content: "\e14b"
}
.icon-redo2:before {
    content: "\e14c"
}
.icon-forward:before {
    content: "\e14d"
}
.icon-reply:before {
    content: "\e14e"
}
.icon-reply2:before {
    content: "\e14f"
}
.icon-bubble:before,
.icon-comment:before,
.icon-comments:before {
    content: "\e150"
}
.icon-bubbles:before {
    content: "\e151"
}
.icon-bubbles2:before,
.icon-chat:before,
.icon-comments-2:before {
    content: "\e152"
}
.icon-bubble2:before {
    content: "\e153"
}
.icon-bubbles3:before {
    content: "\e154"
}
.icon-bubbles4:before {
    content: "\e155"
}
.icon-bubble-notification:before {
    content: "\e156"
}
.icon-bubbles5:before {
    content: "\e157"
}
.icon-bubbles6:before {
    content: "\e158"
}
.icon-bubble3:before {
    content: "\e159"
}
.icon-bubble-dots:before {
    content: "\e15a"
}
.icon-bubble4:before {
    content: "\e15b"
}
.icon-bubble5:before {
    content: "\e15c"
}
.icon-bubble6:before {
    content: "\e15e"
}
.icon-bubble7:before {
    content: "\e15f"
}
.icon-bubble8:before {
    content: "\e160"
}
.icon-bubbles7:before {
    content: "\e161"
}
.icon-bubble9:before {
    content: "\e162"
}
.icon-bubbles8:before {
    content: "\e163"
}
.icon-bubble10:before {
    content: "\e164"
}
.icon-bubble-dots3:before {
    content: "\e165"
}
.icon-bubble11:before {
    content: "\e166"
}
.icon-bubble12:before {
    content: "\e167"
}
.icon-bubble-dots4:before {
    content: "\e168"
}
.icon-bubble13:before {
    content: "\e169"
}
.icon-bubbles9:before {
    content: "\e16a"
}
.icon-bubbles10:before {
    content: "\e16b"
}
.icon-user:before,
.icon-user-3:before {
    content: "\e185"
}
.icon-users:before {
    content: "\e186"
}
.icon-user-plus:before {
    content: "\e187"
}
.icon-user-plus2:before {
    content: "\e188"
}
.icon-user-minus:before {
    content: "\e189"
}
.icon-user-minus2:before {
    content: "\e18a"
}
.icon-user-cancel:before {
    content: "\e18b"
}
.icon-user-block:before {
    content: "\e18c"
}
.icon-users2:before {
    content: "\e18d"
}
.icon-user2:before,
.icon-user-2:before {
    content: "\e18e"
}
.icon-users3:before {
    content: "\e18f"
}
.icon-user-plus3:before {
    content: "\e190"
}
.icon-user-minus3:before {
    content: "\e191"
}
.icon-user-cancel2:before {
    content: "\e192"
}
.icon-user-block2:before {
    content: "\e193"
}
.icon-users4:before {
    content: "\e198"
}
.icon-user7:before {
    content: "\e199"
}
.icon-vcard:before {
    content: "\e19c"
}
.icon-quotes-left:before,
.icon-quote:before {
    content: "\e19f"
}
.icon-quotes-right:before {
    content: "\e1a0"
}
.icon-busy:before,
.icon-time:before {
    content: "\e1a3"
}
.icon-busy2:before {
    content: "\e1a4"
}
.icon-spinner:before {
    content: "\e1a7"
}
.icon-spinner2:before {
    content: "\e1a8"
}
.icon-spinner3:before {
    content: "\e1a9"
}
.icon-spinner4:before {
    content: "\e1aa"
}
.icon-spinner5:before {
    content: "\e1ab"
}
.icon-spinner6:before {
    content: "\e1ac"
}
.icon-spinner7:before {
    content: "\e1ad"
}
.icon-spinner8:before {
    content: "\e1ae"
}
.icon-spinner9:before {
    content: "\e1af"
}
.icon-spinner10:before {
    content: "\e1b0"
}
.icon-spinner11:before {
    content: "\e1b1"
}
.icon-spinner12:before {
    content: "\e1b2"
}
.icon-microscope:before {
    content: "\e1b3"
}
.icon-binoculars:before {
    content: "\e1b4"
}
.icon-binoculars2:before {
    content: "\e1b5"
}
.icon-search:before {
    content: "\e1b6"
}
.icon-search2:before {
    content: "\e1b7"
}
.icon-zoom-in:before {
    content: "\e1b8"
}
.icon-zoom-out:before {
    content: "\e1b9"
}
.icon-search3:before,
.icon-search-3:before,
.con-magnifying-glass:before {
    content: "\e1ba"
}
.icon-search4:before {
    content: "\e1bb"
}
.icon-zoom-in2:before {
    content: "\e1bc"
}
.icon-zoom-out2:before {
    content: "\e1bd"
}
.icon-search5:before {
    content: "\e1be"
}
.icon-expand:before {
    content: "\e1bf"
}
.icon-scale-up2:before {
    content: "\e1c5"
}
.icon-scale-down2:before {
    content: "\e1c6"
}
.icon-fullscreen:before {
    content: "\e1c7"
}
.icon-contract3:before {
    content: "\e1c9"
}
.icon-key:before {
    content: "\e1ca"
}
.icon-key2:before {
    content: "\e1cb"
}
.icon-key5:before {
    content: "\e1ce"
}
.icon-lock:before {
    content: "\e1d0"
}
.icon-lock2:before {
    content: "\e1d1"
}
.icon-lock3:before {
    content: "\e1d2"
}
.icon-lock4:before {
    content: "\e1d3"
}
.icon-unlocked:before {
    content: "\e1d4"
}
.icon-unlocked2:before {
    content: "\e1d6"
}
.icon-wrench:before {
    content: "\e1d7"
}
.icon-wrench2:before {
    content: "\e1d8"
}
.icon-wrench3:before {
    content: "\e1d9"
}
.icon-wrench4:before {
    content: "\e1da"
}
.icon-settings:before {
    content: "\e1db"
}
.icon-equalizer:before {
    content: "\e1dc"
}
.icon-equalizer2:before {
    content: "\e1dd"
}
.icon-equalizer3:before {
    content: "\e1de"
}
.icon-cog:before {
    content: "\e1df"
}
.icon-cogs:before {
    content: "\e1e0"
}
.icon-cog2:before {
    content: "\e1e1"
}
.icon-cog3:before {
    content: "\e1e2"
}
.icon-cog4:before {
    content: "\e1e3"
}
.icon-factory:before {
    content: "\e1e7"
}
.icon-hammer:before {
    content: "\e1e8"
}
.icon-tools:before {
    content: "\e1e9"
}
.icon-screwdriver:before {
    content: "\e1ea"
}
.icon-screwdriver2:before {
    content: "\e1eb"
}
.icon-wand:before {
    content: "\e1ec"
}
.icon-health:before {
    content: "\e1ee"
}
.icon-aid:before {
    content: "\e1ef"
}
.icon-patch:before {
    content: "\e1f0"
}
.icon-bug:before {
    content: "\e1f1"
}
.icon-bug2:before {
    content: "\e1f2"
}
.icon-pie:before {
    content: "\e1f7"
}
.icon-pie2:before {
    content: "\e1f8"
}
.icon-pie3:before {
    content: "\e1f9"
}
.icon-pie4:before {
    content: "\e1fa"
}
.icon-pie5:before {
    content: "\e1fb"
}
.icon-pie6:before {
    content: "\e1fc"
}
.icon-pie7:before {
    content: "\e1fd"
}
.icon-stats:before {
    content: "\e1fe"
}
.icon-stats2:before {
    content: "\e1ff"
}
.icon-stats3:before {
    content: "\e200"
}
.icon-bars:before {
    content: "\e201"
}
.icon-bars2:before {
    content: "\e202"
}
.icon-bars3:before {
    content: "\e203"
}
.icon-bars4:before {
    content: "\e204"
}
.icon-bars5:before {
    content: "\e205"
}
.icon-bars6:before {
    content: "\e206"
}
.icon-stats-up:before {
    content: "\e207"
}
.icon-stats-down:before {
    content: "\e208"
}
.icon-stairs-down:before {
    content: "\e209"
}
.icon-stairs-down2:before {
    content: "\e20a"
}
.icon-chart:before {
    content: "\e20b"
}
.icon-medal:before {
    content: "\e217"
}
.icon-meter:before {
    content: "\e235"
}
.icon-meter2:before {
    content: "\e236"
}
.icon-meter-slow:before {
    content: "\e237"
}
.icon-meter-medium:before {
    content: "\e238"
}
.icon-meter-fast:before {
    content: "\e239"
}
.icon-dashboard:before {
    content: "\e23a"
}
.icon-hammer2:before {
    content: "\e23b"
}
.icon-fire2:before {
    content: "\e23f"
}
.icon-lab:before {
    content: "\e240"
}
.icon-lamp:before {
    content: "\e24b"
}
.icon-lamp2:before {
    content: "\e24c"
}
.icon-lamp3:before {
    content: "\e24d"
}
.icon-lamp4:before {
    content: "\e24e"
}
.icon-remove:before {
    content: "\e24f"
}
.icon-remove2:before {
    content: "\e250"
}
.icon-remove6:before,
.icon-remove-3:before {
    content: "\e254"
}
.icon-remove7:before {
    content: "\e255"
}
.icon-remove8:before {
    content: "\e256"
}
.icon-briefcase:before {
    content: "\e257"
}
.icon-briefcase2:before {
    content: "\e258"
}
.icon-airplane:before {
    content: "\e25a"
}
.icon-airplane2:before {
    content: "\e25b"
}
.icon-boat:before {
    content: "\e265"
}
.icon-cube3:before {
    content: "\e268"
}
.icon-cube4:before {
    content: "\e269"
}
.icon-pyramid:before {
    content: "\e26a"
}
.icon-pyramid2:before {
    content: "\e26b"
}
.icon-cylinder:before {
    content: "\e26c"
}
.icon-package:before {
    content: "\e26d"
}
.icon-accessibility2:before {
    content: "\e277"
}
.icon-target:before {
    content: "\e279"
}
.icon-target2:before {
    content: "\e27a"
}
.icon-target3:before {
    content: "\e27b"
}
.icon-lightning:before {
    content: "\e28d"
}
.icon-power:before {
    content: "\e28e"
}
.icon-power2:before {
    content: "\e28f"
}
.icon-switch:before {
    content: "\e290"
}
.icon-power-cord:before {
    content: "\e291"
}
.icon-cord:before {
    content: "\e292"
}
.icon-socket:before {
    content: "\e293"
}
.icon-clipboard:before {
    content: "\e294"
}
.icon-clipboard2:before {
    content: "\e295"
}
.icon-signup:before {
    content: "\e296"
}
.icon-clipboard3:before {
    content: "\e297"
}
.icon-clipboard4:before {
    content: "\e298"
}
.icon-list:before {
    content: "\e299"
}
.icon-list2:before {
    content: "\e29a"
}
.icon-list3:before {
    content: "\e29b"
}
.icon-numbered-list:before {
    content: "\e29c"
}
.icon-list4:before {
    content: "\e29d"
}
.icon-list5:before {
    content: "\e29e"
}
.icon-playlist:before {
    content: "\e29f"
}
.icon-grid:before,
.icon-grid-view:before {
    content: "\e2a0"
}
.icon-grid2:before {
    content: "\e2a1"
}
.icon-grid3:before {
    content: "\e2a2"
}
.icon-grid4:before {
    content: "\e2a3"
}
.icon-grid5:before {
    content: "\e2a4"
}
.icon-grid6:before {
    content: "\e2a5"
}
.icon-tree3:before {
    content: "\e2a6"
}
.icon-tree4:before {
    content: "\e2a7"
}
.icon-tree5:before {
    content: "\e2a8"
}
.icon-menu:before {
    content: "\e2a9"
}
.icon-menu2:before {
    content: "\e2aa"
}
.icon-circle-small:before {
    content: "\e2ab"
}
.icon-menu3:before {
    content: "\e2ac"
}
.icon-menu4:before {
    content: "\e2ad"
}
.icon-menu5:before {
    content: "\e2ae"
}
.icon-menu6:before {
    content: "\e2af"
}
.icon-menu7:before {
    content: "\e2b0"
}
.icon-menu8:before {
    content: "\e2b1"
}
.icon-menu9:before {
    content: "\e2b2"
}
.icon-cloud:before {
    content: "\e2b3"
}
.icon-cloud2:before,
.icon-cloud-2:before {
    content: "\e2b4"
}
.icon-cloud3:before {
    content: "\e2b5"
}
.icon-cloud-download:before,
.icon-cloud-3:before {
    content: "\e2b6"
}
.icon-cloud-upload:before,
.icon-upload-3:before {
    content: "\e2b7"
}
.icon-download2:before {
    content: "\e2b8"
}
.icon-upload2:before {
    content: "\e2b9"
}
.icon-download3:before {
    content: "\e2ba"
}
.icon-upload3:before {
    content: "\e2bb"
}
.icon-download4:before {
    content: "\e2bc"
}
.icon-upload4:before {
    content: "\e2bd"
}
.icon-download5:before {
    content: "\e2be"
}
.icon-upload5:before {
    content: "\e2bf"
}
.icon-download6:before {
    content: "\e2c0"
}
.icon-upload6:before {
    content: "\e2c1"
}
.icon-download7:before {
    content: "\e2c2"
}
.icon-upload7:before {
    content: "\e2c3"
}
.icon-globe:before {
    content: "\e2c4"
}
.icon-globe2:before {
    content: "\e2c5"
}
.icon-globe3:before {
    content: "\e2c6"
}
.icon-earth:before {
    content: "\e2c7"
}
.icon-network:before {
    content: "\e2c8"
}
.icon-link:before {
    content: "\e2c9"
}
.icon-link2:before,
.icon-link-2:before {
    content: "\e2ca"
}
.icon-link3:before {
    content: "\e2cb"
}
.icon-link22:before {
    content: "\e2cc"
}
.icon-link4:before {
    content: "\e2cd"
}
.icon-link5:before {
    content: "\e2ce"
}
.icon-link6:before {
    content: "\e2cf"
}
.icon-flag:before {
    content: "\e2d1"
}
.icon-flag2:before {
    content: "\e2d2"
}
.icon-flag3:before {
    content: "\e2d3"
}
.icon-flag4:before {
    content: "\e2d4"
}
.icon-flag5:before {
    content: "\e2d5"
}
.icon-flag6:before {
    content: "\e2d6"
}
.icon-attachment:before {
    content: "\e2d7"
}
.icon-attachment2:before {
    content: "\e2d8"
}
.icon-eye:before {
    content: "\e2d9"
}
.icon-eye-blocked:before {
    content: "\e2da"
}
.icon-bookmark:before {
    content: "\e2e3"
}
.icon-bookmark2:before {
    content: "\e2e4"
}
.icon-bookmarks:before {
    content: "\e2e5"
}
.icon-spotlight:before,
.icon-lightbulb:before,
.icon-light-bulb:before {
    content: "\e2e7"
}
.icon-starburst:before {
    content: "\e2e8"
}
.icon-snowflake:before {
    content: "\e2e9"
}
.icon-temperature:before {
    content: "\e2ea"
}
.icon-temperature2:before {
    content: "\e2eb"
}
.icon-weather-lightning:before {
    content: "\e2ec"
}
.icon-weather-rain:before {
    content: "\e2ed"
}
.icon-weather-snow:before {
    content: "\e2ee"
}
.icon-fan:before {
    content: "\e2f0"
}
.icon-umbrella:before {
    content: "\e2f1"
}
.icon-sun:before {
    content: "\e2f2"
}
.icon-sun2:before {
    content: "\e2f3"
}
.icon-star:before {
    content: "\e2fc"
}
.icon-star2:before {
    content: "\e2fd"
}
.icon-star3:before {
    content: "\e2fe"
}
.icon-star4:before {
    content: "\e2ff"
}
.icon-star5:before {
    content: "\e300"
}
.icon-star6:before {
    content: "\e301"
}
.icon-heart3:before {
    content: "\e304"
}
.icon-heart4:before {
    content: "\e305"
}
.icon-heart5:before {
    content: "\e307"
}
.icon-heart6:before {
    content: "\e308"
}
.icon-heart7:before,
.icon-heart:before {
    content: "\e30a"
}
.icon-heart8:before {
    content: "\e30b"
}
.icon-thumbs-up:before {
    content: "\e30f"
}
.icon-thumbs-up2:before {
    content: "\e310"
}
.icon-thumbs-down:before {
    content: "\e311"
}
.icon-thumbs-down2:before {
    content: "\e312"
}
.icon-thumbs-up3:before {
    content: "\e313"
}
.icon-thumbs-up4:before {
    content: "\e314"
}
.icon-cursor:before {
    content: "\e338"
}
.icon-cursor2:before {
    content: "\e339"
}
.icon-stack-empty:before {
    content: "\e340"
}
.icon-stack-minus:before {
    content: "\e342"
}
.icon-stack-star:before {
    content: "\e343"
}
.icon-stack-picture:before {
    content: "\e344"
}
.icon-stack-down:before {
    content: "\e345"
}
.icon-stack-up:before {
    content: "\e346"
}
.icon-stack-list:before {
    content: "\e349"
}
.icon-stack-user:before {
    content: "\e34e"
}
.icon-stack4:before {
    content: "\e34f"
}
.icon-stack-play:before {
    content: "\e351"
}
.icon-move:before {
    content: "\e352"
}
.icon-resize:before {
    content: "\e353"
}
.icon-resize2:before {
    content: "\e354"
}
.icon-warning:before {
    content: "\e355"
}
.icon-warning2:before {
    content: "\e356"
}
.icon-notification:before {
    content: "\e357"
}
.icon-notification2:before {
    content: "\e358"
}
.icon-question2:before,
.icon-help:before {
    content: "\e35a"
}
.icon-plus-circle:before {
    content: "\e35e"
}
.icon-plus-circle2:before,
.icon-plus-2:before {
    content: "\e35f"
}
.icon-minus-circle:before {
    content: "\e360"
}
.icon-minus-circle2:before,
.icon-minus-2:before {
    content: "\e361"
}
.icon-info:before {
    content: "\e362"
}
.icon-info2:before,
.icon-info-circle:before {
    content: "\e363"
}
.icon-blocked:before,
.icon-blocked-2:before,
.icon-denied:before {
    content: "\e364"
}
.icon-cancel-circle:before,
.icon-cancel-2:before,
.icon-cancel-3:before {
    content: "\e365"
}
.icon-cancel-circle2:before {
    content: "\e366"
}
.icon-checkmark-circle:before {
    content: "\e367"
}
.icon-checkmark-circle2:before,
.icon-check-alt:before {
    content: "\e368"
}
.icon-cancel:before {
    content: "\e369"
}
.icon-spam:before {
    content: "\e36a"
}
.icon-close:before,
.icon-x:before {
    content: "\e36b"
}
.icon-close2:before {
    content: "\e36c"
}
.icon-close3:before,
.icon-x-altx-alt:before {
    content: "\e36d"
}
.icon-close4:before {
    content: "\e36e"
}
.icon-close5:before {
    content: "\e36f"
}
.icon-checkmark:before,
.icon-checkmark-2:before,
.icon-checkmark-3:before {
    content: "\e370"
}
.icon-checkmark2:before {
    content: "\e371"
}
.icon-checkmark3:before {
    content: "\e372"
}
.icon-checkmark4:before {
    content: "\e373"
}
.icon-minus:before {
    content: "\e375"
}
.icon-plus:before {
    content: "\e376"
}
.icon-minus2:before {
    content: "\e377"
}
.icon-plus2:before {
    content: "\e378"
}
.icon-enter:before {
    content: "\e379"
}
.icon-exit:before {
    content: "\e37a"
}
.icon-enter2:before {
    content: "\e37b"
}
.icon-exit2:before {
    content: "\e37c"
}
.icon-enter3:before {
    content: "\e37d"
}
.icon-exit3:before {
    content: "\e37e"
}
.icon-exit4:before {
    content: "\e37f"
}
.icon-play3:before,
.icon-play-alt:before {
    content: "\e380"
}
.icon-pause:before {
    content: "\e381"
}
.icon-stop:before {
    content: "\e382"
}
.icon-backward:before {
    content: "\e383"
}
.icon-forward2:before {
    content: "\e384"
}
.icon-play4:before {
    content: "\e385"
}
.icon-pause2:before {
    content: "\e386"
}
.icon-stop2:before {
    content: "\e387"
}
.icon-backward2:before {
    content: "\e388"
}
.icon-forward3:before {
    content: "\e389"
}
.icon-first:before {
    content: "\e38a"
}
.icon-last:before {
    content: "\e38b"
}
.icon-previous:before {
    content: "\e38c"
}
.icon-next:before {
    content: "\e38d"
}
.icon-eject:before {
    content: "\e38e"
}
.icon-volume-high:before {
    content: "\e38f"
}
.icon-volume-medium:before {
    content: "\e390"
}
.icon-volume-low:before {
    content: "\e391"
}
.icon-volume-mute:before {
    content: "\e392"
}
.icon-volume-mute2:before {
    content: "\e393"
}
.icon-volume-increase:before {
    content: "\e394"
}
.icon-volume-decrease:before {
    content: "\e395"
}
.icon-volume-high2:before {
    content: "\e396"
}
.icon-volume-medium2:before {
    content: "\e397"
}
.icon-volume-low2:before {
    content: "\e398"
}
.icon-volume-mute3:before {
    content: "\e399"
}
.icon-volume-mute4:before {
    content: "\e39a"
}
.icon-volume-increase2:before {
    content: "\e39b"
}
.icon-volume-decrease2:before {
    content: "\e39c"
}
.icon-volume5:before {
    content: "\e39d"
}
.icon-volume4:before {
    content: "\e39e"
}
.icon-volume3:before {
    content: "\e39f"
}
.icon-volume2:before {
    content: "\e3a0"
}
.icon-volume1:before {
    content: "\e3a1"
}
.icon-volume0:before {
    content: "\e3a2"
}
.icon-volume-mute5:before {
    content: "\e3a3"
}
.icon-volume-mute6:before {
    content: "\e3a4"
}
.icon-loop:before {
    content: "\e3a5"
}
.icon-loop2:before {
    content: "\e3a6"
}
.icon-loop3:before {
    content: "\e3a7"
}
.icon-loop4:before {
    content: "\e3a8"
}
.icon-loop5:before {
    content: "\e3a9"
}
.icon-shuffle:before {
    content: "\e3aa"
}
.icon-shuffle2:before {
    content: "\e3ab"
}
.icon-wave:before {
    content: "\e3ac"
}
.icon-wave2:before {
    content: "\e3ad"
}
.icon-arrow-first:before {
    content: "\e3ae"
}
.icon-arrow-last:before {
    content: "\e3af"
}
.icon-arrow-up:before,
.icon-arrow-up-2:before,
.icon-arrow-7:before {
    content: "\e3b0"
}
.icon-arrow-right2:before,
.icon-arrow-right:before,
.icon-arrow-6:before {
    content: "\e3b1"
}
.icon-arrow-down:before,
.icon-arrow-8:before {
    content: "\e3b2"
}
.icon-arrow-left:before,
.icon-arrow-9:before {
    content: "\e3b3"
}
.icon-arrow-up2:before,
.icon-arrow-triangle-2:before {
    content: "\e3b4"
}
.icon-arrow-right3:before,
.icon-arrow-triangle:before {
    content: "\e3b5"
}
.icon-arrow-down2:before,
.icon-arrow-triangle-3:before {
    content: "\e3b6"
}
.icon-arrow-left2:before {
    content: "\e3b7"
}
.icon-arrow-up-left:before {
    content: "\e3b8"
}
.icon-arrow-up3:before,
.icon-arrow-15:before,
.icon-arrow-19:before {
    content: "\e3b9"
}
.icon-arrow-up-right:before {
    content: "\e3ba"
}
.icon-arrow-right4:before,
.icon-arrow-14:before,
.icon-arrow-18:before,
.icon-arrow-right-2:before {
    content: "\e3bb"
}
.icon-arrow-down-right:before {
    content: "\e3bc"
}
.icon-arrow-down3:before,
.icon-arrow-16:before,
.icon-arrow-20:before {
    content: "\e3bd"
}
.icon-arrow-down-left:before {
    content: "\e3be"
}
.icon-arrow-left3:before,
.icon-arrow-17:before,
.icon-arrow-21:before,
.icon-arrow-left-2:before {
    content: "\e3bf"
}
.icon-arrow-up-left2:before {
    content: "\e3c0"
}
.icon-arrow-up4:before {
    content: "\e3c1"
}
.icon-arrow-up-right2:before {
    content: "\e3c2"
}
.icon-arrow-right5:before {
    content: "\e3c3"
}
.icon-arrow-down-right2:before {
    content: "\e3c4"
}
.icon-arrow-down4:before {
    content: "\e3c5"
}
.icon-arrow-down-left2:before {
    content: "\e3c6"
}
.icon-arrow-left4:before {
    content: "\e3c7"
}
.icon-arrow-up-left3:before {
    content: "\e3c8"
}
.icon-arrow-up5:before {
    content: "\e3c9"
}
.icon-arrow-up-right3:before {
    content: "\e3ca"
}
.icon-arrow-right6:before {
    content: "\e3cb"
}
.icon-arrow-down-right3:before {
    content: "\e3cc"
}
.icon-arrow-down5:before {
    content: "\e3cd"
}
.icon-arrow-down-left3:before {
    content: "\e3ce"
}
.icon-arrow-left5:before {
    content: "\e3cf"
}
.icon-arrow-up-left4:before {
    content: "\e3d0"
}
.icon-arrow-up6:before {
    content: "\e3d1"
}
.icon-arrow-up-right4:before {
    content: "\e3d2"
}
.icon-arrow-right7:before {
    content: "\e3d3"
}
.icon-arrow-down-right4:before {
    content: "\e3d4"
}
.icon-arrow-down6:before {
    content: "\e3d5"
}
.icon-arrow-down-left4:before {
    content: "\e3d6"
}
.icon-arrow-left6:before {
    content: "\e3d7"
}
.icon-arrow:before {
    content: "\e3d8"
}
.icon-arrow2:before {
    content: "\e3d9"
}
.icon-arrow3:before {
    content: "\e3da"
}
.icon-arrow4:before {
    content: "\e3db"
}
.icon-arrow5:before {
    content: "\e3dc"
}
.icon-arrow6:before {
    content: "\e3dd"
}
.icon-arrow7:before {
    content: "\e3de"
}
.icon-arrow8:before {
    content: "\e3df"
}
.icon-arrow-up-left5:before {
    content: "\e3e0"
}
.icon-arrow-square:before {
    content: "\e3e1"
}
.icon-arrow-up-right5:before {
    content: "\e3e2"
}
.icon-arrow-right8:before {
    content: "\e3e3"
}
.icon-arrow-down-right5:before {
    content: "\e3e4"
}
.icon-arrow-down7:before {
    content: "\e3e5"
}
.icon-arrow-down-left5:before {
    content: "\e3e6"
}
.icon-arrow-left7:before {
    content: "\e3e7"
}
.icon-arrow-up7:before {
    content: "\e3e8"
}
.icon-arrow-right9:before {
    content: "\e3e9"
}
.icon-arrow-down8:before {
    content: "\e3ea"
}
.icon-arrow-left8:before {
    content: "\e3eb"
}
.icon-arrow-up8:before {
    content: "\e3ec"
}
.icon-arrow-right10:before {
    content: "\e3ed"
}
.icon-arrow-bottom:before {
    content: "\e3ee"
}
.icon-arrow-left9:before {
    content: "\e3ef"
}
.icon-arrow-up-left6:before {
    content: "\e3f0"
}
.icon-arrow-up9:before {
    content: "\e3f1"
}
.icon-arrow-up-right6:before {
    content: "\e3f2"
}
.icon-arrow-right11:before {
    content: "\e3f3"
}
.icon-arrow-down-right6:before {
    content: "\e3f4"
}
.icon-arrow-down9:before {
    content: "\e3f5"
}
.icon-arrow-down-left6:before {
    content: "\e3f6"
}
.icon-arrow-left10:before {
    content: "\e3f7"
}
.icon-arrow-up-left7:before {
    content: "\e3f8"
}
.icon-arrow-up10:before {
    content: "\e3f9"
}
.icon-arrow-up-right7:before {
    content: "\e3fa"
}
.icon-arrow-right12:before {
    content: "\e3fb"
}
.icon-arrow-down-right7:before {
    content: "\e3fc"
}
.icon-arrow-down10:before {
    content: "\e3fd"
}
.icon-arrow-down-left7:before {
    content: "\e3fe"
}
.icon-arrow-left11:before {
    content: "\e3ff"
}
.icon-arrow-up11:before {
    content: "\e400"
}
.icon-arrow-right13:before {
    content: "\e401"
}
.icon-arrow-down11:before {
    content: "\e402"
}
.icon-arrow-left12:before {
    content: "\e403"
}
.icon-arrow-up12:before {
    content: "\e404"
}
.icon-arrow-right14:before {
    content: "\e405"
}
.icon-arrow-down12:before {
    content: "\e406"
}
.icon-arrow-left13:before {
    content: "\e407"
}
.icon-arrow-up13:before {
    content: "\e408"
}
.icon-arrow-right15:before {
    content: "\e409"
}
.icon-arrow-down13:before {
    content: "\e40a"
}
.icon-arrow-left14:before {
    content: "\e40b"
}
.icon-arrow-up14:before {
    content: "\e40c"
}
.icon-arrow-right16:before {
    content: "\e40d"
}
.icon-arrow-down14:before {
    content: "\e40e"
}
.icon-arrow-left15:before {
    content: "\e40f"
}
.icon-arrow-up16:before {
    content: "\e414"
}
.icon-arrow-right18:before {
    content: "\e415"
}
.icon-arrow-down16:before {
    content: "\e416"
}
.icon-checkbox-checked:before {
    content: "\e42e"
}
.icon-square:before {
    content: "\e430"
}
.icon-checkbox:before {
    content: "\e432"
}
.icon-checkbox-unchecked2:before {
    content: "\e433"
}
.icon-checkbox-partial2:before {
    content: "\e434"
}
.icon-checkbox-checked2:before {
    content: "\e435"
}
.icon-checkbox-unchecked3:before {
    content: "\e436"
}
.icon-checkbox-partial3:before {
    content: "\e437"
}
.icon-radio-checked:before {
    content: "\e438"
}
.icon-radio-unchecked:before {
    content: "\e439"
}
.icon-circle:before {
    content: "\e43a"
}
.icon-circle2:before {
    content: "\e43b"
}
.icon-crop:before {
    content: "\e43c"
}
.icon-crop2:before {
    content: "\e43d"
}
.icon-vector:before {
    content: "\e43e"
}
.icon-rulers:before {
    content: "\e43f"
}
.icon-scissors:before {
    content: "\e440"
}
.icon-scissors2:before {
    content: "\e441"
}
.icon-scissors3:before {
    content: "\e442"
}
.icon-filter:before {
    content: "\e443"
}
.icon-filter2:before {
    content: "\e444"
}
.icon-filter3:before {
    content: "\e445"
}
.icon-filter4:before {
    content: "\e446"
}
.icon-table:before {
    content: "\e465"
}
.icon-share:before {
    content: "\e47b"
}
.icon-new-tab:before {
    content: "\e47c"
}
.icon-new-tab2:before {
    content: "\e47d"
}
.icon-popout:before,
.icon-new-window:before {
    content: "\e47e"
}
.icon-embed:before {
    content: "\e47f"
}
.icon-code:before {
    content: "\e480"
}
.icon-console:before {
    content: "\e481"
}
.icon-seven-segment1:before {
    content: "\e483"
}
.icon-seven-segment2:before {
    content: "\e484"
}
.icon-seven-segment3:before {
    content: "\e485"
}
.icon-seven-segment4:before {
    content: "\e486"
}
.icon-seven-segment5:before {
    content: "\e487"
}
.icon-seven-segment6:before {
    content: "\e488"
}
.icon-seven-segment7:before {
    content: "\e489"
}
.icon-seven-segment8:before {
    content: "\e48a"
}
.icon-share2:before,
.icon-share-2:before {
    content: "\e48c"
}
.icon-mail:before {
    content: "\e48e"
}
.icon-mail2:before {
    content: "\e48f"
}
.icon-mail3:before {
    content: "\e490"
}
.icon-mail4:before {
    content: "\e491"
}
.icon-google:before {
    content: "\e492"
}
.icon-google-plus:before {
    content: "\e493"
}
.icon-google-plus2:before,
.icon-google-plus-2:before {
    content: "\e494"
}
.icon-google-plus3:before {
    content: "\e495"
}
.icon-google-plus4:before {
    content: "\e496"
}
.icon-google-drive:before {
    content: "\e497"
}
.icon-facebook:before {
    content: "\e498"
}
.icon-facebook2:before,
.icon-facebook-2:before {
    content: "\e499"
}
.icon-facebook3:before {
    content: "\e49a"
}
.icon-facebook4:before {
    content: "\e49b"
}
.icon-instagram:before {
    content: "\e49c"
}
.icon-twitter:before {
    content: "\e49d"
}
.icon-twitter2:before,
.icon-twitter-2:before {
    content: "\e49e"
}
.icon-twitter3:before,
.icon-twitter-3:before,
.icon-twitter-4:before {
    content: "\e49f"
}
.icon-feed2:before,
.icon-feed:before,
.icon-rss-alt:before {
    content: "\e4a0"
}
.icon-feed3:before,
.icon-feed-2:before,
.icon-rss:before {
    content: "\e4a1"
}
.icon-feed4:before {
    content: "\e4a2"
}
.icon-youtube:before {
    content: "\e4a3"
}
.icon-youtube2:before,
.icon-youtube-2:before {
    content: "\e4a4"
}
.icon-vimeo:before {
    content: "\e4a5"
}
.icon-vimeo2:before {
    content: "\e4a6"
}
.icon-vimeo3:before {
    content: "\e4a7"
}
.icon-flickr:before {
    content: "\e4a9"
}
.icon-flickr2:before {
    content: "\e4aa"
}
.icon-flickr3:before {
    content: "\e4ab"
}
.icon-flickr4:before {
    content: "\e4ac"
}
.icon-picassa:before {
    content: "\e4ad"
}
.icon-picassa2:before {
    content: "\e4ae"
}
.icon-steam:before {
    content: "\e4b6"
}
.icon-steam2:before {
    content: "\e4b7"
}
.icon-github:before {
    content: "\e4b8"
}
.icon-github2:before {
    content: "\e4b9"
}
.icon-github3:before {
    content: "\e4ba"
}
.icon-github4:before {
    content: "\e4bb"
}
.icon-github5:before {
    content: "\e4bc"
}
.icon-wordpress:before {
    content: "\e4bd"
}
.icon-wordpress2:before {
    content: "\e4be"
}
.icon-joomla:before {
    content: "\e4bf"
}
.icon-blogger:before {
    content: "\e4c0"
}
.icon-blogger2:before {
    content: "\e4c1"
}
.icon-tumblr:before {
    content: "\e4c2"
}
.icon-tumblr2:before {
    content: "\e4c3"
}
.icon-yahoo:before {
    content: "\e4c4"
}
.icon-tux:before {
    content: "\e4c5"
}
.icon-apple:before {
    content: "\e4c6"
}
.icon-android:before {
    content: "\e4c8"
}
.icon-windows:before {
    content: "\e4c9"
}
.icon-windows8:before {
    content: "\e4ca"
}
.icon-skype:before {
    content: "\e4cd"
}
.icon-linkedin:before {
    content: "\e4cf"
}
.icon-delicious:before {
    content: "\e4d2"
}
.icon-stackoverflow:before {
    content: "\e4d5"
}
.icon-pinterest:before {
    content: "\e4d6"
}
.icon-pinterest2:before {
    content: "\e4d7"
}
.icon-flattr:before {
    content: "\e4da"
}
.icon-foursquare:before {
    content: "\e4db"
}
.icon-foursquare2:before {
    content: "\e4dc"
}
.icon-paypal:before {
    content: "\e4dd"
}
.icon-yelp:before {
    content: "\e4e0"
}
.icon-libreoffice:before {
    content: "\e4e1"
}
.icon-file-pdf:before {
    content: "\e4e2"
}
.icon-file-openoffice:before {
    content: "\e4e3"
}
.icon-file-word:before {
    content: "\e4e4"
}
.icon-file-excel:before {
    content: "\e4e5"
}
.icon-file-zip:before {
    content: "\e4e6"
}
.icon-file-powerpoint:before {
    content: "\e4e7"
}
.icon-file-xml:before {
    content: "\e4e8"
}
.icon-file-css:before {
    content: "\e4e9"
}
.icon-html5:before {
    content: "\e4ea"
}
.icon-html52:before {
    content: "\e4eb"
}
.icon-css3:before {
    content: "\e4ec"
}
.icon-chrome:before {
    content: "\e4ed"
}
.icon-firefox:before {
    content: "\e4ee"
}
.icon-IE:before {
    content: "\e4ef"
}
.icon-opera:before {
    content: "\e4f0"
}
.icon-safari:before {
    content: "\e4f1"
}
.icon-image3:before {
    content: "\e02d"
}
.icon-film4:before {
    content: "\e04a"
}
.icon-contact-add2:before {
    content: "\e0e0"
}
.icon-contact-remove:before {
    content: "\e0df"
}
.icon-contact-add:before {
    content: "\e0de"
}
.icon-bubble-dots2:before {
    content: "\e15d"
}
.icon-contract:before {
    content: "\e1c0"
}
.icon-expand3:before {
    content: "\e1c8"
}
.icon-lock5:before {
    content: "\e1d5"
}
.icon-construction:before {
    content: "\e1f5"
}
.icon-tree:before {
    content: "\e22f"
}
.icon-cube:before {
    content: "\e266"
}
.icon-brain:before {
    content: "\e278"
}
.icon-anchor:before {
    content: "\e2d0"
}
.icon-stack-plus:before {
    content: "\e341"
}
.icon-spell-check:before {
    content: "\e374"
}
.icon-arrow-left17:before {
    content: "\e417"
}
.icon-width:before {
    content: "\e44d"
}
.icon-height:before {
    content: "\e44c"
}
.icon-table2:before {
    content: "\e466"
}
.icon-seven-segment9:before {
    content: "\e48b"
}
.icon-rounded-container {
    background: #ebebeb;
    border-radius: 50%;
    color: #777;
    display: inline-block;
    font-size: 32px;
    height: 64px;
    line-height: 64px;
    width: 64px;
    text-align: center
}
.icon-rounded-container a {
    color: #777;
    text-decoration: none
}
.icon-rounded-container a:hover {
    color: #000;
    text-decoration: none
}
.icon-rounded-container [class^="icon-"],
.icon-rounded-container [class*=" icon-"] {
    line-height: 64px !important
}
.icon-rounded-container.reversed {
    background: #333;
    color: #fff
}
a.icon-rounded-container:hover,
a:hover .icon-rounded-container {
    background: #e3e3e3;
    color: #000;
    text-decoration: none
}
.icon-button-icon {
    font-size: 16px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    right: 9px
}
@media (max-width: 660px) {
    .icon-button-icon {
        margin: 0 0 0 7px;
        position: static
    }
}
.icon-large,
.icon-md-large,
.icon-x-large,
.icon-xx-large,
.icon-xxx-large {
    text-decoration: none !important;
    font-size: 16px
}
a .icon-large:hover,
a .icon-md-large:hover,
a .icon-x-large:hover,
a .icon-xx-large:hover,
a .icon-xxx-large:hover {
    text-decoration: none !important
}
.icon-md-large {
    font-size: 24px
}
.icon-x-large {
    font-size: 32px
}
.icon-xx-large {
    font-size: 48px
}
.icon-xxx-large {
    font-size: 64px
}
.icon-hero {
    color: #000;
    text-decoration: none !important;
    font-size: 36px
}
a .icon-hero {
    color: #333
}
a .icon-hero:hover {
    text-decoration: none !important;
    color: #2e5790
}
.icon-row a {
    color: #333;
    display: inline-block;
    font-size: 16px;
    margin: 0 0 0 5px
}
.icon-row a:hover {
    text-decoration: none
}
.icon-row a:hover [class^="icon-"]:before,
.icon-row a:hover [class*=" icon-"]:before {
    color: #000
}
.icon-row.icon-large a {
    font-size: 24px
}
.icon-row.icon-row-white a {
    color: #fff
}
.icon-row-social {
    padding-bottom: 18px;
    text-align: center
}
.icon-row-social ul {
    display: table;
    list-style: none;
    margin: 0 auto;
    padding: 0;
    position: relative
}
.icon-row-social li {
    float: left;
    line-height: 1;
    margin: 0 6px;
    position: static
}
.icon-row-social li:hover strong {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
    filter: alpha(opacity=100) !important;
    -khtml-opacity: 1 !important;
    -moz-opacity: 1 !important;
    opacity: 1 !important
}
.icon-row-social strong {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    color: #333;
    font-size: 11px;
    font-weight: normal;
    left: 100%;
    margin-top: -5px;
    padding: 0 0 0 5px;
    position: absolute;
    top: 50%;
    text-align: center;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    text-transform: uppercase;
    white-space: nowrap
}
.icon-row-social a {
    display: block;
    font-size: 32px;
    line-height: 1;
    text-decoration: none !important;
    padding: 8px;
    border-radius: 28px;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}
.icon-row-social a:hover {
    background: #cee1ef
}
@media only screen and (max-width: 660px) {
    .icon-row-social strong {
        display: none
    }
}
.has-mgc-icon {
    padding-left: 21px !important;
    position: relative
}
.has-mgc-icon .mgc-icon {
    color: #000 !important;
    font-weight: normal !important;
    left: 0;
    position: absolute;
    top: 0
}
.items .has-mgc-icon .mgc-icon {
    top: 7px
}
.icon-grey {
    color: #777 !important
}
.icon-black {
    color: #1f1f1f !important
}
.icon-white {
    color: #fff !important
}
.icon-green {
    color: #87bb53 !important
}
.icon-red {
    color: #c00
}
.icon-color {
    border-radius: 32px;
    color: #fff !important;
    display: inline-block;
    font-size: 16px;
    height: 32px;
    line-height: 32px;
    width: 32px;
    text-align: center;
    text-decoration: none !important
}
.icon-color:hover {
    color: rgba(255, 255, 255, 0.7);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    -khtml-opacity: .8;
    -moz-opacity: .8;
    opacity: .8;
    text-decoration: none
}
.icon-color [class^="icon-"],
.icon-color [class*=" icon-"] {
    line-height: 32px !important
}
.icon-color-facebook {
    background-color: #3b5998
}
.icon-color-twitter {
    background-color: #00aced
}
.icon-color-google-plus {
    background-color: #dd4b39
}
.icon-color-youtube {
    background: #cd201f;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #b31217), color-stop(1, #e52d27));
    background: -ms-linear-gradient(bottom, #b31217, #e52d27);
    background: -moz-linear-gradient(center bottom, #b31217 0, #e52d27 100%)
}
.icon-color-linkedin {
    background-color: #007bb6
}
.icon-color-rss {
    background-color: #f60
}
.callout-title [class^="icon-"],
.modularlayout-title [class^="icon-"],
.callout-title [class*=" icon-"],
.modularlayout-title [class*=" icon-"] {
    float: left;
    font-size: 16px;
    margin-right: 5px;
    margin-top: -2px
}
@media only screen and (max-width: 768px) {
    body {
        -webkit-text-size-adjust: none
    }
    img {
        max-width: 100%
    }
}
@media only screen and (max-width: 660px) {
    .mobile-hide {
        display: none !important
    }
    .mobile-show {
        display: block !important
    }
    .mobile-show.mobile-display-inline {
        display: inline !important
    }
}
@media only screen and (min-width: 569px) and (max-width: 768px) {
    #mobile-toggle .span8 {
        padding: 0 0 10px;
        text-align: center;
        width: 100% !important
    }
    #copy {
        padding-left: 10px;
        padding-right: 10px
    }
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
    .responsive-hide,
    #scrollToTop {
        display: none !important
    }
    .responsive-show {
        display: block !important
    }
    .responsive-show.responsive-display-inline {
        display: inline !important
    }
}
@media only screen and (min-width: 769px) {
    .desktop-hide {
        display: none
    }
}
@media print {
    * {
        background-image: none !important;
        box-shadow: none !important;
        text-shadow: none !important
    }
    body {
        background: none !important;
        padding: 0 !important;
        width: 100%
    }
    .hide-print,
    .FixedHeader_Cloned,
    .ColVis_Button,
    #mobile-header,
    #header-primary,
    #user,
    #sidebar,
    #footer,
    #footer-section,
    #search,
    .more,
    a.show-hide,
    .button-fixed-right,
    #bread,
    #header-secondary {
        display: none
    }
    #content #copy,
    div.copy,
    .container {
        background-image: none !important;
        background: none !important;
        border: none !important;
        float: none !important;
        height: auto !important;
        min-height: 0 !important;
        padding: 0 !important;
        width: auto !important
    }
    #content {
        border-top: none
    }
    a,
    a:visited {
        color: #000;
        text-decoration: none
    }
}

.size { position:absolute; margin: 10px; z-index: 999; right: 0px; display: block; }
.size .field {
    width:300px; background:#006d66; color:#fff; padding:3px; padding-left: 5px; padding-top: 5px; border:none; cursor:pointer;
    font-family:'lucida sans unicode',sans-serif; font-size:10px;
    vertical-align: middle;
    border:solid 0px #ffffff;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.size .field:hover {
    border:solid 1px #fff;
    -moz-box-shadow:0 0 5px #999; -webkit-box-shadow:0 0 5px #999; box-shadow:0 0 5px #999
}
.size>ul.list { display:none;
    position:absolute; right:0px; top:0px; z-index:999;
    width:130px;
    margin:0; padding:10px; list-style:none;
    background:#fff; color:#333;
    -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
    -moz-box-shadow:0 0 5px #999; -webkit-box-shadow:0 0 5px #999; box-shadow:0 0 5px #999
}
.size>ul.list li {
    padding:10px;
    border-bottom: solid 1px #ccc;
}
.size>ul.list li:hover {
    background:#1fa06b; color:#fff;
}
.size>ul.list li:last-child { border:none }

.fdiv {
    background: #f2f7fb;
    font: normal 14px Verdana;
    color: #000000;
    line-height: 17px;
    letter-spacing: 0px;
    border-spacing: 0px;
    border: 1px solid #006d66;
    padding: 10px 10px;
    text-align: justify;
    width: 800px;
    height: 600px;
    z-index: 1;
    position: relative;
    overflow:auto;
}
.text {
    margin-top: 16px;
}
.fdivm {
    font: normal 14px Verdana;
    color: #000000;
    line-height: 17px;
    letter-spacing: 0px;
    border-spacing: 0px;
    border: 1px solid #136342;
    padding: 10px 10px;
    text-align: justify;
    width: 900px;
    height: 600px;
    z-index: 1;
    position: relative;
    overflow:auto;
}
.mask { overflow:hidden; }
.roundedCorners {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: #666 0px 2px 3px;
    -moz-box-shadow: #666 0px 2px 3px;
    box-shadow: #666 0px 2px 3px;
}

.row-container table tr>td {
    width: 262px;
    vertical-align: middle;
}

.leftimg {
    float:left; /* Выравнивание по левому краю */
    margin: 7px 10px 10px 0; /* Отступы вокруг картинки */
}
.rightimg  {
    float: right; /* Выравнивание по правому краю  */
    margin: 7px 0 10px 10px; /* Отступы вокруг картинки */
}