/** Contents:
	*---------------- Initial Styles ----------------*
	*------- Form Fields General Styles -------*
	*------------------ REM Form -----------------*
	*-------------- Basic Structure --------------*
	*------------------ Header --------------------*
	*---------------- Navigation ------------------*
	*------------- REM Mega Menu --------------*
	*-------------------- 404 ----------------------*
	*----------------- Clear Fix -------------------*
	*----------- REM Grid (pending) ------------*
	*-------------- REM Columns ----------------*
	*--------------- REM Custom ----------------*
	*---------------- REM Footer -----------------*
	*------- REM Responsive Queries ---------*
	V1.1
*/
/* ------------------------------------------------------------------------*\
|------------------------------ Initial Styles ------------------------------|
\*-------------------------------------------------------------------------*/


* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	-moz-hyphens:none;
	-ms-hyphens:none;
	-webkit-hyphens: none;
	hyphens:none;
	word-break:keep-all;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
video {
	display: inline-block;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden] {
	display: none;
}

html {
	font-size: 100%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

html,
button,
input,
select,
textarea {
	font-family: Lato, "Source Sans Pro", Helvetica, sans-serif;
}

body {
	color: #141412;
	line-height: 1.5;
	margin: 0;
	overflow-x:hidden;
}

a {
	color: #fff;
	text-decoration: none;
	transition: color 0.5s;
}

a:visited {
	color: #fff;
}

a:focus {
	outline: thin dotted;
}

a:active,
a:hover {
	color: #ea9629;
	outline: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-family: Lato, "Source Sans Pro", Helvetica, sans-serif;
	font-weight: 400;
	line-height: 1.3;
}

h1 {
	font-size: 48px;
	margin: 33px 0;
}

h2 {
	font-size: 30px;
	margin: 25px 0;
}

h2.elemtitle {
	margin: 0px 0px 10px 0px;
	font-size: 20px;
	background-color: #63a244;
    color: #f8f8f8;
	padding: 5px 20px;
}

h3 {
	font-size: 16px;
	margin: 22px 0;
}

h3.elemtitle {
	margin: 0px 0px 10px 0px;
	font-size:16px;
	background-color: #63a244;
    color: #f8f8f8;
	padding: 5px 20px;
}

h4 {
	font-size: 20px;
	margin: 25px 0;
}

h5 {
	font-size: 18px;
	margin: 30px 0;
}

h6 {
	font-size: 16px;
	margin: 36px 0;
}

address {
	font-style: italic;
	margin: 0 0 24px;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

mark {
	background: #ff0;
	color: #000;
}

p {
	margin: 0 0 24px;
}

code,
kbd,
pre,
samp {
	font-family: Lato, monospace, serif;
	font-size: 14px;
	-webkit-hyphens: none;
	-moz-hyphens:    none;
	-ms-hyphens:     none;
	hyphens:         none;
}
pre {
	background: #3a3a3a;
	color: #ECDC16;
	font-size: 14px;
	margin: 20px 0;
	overflow: auto;
	padding: 20px;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

blockquote,
q {
	-webkit-hyphens: none;
	-moz-hyphens:    none;
	-ms-hyphens:     none;
	hyphens:         none;
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
	content: none;
}

blockquote {
	font-size: 18px;
	font-style: italic;
	font-weight: 300;
	margin: 24px 40px;
}

blockquote blockquote {
	margin-right: 0;
}

blockquote cite,
blockquote small {
	font-size: 14px;
	font-weight: normal;
	text-transform: uppercase;
}

blockquote em,
blockquote i {
	font-style: normal;
	font-weight: 300;
}

blockquote strong,
blockquote b {
	font-weight: 400;
}

small {
	font-size: smaller;
}

sub,
sup {
	font-size: 90%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

dl {
	margin: 0 20px;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 0 20px;
}

menu,
ol,
ul {
	margin: 16px 0;
	padding: 0 0 0 40px;
}

ul {
	list-style-type: square;
}

nav ul,
nav ol {
	list-style: none;
	list-style-image: none;
}

li > ul,
li > ol {
	margin: 0;
}

img {
	-ms-interpolation-mode: bicubic;
	border: 0;
	height: auto;
	max-width: 100%;
	vertical-align: middle;
}
embed,
iframe,
object,
video {
	max-width: 100%;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 0;
}

form {
	margin: 0;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
	white-space: normal;
}

button,
input,
select,
textarea {
	font-size: 100%;
	margin: 0;
	max-width: 100%;
	vertical-align: baseline;
}

button,
input {
	line-height: normal;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
input[disabled] {
	cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
	padding: 0;
}

input[type="search"] {
	-webkit-appearance: textfield;
	padding-right: 2px; /* Don't cut off the webkit search cancel button */
	width: 270px;
}

input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
	vertical-align: top;
}

table {
	border-bottom: 1px solid #ededed;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 14px;
	line-height: 2;
	margin: 0 0 20px;
	width: 100%;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

caption {
	font-size: 16px;
	margin: 20px 0;
}

th {
	font-weight: bold;
	text-transform: uppercase;
}

td {
	border-top: 1px solid #ededed;
	padding: 6px 10px 6px 0;
}

del {
	color: #333;
}

ins {
	background: #fff9c0;
	text-decoration: none;
}

hr {
	border:0;
	clear:both;
	display:block;
	padding:0;
	margin:0;
}

/* ------------------------------------------------------------------------*\
|--------------------- Form Fields General Styles ---------------------|
\*-------------------------------------------------------------------------*/

button,
input,
select,
textarea {
	border: 2px solid #d4d0ba;
	font-family: inherit;
	padding: 5px;
}

input,
textarea {
	color: #141412;
}

input:focus,
textarea:focus {
	border: 2px solid #c3c0ab;
	outline: 0;
}

/* Buttons */
a.submit,
.submit,
button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
	background-color:rgb(58,58,58);
	border: none;
	color: #fff;
	cursor:pointer;
	padding: 7px 24px 8px;
	text-decoration: none;
	transition:color 0.3s;
}
a.submit:hover,
.submit:hover,
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
a.submit:focus,
.submit:focus,
button:focus,
input[type="submit"]:focus,
input[type="button"]:focus,
input[type="reset"]:focus {
	/*background-color:rgba(0,0,0,0.8);*/
	color:#63a244;
	outline: none;
	background-color: #2d2d2d;
}

a.submit:active,
.submit:active,
button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
	background-color:rgba(0,0,0,1);
	border: none;
}

/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
	color: #7d7b6d;
}

:-moz-placeholder {
	color: #7d7b6d;
}

::-moz-placeholder {
	color: #7d7b6d;
}

:-ms-input-placeholder {
	color: #7d7b6d;
}

.pop-up-message {
	background-color: #63a244;
	color: #fff;
	padding: 3px 2px;
	position:absolute;
    font-size: 12px;
    width: 150px;
    left: -3px;
    opacity: 0;
    top: -30px;
    transition: all 0.3s;
    border-radius: 3px;
}

.pop-up-triangle {
	width: 0px;
    border-top: 5px solid #63a244;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    margin: 0 auto;
    bottom: -5px;
    left: 12px;
    position: absolute;
}
/* ------------------------------------------------------------------------*\
|----------------------------- REM Form  ---------------------------------| 
\*-------------------------------------------------------------------------*/
.rem-search-form,
.rem-form {
	max-width: 100%;
    position: relative;
    width: 100%;
}

.rem-search-form .rem-field,
.rem-form .rem-field {
	margin-bottom:10px;
	width: 100%;
}
.rem-search-form .rem-field .ftitle,
.rem-form .rem-field .ftitle {
	background-color: #d6d6d6;
	color:#1f1f1f;
	float:left;
	min-height: 31px;
	padding:3px 10px;
	min-width:200px;
	width: auto;
	text-transform: capitalize;
    color: #424242;
}
.ftitle:hover .edit-button{
	display:block;
}
.rem-form .admin-field .ftitle select {
	height: 25px;
	padding: 0px 5px;
}

.rem-form .rem-field .ftitle a{
	background-color: #63a244;
	border-radius: 3px;
	color: #fff;
	padding: 1px 10px 2px 10px;
    margin-top: -4px;
	opacity: 1;
	transition: all 0.3s;
}
.rem-form .rem-field .ftitle .edit-button a {
	padding: 0px;
	background: none;
	margin-top: 0px;
}
.rem-content-tabs-content .ftitle,
.editingArea .ftitle{
	height: auto !important;
}
.rem-form .admin-field .ftitle{
	min-height: 50px;
    padding: 13px 10px;
}

.rem-form .rem-field .ftitle a:hover{
	opacity: 0.7;
}
.rem-form .admin-field .ftitle, .rem-form .admin-field .finput{
	width: 100%;
}
.rem-form.checklists .rem-field .ftitle {
	width:95%;
}
.rem-search-form .rem-field .finput,
.rem-form .rem-field .finput {
	float:left;
}
.rem-search-form .rem-field .finput label,
.rem-form .rem-field .finput label {
	padding: 5px 10px;
}
.rem-form.checklists .rem-field .finput label {
	padding: 0;
}
.rem-search-form input,  
.rem-search-form select,  
.rem-search-form textarea,
.rem-form input,  
.rem-form select,  
.rem-form textarea {
	background-color:#F6FAFF;
	border: 1px solid #e6e6e6;
	width:100%;
}

input[type="image"]{
	max-width: 31px;
	max-height: 31px;
	background-color: #63a244;
}

.rem-form select {
	height: 30px;
}
.rem-search-form .rem-loop-col-sp {
	margin-bottom: 0;
}
.rem-search-form input:focus,  
.rem-search-form select:focus,  
.rem-search-form textarea:focus,
.rem-form input:focus,  
.rem-form select:focus,  
.rem-form textarea:focus {
	background-color:#ffffff;
	border: 1px solid #bbbbbb;
	outline:0;
}
.rem-search-form textarea,
.rem-form textarea {
	max-height:100px;
}
.rem-search-form .field-content,
.rem-form .field-content {
	height: 300px;
	max-height: 700px;
}
.rem-search-form a.submit,
.rem-search-form .submit,
.rem-search-form button,
.rem-search-form input[type="submit"], 
.rem-search-form input[type="button"], 
.rem-search-form input[type="reset"],
.rem-form a.submit,
.rem-form .submit,
.rem-form button,
.rem-form input[type="submit"], 
.rem-form input[type="button"], 
.rem-form input[type="reset"] {
	background-color:#63a244;
	border:none;
    color: #ffffff;
	width:auto;
	border-radius: 20px;
}
.rem-search-form a.submit,
.rem-search-form .submit,
.rem-search-form button,
.rem-search-form input[type="submit"], 
.rem-search-form input[type="button"], 
.rem-search-form input[type="reset"] {
	padding:7px 20px;
	width:auto;
}
.rem-search-form a.submit:hover,
.rem-search-form .submit:hover,
.rem-search-form button:hover,
.rem-search-form input[type="submit"]:hover, 
.rem-search-form input[type="button"]:hover, 
.rem-search-form input[type="reset"]:hover,
.rem-form a.submit:hover,
.rem-form .submit:hover,
.rem-form button:hover,
.rem-form input[type="submit"]:hover, 
.rem-form input[type="button"]:hover, 
.rem-form input[type="reset"]:hover {
	background-color:#3a3a3a;
}
.rem-search-form input[type="checkbox"], 
.rem-search-form input[type="radio"],
.rem-form input[type="checkbox"], 
.rem-form input[type="radio"] {
    margin: 0 0 0 10px;
	min-width:14px;
    width: auto;
}
.rem-search-form .rem-captcha-img,
.rem-form .rem-captcha-img {
	display:block;
	margin-bottom:10px;
	width:120px;
}
.rem-search-form #form-error,
.rem-search-form #form-success,
.rem-form #form-error,
.rem-form #form-success {
	margin:10px 0;
}
.rem-search-form #form-error span,
.rem-search-form #form-success span,
.rem-form #form-error span,
.rem-form #form-success span {
	border: 1px solid #FDB3B3;
	color: #D64343;
	padding:10px 20px;
	width:auto;
}
.rem-search-form .form-error,
.rem-form .form-error {
	border: 1px solid #FDB3B3;
}
.rem-search-form .form-error::-webkit-input-placeholder,
.rem-form .form-error::-webkit-input-placeholder {
	color: #D64343;
}

.rem-search-form .form-error:-moz-placeholder,
.rem-form .form-error:-moz-placeholder {
	color: #D64343;
}

.rem-search-form .form-error::-moz-placeholder,
.rem-form .form-error::-moz-placeholder {
	color: #D64343;
}

.rem-search-form .form-error:-ms-input-placeholder,
.rem-form .form-error:-ms-input-placeholder {
	color: #D64343;
}


.search-suggestions {
    width: 75%;
    border: 1px solid #e6e6e6;
    display: none;
    position: absolute;
    z-index: 100;
    max-height: 300px;
    overflow: auto;
}
.search-suggestions .search-suggest{
    display: block !important;
    padding: 5px;
    background-color: #d6d6d6;
    color: #424242;
    font-size: 14px;
    border-bottom: 1px solid #e6e6e6;
}

.search-suggestions .search-suggest:hover{
	color: #FFFFFF;
    background-color: #f59181;
}
.highlighted {
    background-color: #63a244 !important;
    color: #ffffff !important;
}

.edit-button {
    width: 28px;
	height: 31px;
    float: right;
    margin-top: -3px;
    margin-right: -10px;
	margin-bottom: -3px;
    padding: 1px 5px;
	transition: all 0.3s;
	display:none;
}
.edit-button img{
	width: 18px;
	height: auto;
	position:relative;
}
.edit-button:hover {
	background-color: #63a244;
}

.lightboxedit {
	left: 0;
	top: 0;
}


.buildftitle {
	width: 30%;
	float: left;
	text-align: left;
}

.buildfinput {
	width: 70%;
	float: left;
}

.rem-form .rem-field .optiontitle {
	width: 40%;
}


/* ------------------------------------------------------------------------*\
|--------------------------- Basic Structure -----------------------------|
\*-------------------------------------------------------------------------*/
#lightbox-title,
#page-title {
	background-color:#63a244;
	color:#efefef;
	font-size:20px;
	margin:0 0 20px 0;
	padding:5px 10px;
	width:100%;
	text-transform: capitalize;
}
.rem-table {	
	max-width: 100%;
	overflow-x:auto;
    white-space:nowrap;
	width: 100%;
}
.rem-table-data {
	display:inline-block;
}
.rem-cells {
	background-color:#F2F5FF;
	border-bottom:1px solid #bbbbbb;
}
.rem-cell {
    display: inline-block;
	float: none !important;
	min-width:150px; /*This is set for responsive. If you change this value you will also need to go to the custom section of the rem-main.js file and edit the cellWidth variable with the new value. */
	padding: 5px 10px; 
	vertical-align:middle;
	transition:all 0.3s;
}
.rem-cells:hover {
    background-color: #f8f8f8;
}
.id,
.action {
	max-width:150px;
	width:150px;
}
.rem-title {
	background-color: #386920;
	color:#efefef;
	font-size:18px;
	margin:0;
	padding: 5px 10px; 
} 
.rem-table .rem-title {
	padding:0; 
} 
.rem-table .rem-title .rem-cell {
	padding:5px 10px;
} 

.rem-title .rem-cell {
	padding:0;
} 
.site {
	background-color: #bbbbbb;
	margin: 0 auto;
	max-width: 100%;
	width: 100%;
}

.site-main {
	padding:20px 3%;
	position: relative;
	min-height:100vh;
}
.action {
	text-align:right;
}
.action a {
    background-color: #d6d6d6;
    padding: 5px;
}


.updatebox {
	background-color: #63a244;
	padding: 5px 10px;
	color: #f8f8f8;
}
.updatebox a {
	background-color: #f8f8f8;
	padding: 2px 10px;
	margin-top: -2px;
	border-radius: 3px;
	float: right;
}

#update-left {
	width: 40%;
	float: left;
}
#update-right {
	width: 60%;
	float:left;
	padding: 20px;
}
h2#update-title {
	margin-top: 0px;
}
#update-whatsnew {
	margin-top:25px;
}
#update-action {
	margin-bottom: 10px;
}
/* ------------------------------------------------------------------------*\
|-------------------------------- Header ----------------------------------|
\*-------------------------------------------------------------------------*/

.site-header {
	position: relative;
}
#header {
	background-color: #3a3a3a;
}
#menu-wrap {
	width: 90%;
	float:left;
}
/* ------------------------------------------------------------------------*\
|----------------------------- Logo Styles ------------------------------|
\*-------------------------------------------------------------------------*/

.logo {
	width: auto;
	max-height: 70px;
	height: auto;
	text-align: auto;
	margin: 10px auto;
	float:left;
	padding: 0px 10px;

}
.logo img { 
	max-width: 100%;
    width: auto;
    max-height: 70px;
    height: auto;
}

.loginPage .logo {
	width: auto;
	max-height: 300px;
	max-width: 600px;
	position: relative;
	height: auto;
	text-align: center;
	margin: 10px auto;
	float:none;
	padding: 0px 10px;
}
.loginPage .logo img { 
	max-height: 300px;
}

/* ------------------------------------------------------------------------*\
|------------------------------ Navigation --------------------------------|
\*-------------------------------------------------------------------------*/

.navbar {
	background-color: #3a3a3a;
	margin: 0 auto;
	width: auto;
	padding-right: 10px;
}
.main-navigation {
	/*clear: both;*/
	margin: 0 auto;
	min-height: 45px;
	position: relative;
}
ul.nav-menu,
.nav-menu > ul {
	border: 0;
	margin: 0;
	padding: 5px 0px;
}
.admin-menu {
	width: 100%;
	float:;
}
.main-navigation {
	width: 75%;
	float: left;
}
.nav-menu {
	text-align:right;
}
.admin-menu .nav-menu {
	text-align: left;
}
.nav-menu li {
	display: inline-block;
	position: relative;
}
.nav-menu li a {
	color: #ffffff;
	display: block;
	font-size: 15px;
	line-height: 1;
	padding: 10px 15px;
	text-decoration: none;
	transition:all 0.3s;
	text-align: right;
}
.nav-menu li:hover > a,
.nav-menu li a:hover,
.nav-menu li:focus > a,
.nav-menu li a:focus {
	color: #63a244;
	background-color: #2d2d2d;
}
.nav-menu .sub-menu {
	background-color:transparent;
	border: 0;
	border-bottom: 0;
	display:block;
	left:0px;
	position: absolute;
	height: 0;
	overflow: hidden;
	transition:all 0.3s;
	width: auto;
	z-index: 99999;
	padding-left: 0px;
	text-align: left;
}
.nav-menu ul a,
.nav-menu ul ul a {
	color: #ffffff;
	margin: 0;
	width: 200px;
	text-align: left;
}
.nav-menu > li:hover > ul {
	background-color:#3a3a3a;
	border-bottom: 3px solid #2d2d2d;
	height:auto;
}

.nav-menu li.current-menu-item > a,
.nav-menu li.current-menu-ancestor > a {
	color: #63a244;
	background-color: #2d2d2d;
}
.menu-toggle {
	display: none;
}
.sub-menu {
	list-style:none;
}
#secondarymenu {
	background-color:#424242;
	padding: 5px 10px;
	min-height: 45px;
}
.additionlinks{
	position: absolute;
	left:0;
}


/* Notification in Nav */

#menu .nav-menu > li:hover >  .notification-output {
	pointer-events:initial;
}
#menu .main-navigation .notification-output {
	left:-300px;
	margin:0;
	padding:0px;
	pointer-events:none;
	width:340px;
}
#menu .main-navigation .notification-output .noti {
    display: block;
	margin: 0 0 5px 0;
	padding: 0;
}
#menu .main-navigation .notification-output .noti a {
	display:block;
	width:100%;
}
.noti:hover a {
	color: #f8f8f8;
}
.noti:hover {
	color: #f8f8f8;
}
#menu .main-navigation .notification-output .noti .noti-title a,
#menu .main-navigation .notification-output .noti .noti-action a,
#menu .main-navigation .notification-output .noti .mark-action {
	color:#f8f8f8;
	font-size: 15px;
	line-height:1;
	padding:10px 5px;
	transition:all 0.3s;
}
#menu .main-navigation .notification-output .noti .noti-title a:hover,
#menu .main-navigation .notification-output .noti .noti-action a:hover,
#menu .main-navigation .notification-output .mark-action:hover {
	color: #f8f8f8 !important;
	background-color: #63a244;
}
#menu .main-navigation .notification-output .noti:hover .noti-title a,
#menu .main-navigation .notification-output .noti:hover .noti-action a,
#menu .main-navigation .notification-output .noti:hover .mark-action {
   color:#ffffff;
}
.notification-output li a{
	width: 340px;
}


.nav-menu li a img{
	margin-top: -4px;
	margin-top: -4px;
    width: 16px;
    height: 16px;
}
/* ------------------------------------------------------------------------*\
|------------------------- Notifications -----------------------------------|
\*-------------------------------------------------------------------------*/

.notification-output {
	display:block;
	list-style: none;
	padding:0;
	margin:0 0 20px 0;
}
.noti {
	background-color: #4e4e4e;
	margin: 2px 0px;
	padding: 2px 10px;
	transition: all 0.3s;
	color: #f8f8f8;
}
.noti a {
	color: #3a3a3a;
}
.noti:hover a {
	color: #f8f8f8;
}
.noti:hover {
	background-color: #63a244;
	color: #f8f8f8;
}
.noti-title {
	width: 70%;
	float: left;
}
.noti-action {
	width: 15%;
	float: left;
}
.mark-action {
	width: 15%;
	float: left;
	cursor: pointer;
}
.noti-title a,
.noti-action a,
.mark-action {
	color: #f8f8f8;
}

.noti-title a:hover,
.noti-action a:hover,
.mark-action:hover {
	color: #f8f8f8;
}

.noti-title a:visited,
.noti-action a:visited,
.mark-action:visited {
	color: #f8f8f8;
}

.editingArea{
	display:none; 
}

#sortable {
	list-style-type: none;
	margin-bottom: 20px;
}
.sortable {
	padding: 10px 20%;
}
.pageblockitem {
	background-color: #d6d6d6;
	padding: 10px;
	display: block;
	border: 3px solid #efefef;
    text-transform: capitalize;
}
.fullblock {
	clear: both;
}

/* ------------------------------------------------------------------------*\
|-------------------------- REM Mega Menu ----------------------------|
\*-------------------------------------------------------------------------*/

#site-navigation .nav-menu .rem-mega-menu .level-one-menu, 
#site-navigation .nav-menu .rem-mega-menu .level-one-menu .level-one-item,
#site-navigation .nav-menu .rem-mega-menu .level-one-menu .level-one-item a,
#site-navigation .nav-menu .rem-mega-menu .level-one-menu .level-one-item .level-two-menu,
#site-navigation .nav-menu .rem-mega-menu .level-one-menu .level-one-item .level-two-menu .level-two-item,
#site-navigation .nav-menu .rem-mega-menu .level-one-menu .level-one-item .level-two-menu .level-two-item a {
	background:none;
}
#site-navigation .nav-menu .rem-mega-menu {
	display:inline-block;
	position:static;
	text-align:left;
}
#site-navigation .nav-menu .rem-mega-menu .level-one-menu {
	background-color:transparent;
	border-bottom: 0;
	clip:auto;
	display:block;
	height:0;
	left:0;
	min-width:96%;
	overflow:hidden;
	padding:0 2% 0 2%;
	position:absolute;
	width:100%;
	z-index:9999999;
	transition:all 0.3s;
}
#site-navigation .nav-menu .rem-mega-menu:hover .level-one-menu {
	background-color:#1f1f1f;
	border-bottom: 3px solid #dc5528;
	height:auto;
	padding:2%;
}
#site-navigation .nav-menu .rem-mega-menu .level-one-menu .level-one-item {
	position:static;
}
#site-navigation .nav-menu .rem-mega-menu .level-one-menu .level-one-item a {
	border-bottom:1px dotted #ffffff;
	color:#ffffff;
	display:block;
	font-size:20px;
	font-weight:400;
	padding: 10px 10px 10px 0;
	pointer-events:none;
	width:100%;
}
#site-navigation .nav-menu .rem-mega-menu .level-one-menu .level-one-item .level-two-menu {
    border: 0 !important;
	display:block;
	float: none;
	height:auto;
    padding: 0;
    left: auto;
    position: relative;
    top: auto;
    width: 100%;
}
#site-navigation .nav-menu .rem-mega-menu .level-one-menu .level-one-item .level-two-menu .level-two-item {
	display:block;
	float: none;
    width: 100%;
}
#site-navigation .nav-menu .rem-mega-menu .level-one-menu .level-one-item .level-two-menu .level-two-item a {
	border:0;
	font-size:16px;
	font-weight:normal;
	padding:5px 10px 5px 0;
	pointer-events:all;
	width:100%;
}
#site-navigation .nav-menu .rem-mega-menu .level-one-menu .level-one-item .level-two-menu .level-two-item a:hover {
	color:#dc5528;
}

/* ------------------------------------------------------------------------*\
|---------------------------------- 404 ------------------------------------|
\*-------------------------------------------------------------------------*/
#error404 .page-title {
	color: #FBE9C6;
	font-size: 600px;
	line-height: 1.3;
	text-align: center;
	width:100%;
	z-index:5;
}
#error404 .error404content {
	width:100%;
	z-index:10;
}
#error404 .error404content h2 {
	color: #777777;
	font-size: 40px;
	font-weight:400;
	line-height: 1.3;
	text-align: center;
}

/* ------------------------------------------------------------------------*\
|------------------------------- Clear Fix ---------------------------------|
\*-------------------------------------------------------------------------*/
.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
} 
.clearfix:after {
    clear: both;
}
.clearfix {
    zoom: 1; /* For IE 6/7 */
}

/* ------------------------------------------------------------------------*\
|------------------------------- REM Grid ---------------------------------| NEEDS WORK OR TO BE REMOVED
\*-------------------------------------------------------------------------*/

#rem-grid {
	padding:20px 0;
	position:relative;
	width:100%;
}
#rem-grid .rem-grid-heading,
#rem-grid .rem-grid-heading h1,
#rem-grid .rem-grid-heading h2,
#rem-grid .rem-grid-heading h3,
#rem-grid .rem-grid-heading h4,
#rem-grid .rem-grid-heading h5,
#rem-grid .rem-grid-heading h6 {
	clear:both;
	font-size: 26px;  
	font-style: normal;
	font-weight: 400;
	text-align: center;
}
#rem-grid .rem-grid-item {
	background-color:#242424;
	margin-bottom:20px;
	padding:0;
	position:relative;
	overflow:hidden;
}
#rem-grid .rem-grid-item a {
	background-position:center top;
	background-repeat:no-repeat;
	background-size:cover;
	display:block;
	opacity:1;
	overflow:hidden;
	transition:all 0.3s;
}
#rem-grid .rem-grid-item:hover a {
	opacity:0.5;
}
#rem-grid .rem-grid-item a img {
	display:block;
	height:auto;
	width:100%;
}
#rem-grid .rem-grid-item .rem-grid-title {
	color:#ffffff;
	font-size:30px;
	font-weight:400;
	margin:0;
	max-width: 96%;
	padding:0;
	pointer-events:none;
	position:absolute;
	opacity:0;
	text-align:center;
	transition:all 0.3s;
	width: auto;
}
#rem-grid .rem-grid-item:hover .rem-grid-title {
	opacity:1;
}

/* ------------------------------------------------------------------------*\
|---------------------------- REM Columns ------------------------------|
\*-------------------------------------------------------------------------*/

.rem-last {
	margin-right:0 !important;
}
.rem-col-center {
	float:none !important;
	margin:0 auto;
}

.rem-col-half,
.rem-col-third,
.rem-col-fourth,
.rem-col-fifth,
.rem-col-two-third,
.rem-col-sixth,
.rem-col-seventh,
.rem-col-eighth,
.rem-col-half-sp,
.rem-col-third-sp,
.rem-col-fourth-sp,
.rem-col-fifth-sp,
.rem-col-two-third-sp,
.rem-col-sixth-sp,
.rem-col-seventh-sp,
.rem-col-eighth-sp {
	/*overflow:hidden;*/
}
.rem-col-half a,
.rem-col-third a,
.rem-col-fourth a,
.rem-col-fifth a,
.rem-col-two-third a,
.rem-col-sixth a,
.rem-col-seventh a,
.rem-col-eighth a,
.rem-col-half-sp a,
.rem-col-third-sp a,
.rem-col-fourth-sp a,
.rem-col-fifth-sp a,
.rem-col-two-third-sp a,
.rem-col-sixth-sp a,
.rem-col-seventh-sp a,
.rem-col-eighth-sp a {
	display:block;
}
.rem-col-full {
	clear:both;
	margin:0;
	max-width:100%;
	width:100%;
}

.rem-col-half {
	float:left;
	max-width:50%;
	width:50%;
}
.rem-col-half.no-responsive-break,
.rem-form .rem-col-half.no-responsive-break {
	clear:none;
	float:left;
	margin:0;
	max-width:50%;
	width:50%;
}

.rem-col-third {
	float:left;
	max-width:33.3%;
	width:33.3%;
}
.rem-col-third.no-responsive-break,
.rem-form .rem-col-third.no-responsive-break {
	clear:none;
	float:left;
	margin:0;
	max-width:33.3%;
	width:33.3%;
}

.rem-col-fourth {
	float:left;
	max-width:25%;
	width:25%;
}
.rem-col-fourth.no-responsive-break,
.rem-form .rem-col-fourth.no-responsive-break {
	clear:none;
	float:left;
	margin:0;
	max-width:25%;
	width:25%;
}

.rem-col-fifth {
	float:left;
	max-width:20%;
	width:20%;
}
.rem-col-fifth.no-responsive-break,
.rem-form .rem-col-fifth.no-responsive-break {
	clear:none;
	float:left;
	margin:0;
	max-width:20%;
	width:20%;
}

.rem-col-sixth {
	float:left;
	max-width:16.6%;
	width:16.6%;
}
.rem-col-sixth.no-responsive-break,
.rem-form .rem-col-sixth.no-responsive-break {
	clear:none;
	float:left;
	margin:0;
	max-width:16.6%;
	width:16.6%;
}

.rem-col-seventh {
	float:left;
	max-width:14.2%;
	width:14.2%;
}
.rem-col-seventh.no-responsive-break,
.rem-form .rem-col-seventh.no-responsive-break {
	clear:none;
	float:left;
	margin:0;
	max-width:14.2%;
	width:14.2%;
}

.rem-col-eighth {
	float:left;
	max-width:12.5%;
	width:12.5%;
}
.rem-col-eighth.no-responsive-break,
.rem-form .rem-col-eighth.no-responsive-break {
	clear:none;
	float:left;
	margin:0;
	max-width:12.5%;
	width:12.5%;
}

.rem-col-two-third {
	float:left;
	max-width:66.6%;
	width:66.6%;
}
.rem-col-two-third.no-responsive-break,
.rem-form .rem-col-two-third.no-responsive-break {
	clear:none;
	float:left;
	margin:0;
	max-width:66.6%;
	width:66.6%;
}

.rem-col-half-sp {
	float:left;
	margin-right:1%;
	max-width:49.5%;
	width:49.5%;
}
.rem-col-half-sp.no-responsive-break,
.rem-form .rem-col-half-sp.no-responsive-break {
	clear:none;
	float:left;
	margin:0;
	margin-right:1%;
	max-width:49.5%;
	width:49.5%;
}

.rem-col-third-sp {
	float:left;
	margin-right:1%;
	max-width:32.6%;
	width:32.6%;
}
.rem-col-third-sp.no-responsive-break,
.rem-form .rem-col-third-sp.no-responsive-break {
	clear:none;
	float:left;
	margin:0;
	margin-right:1%;
	max-width:32.6%;
	width:32.6%;
}

.rem-col-fourth-sp {
	float:left;
	margin-right:1%;
	max-width:24.25%;
	width:24.25%;
}
.rem-col-fourth-sp.no-responsive-break,
.rem-form .rem-col-fourth-sp.no-responsive-break {
	clear:none;
	float:left;
	margin:0;
	margin-right:1%;
	max-width:24.25%;
	width:24.25%;
}

.rem-col-fifth-sp {
	float:left;
	margin-right:1%;
	max-width:19.2%;
	width:19.2%;
}
.rem-col-fifth-sp.no-responsive-break,
.rem-form .rem-col-fifth-sp.no-responsive-break {
	clear:none;
	float:left;
	margin:0;
	margin-right:1%;
	max-width:19.2%;
	width:19.2%;
}

.rem-col-sixth-sp {
	float:left;
	margin-right:1%;
	max-width:15.83%;
	width:15.83%;
}
.rem-col-sixth-sp.no-responsive-break,
.rem-form .rem-col-sixth-sp.no-responsive-break {
	clear:none;
	float:left;
	margin:0;
	margin-right:1%;
	max-width:15.83%;
	width:15.83%;
}

.rem-col-seventh-sp {
	float:left;
	margin-right:1%;
	max-width:13.4%;
	width:13.4%;
}
.rem-col-seventh-sp.no-responsive-break,
.rem-form .rem-col-seventh-sp.no-responsive-break {
	clear:none;
	float:left;
	margin:0;
	margin-right:1%;
	max-width:13.4%;
	width:13.4%;
}

.rem-col-eighth-sp {
	float:left;
	margin-right:1%;
	max-width:11.6%;
	width:11.6%;
}
.rem-col-eighth-sp.no-responsive-break,
.rem-form .rem-col-eighth-sp.no-responsive-break {
	clear:none;
	float:left;
	margin:0;
	margin-right:1%;
	max-width:11.6%;
	width:11.6%;
}

.rem-col-two-third-sp {
	float:left;
	margin-right:1%;
	max-width:66.2%;
	width:66.2%;
}
.rem-col-two-third-sp.no-responsive-break,
.rem-form .rem-col-two-third-sp.no-responsive-break {
	clear:none;
	float:left;
	margin:0;
	margin-right:1%;
	max-width:66.2%;
	width:66.2%;
}
.rem-form .rem-col-half.no-responsive-break,
.rem-form .rem-col-third.no-responsive-break,
.rem-form .rem-col-fourth.no-responsive-break,
.rem-form .rem-col-fifth.no-responsive-break,
.rem-form .rem-col-two-third.no-responsive-break,
.rem-form .rem-col-sixth.no-responsive-break,
.rem-form .rem-col-seventh.no-responsive-break,
.rem-form .rem-col-eighth.no-responsive-break,
.rem-form .rem-col-half-sp.no-responsive-break,
.rem-form .rem-col-third-sp.no-responsive-break,
.rem-form .rem-col-fourth-sp.no-responsive-break,
.rem-form .rem-col-fifth-sp.no-responsive-break,
.rem-form .rem-col-two-third-sp.no-responsive-break,
.rem-form .rem-col-sixth-sp.no-responsive-break,
.rem-form .rem-col-seventh-sp.no-responsive-break,
.rem-form .rem-col-eighth-sp.no-responsive-break {
	margin-bottom:10px;
}
.rem-loop-col-sp {
	margin-bottom:20px;
}
.rem-loop-col,
.rem-loop-col-sp {
	min-height:1px;
}

.overflow {
	overflow: initial !important;
}

/* ------------------------------------------------------------------------*\
|----------------------------- REM BLOCK  --------------------------------| 
\*-------------------------------------------------------------------------*/
.block {
	/*background-color: #efefef;
	margin-bottom:20px;*/
}
.block-content-area {
	    padding: 20px;
}

/* ------------------------------------------------------------------------*\
|--------------------------------- Diary -----------------------------------|
\*-------------------------------------------------------------------------*/
/* Diary View */
#rem-diary {
}
.empty-cell {
	min-height:1px;
}
.d-title {
}
.d-title, .d-cell {
	text-align: right;
}

.d-cell {
	transition:all 0.3s;
}
.d-cell:hover {
	background-color: #fefefe;
}
.d-cell a {
	display: block;
}
.d-today {
	background-color: #63a244;
}
.d-number {
	background-color: #4e4e4e;
	color:#efefef;
	padding: 5px 10px;
	text-align: right;
	width: 100%;
}
.d-data {
	height: 125px;
	overflow: hidden;
	display: block;
}
.d-entry {
	background-color: #CED8F3;
	color:#3a3a3a;
	font-size:13px;
	margin: 0 auto 2px auto;
	padding: 2px;
	overflow: hidden;
	transition:all 0.3s;
	width: 99%;
}
.d-entry:hover {
	background-color: #386920;
	color:#ffffff;
}
.d-s-tues {
	margin-left: 14%;
}
.d-s-wed {
	margin-left: 28%;
}
.d-s-thur {
	margin-left: 42%;
}
.d-s-fri {
	margin-left: 56%;
}
.d-s-sat {
	margin-left: 70%;
}
.d-s-sun {
	margin-left: 84%;
}
/* Single View */
.v-row {
	background-color: #F2F5FF;
	margin-bottom:1px;
	width: auto;
} 
.v-title {
	background-color:#4e4e4e;
	color:#efefef;
	height: 38px;
	float: left;
	padding: 10px;
	width: 10%;
}
.v-content {
	width: 90%;
	float: left;
	height: 38px;
	padding: 10px;
	position: relative;
}
.vc-cell {
	color:#3a3a3a;
	float: left;
	top: 0;
	left: 0;
	background-color: #CED8F3;
	width: 200px;
	padding: 10px;
	z-index: 0;
	margin: 5px;
}
.vc-cell:hover {
	color:#ffffff;
	background-color: #386920;
}
#overlay {
	background: rgba(0,0,0,0.8);
	position: fixed;
	height: 100vh;
	width: 100%;
	z-index: 999;
	left:0;
	top: 0;
}
#content-box {
	width: 80%;
	position: fixed;
	background-color: #fff;
	z-index: 9991;
	left: 0;
	right: 0;
	padding: 20px;
	top: 0;
	bottom: 0;
	margin: auto;
	overflow-y: scroll;
	border-radius: 3px;
	height: 90vh;
}
/*#content-box .edit-button {
	display: none;
}*/

#lightboxClose  {
    background-color: #F6FAFF;
    color: #1f1f1f;
    font-size: 26px;
    position: fixed;
    text-align: center;
  	right: 10px;
    top: 10px;
    z-index: 9991;
    padding: 10px 30px;
    border-radius: 3px;
}
.lightbox {
	display: none;
}
.showLightbox{
	display: block; 
}
#toggledays {
	margin:0 0 20px 0;
}
.togglearrow {
	width:50px;
}
.togglearrow a {
	background-color: #386920;
	color:#efefef;
	display:block;
	text-align: center;
	padding: 15px 20px;
	transition:all 0.3s;
}
.togglearrow a:hover {
	background-color: #4e4e4e;
}
.toggletodate {
	background-color:#F2F5FF;
	font-size: 18px;
	padding: 10px;
	text-align: center;
	width:90%;
}
.toggletodate .rem-search-form {
	margin:0;
	padding:0;
}
.toggletodate .toggletitle {
	border-right:1px solid #bbbbbb;
	margin-bottom: 0px !important;
}
.toggletodate .toggleview{
	margin-bottom: 0px !important;
}
.toggletodate .togglelast {
	margin-bottom:  0px;
}
.toggletodate .toggletitle h3 {
	margin: 0;
	padding: 4px;
}
.togglearrow,
.toggletodate {
	float:left;
	min-height: 50px;
}
.v-times {
	width: 10%;
	float:left;
}
.v-events {
	background-color: #F2F5FF;
    float: left;
    position: relative;
    width: 90%;
}
.v-time {
	background-color: #4e4e4e;
    color: #efefef;
    padding: 5px 5%;
}

/* ------------------------------------------------------------------------*\
|----------------------------- REM Custom ------------------------------|
\*-------------------------------------------------------------------------*/
#resizer input[type="submit"] {
	opacity:0;
	pointer-events:none;
	transition:all 0.3s;
	position: fixed;
	top:20%;
	right: 0;
}
#resizer input[type="submit"].active {
	opacity:1;
	pointer-events:auto;
}
#maingallery {    
    background-color: #7A7B80;
	padding: 20px;
}
#maingallery .rem-loop-col-sp {
	margin:0;
}
#maingallery .maingallery-mainimage-container {
	float:left;
	width:80%;
}
#maingallery .maingallery-mainimage {
}
#maingallery .maingallery-images-container {
	float:left;
	overflow-y:auto;
	width:20%;
}
#maingallery .maingallery-images {
}
#maingallery .maingallery-floorplan {
}
#maingallery .maingallery-mainimage img,
#maingallery .maingallery-images img, 
#maingallery .maingallery-floorplan img {
	width:100%;
}
.gallery {
	background-color:#F2F5FF;
	overflow:hidden;
	padding:10px;
}
.gallery img {
	display:block;
	margin:0 auto;
	max-height:225px;
}
.media-input {
	padding: 5px 10px;
}
.rem-bg-img {
	display:block;
	height:auto;
	max-width:none;
	width:100%;
}
.rem-bg-content {
	left:0;
	position:absolute;
	top:0;
	width:100%
}
.rem-first-word span {
	color:#ff0000;
}
.rem-center,
.rem-horizontal-center,
.rem-vert-center {
	left:auto;
	max-width:100%;
	position:absolute;
	top:auto;
	z-index:5;
}
.section,
.section-full,
.rem-feature {
	max-width:100%;
	min-height:100vh;
	padding:20px;
	position:relative;
	width:100%;
}
.section-full,
.section {
	background-color:#F2F5FF;
	margin:0 0 20px 0;
}
.section {
	min-height:auto;
}
.rem-feature {
	padding:0;
}
.rem-bg {
	background-attachment:scroll;
	background-position:50% 0;
	background-repeat:no-repeat;
	background-size:cover;
}
.rem-bgfix {
	background-attachment:fixed;
	background-position:50% 0;
	background-repeat:no-repeat;
	background-size:cover;
}
#rem-to-content {
	background-color:rgba(0,0,0,0.4);
	border-radius:20px;
	bottom:20px;
	display:block;
	left:40%;
	padding:5px 0;
	position:absolute;
	text-align:center;
	transition:all 0.3s;
	width:20%;
	z-index: 99;
}
#rem-to-content:hover {
	background-color:rgba(0,0,0,0.6);
}
#rem-to-content img {
	display:block;
	margin:0 auto;
	width:40px;
}
#rem-site-logo {
	display:block;
	padding:10px 2%;
}
.rem-content-wrapper {
	margin:0 auto;
	max-width:1920px;
	position:relative;
	width:100%;
}
.rem-hidden {
	display:none;
}
.rem-clear {
	clear:both;
}
.clear {
	clear:both;
}
.tleft {
	text-align:left;
}
.tright {
	text-align:right;
}
.tcenter {
	text-align:center;
}

.view-img {
	width: 50%;
	height: auto;
	padding: 10px 5%;
	display: inline-block;
}
.view-text {
	width: 50%;
	height: auto;
	display: inline-block;
	padding: 10px 5% 0px 0px;
}
.view-text .textbox {
	width: 100%;
}
.view-text .submit {
	margin-top: 55px;
}

.addaction {
	width: auto;
	display: inline-block;
}
.pelem-wrap {
	text-align: right;
}
.pelem-opt{
	width: auto;
	display: inline-block;
	margin-left: 10px; 
}

.pelem-opt input[type="checkbox"] {
	display:none;
}
.pelem-opt label{
	background-color: #bbb;
	border-radius: 3px;
	color: #eaeaea;
	padding: 3px 10px 5px 10px;
    font-size: 16px;
    transition: 0.3s;
    cursor: pointer;
}
.pelem-opt input[type="checkbox"]:checked + label{
	background-color: #63a244;
	color:#f0f0f0;
}

.rem-form .rem-field .ftitle .checkdel input {
	width: 25px;
	padding: 2px 0px;
	text-align: center;
}

.addon {
	background-color: #fff;
	padding: 0px 20px 20px 20px;
}
.addon .Activate {
	background-color: #5A963C;
	color:#fff;
}

.addon .Deactivate {
	background-color: #63a244;
	color:#fff;
}

.addonsection {
	margin-bottom: 20px;
}
.mediainputwrap {
	width: 150px;
}
#lgtbx-addon-purchase .addonimg {
	width: 50%;
	float: left;
	height: 50vh;
	background-size: cover;
	background-position: center center;
	padding: 20px;
}
#lgtbx-addon-purchase .addondesc {
	width: 50%;
	float: left;
	padding: 20px;
}

.pagination {
	text-align: center;
}
.pagination .item {
	width: auto;
	background-color:#4e4e4e;
	padding: 8px;
	margin: 3px;
	font-size: 20px;
}
.pagination a {
	color: #fff;
}

.addnew {
	display: inline-block;
}

.rem-title button {
	padding: 0px 5px;
}
.rem-title .smaller {
	margin-left: 5px;
}



.branchbox-item {
	background-color: #3A3A3A;
	text-align: left;
	padding: 20px 20px;
	margin-bottom: 20px;
}
a.branchbox-item,a.branchbox-item:visited{
	color:#fff;
	font-size: 16px;
}
a.branchbox-item:hover {
	color:#63a244;
}
.sub-box {
	margin-bottom: 0px;
	padding: 7px 20px;
}

.parent-box{
	font-size: 24px !important;
	padding: 58px 20px;
	text-align: center;
}
.sub-box {
}
.thirdBit a{
	padding: 62px 0px;
}
.full-height{
	padding-top: 64px;
	padding-bottom: 64px;
}

.half-height{
	padding-top: 26px;
	padding-bottom: 26px;
}

.third-height {
	padding-top: 13.5px;
	padding-bottom: 13px;
}

.buildcodes-addbox {
	list-style: none;
	color: #4e4e4e;
	background-color: #d6d6d6;
	padding: 3px 10px;
	margin-bottom: 10px;
}
.buildcodes-addbox-title {
	background-color: #63a244;
	color:#fff;
	padding: 3px 10px;   
	margin: -3px -10px 10px -10px;
    font-size: 18px;
}

.buildcodes-addbox-add {
	width: auto;
	height: auto;
	text-align: center;
	color: #4e4e4e;
}
.buildcodes-addbox:hover .buildcodes-addbox-add {
	display: block;
}
.addbox-image {
	width: 28px;
	height: 28px;
	text-align: center;
	margin: 0px 5px;
	display: inline-block;
	background-color: #63a244;
	border-radius: 3px;
	opacity: 1;
	transition: 0.3s;
	padding: 0px 3px;
	z-index: 1;
    position: relative;
}
.addbox-image-item {
	opacity: 1;
	transition: all 0.3s;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	font-size:18px;
}
.addbox-image-item:hover {
	opacity: 0.7;
}
.addbox-image:hover .pop-up-message {
	opacity: 1;
}

.addbox-image img {
	width: 80%;
    margin-top: -2px;
}
.buildcodes-rel {
	position: relative;
}
/* ANTCHANGES */
/* Custom col classes for tables otherwise the main  home page menu doesn't look right */
.rem-col-half .rem-table a,
.rem-col-third .rem-table a,
.rem-col-fourth .rem-table a,
.rem-col-fifth .rem-table a,
.rem-col-two-third .rem-table a,
.rem-col-sixth .rem-table a,
.rem-col-seventh .rem-table a,
.rem-col-eighth .rem-table a,
.rem-col-half-sp .rem-table a,
.rem-col-third-sp .rem-table a,
.rem-col-fourth-sp .rem-table a,
.rem-col-fifth-sp .rem-table a,
.rem-col-two-third-sp .rem-table a,
.rem-col-sixth-sp .rem-table a,
.rem-col-seventh-sp .rem-table a,
.rem-col-eighth-sp a.rem-table a{
	display:inline-block;
}

.sc-button-wrap button {
	display: inline-block;
    padding: 5px 10px 5px 10px;
    border-radius: 3px;
    font-size: 14px;
}

#shortcodes-wrap .admin-finput{
	display: none;
}
#shortcodes-wrap .admin-finput.adminInputShow {
	display:block;
}
/*------------------------------------------------------------------------------------*\
| ?21 -------------------------- REM Content Tabs -------------------------------|
\*------------------------------------------------------------------------------------*/

.rem-content-tabs {}
.rem-tabs {
	clear:both;
	display:block;
}
.rem-tab {
	background-color:#63a244;
	color:#ffffff;
	cursor:pointer;
	display:inline-block;
	font-size:20px;
	margin:5px 0 0 0;
	padding:10px 20px;
	text-transform:capitalize;
	transition:all 0.3s;
	border-bottom: 1px solid #386920;
}
.rem-tab p,
.rem-tab h1,
.rem-tab h2,
.rem-tab h3,
.rem-tab h4,
.rem-tab h5,
.rem-tab h6 {
	margin:0;
	padding:0;
	text-transform:capitalize;
}
.rem-tab.active,
.rem-tab:hover {
	background-color:#386920;
	color: #FFFFFF;
}
.rem-content-tabs-content {
	transition:all 0.3s;
}
.rem-content-tabs-item {
	display:none;
	opacity:0;
	transition:all 0.3s;
	width:100%;
	background-color: #f0f0f0;
}
.rem-content-tabs-item.active {
	display:block;
}
.rem-content-tabs-item h1{
	font-size: 24px;
	margin: 20px 0px;
}
.notetitle {
	min-width: 150px;
}
/* ------------------------------------------------------------------------*\
|--------------------------- Loading Annimation ----------------------------|
\*-------------------------------------------------------------------------*/


@keyframes loading-first {
	5% {left:0;top:0;}
	6.25% {left:12px;top:0;}
	
	17.75%{left:12px;top:0;}
	18.75% {left:24px;top:0;}
	
	30.25% {left:24px;top:0;}
	31.25% {left:24px;top:12px;}
	
	42.75% {left:24px;top:12px;}
	43.75% {left:24px;top:24px;}
	
	55.25% {left:24px;top:24px;}
	56.25% {left:12px;top:24px;}
	
	67.75% {left:12px;top:24px;}
	68.75% {left:0;top:24px;}
	
	80.25% {left:0;top:24px;}
	81.25% {left:0;top:12px;}
	
	92.75% {left:0;top:12px;}
	93.75% {left:0;top:0;}
}
@keyframes loading-second {
	4.25% {left:12px;top:0;}
	5.25% {left:24px;top:0;}
	
	16.75% {left:24px;top:0;}
	17.75% {left:24px;top:12px;}
	
	29.25%{left:24px;top:12px;}
	30.25% {left:24px;top:24px;}
	
	41.75% {left:24px;top:24px;}
	42.75% {left:12px;top:24px;}
	
	54.25% {left:12px;top:24px;}
	55.25% {left:0;top:24px;}
	
	66.75% {left:0;top:24px;}
	67.75% {left:0;top:12px;}
	
	79.25% {left:0;top:12px;}
	80.25% {left:0;top:0;}
	
	91.75% {left:0;top:0;}
	92.75% {left:12px;top:0;}
}
@keyframes loading-third {
	3.25% {left:24px;top:0;}
	4.25% {left:24px;top:12px;}
	
	15.75% {left:24px;top:12px;}
	16.75% {left:24px;top:24px;}
	
	28.25%{left:24px;top:24px;}
	29.25% {left:12px;top:24px;}
	
	40.75% {left:12px;top:24px;}
	41.75% {left:0;top:24px;}
	
	53.25% {left:0;top:24px;}
	54.25% {left:0;top:12px;}
	
	65.75% {left:0;top:12px;}
	66.75% {left:0;top:0;}
	
	78.25% {left:0;top:0;}
	79.25% {left:12px;top:0;}
	
	90.75% {left:12px;top:0;}
	91.75% {left:24px;top:0;}
}
@keyframes loading-fourth {
	2.25% {left:24px;top:12px;}
	3.25% {left:24px;top:24px;}
	
	14.75% {left:24px;top:24px;}
	15.75% {left:12px;top:24px;}
	
	27.25%{left:12px;top:24px;}
	28.25% {left:0;top:24px;}
	
	39.75% {left:0;top:24px;}
	40.75% {left:0;top:12px;}
	
	52.25% {left:0;top:12px;}
	53.25% {left:0;top:0;}
	
	64.75% {left:0;top:0;}
	65.75% {left:12px;top:0;}
	
	77.25% {left:12px;top:0;}
	78.25%  {left:24px;top:0;}
	
	89.75% {left:24px;top:0;}
	90.75% {left:24px;top:12px;}
}
@keyframes loading-fifth {
	0.75% {left:12px;top:24px;}
	8.25% {left:12px;top:24px;}
	9.25% {left:0;top:24px;}
	
	10.25% {left:2px;top:24px;}
	11.25% {left:0;top:24px;}
	12.25% {left:1px;top:24px;}
	13.25% {left:0;top:24px;}
	
	20.75%{left:0;top:24px;}
	21.75% {left:0;top:12px;}
	
	22.75% {left:0;top:14px;}
	23.75% {left:0;top:12px;}
	24.75% {left:0;top:13px;}
	25.75% {left:0;top:12px;}
	
	33.25% {left:0;top:12px;}
	34.25% {left:0;top:0;}
	
	35.25% {left:0;top:2px;}
	36.25% {left:0;top:0;}
	37.25% {left:0;top:1px;}
	38.25% {left:0;top:0;}
	
	45.75% {left:0;top:0;}
	46.75% {left:12px;top:0;}
	
	47.75% {left:10px;top:0;}
	48.75% {left:12px;top:0;}
	49.75% {left:11px;top:0;}
	50.75% {left:12px;top:0;}
	
	58.25% {left:12px;top:0;}
	59.25% {left:24px;top:0;}
	
	60.25% {left:22px;top:0;}
	61.25% {left:24px;top:0;}
	62.25% {left:23px;top:0;}
	63.25% {left:24px;top:0;}
	
	70.75% {left:24px;top:0;}
	71.75% {left:24px;top:12px;}
	
	72.75% {left:24px;top:10px;}
	73.75% {left:24px;top:12px;}
	74.75% {left:24px;top:11px;}
	75.75% {left:24px;top:12px;}
	
	82.25% {left:24px;top:12px;}
	83.25% {left:24px;top:24px;}
	
	84.25% {left:24px;top:22px;}
	85.25% {left:24px;top:24px;}
	86.25% {left:24px;top:23px;}
	87.25% {left:24px;top:24px;}
	
	95.75% {left:24px;top:24px;}
	96.75% {left:12px;top:24px;}
	
	97.75% {left:14px;top:24px;}
	98.75% {left:12px;top:24px;}
	99.75% {left:13px;top:24px;}
}
@keyframes loading-sixth {
	7.25% {left:0;top:24px;}
	8.25% {left:0;top:12px;}
	
	19.75%{left:0;top:12px;}
	20.75% {left:0;top:0;}
	
	32.25% {left:0;top:0;}
	33.25% {left:12px;top:0;}
	
	44.75% {left:12px;top:0;}
	45.75% {left:24px;top:0;}
	
	57.25% {left:24px;top:0;}
	58.25% {left:24px;top:12px;}
	
	69.75% {left:24px;top:12px;}
	70.75% {left:24px;top:24px;}
	
	81.25% {left:24px;top:24px;}
	82.25% {left:12px;top:24px;}
	
	94.75% {left:12px;top:24px;}
	95.75% {left:0;top:24px;}
}
@keyframes loading-seventh {
	6.25% {left:0;top:12px;}
	7.25% {left:0;top:0;}
	
	18.75%{left:0;top:0;}
	19.75% {left:12px;top:0;}
	
	31.25% {left:12px;top:0;}
	32.25% {left:24px;top:0;}
	
	43.75% {left:24px;top:0;}
	44.75% {left:24px;top:12px;}
	
	56.25% {left:24px;top:12px;}
	57.25% {left:24px;top:24px;}
	
	68.75% {left:24px;top:24px;}
	69.75% {left:12px;top:24px;}
	
	80.25% {left:12px;top:24px;}
	81.25% {left:0;top:24px;}
	
	93.75% {left:0;top:24px;}
	94.75% {left:0;top:12px;}
}
#loading-first {
	top: 0;
	left: 0;
    animation-name: loading-first;
    animation-duration: 12s;
    animation-delay: 0s;
    animation-iteration-count: infinite;
}
#loading-second {
	top: 0;
	left: 12px;
    animation-name: loading-second;
    animation-duration: 12s;
    animation-delay: 0s;
    animation-iteration-count: infinite;
}
#loading-third {
	top: 0;
	left: 24px;
    animation-name: loading-third;
    animation-duration: 12s;
    animation-delay: 0s;
    animation-iteration-count: infinite;
}
#loading-fourth {
	top: 12px;
	left: 24px;
    animation-name: loading-fourth;
    animation-duration: 12s;
    animation-delay: 0s;
    animation-iteration-count: infinite;
}
#loading-fifth {
	top: 24px;
	left: 12px;
    animation-name: loading-fifth;
    animation-duration: 12s;
    animation-delay: 0s;
    animation-iteration-count: infinite;
}
#loading-sixth {
	top: 24px;
	left: 0;
    animation-name: loading-sixth;
    animation-duration: 12s;
    animation-delay: 0s;
    animation-iteration-count: infinite;
}
#loading-seventh {
	top: 12px;
	left: 0;
    animation-name: loading-seventh;
    animation-duration: 12s;
    animation-delay: 0s;
    animation-iteration-count: infinite;
}
#loading-container {
	position: relative;
	background-color: transparent;
	height: 34px;
	width: 34px;
	margin: 0 auto;
}
.loading-box {
	background-color: #fff; 
	width: 10px;
	height: 10px;
	position: absolute;
}
#overlay-title {
	color: #fff;
    z-index: 9991;
    position: absolute;
    width: 300px;
    height: 100px;
    margin: auto;
    top: -35px;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 30px;
    text-align: center;
}

/* ------------------------------------------------------------------------*\
|----------------------------- REM Footer --------------------------------|
\*-------------------------------------------------------------------------*/

 #rem-footer-col-1 {
	text-align: left;
 }
 #rem-footer-col-2 {
 }
 #rem-footer-col-3 {
	text-align: right;
 }
 .rem-footer-col {
 }
#copyright {
	background-color: #1f1f1f;
	padding: 10px 0;
	text-align:center;
}
#copyright p {
	color:#bbbbbb;
	margin:0;
}
#copyright p a {
	color:#dddddd;
	text-decoration:none;
	transition: color 1s;
}
#copyright p a:hover {
	color:#bc360a;
}
.site-footer {
	background-color: #232323;
	color: #cccccc;
	font-size: 14px;
	padding:20px 3%;
	text-align: center;
}
.site-footer a {
	color: #686758;
}

/* ------------------------------------------------------------------------*\
|----------------------------- Welcome Styles ------------------------------|
\*-------------------------------------------------------------------------*/

#welcome,#dashboard {
	width: 60%;
	height: auto;
	position: relative;
	margin: 0 auto;
}
#welcome-title {
	font-size: 20px;
}
#welcome-version {
	font-size: 65px;
} 

#dashboard {
	width: 100%;
}

.consent-box {
	width: 100%;
	background-color: #a73939;
	color: #fff;
	padding: 20px;
	font-size: 32px;
	border-radius: 3px;
	margin-bottom: 20px;
}
.consent-button {
	display: inline-block;
	background-color: #fff;
	color: #a73939;
	padding: 5px 10px;
	font-size: 28px;
	float: right;
}






/* ------------------------------------------------------------------------*\
|----------------------------- Admin ToolBar ------------------------------|
\*-------------------------------------------------------------------------*/

#toolbar {
	position: fixed;
	height: auto;
	background-color: #f8f8f8;
	width: 697px;
	right: -700px;
	height: 100vh;
	z-index: 20;
	padding: 10px;
	transition: all 0.5s;
	border-left: 2px solid #424242;
}
#toolbar-content{
	height: 90vh;
	overflow-y: scroll;
}
#toolbar-content ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#toolbar-content ul li ul{
	display: none;
	margin: 0 0 0 20px;
}

#toolbar-content ul li {
	width: 100%;
	border: 1px solid #dedede;
	border-left: 0px;
	border-right: 0px;
	padding: 5px 0px;
}
#toolbar-content ul li ul li{
	border: 0;
}
#toolbar-tab {
	width: 40px;
	height: 60px;
	background-color: #f8f8f8;
	margin-left: -50px;
	position: absolute;
	font-size: 30px;
	padding: 5px;
	border: 2px solid #4e4e4e;
	border-right: 0px;
	cursor: pointer;
	margin-top: 78px;
}
#toolbar h3 {
	margin-top: 16px;
}

#fieldinformation {
	margin-top:  100px;
}

/* ------------------------------------------------------------------------*\
|--------------------- REM Accordian ---------------------------------------|
\*-------------------------------------------------------------------------*/
.rem-accordian,
.rem-accordian .rem-accordian-item {
	display:block;
	margin:0 auto 20px auto;
	padding:0;
	width:100%;
}
.rem-accordian .rem-accordian,
.rem-accordian .rem-accordian-item {
	margin:20px auto 0 auto;
}
.rem-accordian .rem-accordian-item .rem-accordian-title {
	background-color:#63a244;
	cursor:pointer;
	display:block;
	margin:0;
	padding:10px;
	transition:all 0.3s;
	width:100%;
	color:#fff;
	font-size: 20px;
}
.rem-accordian .active.rem-accordian-item > .rem-accordian-title,
.rem-accordian .rem-accordian-item .rem-accordian-title:hover {
	color:#1f1f1f;
}
.rem-accordian .rem-accordian-item .rem-accordian-content {
	height:0;
	opacity:0;
	margin:0;
	overflow:hidden;
	padding:0;
	transition:all 0.3s, opacity 0.3s 0.3s;
	width:100%;
}
.rem-accordian .active.rem-accordian-item > .rem-accordian-content {
	display: block;
	height: auto;
	opacity: 1;
}

.accordian-plus{
	float:right;
	transition: all 0.3s;
}
.rem-accordian-item.active .accordian-plus {
    transform: rotate(45deg);
}

.tbg_around {
	width: 100%;
	height: 100vh;
	position:relative;
}
.tbg_sidebar {
	width: 24%;
	float: left;
	background: rgba(0,0,0,0.4);
	position:relative;
	height: 100vh;
}
.sidebarsec {
	font-size: 18px;
	color: #fff;
	width: 96%;
	padding: 10px 2%;
}

.tbg_qaround {
	width: 76%;
	float: right;
	text-align: center;
	position: relative;
	
}
.tbg_question {
	width: 90%%;
	position: relative;
	margin: 0 auto;
	text-align: center;
	font-size: 28px;
	height: auto;
	margin-top:  50px;
	padding: 20px 0px;
	background: rgba(0,0,0,0.6);
	color:#f8f8f8;
}
.tbg_answer {
	display: inline-block;
	margin: 40px 10px;
	font-size: 18px;
}
.tbgmessage {
	font-size: 18px;
	background-color: #4e4e4e;
	color: #fff;
	padding: 10px;
}
.tbgimg {
	position: absolute;	
	bottom: 0;
	width: 40%;
	height: auto;
}
.tbgimgright {
	right: 0;
}

.tbgimgleft {
	left: 17%;
}

.nopadding {
	padding: 0px;
}
.hidetitle{
	display:none;
}

/* ------------------------------------------------------------------------*\
|--------------------------- lighttbox styles -----------------------------|
\*-------------------------------------------------------------------------*/

.lgtbx-third {
	width: 32%;
	margin-right: 1%;
	float: left;
	
}
.lgtbx-last{
	margin-right: 0;
}
.lgtbx-third h3, .lgtbx-full h3, #resultsFields h3 {
	background-color: #63a244;
	color :#f8f8f8;
	margin: 10px 0px 3px 0px;
	padding: 5px;
	font-size: 18px;
}
.lgtbx-info{
	background-color: #386920;
	font-size: 18px;
	width: 20px;
	padding: 5px 40px 5px 35px;
	float: right;
	position: relative;
	margin-top:-5px;
	margin-right: -5px;
}
.lgtbx-icon{
	
}
.lgtbx-text{
	display: none;
	padding: 5px;
	background-color: #386920;
	position: absolute;
	width: 400px;
	right: 0;
	font-size: 15px;
}
.lgtbx-info:hover .lgtbx-text{
	display: block;
}
.lgtbx-divitems {
	display: inline-block;
}
.childbox {
	margin-left: 15px;
    margin-bottom: 0px !important;
}

.orderhide, .fieldhide, .inputfieldhide{
	display:none;
}

.lgtbx-button{
	position: absolute;
	margin-left: -30px;
	display: none;
}
.lgtbxshowinit {
	display: initial !important;
}
.lgtbxshow {
	display: block !important;
}
.additionalInfo {
	background-color: #63a244;
    width: 25%;
    padding: 10px;
    display: none;
    position: absolute;
	display: none;
}

.media-selected {
	background-color: #000;
}
.folder {
	width: auto;
	display: inline-block;
    margin: 0px 5px 20px 5px;
}
.back {
	display: inline-block;
	clear: both;
	background-color: #63a244;
	color: #fff;
	padding: 5px 10px;
	opacity: 1;
	transition: all 0.3s;
}
.back:hover, .back:visited {
    color: #fff;
	opacity: 0.7;
}
.back:visited {
    color: #fff;
}

.redbutton {
	background-color: #63a244;
    color: #fff;
    padding: 2px 10px;
    opacity: 1;
    transition: 0.3s;
    border-radius: 3px;
    display: inline-block;
	cursor: pointer;
	opacity: 1;
}
.redbutton:hover {
	opacity: 0.7;
}

.media-current-img {
	width: 150px;
	height: 150px;
	background-size: contain;
	margin-top: -3px;
	background-color: #fff;
}
.media-navbuttons {
	    background-color: rgb(58,58,58);
    border: none;
    color: #fff !important;
    cursor: pointer;
    padding: 0px 8px;
    text-decoration: none;
    transition: color 0.3s;
	display: inline-block !important;
	margin: 2px;
}
.lgtbxopen  {
	width: 150px;
	text-align: center;
}

.imageinfo {
	font-size: 12px;
	color: #565656;
	margin-bottom: 10px;
}


/* ------------------------------------------------------------------------*\
|--------------------- Pages Styles ---------------------------------------|
\*-------------------------------------------------------------------------*/
#admin-toolbar {
	background-color: #efefef;
	border-bottom: 1px solid #ccc;
	padding: 13px 15px;
}
.t-align-right {
	text-align: right;
}
.t-align-left{
	text-align: left;
}
.admin-toolbar-tool {
	width: auto;
	display: inline-block;
	margin: 0px 5px;
}
.admin-toolbar-tool a, .admin-toolbar-tool input[type="submit"] {
	background-color:#63a244;
	color: #fff;
	padding: 2px 10px;
	opacity: 1;
	transition: 0.3s;
	border-radius: 3px;
	display: inline-block;
}
.admin-toolbar-tool a:active,.admin-toolbar-tool a:focus,.admin-toolbar-tool a:hover,.admin-toolbar-tool a:visited,.admin-toolbar-tool input[type="submit"]:hover  {
	opacity: 0.7;
	color:#fff;
}
.admin-toolbar-tool input[type="submit"] {
	padding: 4px 10px 5px 10px;
}

/* ------------------------------------------------------------------------*\
|--------------------- Revisi9ons Styles ---------------------------------------|
\*-------------------------------------------------------------------------*/

.rev-section {
	padding: 10px;
	background-color: #f3f3f3;
	margin-bottom: 10px;
}
.rev-change {
	background-color: #63a244;
	color: #fff;
}
.rev-item-title {
	width: 30%;
	display: inline-block;
}
.rev-item {
	padding: 5px;
}
.rev-item:hover {
	background-color: #fff;
}
.rev-section-toolbar {
	background-color: #e4e4e4;
	padding: 5px 10px;
	margin-bottom: 10px;
}
.rev-section-toolbar a{
	background-color: #63a244;
	color: #fff;
	display: inline-block;
	padding: 5px;
	margin-right: 5px;
}
.rev-toolbar-title {
	font-size: 18px;
	padding: 10px;
}

.rev-section-toolbar .rem-col-fourth-sp{
	padding: 5px 0px;
}

.rev-table {
	float: left !important;
}


/* ------------------------------------------------------------------------*\
|--------------------- REM Responsive Queries -----------------------|
\*-------------------------------------------------------------------------*/

@-ms-viewport {
	width: device-width;
}
@viewport {
	width: device-width;
}

@media (max-width: 1125px) {
	.main-navigation {
		margin-top: 30px;
	}
	.nav-menu li a {
		padding: 40px 20px !important;
	}
}
@media (max-width: 1069px) {
	#rem-grid .rem-grid-item .rem-grid-title {
		font-size:20px;
	}
}

@media (max-width: 999px) {
	#content-box {
		width: 100% !important;
		height: 100% !important;
	}
	#lightboxClose {
	    right: 5px;
	    top: 5px;
	    z-index: 9991;
	    padding: 0px 12px;
	    border-radius: 3px;
	    position: fixed;
	    z-index: 9999;
	}
	.camplesson {
		width: 100% !important;
		display: block;
		margin-bottom: 5px !important;
	}
	.filterout {
		width: 30% !important;
	}
	.gridtitle {
		width: 40% !important;
	}
	.grid {
		width: 60% !important;
	}
	.titlewrap {
		margin-left: 47% !important;
	}
	.playertitle,
	.playericons  {
		text-align: center !important;
		padding: 0; 
		margin: 5px;
	}
	.playericons a img {
		margin-right: 30px;
	}
	.datesec {
		border: none !important;
	}
	.settingstext  {
		display: block;
	}
	/* Small Menu */
	
	.menu-toggle {
		color: #1f1f1f;
		cursor: pointer;
		display: inline-block;
		font-size: 16px;
		margin: 0;
	}
	.menu-toggle,
	.menu-toggle:hover,
	.menu-toggle:focus,
	.menu-toggle:active {
		background: none;
		border: none;
		color: #1f1f1f;
		max-width:100%;
		padding: 12px 0 12px 20px;
		text-align:left;
		width:100%;
	    font-size: 22px;
	    margin-top: -20px;
	}
	.menu-toggle:focus {
		outline: thin dotted;
	}
	#site-navigation.toggled-on .nav-menu .rem-mega-menu {
		display: block;
	}
	.nav-menu,
	.nav-menu > ul {
		display: block;
		margin-left: 0;
		padding: 0;
		width: 100%;
		text-align:initial;
	}
	.toggled-on li,
	.toggled-on .children {
		display: block;
	}
	.nav-menu li a {
		padding: 10px 20px !important;
	    line-height: 30px !important;
	    text-align: left;
	}
	.nav-menu li > ul {
		background-color: transparent;
		display: block;
		float: none;
		height:auto;
		margin-left: 20px;
		position: relative;
		left: auto;
		top: auto;
	}
	.nav-menu > li:hover > ul {
		border-bottom: 0;
	}
	.nav-menu li.current-menu-item > a,
	.nav-menu li.current-menu-ancestor > a {
	}
	.nav-menu li > ul a {
		padding:5px;
		width: auto;
	}
	.nav-menu li.rem-mega-menu > ul a {
		border-bottom:1px solid #cccccc;
		pointer-events:none;
	}
	.nav-menu li.rem-mega-menu > ul li > ul a {
		border:0;
		pointer-events:auto;
	}
	.nav-menu li > ul li > ul a {
		font-size:13px;
	}
	.nav-menu li:hover > a,
	.nav-menu .children a {
		color: #1f1f1f;
	}
	.nav-menu > li a:hover,
	.nav-menu > ul a:hover {
	}
	.nav-menu > li a:focus,
	.nav-menu > ul a:focus {
	}
	ul.nav-menu,
	div.nav-menu > ul {
		display: none;
	}
	
	.admin-menu ul.nav-menu,
	.admin-menu div.nav-menu > ul {
		display: block;
	}
	.admin-menu .sub-menu {
		display: none;
	}

	.nav-menu li.editingMenuItem {
		display: none;
	}
	#toolbar {
		display: none;
	}
	li .notimark {
	    left: 0 !important;
	    top: 0px !important;
	    width: 10px !important;
	    height: 10px !important;
	}
	
	
	#rem-footer-col-1,
	#rem-footer-col-2,
	#rem-footer-col-3 {
		text-align: center;
	}
	#site-navigation .nav-menu .rem-mega-menu .level-one-menu .level-one-item a {
		font-size:14px;
		padding: 5px 0;
	}
	#site-navigation .nav-menu .rem-mega-menu .level-one-menu .level-one-item .level-two-menu .level-two-item a {
		font-size:12px;
		padding: 3px 0;
	}
	#rem-grid .rem-grid-item .rem-grid-title {
		font-size:30px;
	}
	.rem-form .rem-col-half,
	.rem-form .rem-col-third,
	.rem-form .rem-col-fourth,
	.rem-form .rem-col-fifth,
	.rem-form .rem-col-two-third,
	.rem-form .rem-col-sixth,
	.rem-form .rem-col-seventh,
	.rem-form .rem-col-eighth,
	.rem-form .rem-col-half-sp,
	.rem-form .rem-col-third-sp,
	.rem-form .rem-col-fourth-sp,
	.rem-form .rem-col-fifth-sp,
	.rem-form .rem-col-two-third-sp,
	.rem-form .rem-col-sixth-sp,
	.rem-form .rem-col-seventh-sp,
	.rem-form .rem-col-eighth-sp {
		margin:0 auto;
		max-width:100%;
		width:100%;
	}
	.rem-col-half,
	.rem-col-third,
	.rem-col-fourth,
	.rem-col-fifth,
	.rem-col-two-third,
	.rem-col-sixth,
	.rem-col-seventh,
	.rem-col-eighth,
	.rem-col-half-sp,
	.rem-col-third-sp,
	.rem-col-fourth-sp,
	.rem-col-fifth-sp,
	.rem-col-two-third-sp,
	.rem-col-sixth-sp,
	.rem-col-seventh-sp,
	.rem-col-eighth-sp {
		clear:both;
		float:none;
		margin:20px auto;
		max-width:75%;
		width:75%;
	}
	.rem-last {
		margin-right:auto !important;
	}
	.sheet {
		overflow: auto;
	}
	.sheetbody {
		    width: 200%;
	}
	.toppanel {
    		width: 200%;
	}
	.leftpanel {
    		width: 35%;
	}
}

@media (max-width: 643px) {
	
	/* REM Form */
	
	.rem-search-form,
	.rem-form {
		/*text-align:center;*/
	}
	.rem-search-form .rem-field .ftitle,
	.rem-form .rem-field .ftitle {
		float:none;
		min-height: initial;
		width:100%;
	}
	.rem-search-form .rem-field .finput,
	.rem-form .rem-field .finput {
		float:none;
		width:100%;
	}
	.rem-search-form .rem-field .finput label,
	.rem-form .rem-field .finput label {
		display:inline-block;
	}
	.rem-search-form input,  
	.rem-search-form select,  
	.rem-search-form textarea,
	.rem-form input,  
	.rem-form select,  
	.rem-form textarea {
		text-align:center;
	}
	.rem-search-form input[type="checkbox"], 
	.rem-search-form input[type="radio"],
	.rem-form input[type="checkbox"], 
	.rem-form input[type="radio"] {
		margin: 0 0 0 10px;
		width: auto;
	}

	
	/* Columns */
	
	.rem-col-half,
	.rem-col-third,
	.rem-col-fourth,
	.rem-col-fifth,
	.rem-col-two-third,
	.rem-col-sixth,
	.rem-col-seventh,
	.rem-col-eighth,
	.rem-col-half-sp,
	.rem-col-third-sp,
	.rem-col-fourth-sp,
	.rem-col-fifth-sp,
	.rem-col-two-third-sp,
	.rem-col-sixth-sp,
	.rem-col-seventh-sp,
	.rem-col-eighth-sp {
		max-width:100%;
		width:100%;
	}
}

@media (max-width: 450px) {
	#rem-grid .rem-grid-item .rem-grid-title {
		font-size:24px;
	}
}
/* Mobile devices */
@media (max-width: 359px) {
	#rem-grid .rem-grid-item .rem-grid-title {
		font-size:20px;
	}
	.rem-col-half.no-responsive-break,
	.rem-col-third.no-responsive-break,
	.rem-col-fourth.no-responsive-break,
	.rem-col-fifth.no-responsive-break,
	.rem-col-two-third.no-responsive-break,
	.rem-col-sixth.no-responsive-break,
	.rem-col-seventh.no-responsive-break,
	.rem-col-eighth.no-responsive-break,
	.rem-col-half-sp.no-responsive-break,
	.rem-col-third-sp.no-responsive-break,
	.rem-col-fourth-sp.no-responsive-break,
	.rem-col-fifth-sp.no-responsive-break,
	.rem-col-two-third-sp.no-responsive-break,
	.rem-col-sixth-sp.no-responsive-break,
	.rem-col-seventh-sp.no-responsive-break,
	.rem-col-eighth-sp.no-responsive-break {
		font-size:13px;
	}
	#rem-grid .rem-grid-item {
		width: 100%;
	}
}