button {
  border: none;
  outline: none; }
  button:hover {
    cursor: pointer; }

.mg-but {
  display: inline-block;
  text-decoration: none; }

.mg-but1 {
  padding: 8px 15px;
  color: #fff;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
  line-height: 1;
  background-color: #ee5058;
  background-image: -o-linear-gradient(#f36872, #ee5058);
  background-image: -moz-linear-gradient(#f36872, #ee5058);
  background-image: -webkit-linear-gradient(#f36872, #ee5058);
  background-image: -ms-linear-gradient(#f36872, #ee5058);
  background-image: linear-gradient( #f36872, #ee5058);
  -pie-background: linear-gradient( #f36872, #ee5058); }
  .mg-but1:hover {
    background-color: #f2757b;
    background-image: -o-linear-gradient(#f77884, #ee5058);
    background-image: -moz-linear-gradient(#f77884, #ee5058);
    background-image: -webkit-linear-gradient(#f77884, #ee5058);
    background-image: -ms-linear-gradient(#f77884, #ee5058);
    background-image: linear-gradient( #f77884, #ee5058);
    -pie-background: linear-gradient( #f77884, #ee5058); }
  .mg-but1:active {
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .3);
    background-color: #ee5058;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #f36872), color-stop(11.11111%, #ee5058));
    background-image: -o-linear-gradient(bottom, #f36872, #ee5058);
    background-image: -moz-linear-gradient(bottom, #f36872, #ee5058);
    background-image: -webkit-linear-gradient(bottom, #f36872, #ee5058);
    background-image: -ms-linear-gradient(bottom, #f36872, #ee5058);
    background-image: linear-gradient(to top, #f36872, #ee5058);
    -pie-background: linear-gradient(to top, #f36872, #ee5058); }

.mg-but2 {
  padding: 8px 15px;
  color: #fff;
  border-radius: 14px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
  line-height: 1;
  background-color: #ee5058;
  background-image: -o-linear-gradient(#f36872, #ee5058);
  background-image: -moz-linear-gradient(#f36872, #ee5058);
  background-image: -webkit-linear-gradient(#f36872, #ee5058);
  background-image: -ms-linear-gradient(#f36872, #ee5058);
  background-image: linear-gradient( #f36872, #ee5058);
  -pie-background: linear-gradient( #f36872, #ee5058); }
  .mg-but2:hover {
    background-color: #f2757b;
    background-image: -o-linear-gradient(#f77884, #ee5058);
    background-image: -moz-linear-gradient(#f77884, #ee5058);
    background-image: -webkit-linear-gradient(#f77884, #ee5058);
    background-image: -ms-linear-gradient(#f77884, #ee5058);
    background-image: linear-gradient( #f77884, #ee5058);
    -pie-background: linear-gradient( #f77884, #ee5058); }
  .mg-but2:active {
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .3);
    background-color: #ee5058;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #f36872), color-stop(11.11111%, #ee5058));
    background-image: -o-linear-gradient(bottom, #f36872, #ee5058);
    background-image: -moz-linear-gradient(bottom, #f36872, #ee5058);
    background-image: -webkit-linear-gradient(bottom, #f36872, #ee5058);
    background-image: -ms-linear-gradient(bottom, #f36872, #ee5058);
    background-image: linear-gradient(to top, #f36872, #ee5058);
    -pie-background: linear-gradient(to top, #f36872, #ee5058); }

.mg-but3 {
  min-width: 190px;
  padding: 8px;
  width: 175px;
  color: #fff;
  border: 1px solid #ec3942;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  line-height: 1;
  background-color: #ee5058;
  background-image: -o-linear-gradient(#f36872, #ee5058);
  background-image: -moz-linear-gradient(#f36872, #ee5058);
  background-image: -webkit-linear-gradient(#f36872, #ee5058);
  background-image: -ms-linear-gradient(#f36872, #ee5058);
  background-image: linear-gradient( #f36872, #ee5058);
  -pie-background: linear-gradient( #f36872, #ee5058); }
  .mg-but3:hover {
    border: 1px solid #f37e84;
    background-color: #f2757b;
    background-image: -o-linear-gradient(#f77884, #ee5058);
    background-image: -moz-linear-gradient(#f77884, #ee5058);
    background-image: -webkit-linear-gradient(#f77884, #ee5058);
    background-image: -ms-linear-gradient(#f77884, #ee5058);
    background-image: linear-gradient( #f77884, #ee5058);
    -pie-background: linear-gradient( #f77884, #ee5058); }
  .mg-but3:active {
    border: 1px solid #ee4f57;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .3);
    background-color: #ee5058;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #f36872), color-stop(11.11111%, #ee5058));
    background-image: -o-linear-gradient(bottom, #f36872, #ee5058);
    background-image: -moz-linear-gradient(bottom, #f36872, #ee5058);
    background-image: -webkit-linear-gradient(bottom, #f36872, #ee5058);
    background-image: -ms-linear-gradient(bottom, #f36872, #ee5058);
    background-image: linear-gradient(to top, #f36872, #ee5058);
    -pie-background: linear-gradient(to top, #f36872, #ee5058); }

.mg-but4 {
  padding: 8px 15px;
  color: #000;
  border: 1px solid #ee5058;
  border-radius: 3px;
  line-height: 1;
  background-color: #fff;
  background-image: -o-linear-gradient(#fff, #fff);
  background-image: -moz-linear-gradient(#fff, #fff);
  background-image: -webkit-linear-gradient(#fff, #fff);
  background-image: -ms-linear-gradient(#fff, #fff);
  background-image: linear-gradient( #fff, #fff);
  -pie-background: linear-gradient( #fff, #fff); }
  .mg-but4:hover {
    color: #fff;
    background-color: #f0676e;
    background-image: -o-linear-gradient(#f36872, #ee5058);
    background-image: -moz-linear-gradient(#f36872, #ee5058);
    background-image: -webkit-linear-gradient(#f36872, #ee5058);
    background-image: -ms-linear-gradient(#f36872, #ee5058);
    background-image: linear-gradient( #f36872, #ee5058);
    -pie-background: linear-gradient( #f36872, #ee5058); }
  .mg-but4:active {
    color: #fff;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .3);
    background-color: #ee5058;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #f36872), color-stop(11.11111%, #ee5058));
    background-image: -o-linear-gradient(bottom, #f36872, #ee5058);
    background-image: -moz-linear-gradient(bottom, #f36872, #ee5058);
    background-image: -webkit-linear-gradient(bottom, #f36872, #ee5058);
    background-image: -ms-linear-gradient(bottom, #f36872, #ee5058);
    background-image: linear-gradient(to top, #f36872, #ee5058);
    -pie-background: linear-gradient(to top, #f36872, #ee5058); }

.mg-but5 {
  position: relative;
  padding: 8px 15px;
  color: #fff;
  border: #f00 transparent transparent transparent;
  border-radius: 2px 0 0 2px;
  background: #ee5058;
  line-height: 1; }
  .mg-but5:before {
    position: absolute;
    top: 0;
    right: -28px;
    bottom: 0;
    width: 7px;
    content: "";
    border: 14px solid transparent;
    border-left: 7px solid #ee5058; }
  .mg-but5:hover {
    background: #f0676e; }
    .mg-but5:hover:before {
      border-left-color: #f0676e; }
  .mg-but5:active {
    background: #ec3942; }
    .mg-but5:active:before {
      border-left-color: #ec3942; }

table.mg-tabs1 {
  border-collapse: collapse; }
  table.mg-tabs1 td {
    padding: 5px;
    border: none; }

table.mg-tabs2 {
  border: 1px solid #cecece;
  border-collapse: collapse; }
  table.mg-tabs2 td {
    padding: 5px;
    border: 1px solid #cecece; }

table.mg-tabs3 {
  border: 1px solid #cecece;
  border-collapse: collapse; }
  table.mg-tabs3 th {
    padding: 5px 0;
    color: #333;
    border: 1px solid #cecece;
    background: #e5e5e5; }
  table.mg-tabs3 td {
    padding: 5px;
    border: 1px solid #cecece; }

table.mg-tabs4 {
  border-collapse: collapse; }
  table.mg-tabs4 th {
    padding: 5px 0;
    color: #333;
    background: #e5e5e5; }
  table.mg-tabs4 td {
    padding: 5px;
    border-bottom: 1px solid #cecece; }

.mg-tab {
  display: inline-block;
  min-width: 260px;
  margin: 10px;
  padding: 12px;
  border-radius: 2px;
  font: normal 14px/17px arial; }
  .mg-tab p {
    margin: 0; }

.mg-tb1 {
  color: #4d4d4d;
  border: 2px solid #46c2a6; }

.mg-tb2 {
  margin: 4px 2px;
  width: 96%;
  color: #4d4d4d;
  box-shadow: 2px 2px 3px #a0c1ed;
  background: #aee4d8; }

.mg-tb3 {
  color: #fff;
  border: 2px solid #329881;
  background: #3ab096; }
  .mg-tb3 a {
    color: #fff; }

.mg-tb4 {
  color: #fff;
  border: 2px solid #3ab096;
  background: #3ab096;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); }
  .mg-tb4 a {
    color: #fff; }

.mg-tb5 {
  min-width: 264px;
  color: #4d4d4d;
  border: none;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4), inset 4px 0px 0px #46c2a6; }

.mg-tb6 {
  margin: 4px 2px;
  width: 96%;
  color: #4d4d4d;
  border: none;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); }

.mg-tb7 {
  min-width: 264px;
  color: #4d4d4d;
  border: none;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4), inset 0px 0px 6px rgba(0, 0, 0, 0.2); }

.mg-tb8 {
  min-width: 306px;
  padding: 0;
  border-radius: 2px;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4); }
  .mg-tb8 .title {
    padding: 11px 20px 11px;
    color: #fff;
    border-radius: 2px 2px 0 0;
    font: normal 18px/18px arial;
    background-image: -o-linear-gradient(#56c7ad, #35a088);
    background-image: -moz-linear-gradient(#56c7ad, #35a088);
    background-image: -webkit-linear-gradient(#56c7ad, #35a088);
    background-image: -ms-linear-gradient(#56c7ad, #35a088);
    background-image: linear-gradient( #56c7ad, #35a088);
    -pie-background: linear-gradient( #56c7ad, #35a088); }
    .mg-tb8 .title a {
      color: #fff; }
  .mg-tb8 .body {
    padding: 14px 20px;
    color: #4d4d4d;
    font: 14px arial; }

.mg-tb9 {
  min-width: 304px;
  padding: 0;
  border: 2px solid #35a088;
  border-radius: 4px 4px 0 0;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4); }
  .mg-tb9 .title {
    padding: 11px 18px 11px;
    color: #fff;
    border-radius: 2px 2px 0 0;
    font: normal 18px/18px arial;
    background-color: #35a088;
    background-image: -o-linear-gradient(#35a088, #35a088);
    background-image: -moz-linear-gradient(#35a088, #35a088);
    background-image: -webkit-linear-gradient(#35a088, #35a088);
    background-image: -ms-linear-gradient(#35a088, #35a088);
    background-image: linear-gradient( #35a088, #35a088);
    -pie-background: linear-gradient( #35a088, #35a088); }
    .mg-tb9 .title a {
      color: #fff; }
  .mg-tb9 .body {
    padding: 14px 18px;
    color: #4d4d4d;
    font: 14px arial; }

.mg-tb10 {
  min-width: 306px;
  padding: 0;
  border-radius: 2px;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4); }
  .mg-tb10 .title {
    padding: 11px 20px 11px;
    color: #fff;
    border-radius: 2px 2px 0 0;
    font: normal 18px/18px arial;
    background-color: #3fbfa2;
    background-image: -o-linear-gradient(#6dceb9, #38a88f);
    background-image: -moz-linear-gradient(#6dceb9, #38a88f);
    background-image: -webkit-linear-gradient(#6dceb9, #38a88f);
    background-image: -ms-linear-gradient(#6dceb9, #38a88f);
    background-image: linear-gradient( #6dceb9, #38a88f);
    -pie-background: linear-gradient( #6dceb9, #38a88f); }
    .mg-tb10 .title a {
      color: #fff; }
  .mg-tb10 .body {
    padding: 14px 20px;
    color: #4d4d4d;
    font: 14px arial; }

.mg-navig {
  display: inline-block;
  min-width: 38px;
  text-align: center;
  border: 2px solid transparent;
  border-radius: 50%;
  font: 19px/38px arial; }

.mg-navig1 {
  color: #fff;
  background: #35a088; }

.mg-navig2 {
  color: #4d4d4d;
  border-color: #6dceb9;
  background: #8bd9c7; }

.mg-navig3 {
  color: #4d4d4d;
  border-color: #46c2a6;
  background: #fff; }

.mg-navig4 {
  color: #4d4d4d;
  background: #80d5c2;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); }

.tabs-wrap {
  margin: 1.57em 0; }

.tabs-nav {
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style: none;
  vertical-align: top;
  font-size: 0;
  line-height: 0; }
  .tabs-nav li {
    display: inline-block;
    vertical-align: top; }
    .tabs-nav li:first-child a {
      border-left: 1px solid #cecece; }
    .tabs-nav li a {
      position: relative;
      display: block;
      height: 37px;
      padding: 0 15px;
      text-decoration: none;
      color: #666;
      border: solid #cecece;
      border-width: 1px 1px 1px 0;
      background-color: #ebebeb;
      font-size: 12px;
      line-height: 37px; }
      .tabs-nav li a:hover, .tabs-nav li a.active {
        z-index: 10;
        height: 36px;
        margin-top: -1px;
        border-top: 3px solid #35a088;
        background-color: #fff;
        line-height: 35px; }
      .tabs-nav li a:focus {
        outline: none; }

.tabs-body {
  margin-top: -1px;
  padding: 25px;
  border: 1px solid #cecece; }
  .tabs-body > div {
    display: none; }
    .tabs-body > div.active {
      display: block; }
