#sidebarmain {
	transition:0.3s ease-in-out; left: -250px; top: 5%; width: 250px; float: left; position: fixed; z-index: 99999; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.2s ease-in-out;
}
#sidebarmain li {
	list-style-type: none !important;
}
#sidebarmain * {
	
}
.sidebarmain#sidebarmain {
	left: 0px;
}
#sidebar {
	background: rgb(243, 243, 243); padding: 0px; border-radius: 0px 4px 4px 0px; width: 100%; float: left; position: relative; z-index: 40; box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
}
.rowside {
	width: 100%; text-align: left; margin-bottom: 9px; float: left; display: block;
}
.switcher-inn {
	padding: 0px 20px; width: 100%; float: left;
}
.rowside header {
	padding: 10px 0px; width: 100%; margin-bottom: 15px; border-top-color: rgb(204, 204, 204); border-bottom-color: rgb(204, 204, 204); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; float: left; position: relative; box-shadow: 0px 0px 2px rgba(0,0,0,0.2);
}
.accordion-sidepanel .rowside header {
	margin-bottom: 0px; border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none; cursor: pointer; box-shadow: none;
}
.accordion-sidepanel .rowside header::before {
	background: url("../images/bg-btnplus.png") left top; top: 50%; width: 15px; height: 15px; right: 20px; margin-top: -7px; position: absolute; content: "";
}
.accordion-sidepanel .rowside header.active::before {
	background: url("../images/bg-btnminus.png") no-repeat left;
}
.accordion-sidepanel .rowside {
	margin-bottom: 0px;
}
.accordion-sidepanel :last-child.rowside {
	border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: solid;
}
.accordion-sidepanel .rowside .innertext {
	padding-top: 15px; border-top-color: rgb(204, 204, 204); border-top-width: 1px; border-top-style: solid;
}
.rowside header h4 {
	text-align: left; color: rgb(51, 51, 51); text-transform: uppercase; padding-left: 20px; font-size: 12px !important; margin-bottom: 0px;
}
.switcher-inn p {
	color: rgb(153, 153, 153);
}
.rowside h5 {
	color: rgb(51, 51, 51); text-transform: uppercase; font-size: 11px !important; margin-bottom: 12px;
}
.rowside h6 {
	font-family: "Open Sans", sans-serif;
}
.rowside h5 {
	font-family: "Open Sans", sans-serif;
}
.rowside h4 {
	font-family: "Open Sans", sans-serif;
}
.rowside span {
	font-family: "Open Sans", sans-serif;
}
.rowside p {
	font-family: "Open Sans", sans-serif;
}
.rowside h6 {
	color: rgb(81, 81, 81); font-size: 12px !important; font-weight: 300; margin-bottom: 6px;
}
aside:last-child.rowside {
	margin: 0px; padding: 0px; border: currentColor; border-image: none;
}
.rowside h4 {
	color: rgb(81, 81, 81); margin-bottom: 8px;
}
.layoutoption {
	width: 100%; margin-bottom: 14px; float: left;
}
.layoutoption li {
	margin: 0px 1px 1px 0px; width: 49%; height: 105px; text-align: center; overflow: hidden; float: left; display: inline; position: relative;
}
.layoutoption li label {
	padding: 8px 0px; border-radius: 1px; transition:0.3s ease-in-out; width: 100%; height: 105px; float: none; display: inline-block; position: relative; cursor: pointer; box-shadow: 0px 0px 3px rgba(0,0,0,0.2); background-color: rgb(223, 223, 223); -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;
}
.layoutoption li label.active {
	color: rgb(0, 168, 255); border-top-color: rgb(0, 168, 255); border-top-width: 3px; border-top-style: solid;
}
.layoutoption li label.active i {
	color: rgb(102, 102, 102);
}
.layoutoption li label span {
	color: rgb(102, 102, 102); text-transform: uppercase; font-size: 11px;
}
.layoutoption li label i {
	margin: -13px 0px 0px -20px; left: 50%; top: 50%; color: rgb(102, 102, 102); font-size: 40px; position: absolute;
}
.layoutoption li label input {
	border: currentColor; border-image: none; width: 0px; height: 0px; position: absolute; cursor: pointer; opacity: 0;
}
label.headeroptions {
	background: rgb(255, 255, 255); border-radius: 0px; border: 1px solid rgb(204, 204, 204); border-image: none; width: 100%; color: rgb(157, 157, 157); margin-bottom: 10px; float: left; position: relative; box-shadow: 0px 0px 0px 3px #fff;
}
label.headeroptions::before {
	background: rgb(255, 255, 255); width: 33px; height: 100%; text-align: center; right: 0px; line-height: 33px; font-weight: bold; border-left-color: rgb(214, 214, 214); border-left-width: 1px; border-left-style: solid; display: block; position: absolute; content: "";
}
label.headeroptions::after {
	border-width: 6px 3px 0px; border-style: solid; border-color: rgb(146, 146, 146) transparent transparent; top: 50%; width: 0px; height: 0px; right: 14px; margin-top: -2px; position: absolute; content: "";
}
label.headeroptions select {
	background: rgb(255, 255, 255); margin: 0px; padding: 6px; border: currentColor; border-image: none; width: 100%; height: auto !important; color: rgb(136, 136, 136); display: inline-block; cursor: pointer;
}
#backgroundcolor {
	background: rgb(255, 255, 255); border-radius: 4px; border: 1px solid rgb(220, 220, 220); border-image: none; width: 122px; height: 20px; margin-bottom: 12px; float: left; position: relative; z-index: 100;
}
#backgroundcolor input.color-input {
	background: none; padding: 2px 10px; border: currentColor; border-image: none; width: 70px; height: 16px; color: rgb(203, 203, 203); font-size: 10px; float: left;
}
#backgroundcolor input.excolor_clrbox {
	border-radius: 0px !important; border: 2px solid rgb(250, 250, 250) !important; border-image: none !important; width: 16px; height: 16px; float: right; box-shadow: 0px 0px 2px rgba(0,0,0,0.4);
}
#backgroundcolor span {
	padding: 0px; width: 100%; float: left;
}
.itemstyles {
	width: 100%; float: left; position: relative; z-index: 10;
}
.itemstyles li {
	margin: 0px 0px 2px 2px; width: 32px; height: 32px; float: left;
}
.itemstyles li label {
	margin: 0px !important; border: 1px solid rgb(195, 196, 198); border-image: none; width: 100%; height: 100%; float: left; display: block; position: relative; z-index: 10; cursor: pointer;
}
#backgroundimages li label {
	margin: 0px !important; border: 1px solid rgb(195, 196, 198); border-image: none; width: 100%; height: 100%; float: left; display: block; position: relative; z-index: 10; cursor: pointer;
}
.itemstyles li label img {
	width: 100%; float: left;
}
#backgroundimages li label img {
	width: 100%; float: left;
}
.itemstyles li label input {
	width: 0px; cursor: pointer; opacity: 0;
}
#backgroundimages li label input {
	width: 0px; cursor: pointer; opacity: 0;
}
.itemstyles li:hover label {
	border: 2px solid rgb(0, 168, 255); border-image: none; z-index: 15; box-shadow: 0px 0px 3px rgba(0,0,0,0.2); transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);
}
.itemstyles li label.active {
	border: 2px solid rgb(0, 168, 255); border-image: none; z-index: 15; box-shadow: 0px 0px 3px rgba(0,0,0,0.2); transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);
}
#backgroundimages li:hover label {
	border: 2px solid rgb(0, 168, 255); border-image: none; z-index: 15; box-shadow: 0px 0px 3px rgba(0,0,0,0.2); transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);
}
#backgroundimages li label.active {
	border: 2px solid rgb(0, 168, 255); border-image: none; z-index: 15; box-shadow: 0px 0px 3px rgba(0,0,0,0.2); transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);
}
#backgroundimages {
	width: 100%; float: left;
}
#backgroundimages li {
	width: 52px; height: 32px; padding-right: 2px; padding-bottom: 2px; float: left;
}
#backgroundimages li label {
	background: rgb(255, 255, 255); width: 100%; height: 100%; overflow: hidden;
}
#backgroundimages li label input {
	left: 0px; top: 0px; position: absolute;
}
#togglebutton {
	background: rgb(246, 246, 246); border-radius: 0px 4px 4px 0px; top: 50%; width: 41px; height: 46px; right: -38px; font-size: 20px; margin-top: -20px; float: right; display: block; position: absolute; z-index: 40; cursor: pointer; box-shadow: 5px 0px 4px rgba(0,0,0,0.3);
}
#togglebutton::before {
	animation:spin 5s linear infinite; left: 10px; top: 12px; color: rgb(102, 102, 102); font-family: FontAwesome; position: absolute; content: "\f013"; -webkit-animation: spin 5s infinite linear; -moz-animation: spin 5s infinite linear; -o-animation: spin 5s infinite linear;
}
.btnclose#togglebutton::before {
	animation:none; font-family: FontAwesome; content: "\f00d"; -webkit-animation: none; -moz-animation: none; -o-animation: none;
}
input.btnapplystyle {
	font-size: 11px; font-weight: 300; margin-top: 20px; margin-right: 20px; margin-bottom: 20px; vertical-align: middle; float: right; cursor: pointer;
}
input.bg_color {
	margin: 0px !important; padding: 0px !important; border-radius: 4px; top: 0px; width: 40px !important; height: 22px !important; font-size: 11px; float: left; position: relative;
}
input.button-small {
	background: rgb(209, 209, 209) !important; margin: 0px 0px 0px 4px !important; padding: 0px !important; border-radius: 4px; width: 40px; height: 20px; font-size: 10px;
}
#sidebar .wp-color-result {
	margin: 0px; padding: 0px; border-radius: 0px; top: 3px; width: 22px; height: 22px; box-shadow: none; background-image: url("../images/admin/bg-colorpicker-pix.png"); background-clip: content-box;
}
#sidebar .wp-color-result::after {
	display: none;
}
#sidebar input.bg_color {
	margin: 0px; padding: 0px 10px !important; border-radius: 4px 0px 0px 4px; border: 1px solid rgb(220, 220, 220); border-image: none; width: 81px !important; height: 20px !important; color: rgb(203, 203, 203); float: left; display: none !important; box-shadow: none;
}
#sidebar .wp-picker-clear {
	display: none !important;
}
#sidebar .wp-picker-open + .wp-picker-input-wrap {
	display: inline !important;
}
#sidebar .wp-picker-container {
	float: right; position: relative;
}
#sidebar .wp-picker-holder {
	left: 0px; top: 100%; position: absolute; z-index: 99999;
}
#themecolor {
	background: rgb(28, 28, 28); padding: 8px; border-radius: 4px; border: 1px solid rgb(51, 51, 51); border-image: none; width: 100%; height: 48px; margin-bottom: 15px; float: left; display: block; position: relative; box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
}
#headingcolor {
	background: rgb(28, 28, 28); padding: 8px; border-radius: 4px; border: 1px solid rgb(51, 51, 51); border-image: none; width: 100%; height: 48px; margin-bottom: 15px; float: left; display: block; position: relative; box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
}
#themecolor::after {
	top: 13px; width: 25px; height: 25px; right: 10px; display: block; position: absolute; z-index: 999; content: "";
}
#themecolor::before {
	top: 13px; width: 25px; height: 25px; right: 10px; display: block; position: absolute; z-index: 999; content: "";
}
#headingcolor::after {
	top: 13px; width: 25px; height: 25px; right: 10px; display: block; position: absolute; z-index: 999; content: "";
}
#headingcolor::before {
	top: 13px; width: 25px; height: 25px; right: 10px; display: block; position: absolute; z-index: 999; content: "";
}
#themecolor::after {
	left: 10px; right: auto;
}
#headingcolor::after {
	left: 10px; right: auto;
}
#themecolor img {
	float: left;
}
#headingcolor img {
	float: left;
}
#themecolor h5 {
	margin: 0px !important; padding: 0px 10px; line-height: 32px; float: left;
}
#headingcolor h5 {
	margin: 0px !important; padding: 0px 10px; line-height: 32px; float: left;
}
.innertext {
	padding: 0px 20px 10px; width: 100%; text-align: left; float: left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
.buttonarea {
	margin: 20px 0px; width: 100%; text-align: center; float: left;
}
.buttonarea .btn {
	background: rgb(0, 168, 255); margin: 0px 4px; border: currentColor; transition:0.3s ease-in-out; border-image: none; width: 92px; height: 38px; color: rgb(255, 255, 255); font-size: 11px; font-weight: 600; vertical-align: top; float: none; display: inline-block; cursor: pointer; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;
}
.buttonarea .btn:hover {
	background: rgb(51, 51, 51);
}
#colorpickerwrapp {
	margin: 0px 0px 14px; height: 30px; float: none; display: inline-block;
}
#colorpickerwrapp span {
	transition:0.25s linear; width: 15px; height: 100%; float: left; position: relative; cursor: pointer; -moz-transition: all .25s linear; -webkit-transition: all .25s linear; -o-transition: all .25s linear;
}
.iconfa-unlock .accordion-sidepanel {
	display: none;
}
#colorpickerwrapp span.active {
	width: 13px;
}
#colorpickerwrapp span::before {
	background: rgb(0, 0, 0); left: 0px; width: 100%; height: 50%; bottom: 0px; display: block; position: absolute; content: ""; opacity: 0.2;
}
.cs-other-switch {
	list-style: none;
}
.cs-other-switch li {
	list-style: none; margin: 0px 0px 15px; padding: 0px 20px; width: 100%; overflow: hidden;
}
.cs-other-switch li p {
	margin: 3px 0px 0px; float: left;
}
#color_switcher .cs-other-switch li label {
	margin: 0px;
}
.cs-other-switch li label {
	padding: 6px 20px 0px 16px; float: right; position: relative; cursor: pointer;
}
.cs-on-off span::before {
	border-radius: 40px; left: 0px; top: 0px; width: 100%; height: 100%; float: left; display: block; position: absolute; z-index: 2; content: ""; background-color: rgb(170, 170, 170); -moz-border-radius: 40px; -webkit-border-radius: 40px;
}
.cs-on-off span::after {
	border-radius: 100%; transition:0.15s linear; left: 3px; top: 3px; width: 22px; height: 22px; display: inline-block; position: absolute; z-index: 10; content: ""; background-color: rgb(255, 255, 255); -moz-border-radius: 100%; -webkit-border-radius: 100%; -moz-transition: all .15s linear; -webkit-transition: all .15s linear; -o-transition: all .15s linear;
}
.cs-on-off span {
	width: 100%; height: 100%; overflow: hidden; float: left; display: block;
}
.cs-on-off input:checked ~ span::before {
	background-color: rgb(21, 165, 236);
}
.cs-on-off input:checked ~ span::after {
	left: 24px;
}
.cs-on-off input {
	left: -600px; position: relative;
}
.innertext span {
	padding: 0px 0px 13px; width: 100%; color: rgb(102, 102, 102); font-size: 11px; float: left;
}