/*--------------------------------------------------------------------------------------------
*
*	General
*
*--------------------------------------------------------------------------------------------*/
/* box-sizing */
/*
[class^="ar-"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
*/
/* Horizontal List */
.ar-hl {
  padding: 0;
  margin: 0;
  list-style: none;
  display: block;
  position: relative;
}
.ar-hl > li {
  float: left;
  display: block;
  margin: 0;
  padding: 0;
}
.ar-hl > li.ar-fr {
  float: right;
}
/* Horizontal List: Clearfix */
.ar-hl:before,
.ar-hl:after,
.ar-bl:before,
.ar-bl:after,
.ar-cf:before,
.ar-cf:after {
  content: "";
  display: block;
  line-height: 0;
}
.ar-hl:after,
.ar-bl:after,
.ar-cf:after {
  clear: both;
}
/* Block List */
.ar-bl {
  padding: 0;
  margin: 0;
  list-style: none;
  display: block;
  position: relative;
}
.ar-bl > li {
  display: block;
  margin: 0;
  padding: 0;
  float: none;
}
/* Full width */
img.ar-fw {
  width: 100%;
}
/* Browser */
.ar-visible {
  display: block;
  visibility: visible;
}
.ar-hidden {
  display: none;
  visibility: visible;
}
/* Float */
.ar-fl {
  float: left;
}
.ar-fr {
  float: right;
}
.ar-fn {
  float: none;
}
/* Align */
.ar-al {
  text-align: left;
}
.ar-ar {
  text-align: right;
}
.ar-ac {
  text-align: center;
}
/* loading */
.ar-loading,
.ar-spinner {
  display: inline-block;
  height: 20px;
  width: 20px;
  vertical-align: text-top;
  background: transparent url(../images/spinner.gif) no-repeat 50% 50%;
}
.ar-loading + .ar-button,
.ar-spinner + .ar-button {
  margin-left: 3px;
}
/* spinner */
.ar-spinner {
  display: none;
}
.ar-spinner.is-active {
  display: inline-block;
}
/* WP < 4.2 */
.spinner.is-active {
  display: inline-block;
}
/* required */
.ar-required {
  color: #f00;
}
/* show on hover */
.ar-soh .ar-soh-target {
  -webkit-transition: opacity 0.25s 0s ease-in-out, visibility 0s linear 0.25s;
  -moz-transition: opacity 0.25s 0s ease-in-out, visibility 0s linear 0.25s;
  -o-transition: opacity 0.25s 0s ease-in-out, visibility 0s linear 0.25s;
  transition: opacity 0.25s 0s ease-in-out, visibility 0s linear 0.25s;
  visibility: hidden;
  opacity: 0;
}
.ar-soh:hover .ar-soh-target {
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  visibility: visible;
  opacity: 1;
}
/* show if value */
.show-if-value {
  display: none;
}
.hide-if-value {
  display: block;
}
.has-value .show-if-value {
  display: block;
}
.has-value .hide-if-value {
  display: none;
}
/* select2 WP animation fix */
.select2-search-choice-close {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}
/*---------------------------------------------------------------------------------------------
*
*  tooltip
*
*---------------------------------------------------------------------------------------------*/
/* tooltip */
.ar-tooltip {
  background: #2F353E;
  border-radius: 5px;
  color: #fff;
  padding: 5px 15px;
  position: absolute;
  z-index: 9999;
  font-size: 12px;
}
.ar-tooltip.top {
  margin-top: -8px;
}
.ar-tooltip.right {
  margin-right: -8px;
}
.ar-tooltip.bottom {
  margin-bottom: -8px;
}
.ar-tooltip.left {
  margin-left: -8px;
}
.ar-tooltip:before {
  border: solid;
  border-color: transparent;
  border-width: 6px;
  content: "";
  position: absolute;
}
.ar-tooltip.top:before {
  top: 100%;
  left: 50%;
  margin-left: -6px;
  border-top-color: #2F353E;
  border-bottom-width: 0;
}
.ar-tooltip.right:before {
  top: 50%;
  margin-top: -6px;
  right: 100%;
  border-right-color: #2F353E;
  border-left-width: 0;
}
.ar-tooltip.bottom:before {
  bottom: 100%;
  left: 50%;
  margin-left: -6px;
  border-bottom-color: #2F353E;
  border-top-width: 0;
}
.ar-tooltip.left:before {
  top: 50%;
  margin-top: -6px;
  left: 100%;
  border-left-color: #2F353E;
  border-right-width: 0;
}
/*---------------------------------------------------------------------------------------------
*
*  callout
*
*---------------------------------------------------------------------------------------------*/
.ar-callout {
  margin: 20px 0;
  padding: 20px;
  background-color: #FCF8F2;
  border-left: 3px solid #F0AD4E;
}
.ar-callout h4 {
  color: #F0AD4E;
  margin: 0 !important;
}
.ar-callout p {
  margin-bottom: 0;
}
.ar-callout.danger {
  border-color: #D9534F;
  background-color: #FDF7F7;
}
.ar-callout.danger h4 {
  color: #D9534F;
}
.ar-callout.success {
  background-color: #f4faf6;
  border-color: #bcf1c5;
}
.ar-callout.success h4 {
  color: #3aad60;
}
/*--------------------------------------------------------------------------------------------
*
*	ar-icon
*
*--------------------------------------------------------------------------------------------*/
@font-face {
  font-family: 'ar';
  src: url('../font/ar.eot?50902143');
  src: url('../font/ar.eot?50902143#iefix') format('embedded-opentype'), url('../font/ar.woff?50902143') format('woff'), url('../font/ar.ttf?50902143') format('truetype'), url('../font/ar.svg?50902143#ar') format('svg');
  font-weight: normal;
  font-style: normal;
}
.ar-icon:before {
  font-family: "ar";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.ar-icon-plus:before {
  content: '\e800';
}
/* '' */
.ar-icon-minus:before {
  content: '\e801';
}
/* '' */
.ar-icon-cancel:before {
  content: '\e802';
}
/* '' */
.ar-icon-pencil:before {
  content: '\e803';
}
/* '' */
.ar-icon-location:before {
  content: '\e804';
}
/* '' */
.ar-icon-down:before {
  content: '\e805';
}
/* '' */
.ar-icon-left:before {
  content: '\e806';
}
/* '' */
.ar-icon-right:before {
  content: '\e807';
}
/* '' */
.ar-icon-up:before {
  content: '\e808';
}
/* '' */
.ar-icon-sync:before {
  content: '\e809';
}
/* '' */
.ar-icon-globe:before {
  content: '\e80a';
}
/* '' */
.ar-icon-picture:before {
  content: '\e80b';
}
/* '' */
.ar-icon-check:before {
  content: '\e80c';
}
/* '' */
.ar-icon-dot-3:before {
  content: '\e80d';
}
/* '' */
.ar-icon-arrow-combo:before {
  content: '\e80e';
}
/* '' */
.ar-icon-arrow-down:before {
  content: '\e80f';
}
/* '' */
.ar-icon-arrow-up:before {
  content: '\e810';
}
/* '' */
.ar-icon-search:before {
  content: '\e811';
}
/* '' */
/* default */
.ar-icon {
  display: inline-block;
  height: 26px;
  width: 26px;
  border: transparent solid 1px;
  border-radius: 100%;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  text-decoration: none;
  vertical-align: top;
}
/* elements */
span.ar-icon {
  color: #999;
  border-color: #BBB;
  background-color: #fff;
}
/* button */
a.ar-icon {
  color: #999;
  border-color: #BBB;
  background-color: #fff;
  position: relative;
  overflow: hidden;
  transition: none;
}
/* minor tweaks */
.ar-icon-pencil {
  font-size: 14px;
}
.ar-icon-pencil.small {
  font-size: 12px;
}
.ar-icon-location {
  font-size: 18px;
}
.ar-icon-left:before {
  left: -1px;
  position: relative;
}
.ar-icon-sync.small,
.ar-icon-arrow-up.small,
.ar-icon-arrow-down.small {
  font-size: 14px;
}
/* states */
a.ar-icon:hover {
  border-color: transparent;
  background: #b4b9be;
  color: #fff;
}
a.ar-icon:active,
a.ar-icon:focus {
  outline: none;
  box-shadow: none;
}
a.ar-icon-minus:hover,
a.ar-icon-cancel:hover {
  background-color: #F55E4F;
}
/* sizes */
.ar-icon.small {
  width: 18px;
  height: 18px;
  line-height: 17px;
}
/* styles */
.ar-icon.light {
  border: 0 none;
  padding: 1px;
  background: #F5F5F5;
}
.ar-icon.light:hover {
  background: #0073AA;
}
/* dark */
.ar-icon.dark {
  border-color: transparent;
  background: #23282D;
  color: #eee;
}
a.ar-icon.dark:hover {
  border-color: transparent;
  background: #191E23;
  color: #00b9eb;
}
a.ar-icon-minus.dark:hover,
a.ar-icon-cancel.dark:hover {
  color: #D54E21;
}
/* grey */
.ar-icon.grey {
  border-color: transparent;
  background: #b4b9be;
  color: #fff;
}
a.ar-icon.grey:hover {
  border-color: transparent;
  background: #00A0D2;
  color: #fff;
}
a.ar-icon-minus.grey:hover,
a.ar-icon-cancel.grey:hover {
  background: #32373C;
}
/* red */
.ar-icon.red {
  border-color: transparent;
  background-color: #F55E4F;
  color: #fff;
}
/* yellow */
.ar-icon.yellow {
  border-color: transparent;
  background-color: #FDBC40;
  color: #fff;
}
/* logo */
.ar-icon.logo {
  width: 150px;
  height: 150px;
  background: #5EE8BF;
  border: 0 none;
  position: absolute;
  right: 0;
  top: 0;
}
/*--------------------------------------------------------------------------------------------
*
*	Sprite
*
*--------------------------------------------------------------------------------------------*/
[class^="ar-sprite-"] {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../images/sprite.png);
}
.ar-icon [class^="ar-sprite-"] {
  margin: 1px auto 0;
}
.ar-sprite-logo {
  background-position: 0 0;
  width: 100px;
  height: 46px;
}
.ar-icon .ar-sprite-logo {
  margin-top: 52px;
}
/*--------------------------------------------------------------------------------------------
*
*	ar-box
*
*--------------------------------------------------------------------------------------------*/
.ar-box {
  background: #FFFFFF;
  border: 1px solid #E5E5E5;
  position: relative;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
}
.ar-box .title {
  border-bottom: 1px solid #EEEEEE;
  margin: 0;
  padding: 15px;
  background: #FFFFFF;
}
.ar-box .title h3 {
  font-size: 14px;
  line-height: 1em;
  margin: 0;
  padding: 0;
}
.ar-box .inner {
  padding: 15px;
}
.ar-box h2 {
  color: #333333;
  font-size: 25px;
  line-height: 29px;
  margin: 0.25em 0 0.75em;
  padding: 0;
}
.ar-box h3 {
  margin: 1.5em 0 0;
}
.ar-box p {
  margin-top: 0.5em;
}
.ar-box .footer {
  background: #F5F5F5;
  border-top: 1px solid #E1E1E1;
  overflow: hidden;
  padding: 15px;
  position: relative;
}
.ar-box .footer-blue {
  border-top: 0 none;
  background-color: #52ACCC;
  color: #FFFFFF;
}
.ar-box .footer-blue a {
  text-decoration: none;
  text-shadow: none;
}
.ar-box .footer .ar-hl > li {
  margin: 0 10px 0 0;
}
.ar-box .footer .ar-hl > li.ar-fr {
  margin: 0 0 0 10px;
}
/* error */
.ar-error-message {
  position: relative;
  display: block;
  background: #F55E4F;
  border-radius: 3px;
  margin: 5px 0 15px;
  padding: 1px 10px;
  min-height: 0px;
}
.ar-error-message p {
  font-size: 13px !important;
  line-height: 1.4;
  margin: 8px 0;
  padding: 0;
  text-shadow: none;
  color: #fff;
  text-shadow: 0 1px 0 #DD4232;
}
.ar-error-message .ar-icon {
  position: absolute;
  top: 8px;
  right: 10px;
  background-color: #dd4232;
  border-color: transparent;
  color: #fff;
}
.ar-error-message .ar-icon:hover {
  background-color: #F1F1F1;
  color: #F55E4F;
}
/*--------------------------------------------------------------------------------------------
*
*	ar-table
*
*--------------------------------------------------------------------------------------------*/
.ar-table {
  border: #DFDFDF solid 1px;
  background: #fff;
  border-spacing: 0;
  border-radius: 0;
  table-layout: auto;
  padding: 0;
  margin: 0;
  width: 100%;
  clear: both;
}
.ar-table > tbody > tr {
  z-index: 1;
}
.ar-table > thead > tr > th,
.ar-table > tbody > tr > td {
  padding: 8px;
  vertical-align: top;
  background: #fff;
  text-align: left;
  font-size: 14px;
  line-height: 1.4em;
  border-style: solid;
  border-color: #EDEDED;
  border-width: 1px 0 0 1px;
}
/* th */
.ar-table > thead > tr > th {
  position: relative;
  color: #333333;
  font-weight: normal;
  border-color: #E1E1E1;
  border-width: 0 0 1px 1px;
}
.ar-table > thead > tr > th:first-child {
  border-left-width: 0;
}
/* td */
.ar-table > tbody > tr > td {
  font-size: 13px;
  vertical-align: middle;
}
.ar-table > tbody > tr:first-child > td {
  border-top-width: 0;
  vertical-align: middle;
}
.ar-table > tbody > tr > td:first-child {
  border-left-width: 0;
}
/* clear table */
.ar-table.-clear {
  border: 0 none;
}
.ar-table.-clear > tbody > tr > td,
.ar-table.-clear > thead > tr > th {
  border: 0 none;
  padding: 4px;
}
/* remove tr */
.ar-remove-element {
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  transform: translate(50px, 0);
  opacity: 0;
}
/*---------------------------------------------------------------------------------------------
*
*  Input Table
*
*---------------------------------------------------------------------------------------------*/
/*
.compat-item .ar-table {
	border: #DFDFDF solid 1px;
}
*/
/* media fix */
.media-modal .ar-field * {
  box-sizing: border-box;
}
.media-modal .ar-table {
  table-layout: auto;
}
.media-item .describe .ar-table > thead > tr > th {
  width: auto;
}
/*--------------------------------------------------------------------------------------------
*
*	ar-button
*
*--------------------------------------------------------------------------------------------*/
.ar-button {
  position: relative;
  display: inline-block;
  border-radius: 3px;
  height: 28px;
  padding: 0 11px 1px;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #333;
  font-weight: normal;
  font-size: 13px;
  line-height: 26px;
  text-align: center;
  text-decoration: none;
  background: #F9F9F9;
  border: #BBBBBB solid 1px;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset;
}
.ar-button:hover {
  border-color: #999;
  color: #333;
}
.ar-button:focus,
.ar-button:active {
  outline: none;
  line-height: 28px;
}
.ar-button:active {
  box-shadow: none;
}
.ar-button[disabled],
.ar-button.disabled {
  background: #F7F7F7 !important;
  border-color: #DDDDDD !important;
  box-shadow: none !important;
  color: #AAAAAA !important;
  cursor: default !important;
}
/* sizes */
.ar-button.large {
  height: 32px;
  line-height: 31px;
  font-size: 14px;
}
/* all colors */
.ar-button.blue,
.ar-button.green,
.ar-button.orange {
  color: #fff !important;
}
/* blue */
.ar-button.blue {
  background-color: #00a0d2;
  border-color: #0073aa;
}
.ar-button.blue:hover {
  background-color: #298CBA;
}
.ar-button.blue[disabled],
.ar-button.blue.disabled {
  background: #298CBA !important;
  border-color: #1B607F !important;
  box-shadow: none !important;
  color: #94CDE7 !important;
}
/* orange */
.ar-button.orange {
  background: #e86740;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#eb7551), to(#e05c37));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(top, #eb7551, #e05c37);
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, #eb7551, #e05c37);
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(top, #eb7551, #e05c37);
  /* Opera 11.10+ */
  background-image: linear-gradient(to bottom, #eb7551, #e05c37);
  /* Firefox 16+ */
  border: #c94c2a solid 1px;
  text-shadow: #c94c2a 0 1px 0;
  box-shadow: inset #f09674 0 1px 0 0;
}
/* green */
.ar-button.green {
  background: #2CB75A;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#39cb69), to(#27b957));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(top, #39cb69, #27b957);
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, #39cb69, #27b957);
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(top, #39cb69, #27b957);
  /* Opera 11.10+ */
  background-image: linear-gradient(to bottom, #39cb69, #27b957);
  /* Firefox 16+ */
  border: #21B351 solid 1px;
  text-shadow: #21B351 0 1px 0;
  box-shadow: inset #4DDF7D 0 1px 0 0;
}
/*---------------------------------------------------------------------------------------------
*
*  wp-admin
*
*---------------------------------------------------------------------------------------------*/
/* Menu */
#adminmenu a[href="edit.php?post_type=ar-field-group&page=ar-upgrade"],
#adminmenu a[href="edit.php?post_type=ar-field-group&page=ar-settings-info"] {
  display: none;
}
/*---------------------------------------------------------------------------------------------
*
*  Field Group List
*
*---------------------------------------------------------------------------------------------*/
#icon-edit.icon32-posts-ar-field-group {
  background-position: -11px -5px;
}
#ar-field-group-wrap .tablenav,
#ar-field-group-wrap p.search-box {
  display: none;
}
#ar-field-group-wrap .wp-list-table .column-ar-fg-description,
#ar-field-group-wrap .wp-list-table .column-ar-fg-description:before {
  display: none !important;
  /* important needed to override mobile */
}
#ar-field-group-wrap .wp-list-table .column-ar-fg-count {
  width: 10%;
}
#ar-field-group-wrap .wp-list-table .column-ar-fg-status {
  width: 10%;
}
#ar-field-group-wrap .tablenav.bottom {
  display: block;
}
#ar-field-group-wrap .wp-list-table {
  border-radius: 0;
}
#ar-field-group-wrap .ar-description {
  font-weight: normal;
  font-size: 13px;
  color: #999;
  margin-left: 7px;
  font-style: italic;
}
/* WPML fix */
#ar-field-group-wrap .subsubsub {
  margin-bottom: 3px;
}
#ar-field-group-wrap .subsubsub ul {
  margin: 0;
}
#ar-field-group-wrap .subsubsub + .subsubsub {
  margin-top: 0;
}
/* columns (replicate post edit layout) */
.ar-columns-2 {
  margin-right: 300px;
}
.ar-columns-2 .ar-column-1 {
  float: left;
  width: 100%;
}
.ar-columns-2 .ar-column-2 {
  float: right;
  margin-right: -300px;
  width: 280px;
}
.ar-clear {
  clear: both;
}
/* mobile compatibilty */
@media screen and (max-width: 782px) {
  #ar-field-group-wrap #the-list .ar-icon:after {
    content: attr(title);
    position: absolute;
    margin-left: 5px;
    font-size: 13px;
    line-height: 18px;
    font-style: normal;
    color: #444;
  }
}
/*---------------------------------------------------------------------------------------------
*
*  Fake table
*
*---------------------------------------------------------------------------------------------*/
.ar-thead,
.ar-tbody,
.ar-tfoot {
  width: 100%;
  padding: 0;
  margin: 0;
}
.ar-thead > li,
.ar-tbody > li,
.ar-tfoot > li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 8px 15px;
  font-size: 12px;
  line-height: 14px;
}
.ar-thead {
  background: #FFFFFF;
  border-bottom: #E1E1E1 solid 1px;
}
.ar-thead > li {
  font-size: 14px;
  line-height: 1.4em;
  font-family: "Open Sans", sans-serif;
  color: #222222;
  font-weight: bold;
}
.ar-tfoot {
  background: #EAF2FA;
  border-top: #c7d7e2 solid 1px;
}
.ar-tfoot > li {
  color: #7A9BBE;
  font-size: 12px;
  line-height: 27px;
}
.ar-tfoot > li.comic-sans {
  font-family: Comic Sans MS, sans-serif;
  font-size: 11px;
}
/*--------------------------------------------------------------------------------------------
*
*	Settings
*
*--------------------------------------------------------------------------------------------*/
.ar-settings-wrap .ar-box {
  margin: 20px 0;
}
/*--------------------------------------------------------------------------------------------
*
*	Settings: Add-ons
*
*--------------------------------------------------------------------------------------------*/
.add-ons-list {
  margin: 20px 0 0 -18px;
  max-width: 960px;
}
.add-ons-list .add-on {
  width: 220px;
  margin: 0 0 20px 18px;
  float: left;
}
.add-ons-list .add-on .inner {
  min-height: 90px;
}
.add-ons-list .add-on-ar-pro {
  width: 940px;
}
.add-ons-list .add-on .thumbnail img {
  display: block;
}
.add-ons-list .add-on h3 a {
  color: inherit;
  text-decoration: none;
}
.add-ons-list .add-on h3 {
  margin: 0.5em 0;
}
/*--------------------------------------------------------------------------------------------
*
*	ar-popup
*
*--------------------------------------------------------------------------------------------*/
#ar-popup {
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
#ar-popup .bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  background: rgba(0, 0, 0, 0.25);
}
#ar-popup .ar-popup-box {
  position: absolute;
  z-index: 1;
  width: 300px;
  height: 300px;
  left: 50%;
  top: 50%;
  margin: -150px 0 0 -150px;
  border-color: #aaaaaa;
}
#ar-popup .title .ar-icon {
  position: absolute;
  top: 10px;
  right: 10px;
}
html[dir="rtl"] #ar-popup .title .ar-icon {
  right: auto;
  left: 10px;
}
#ar-popup .ar-popup-box .inner,
#ar-popup .ar-popup-box .loading {
  position: absolute;
  top: 44px;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
#ar-popup .ar-popup-box .loading {
  background: rgba(0, 0, 0, 0.1);
  z-index: 2;
  border-top: #DDDDDD solid 1px;
  display: none;
}
#ar-popup .ar-popup-box .loading .ar-loading {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -10px 0 0 -10px;
}
/* submit p */
.ar-submit {
  margin-bottom: 0;
}
.ar-submit span {
  float: right;
  color: #999;
}
.ar-submit .ar-loading {
  display: none;
}
.ar-submit .ar-button {
  margin-right: 5px;
}
/*--------------------------------------------------------------------------------------------
*
*	upgrade notice
*
*--------------------------------------------------------------------------------------------*/
#ar-upgrade-notice {
  margin-left: -20px;
  background: #fff;
  border-bottom: #E5E5E5 solid 1px;
}
#ar-upgrade-notice .inner {
  padding: 20px;
}
#ar-upgrade-notice .logo {
  position: relative;
  float: left;
}
#ar-upgrade-notice .content {
  margin-left: 170px;
  max-width: 710px;
}
#ar-upgrade-notice p {
  font-size: 14px;
}
/*--------------------------------------------------------------------------------------------
*
*	Welcome
*
*--------------------------------------------------------------------------------------------*/
.ar-wrap h1 {
  margin-top: 0;
  padding-top: 20px;
}
.ar-wrap .about-text {
  margin-top: 0.5em;
  min-height: 50px;
}
.ar-wrap .about-headline-callout {
  font-size: 2.4em;
  font-weight: 300;
  line-height: 1.3;
  margin: 1.1em 0 0.2em;
  text-align: center;
}
.ar-wrap .feature-section {
  margin-top: 40px;
  padding-bottom: 20px;
}
.ar-three-col img {
  border: #DDDDDD solid 1px;
  margin: 0 0 20px;
}
.ar-three-col {
  position: relative;
  overflow: hidden;
}
.ar-three-col > div {
  float: left;
  margin: 0 0 10px 5%;
  position: relative;
  width: 30%;
}
.ar-three-col > div:first-child,
.ar-three-col > br + div {
  margin-left: 0;
}
.ar-three-col > br {
  display: none;
}
.ar-wrap .ar-three-col h3,
.ar-wrap .ar-three-col h4 {
  margin-top: 0;
}
.ar-wrap .changelog {
  list-style: disc;
  padding-left: 15px;
}
.ar-wrap .changelog li {
  margin: 0 0 0.75em;
}
/*--------------------------------------------------------------------------------------------
*
*	ar-hl cols
*
*--------------------------------------------------------------------------------------------*/
.ar-hl[data-cols] {
  margin-left: -8px;
  margin-right: -8px;
}
.ar-hl[data-cols] > li {
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ar-hl[data-cols="2"] > li {
  width: 50%;
}
.ar-hl[data-cols="3"] > li {
  width: 33.333%;
}
.ar-hl[data-cols="4"] > li {
  width: 25%;
}
/*--------------------------------------------------------------------------------------------
*
*	RTL
*
*--------------------------------------------------------------------------------------------*/
html[dir="rtl"] .ar-fl {
  float: right;
}
html[dir="rtl"] .ar-fr {
  float: left;
}
html[dir="rtl"] .ar-hl > li {
  float: right;
}
html[dir="rtl"] .ar-hl > li.ar-fr {
  float: left;
}
html[dir="rtl"] .ar-icon.logo {
  left: 0;
  right: auto;
}
html[dir="rtl"] .ar-table thead th {
  text-align: right;
  border-right-width: 1px;
  border-left-width: 0px;
}
html[dir="rtl"] .ar-table > tbody > tr > td {
  text-align: right;
  border-right-width: 1px;
  border-left-width: 0px;
}
html[dir="rtl"] .ar-table > thead > tr > th:first-child,
html[dir="rtl"] .ar-table > tbody > tr > td:first-child {
  border-right-width: 0;
}
html[dir="rtl"] .ar-table > tbody > tr > td.order + td {
  border-right-color: #e1e1e1;
}
/*---------------------------------------------------------------------------------------------
*
*  Retina
*
*---------------------------------------------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  [class^="ar-sprite-"],
  [class*=" ar-sprite-"] {
    background-image: url(../images/sprite@2x.png);
    background-size: 500px 500px;
  }
  .ar-loading,
  .ar-spinner {
    background-image: url(../images/spinner@2x.gif);
    background-size: 20px 20px;
  }
}
/*---------------------------------------------------------------------------------------------
*
*  Device
*
*---------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 850px) {
  .ar-columns-2 {
    margin-right: 0;
  }
  .ar-columns-2 .ar-column-1,
  .ar-columns-2 .ar-column-2 {
    float: none;
    width: auto;
  }
}