.contain-to-grid {
    background-color: #222;
    padding-bottom: 2px
}

.mgmenu,
.mgmenu>li ul {
    list-style: none
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min-device-pixel-ratio:2) {
    body {
        background: #fff
    }
}

.page_wrapper {
    width: 80%;
    margin: 0 auto;
    max-width: 960px
}

p.mm {
    font-size: 12px;
    line-height: 21px;
    margin-bottom: 18px
}

.mgmenu *,
.mgmenu:after,
.mgmenu:before {
    -webkit-box-sizing: content-box!important;
    -moz-box-sizing: content-box!important;
    box-sizing: content-box!important
}

#mgmenu1 {
    z-index: 12
}

#mgmenu2 {
    margin-top: 12px;
    z-index: 11
}

.mgmenu_container,
.mgmenu_fixed,
.mgmenu_footer {
    width: 960px;
    height: 40px;
    z-index: 10;
    background: #222
}

.mgmenu_container {
    position: relative;
    margin: 0 auto
}

.mgmenu_fixed,
.mgmenu_footer {
    width: inherit;
    max-width: inherit;
    position: fixed;
    top: 0
}

.mgmenu_footer {
    top: auto;
    bottom: 0
}

.mgmenu {
    height: 87%;
    font-family: proxima-nova, "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif;
    font-size: 15px;
    padding: 0;
    margin: 0;
    position: relative;
    line-height: 1
}

.mgmenu>li {
    float: left;
    margin: 0;
    padding-right: 25px;
    -webkit-transition: background .3s;
    -moz-transition: background .3s;
    -o-transition: background .3s;
    -ms-transition: background .3s;
    transition: background .3s
}

.mgmenu>li.active,
.mgmenu>li:hover {
    background-color: #131313
}

.mgmenu li.noactive {
    background: 0 0
}

.mgmenu>li>a,
.mgmenu>li>span {
    display: block;
    color: #fff;
    font-size: 14px;
    outline: 0;
    text-decoration: none;
    padding: 15px 5px 10px 15px
}

.mgmenu>li.logo>a,
.mgmenu>li.logo>span {
    padding: 0
}

li.noactive.logo {
  height: 100%;
  margin: .2rem 4rem 0 0;
  padding: .0rem 0;
  background: url(/assets/images/icons/ue.svg) no-repeat left;
  background-origin: content-box;
}

.noactive.logo div {
  padding-left: 2.5rem;
  color: #b9b9b9;
}

.noactive.logo div:first-child {
  padding-top: 6px;
  letter-spacing: -.5px;
  font-size: 115%;
}

.noactive.logo div:last-child {
  font-size: 65%;
  color: gray;
}

.mgmenu>li>span img {
    margin-left: 2px
}

.mgmenu>li>a:focus,
.mgmenu>li>a:hover,
.mgmenu>li>span:hover {
    cursor: pointer;
    color: #fff;
    outline: 0
}

.mgmenu>li .mgmenu_drop {
    background-image: url(../img/downArrow.png);
    background-repeat: no-repeat;
    background-position: right 19px;
    padding-right: 20px
}

.mgmenu_footer .mgmenu>li .mgmenu_drop {
    background-image: url(../img/upArrow.png)
}

.mgmenu>li.right_item {
    float: right;
    margin-right: 0
}

.mgmenu_container>.mgmenu>li.mgmenu_button,
.mgmenu_fixed>.mgmenu>li.mgmenu_button,
.mgmenu_footer>.mgmenu>li.mgmenu_button {
    display: none;
    cursor: pointer;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
    font-weight: 700;
    background-color: transparent;
    background-image: url(../img/toggle.png);
    background-repeat: no-repeat;
    background-position: 96% 10px;
    line-height: 12px;
    padding: 14px 4%;
    color: #fff;
    text-shadow: 1px 1px 1px #000
}

.mgmenu_container>.mgmenu>li.mgmenu_button_active,
.mgmenu_fixed>.mgmenu>li.mgmenu_button_active,
.mgmenu_footer>.mgmenu>li.mgmenu_button_active {
    background-color: #000
}

.mgmenu_trigger {
    position: fixed;
    z-index: 2;
    margin: 0 20px 0 auto;
    right: 0;
    width: 35px;
    height: 41px;
    display: block;
    top: 0;
    background-image: url(../img/button_up.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #121212
}

.mgmenu_footer~.mgmenu_trigger,
.mgmenu_trigger.active {
    background-image: url(../img/button_down.png)
}

.mgmenu_footer~.mgmenu_trigger {
    top: auto;
    bottom: 0
}

.mgmenu_footer~.mgmenu_trigger.active {
    background-image: url(../img/button_up.png)
}

.mgmenu li .dropdown_container,
.mgmenu li .dropdown_fullwidth,
.mgmenu li .mgmenu_multilevel {
    position: absolute;
    top: auto;
    display: none;
    float: left;
    zoom: 1;
    z-index: 10;
    margin: 1px 0 40px -1px;
    padding: 20px 0 6px;
    -webkit-border-radius: 0 3px 3px;
    -moz-border-radius: 0 3px 3px;
    border-radius: 0 3px 3px;
    -webkit-box-shadow: 0 2px 2px 2px rgba(0, 0, 0, .05);
    -moz-box-shadow: 0 2px 2px 2px rgba(0, 0, 0, .05);
    -o-box-shadow: 0 2px 2px 2px rgba(0, 0, 0, .05);
    box-shadow: 0 2px 2px 2px rgba(0, 0, 0, .05);
    border-top: none;
    background: #fff;
    color: #212121
}

.mgmenu li .dropdown_container a,
.mgmenu li .dropdown_fullwidth a,
.mgmenu li .mgmenu_multilevel a {
    color: #333
}

.mgmenu li .dropdown_container {
    left: auto
}

.mgmenu li .dropdown_fullwidth {
    left: 0
}

.mgmenu li.right_item .dropdown_container {
    left: auto;
    right: -1px
}

.mgmenu_footer .mgmenu>li .dropdown_container,
.mgmenu_footer .mgmenu>li .dropdown_fullwidth,
.mgmenu_footer .mgmenu>li .mgmenu_multilevel {
    margin: 0 0 0 -1px;
    top: auto;
    bottom: 0;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    -webkit-box-shadow: 0 -2px 2px rgba(0, 0, 0, .05);
    -moz-box-shadow: 0 -2px 2px rgba(0, 0, 0, .05);
    -o-box-shadow: 0 -2px 2px rgba(0, 0, 0, .05);
    box-shadow: 0 -2px 2px rgba(0, 0, 0, .05);
    border-bottom: none
}

.mgmenu>li.right_item:hover .dropdown_container,
.mgmenu>li:hover .dropdown_container,
.mgmenu>li:hover .dropdown_fullwidth {
    display: block
}

.mgmenu li .dropdown_1column {
    width: 8.3334%;
    padding-left: 2%;
    padding-right: 2%
}

.mgmenu li .dropdown_2columns {
    width: 16.6667%;
    padding-left: 1.8333%;
    padding-right: 1.8333%
}
.mgmenu li .dropdown_2columns.nopad {
    width: 20.3333%;
    padding-left: 0;
    padding-right: 0
}
.mgmenu li .dropdown_3columns {
    width: 25%;
    padding-left: 1.5%;
    padding-right: 1.5%
}

.mgmenu li .dropdown_4columns {
    width: 33.3334%;
    padding-left: 1.333%;
    padding-right: 1.333%
}

.mgmenu li .dropdown_5columns {
    width: 41.6667%;
    padding-left: 1.166%;
    padding-right: 1.166%
}

.mgmenu li .dropdown_6columns {
    width: 50%;
    padding-left: 1%;
    padding-right: 1%
}

.mgmenu li .dropdown_7columns {
    width: 58.3334%;
    padding-left: .833%;
    padding-right: .833%
}

.mgmenu li .dropdown_8columns {
    width: 66.6667%;
    padding-left: .666%;
    padding-right: .666%
}

.mgmenu li .dropdown_9columns {
    width: 75%;
    padding-left: .5%;
    padding-right: .5%
}

.mgmenu li .dropdown_10columns {
    width: 83.3334%;
    padding-left: .333%;
    padding-right: .333%
}

.mgmenu li .dropdown_11columns {
    width: 91.6667%;
    padding-left: .1666%;
    padding-right: .1666%
}

.mgmenu li .dropdown_fullwidth {
    width: 100%
}

.mgmenu .col_1,
.mgmenu .col_10,
.mgmenu .col_11,
.mgmenu .col_12,
.mgmenu .col_2,
.mgmenu .col_3,
.mgmenu .col_4,
.mgmenu .col_5,
.mgmenu .col_6,
.mgmenu .col_7,
.mgmenu .col_8,
.mgmenu .col_9 {
    float: left;
    display: inline;
    position: relative;
    padding-left: 2%;
    padding-right: 2%;
    -webkit-box-sizing: content-box!important;
    -moz-box-sizing: content-box!important;
    box-sizing: content-box!important
}

.mgmenu .col_1 {
    width: 4.33%
}

.mgmenu .col_2 {
    width: 12.66%
}

.mgmenu .col_3 {
    width: 21%
}

.mgmenu .col_4 {
    width: 29.33%
}

.mgmenu .col_5 {
    width: 37.66%
}

.mgmenu .col_6 {
    width: 46%
}

.mgmenu .col_7 {
    width: 54.33%
}

.mgmenu .col_8 {
    width: 62.66%
}

.mgmenu .col_9 {
    width: 71%
}

.mgmenu .col_10 {
    width: 79.33%
}

.mgmenu .col_11 {
    width: 87.66%
}

.mgmenu .col_12 {
    width: 96%
}

.mgmenu .clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 18px
}

.mgmenu .col_border {
    -webkit-box-shadow: -1px 0 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: -1px 0 0 rgba(0, 0, 0, .15);
    -o-box-shadow: -1px 0 0 rgba(0, 0, 0, .15);
    box-shadow: -1px 0 0 rgba(0, 0, 0, .15)
}

.mgmenu .dropdown_flyout,
.mgmenu .dropdown_flyout .dropdown_flyout_level {
    padding: 0;
    margin: 0;
    list-style: none;
    z-index: 9;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px
}

.mgmenu .dropdown_flyout li {
    float: left;
    width: 100%;
    padding: 3px 0
}

.mgmenu .dropdown_flyout ul li {
    width: 160px;
    padding: 3px 10px
}

.mgmenu .dropdown_flyout li.last {
    margin-bottom: 12px
}

.mgmenu .dropdown_flyout a {
    display: block;
    width: 10em
}

body.windows .mgmenu ul li.dl_x { display: none; }
body.mac .mgmenu ul li.dl_win { display: none; }
body.linux .mgmenu ul li.dl_win { display: none; }

.mgmenu .dropdown_flyout .dropdown_flyout_level {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .05);
    -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, .05);
    -o-box-shadow: 0 2px 2px rgba(0, 0, 0, .05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, .05);
    border: 1px solid #CCC;
    background: #e5e5e5;
    position: absolute;
    margin: 15px 0 0 4px;
    padding: 6px;
    left: 98%;
    top: -21px;
    display: none;
    zoom: 1;
    float: left
}

.mgmenu .dropdown_flyout .dropdown_flyout_level_left {
    left: -102%;
    right: 100%
}

.mgmenu .dropdown_flyout .dropdown_parent {
    background: url(../img/rightArrow.png) 90% 9px no-repeat
}

.mgmenu .dropdown_flyout .dropdown_parent_left {
    background: url(../img/leftArrow.png) 90% 9px no-repeat
}

.mgmenu .dropdown_flyout li:hover>.dropdown_flyout_level,
.mgmenu .dropdown_flyout li:hover>.dropdown_flyout_level_left {
    display: block
}

.mgmenu .dropdown_flyout .flyout_heading {
    font-family: Georgia, Times, "Times New Roman", serif;
    padding-bottom: 9px;
    margin-bottom: 9px;
    font-size: 16px;
    border-bottom: 1px solid #ccc;
    -webkit-box-shadow: 0 1px 1px #f4f4f4;
    -moz-box-shadow: 0 1px 1px #f4f4f4;
    -o-box-shadow: 0 1px 1px #f4f4f4;
    box-shadow: 0 1px 1px #f4f4f4
}

.mgmenu h1,
.mgmenu h2,
.mgmenu h3,
.mgmenu h4,
.mgmenu h5,
.mgmenu h6,
.mgmenu p {
    padding: 0;
    margin: 0 0 18px;
    font-weight: 400;
    color: #222
}

.mgmenu h1,
.mgmenu h2,
.mgmenu h3,
.mgmenu h4,
.mgmenu h5,
.mgmenu h6 {
    font-family: proxima-nova, "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif
}

.extrahdr,
.mgmenu .hdr {
    font-family: Proxima-nova, "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif
}

.mgmenu p {
    font-size: 12px
}

.mgmenu h1 {
    font-size: 32px
}

.mgmenu h2 {
    font-size: 28px
}

.mgmenu h3 {
    font-size: 24px
}

.mgmenu h4 {
    font-size: 18px
}

.mgmenu h5 {
    font-size: 16px
}

.mgmenu h6 {
    font-size: 14px;
    text-transform: uppercase
}

.mgmenu a {
    text-decoration: none;
    color: #fff;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    -o-transition: color .3s;
    -ms-transition: color .3s;
    transition: color .3s
}

.mgmenu a:hover {
    color: #22a7f0;
    -webkit-transition: color .1s;
    -moz-transition: color .1s;
    -o-transition: color .1s;
    -ms-transition: color .1s;
    transition: color .1s
}

.mgmenu .product a,
.mgmenu a.black {
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    -o-transition: color .3s;
    -ms-transition: color .3s
}

.mgmenu a:focus {
    background: 0 0
}

.mgmenu a.black {
    text-decoration: none;
    color: #333;
    transition: color .3s
}

.mgmenu .product a {
    color: #0b64b7!important;
    transition: color .3s;
    font-size: 13px
}

.mgmenu .extras a,
.mgmenu .hdr_download a {
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    -o-transition: color .3s;
    -ms-transition: color .3s
}

.mgmenu .product a:hover {
    color: #ffa00a!important
}

.mgmenu .hdr_download a {
    color: #0b64b7!important;
    transition: color .3s;
    font-size: 13px
}

.mgmenu .hdr_download a:hover {
    color: #ffa00a!important
}

.mgmenu .hdr_download a.buy,
.mgmenu .product a.buy {
    color: #e47923!important;
    transition: color .3s;
    font-size: 13px
}

.mgmenu .hdr,
.mgmenu .hdrtop {
    font-size: 16px;
    font-weight: 700
}

.mgmenu .hdr_download a.buy:hover,
.mgmenu .product a.buy:hover {
    color: #ffa00a!important
}

.mgmenu .hdrtop {
    margin-top: 10px
}

.hdrtitle {
    border-bottom: 1px solid #000
}

.hdrsub {
    font-size: 13px;
    font-weight: 700;
    font-weight: 500;
    color: #939393;
    padding: 13px 0 7px
}

.mgmenu>li ol,
.mgmenu>li ul {
    padding: 0 0 2px;
    margin: 0;
    font-size: 18px;
    line-height: 22px
}

.mgmenu>li ol {
    list-style: decimal
}

.mgmenu>li ul.no_bullets {
    list-style: none;
    padding: 0
}

.mgmenu>li ul.no_bullets li {
    line-height: 24px
}

.mgmenu>li ol li,
.mgmenu>li ul li {
    font-size: 13px;
    line-height: 22px;
    position: relative;
    color: #222
}

.mgmenu li ul.dd li,
.mgmenu li .dropdown_2columns .mega_menu_special {
    padding: 5px 15px 5px 0;
    margin: 0;
    border-bottom: solid 1px #e9e5e0;
    color: #5b5b5b;
    line-height: 2em;
    font-size: 14px;
    white-space: nowrap
}

.mgmenu li .dropdown_2columns .mega_menu_special {
  font-weight: 500;
  background: #23cca2 url(../img/mega_menu_special_tag.png) no-repeat;
  background-size: 13%;
  background-position-x: 4%;
  background-position-y: center;
}

.mgmenu li .dropdown_container .mega_menu_special a {
  padding-left: 20%;
  color: #fff;
}
.mgmenu li .nopad > ul {
  padding-left: 10%;
  padding-right: 8%;
}




.mgmenu li ul.dd>li a:hover {
    color: #22a7f0
}

.mgmenu li ul.hdr_download li,
.mgmenu li ul.product li {
    margin-left: 0;
    color: #2b3e48;
    line-height: 1.5em;
    display: inline
}

.mgmenu li ul.hdr_download li {
    font-size: 13px
}

.mgmenu li ul.extras li {
    display: inline;
    padding: 2px
}

.mgmenu .extras a {
    color: #757474!important;
    transition: color .3s;
    font-size: 15px
}

.mgmenu .extras a:hover {
    color: #22A7f0!important;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    -o-transition: color .3s;
    -ms-transition: color .3s;
    transition: color .3s;
    font-size: 15px
}

.extradownloads {
    background: #dfdfdf;
    padding: 25px 0;
    transition: .4s;
    display: inline;
    margin: -15px 0 0;
    width: 100%
}

.extrahdr {
    font-size: 15px;
    color: #333;
    line-height: 1.7em;
    text-shadow: none;
    font-weight: 700
}

.mgmenu .prodwrapper-r1 {
    padding: 2px 0 5px;
    margin-bottom: 5px;
    height: 115px
}

.mgmenu .prodwrapper-r2 {
    padding: 2px 0 15px;
    margin-bottom: 15px;
    height: 60px
}

.mgmenu .prodwrapper-r3 {
    padding: 2px 0 5px;
    margin-bottom: 15px;
    height: 100px
}

.mgmenu .sp,
.mgmenu .sp2 {
    width: 25%;
    border-bottom: 1px solid #e9e5e0;
    margin-bottom: 38px
}

.mgmenu .sp {
    margin-left: 20%
}

.mgmenu .sp2 {
    margin-left: 10%
}

.mgmenu li ul.hdr_download li:not(:first-child):not(:last-child):after,
.mgmenu li ul.product li:not(:last-child):after {
    content: '  |  ';
    color: gray;
    height: 100%;
    padding: 5px
}

.mgmenu>li ul.product {
    padding: 0;
    margin: 0;
    line-height: 1.5em
}

.mgmenu blockquote {
    color: #aaa;
    border-left: 5px solid #ccc;
    padding-left: 20px;
    font-family: Georgia, serif;
    font-style: italic;
    font-size: 18px;
    line-height: 27px
}

.mgmenu .text_box {
    width: 84%;
    background: #fff;
    padding: 12px 8%;
    -webkit-box-shadow: 0 1px 1px #bbb;
    -moz-box-shadow: 0 1px 1px #bbb;
    -o-box-shadow: 0 1px 1px #bbb;
    box-shadow: 0 1px 1px #bbb
}

.mgmenu .text_box_black {
    background: #212121
}

.mgmenu .text_box_red {
    background: #e48a76
}

.mgmenu .text_box_blue {
    background: #92bfd1
}

.mgmenu .text_box_green {
    background: #b4ca91
}

.mgmenu .text_box_yellow {
    background: #f3d067
}

.mgmenu .text_box_purple {
    background: #C0ADDB
}

.mgmenu .text_box_brown {
    background: #b2aa9f
}

.mgmenu .text_box_black,
.mgmenu .text_box_blue,
.mgmenu .text_box_brown,
.mgmenu .text_box_green,
.mgmenu .text_box_purple,
.mgmenu .text_box_red,
.mgmenu .text_box_yellow {
    color: #fff;
    text-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none
}

.mgmenu .img_description {
    text-align: center;
    font-style: italic;
    margin-top: -6px;
    font-family: Georgia, Times, "Times New Roman", serif
}

.mgmenu hr {
    width: 100%;
    height: 0;
    margin-bottom: 18px;
    border: none;
    border-bottom: 1px solid #f4f4f4;
    border-top: 1px solid #ccc
}

.mgmenu .video_container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    margin-bottom: 18px
}

.mgmenu .video_container embed,
.mgmenu .video_container iframe,
.mgmenu .video_container object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    outline: 0
}

.mgmenu iframe {
    border: 0;
    outline: 0;
    width: 100%;
    font-size: 100%;
    vertical-align: baseline;
    background: 0 0;
    margin-bottom: 12px
}

.mgmenu img {
    border: none
}

.mgmenu img.logo {
    display: block;
    border: none;
    margin-top: 1px;
    height: 40px;
    width: 40px
}

.mgmenu .inline_img {
    max-width: 100%;
    height: auto;
    width: auto\9;
    box-sizing: border-box;
    -webkit-box-shadow: 0 1px 1px #999;
    -moz-box-shadow: 0 1px 1px #999;
    -o-box-shadow: 0 1px 1px #999;
    box-shadow: 0 1px 1px #999;
    margin-bottom: 18px;
    margin-top: 6px
}

.mgmenu a .inline_img {
    opacity: .8;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -o-transition: opacity .3s;
    -ms-transition: opacity .3s;
    transition: opacity .3s
}

.mgmenu a:hover .inline_img {
    opacity: 1
}

.mgmenu .inline_img_border {
    border: 5px solid #fff
}

.mgmenu .mini_icon {
    background-image: url(../img/icons/mini-icons-white.png);
    background-repeat: no-repeat;
    margin-top: -2px;
    padding-left: 6px;
    float: left;
    width: 20px;
    height: 20px
}

.ion-social-apple,
.ion-social-tux,
.ion-social-windows {
    font-family: Ionicons;
    font-size: 17px;
    display: inline;
    padding: 0 .1em 0 .2em
}

.ion-social-apple {
    content: "\f227"
}

.ion-social-windows {
    content: "\f247"
}

.ion-social-tux {
    content: "\f2c5";
    text-decoration: none
}

.mgmenu .contact_form label,
.mgmenu .form_element {
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif
}

.mgmenu .menubar_icon {
    padding: 0;
    list-style: none;
    float: left
}

.mgmenu .menubar_icon:hover {
    background: 0 0
}

.mgmenu .menubar_icon ul>li {
    list-style: none;
    float: left;
    -webkit-transition: background-color .3s;
    -moz-transition: background-color .3s;
    -o-transition: background-color .3s;
    -ms-transition: background-color .3s;
    transition: background-color .3s
}

.mgmenu .menubar_icon ul>li:hover {
    background-color: #131313
}

.mgmenu .menubar_icon ul>li>a {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 24px 24px;
    display: block;
    padding: 7px 4px 9px;
    width: 24px;
    height: 24px
}

.mgmenu .contact_form .error,
.mgmenu .contact_form .success,
.mgmenu .form_element {
    width: 96%;
    padding: 9px 2%;
    -webkit-box-shadow: 0 1px 1px #efefef;
    -moz-box-shadow: 0 1px 1px #efefef;
    -o-box-shadow: 0 1px 1px #efefef
}

.mgmenu .icon_vimeo {
    background-image: url(../img/icons/icon_vimeo.png)
}

.mgmenu .icon_dribbble {
    background-image: url(../img/icons/icon_dribbble.png)
}

.mgmenu .icon_twitter {
    background-image: url(../img/icons/icon_twitter.png)
}

.mgmenu .icon_facebook {
    background-image: url(../img/icons/icon_facebook.png)
}

.mgmenu .icon_flickr {
    background-image: url(../img/icons/icon_flickr.png)
}

.mgmenu .contact_form {
    display: block;
    margin-bottom: 10px
}

.mgmenu .form_element {
    color: #000;
    background-color: #fbfbfb;
    border: 1px solid #ddd;
    margin: 12px 0 18px;
    box-shadow: 0 1px 1px #efefef;
    -webkit-transition: background-color .3s ease-out;
    -moz-transition: background-color .3s ease-out;
    -o-transition: background-color .3s ease-out;
    -ms-transition: background-color .3s ease-out;
    transition: background-color .3s ease-out
}

.mgmenu .form_element:hover {
    background-color: #fcfcfc
}

.mgmenu .form_element:focus {
    background-color: #fff;
    outline: 0
}

.mgmenu .contact_form textarea {
    height: 120px;
    resize: none
}

.mgmenu .contact_form .required {
    color: #C00
}

.mgmenu .contact_form .error,
.mgmenu .contact_form .success {
    margin: 12px 0 6px;
    border: 1px solid rgba(0, 0, 0, .15);
    text-shadow: 1px 1px 1px #fff;
    box-shadow: 0 1px 1px #efefef
}

.mgmenu .contact_form .error {
    background: #f7cac4;
    color: #992213
}

.mgmenu .contact_form .success {
    background: #d8f6bc;
    color: #2f530b;
    margin-bottom: 12px
}

.mgmenu .contact_form .button {
    padding: 7px 12px;
    margin: 9px 12px 0 0;
    white-space: nowrap;
    font-size: 11px;
    text-transform: uppercase;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid #000;
    color: #fff;
    background-color: #222;
    text-shadow: 0 1px 1px #000;
    -webkit-transition: background-color .3s;
    -moz-transition: background-color .3s;
    -o-transition: background-color .3s;
    -ms-transition: background-color .3s;
    transition: background-color .3s
}

.mgmenu .contact_form .button:focus,
.mgmenu .contact_form .button:hover {
    color: #fff;
    background-color: #1A1A1A
}

.mgmenu .contact_form .select_element {
    float: left;
    overflow: hidden;
    position: relative;
    background-color: #fbfbfb;
    border: 1px solid #ddd;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    width: 100%;
    margin: 12px 0 18px;
    -webkit-box-shadow: 0 1px 1px #efefef;
    -moz-box-shadow: 0 1px 1px #efefef;
    -o-box-shadow: 0 1px 1px #efefef;
    box-shadow: 0 1px 1px #efefef
}

.mgmenu .contact_form .select_element select {
    width: 100%;
    height: 30px;
    font-size: 12px;
    color: #999;
    padding: 6px 0 6px 10px;
    border: 0;
    background: 0 0;
    outline: 0
}

.mgmenu .contact_form .select_element select option {
    background: #fdfdfd;
    width: 100%;
    color: #666
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .mgmenu .contact_form .select_element:after {
        content: '';
        position: absolute;
        top: 50%;
        right: 10px;
        margin-top: -3px;
        border: 5px solid transparent;
        border-top: 5px solid #333;
        pointer-events: none
    }
    .mgmenu .contact_form .select_element select,
    .mgmenu .contact_form .select_element select option {
        -webkit-appearance: none;
        appearance: none
    }
}

.mgmenu li>.mgmenu_tabs {
    padding: 0!important
}

.mgmenu_tabs>ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.mgmenu_tabs_hide {
    display: none
}

.mgmenu_tabs .mgmenu_tabs_nav {
    width: 20%;
    float: left;
    position: relative;
    margin: 0;
    padding: 0
}

.mgmenu_tabs .mgmenu_tabs_panels {
    margin: 0;
    padding: 21px 1% 12px;
    width: 78%;
    float: left;
    background-color: #fff;
    -webkit-box-shadow: -1px 0 1px rgba(0, 0, 0, .05);
    -moz-box-shadow: -1px 0 1px rgba(0, 0, 0, .05);
    -o-box-shadow: -1px 0 1px rgba(0, 0, 0, .05);
    box-shadow: -1px 0 1px rgba(0, 0, 0, .05)
}

.mgmenu_tabs .mgmenu_tabs_nav li {
    list-style: none;
    border: none;
    margin: 0;
    float: left;
    width: 100%;
    clear: left;
    -webkit-transition: background .5s ease;
    -moz-transition: background .5s ease;
    -o-transition: background .5s ease;
    -ms-transition: background .5s ease;
    transition: background .5s ease
}

.mgmenu_tabs .mgmenu_tabs_nav li a {
    font-size: 12px;
    outline: 0;
    text-decoration: none;
    display: block;
    padding: 9px 15px
}

.mgmenu_tabs li a.current,
.mgmenu_tabs li a.current:hover {
    background-color: #fff;
    -webkit-box-shadow: 0 -1px 1px rgba(0, 0, 0, .05), 0 1px 1px rgba(0, 0, 0, .05);
    -moz-box-shadow: 0 -1px 1px rgba(0, 0, 0, .05), 0 1px 1px rgba(0, 0, 0, .05);
    -o-box-shadow: 0 -1px 1px rgba(0, 0, 0, .05), 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 -1px 1px rgba(0, 0, 0, .05), 0 1px 1px rgba(0, 0, 0, .05);
    top: 1px
}

.mgmenu_tabs_right .mgmenu_tabs_panels {
    -webkit-box-shadow: 1px 0 1px rgba(0, 0, 0, .05);
    -moz-box-shadow: 1px 0 1px rgba(0, 0, 0, .05);
    -o-box-shadow: 1px 0 1px rgba(0, 0, 0, .05);
    box-shadow: 1px 0 1px rgba(0, 0, 0, .05)
}

.mgmenu_tabs_bottom .mgmenu_tabs_nav,
.mgmenu_tabs_top .mgmenu_tabs_nav {
    width: 100%
}

.mgmenu_tabs_bottom .mgmenu_tabs_panels,
.mgmenu_tabs_top .mgmenu_tabs_panels {
    padding: 21px 1% 12px;
    width: 98%
}

.mgmenu_tabs_bottom .mgmenu_tabs_nav li,
.mgmenu_tabs_top .mgmenu_tabs_nav li {
    float: none;
    width: auto;
    clear: none;
    display: inline
}

.mgmenu_tabs_bottom .mgmenu_tabs_nav li a,
.mgmenu_tabs_top .mgmenu_tabs_nav li a {
    display: inline;
    float: left
}

.mgmenu_tabs_bottom li a.current,
.mgmenu_tabs_bottom li a.current:hover,
.mgmenu_tabs_top li a.current,
.mgmenu_tabs_top li a.current:hover {
    -webkit-box-shadow: -1px 0 1px rgba(0, 0, 0, .05), 1px 0 1px rgba(0, 0, 0, .05);
    -moz-box-shadow: -1px 0 1px rgba(0, 0, 0, .05), 1px 0 1px rgba(0, 0, 0, .05);
    -o-box-shadow: -1px 0 1px rgba(0, 0, 0, .05), 1px 0 1px rgba(0, 0, 0, .05);
    box-shadow: -1px 0 1px rgba(0, 0, 0, .05), 1px 0 1px rgba(0, 0, 0, .05)
}

.mgmenu_tabs_top .mgmenu_tabs_panels {
    -webkit-box-shadow: 0 -1px 1px rgba(0, 0, 0, .05);
    -moz-box-shadow: 0 -1px 1px rgba(0, 0, 0, .05);
    -o-box-shadow: 0 -1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 -1px 1px rgba(0, 0, 0, .05)
}

.mgmenu_tabs_bottom .mgmenu_tabs_panels {
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    -o-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05)
}

@media only screen and (min-width:380px) and (max-width:768px) {
    .mgmenu .sp {
        width: 25%;
        border-bottom: 1px solid #e9e5e0;
        margin-left: 20%;
        margin-bottom: 1rem;
        margin-top: 0
    }
}

@media only screen and (min-width:768px) and (max-width:984px) {
    .mgmenu>li {
        padding-right: 10px
    }
    .mgmenu>li>a,
    .mgmenu>li>span {
        padding-left: 10px
    }
    .mgmenu .mini_icon {
        padding-left: 3px
    }
}

@media only screen and (min-width:768px) {
    .mgmenu_container .mgmenu>li,
    .mgmenu_fixed .mgmenu>li,
    .mgmenu_footer .mgmenu>li {
        display: block!important
    }
    .mgmenu_container>.mgmenu>li.mgmenu_button,
    .mgmenu_fixed>.mgmenu>li.mgmenu_button,
    .mgmenu_footer>.mgmenu>li.mgmenu_button {
        display: none!important
    }
}

@media only screen and (max-width:767px) {
    .mgmenu_container,
    .mgmenu_fixed,
    .mgmenu_footer {
        width: 100%;
        height: auto;
        margin: 0;
        position: relative;
        left: auto;
        top: auto;
        bottom: auto
    }
    .mgmenu_container .mgmenu>li,
    .mgmenu_fixed .mgmenu>li,
    .mgmenu_footer .mgmenu>li {
        float: none;
        width: auto;
        border: none;
        display: none;
        padding: 0
    }
    .mgmenu>li>a,
    .mgmenu>li>span,
    .mgmenu_container>.mgmenu>li.mgmenu_button,
    .mgmenu_fixed>.mgmenu>li.mgmenu_button,
    .mgmenu_footer>.mgmenu>li.mgmenu_button {
        display: block
    }
    .mgmenu>li .mgmenu_drop {
        background-position: 96% 19px
    }
    .mgmenu>li .dropdown_container,
    .mgmenu>li .dropdown_fullwidth,
    .mgmenu_footer .mgmenu>li .dropdown_container,
    .mgmenu_footer .mgmenu>li .dropdown_fullwidth {
        position: absolute;
        top: auto;
        bottom: auto;
        width: 100%;
        margin: 0 0 0 -1px;
        -webkit-border-radius: 0 0 3px 3px;
        -moz-border-radius: 0 0 3px 3px;
        border-radius: 0 0 3px 3px;
        -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .05);
        -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, .05);
        -o-box-shadow: 0 2px 2px rgba(0, 0, 0, .05);
        box-shadow: 0 2px 2px rgba(0, 0, 0, .05);
        border: 1px solid #CCC;
        border-top: none
    }
    .mgmenu li .dropdown_10columns,
    .mgmenu li .dropdown_11columns,
    .mgmenu li .dropdown_1column,
    .mgmenu li .dropdown_2columns,
    .mgmenu li .dropdown_3columns,
    .mgmenu li .dropdown_4columns,
    .mgmenu li .dropdown_5columns,
    .mgmenu li .dropdown_6columns,
    .mgmenu li .dropdown_7columns,
    .mgmenu li .dropdown_8columns,
    .mgmenu li .dropdown_9columns,
    .mgmenu li .dropdown_fullwidth {
        width: 100%;
        padding-left: 0;
        padding-right: 0
    }
    .mgmenu .col_1,
    .mgmenu .col_10,
    .mgmenu .col_11,
    .mgmenu .col_12,
    .mgmenu .col_2,
    .mgmenu .col_3,
    .mgmenu .col_4,
    .mgmenu .col_5,
    .mgmenu .col_6,
    .mgmenu .col_7,
    .mgmenu .col_8,
    .mgmenu .col_9 {
        width: 92%;
        margin-left: 4%;
        margin-right: 4%;
        padding: 0;
        float: left;
        display: block
    }
    .mgmenu .col_border {
        box-shadow: none
    }
    .mgmenu .dropdown_flyout,
    .mgmenu .dropdown_flyout .dropdown_flyout_level,
    .mgmenu .dropdown_flyout .dropdown_flyout_level_left {
        position: relative;
        left: auto;
        right: auto;
        top: auto;
        padding: 0;
        margin: 6px 4% 0
    }
    .mgmenu .dropdown_flyout .dropdown_flyout_level {
        border: none;
        background: 0 0;
        box-shadow: none
    }
    .mgmenu .dropdown_flyout li,
    .mgmenu .dropdown_flyout ul li {
        width: 100%;
        padding: 6px 0
    }
    .mgmenu li .dropdown_flyout .dropdown_parent {
        background: url(../img/downArrow-b.png) 98% 14px no-repeat
    }
    .mgmenu li>.mgmenu_tabs {
        width: 100%
    }
    .mgmenu_tabs .mgmenu_tabs_nav {
        width: 100%;
        float: left;
        margin: 0;
        padding: 0
    }
    .mgmenu_tabs .mgmenu_tabs_panels {
        padding: 21px 0 12px;
        width: 100%
    }
    .mgmenu_trigger {
        display: none
    }
    .mgmenu blockquote {
        margin-left: 12px
    }
    .mgmenu .img_description {
        text-align: left
    }
    .mgmenu .menubar_icon {
        z-index: 9;
        float: none!important;
        padding: 0 0 14px!important
    }
    .mgmenu .menubar_icon ul {
        width: 100%;
        padding: 0 0 9px!important
    }
    .mgmenu .menubar_icon ul>li {
        padding-left: 2%;
        padding-right: 2%
    }
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min-device-pixel-ratio:2) {
    .mgmenu>li .mgmenu_drop {
        background-size: 9px 5px;
        background-image: url(../img/downArrow@2x.png)
    }
    .mgmenu_footer .mgmenu>li .mgmenu_drop {
        background-size: 9px 5px;
        background-image: url(../img/upArrow@2x.png)
    }
    .mgmenu_container>.mgmenu>li.mgmenu_button,
    .mgmenu_fixed>.mgmenu>li.mgmenu_button,
    .mgmenu_footer>.mgmenu>li.mgmenu_button {
        background-size: 24px 24px;
        background-image: url(../img/toggle@2x.png)
    }
    .mgmenu_trigger {
        background-size: 35px 35px;
        background-image: url(../img/button_up@2x.png)
    }
    .mgmenu_footer~.mgmenu_trigger,
    .mgmenu_trigger.active {
        background-size: 35px 35px;
        background-image: url(../img/button_down@2x.png)
    }
    .mgmenu_footer~.mgmenu_trigger.active {
        background-size: 35px 35px;
        background-image: url(../img/button_up@2x.png)
    }
    .mgmenu .dropdown_flyout .dropdown_parent {
        background-size: 5px 9px;
        background-image: url(../img/rightArrow@2x.png)
    }
    .mgmenu .dropdown_flyout .dropdown_parent_left {
        background-size: 5px 9px;
        background-image: url(../img/leftArrow@2x.png)
    }
    .mgmenu .mini_icon {
        background-image: url(../img/icons/mini-icons-white@2x.png);
        background-repeat: no-repeat;
        background-size: 304px 144px
    }
    .mgmenu .menubar_icon ul>li>a {
        background-size: 24px 24px
    }
    .mgmenu .icon_vimeo {
        background-image: url(../img/icons/icon_vimeo@2x.png)
    }
    .mgmenu .icon_dribbble {
        background-image: url(../img/icons/icon_dribbble@2x.png)
    }
    .mgmenu .icon_twitter {
        background-image: url(../img/icons/icon_twitter@2x.png)
    }
    .mgmenu .icon_facebook {
        background-image: url(../img/icons/icon_facebook@2x.png)
    }
    .mgmenu .icon_flickr {
        background-image: url(../img/icons/icon_flickr@2x.png)
    }
}

@media only screen and (max-width:767px) and (-webkit-min-device-pixel-ratio:2),
only screen and (min-device-pixel-ratio:2) {
    .mgmenu li .dropdown_flyout .dropdown_parent {
        background-size: 9px 5px;
        background-image: url(../img/downArrow-b@2x.png)
    }
}

.mp-badge {
    max-width: 3.5rem;
    float: left;
    padding-right: 2%;
    padding-bottom: 2rem;
}