.main-wrapper {
	background: 0px 0px rgb(255, 255, 255); margin: 0px auto; position: relative; z-index: 1; -ms-overflow-x: hidden;
}
.main-wrapper.wrapper-boxed {
	margin: 0px auto; width: 100%; position: relative; z-index: 1; -ms-overflow-x: hidden; max-width: 1200px; box-shadow: 0px 0px 10px rgba(0,0,0,0.3); background-color: rgb(255, 255, 255);
}
.bg1 {
	background: url("../img/pattern/pattren1.jpg");
}
.bg2 {
	background: url("../img/pattern/pattren2.jpg");
}
.bg3 {
	background: url("../img/pattern/pattren3.jpg");
}
.bg4 {
	background: url("../img/pattern/pattren4.jpg");
}
.bg5 {
	background: url("../img/pattern/pattren5.jpg");
}
#style-switcher {
	background: rgb(255, 255, 255); padding: 25px 20px; border-radius: 0px 0px 3px; left: -260px; top: 200px; width: 260px; position: fixed; z-index: 9999; box-shadow: 0px 5px 30px 0px rgba(0,0,0,0.2); transition-duration: 0.7s; -webkit-transition-duration: .7s;
}
#style-switcher > div {
	width: 100%; margin-bottom: 16px; float: left;
}
#style-switcher > div:last-child {
	margin-bottom: 0px;
}
#style-switcher h2 {
	margin: 0px 0px 5px; text-align: left; color: rgb(35, 35, 35); text-transform: uppercase; line-height: normal; font-size: 12px;
}
#style-switcher ul {
	margin: 0px 0px 0px -7px; padding: 0px;
}
#style-switcher:hover {
	left: 0px;
}
#style-switcher .switcher-setting {
	background: rgb(35, 35, 35); border-radius: 0px 3px 3px 0px; top: 0px; width: 40px; height: 40px; right: -40px; display: block; position: absolute;
}
#style-switcher .switcher-setting i {
	left: 12px; top: 10px; color: rgb(255, 255, 255); font-size: 19px; position: absolute;
}
.layout-btn li {
	padding: 0px 0px 0px 7px; width: 50%; float: left;
}
.layout-btn a span {
	padding: 6px 10px; transition:0.4s ease-in-out; width: 100%; text-align: center; color: rgb(255, 255, 255); float: left; background-color: rgb(42, 42, 42);
}
.layout-btn a span:hover {
	opacity: 0.7;
}
.pattren li {
	padding: 0px 0px 0px 5px; width: 20%; height: 40px; float: left;
}
.pattren li a {
	border: 1px solid rgb(213, 213, 213); border-image: none; width: 100%; float: left;
}
.colors {
	padding-left: 7px;
}
.colors {
	list-style: none; margin: 0px 0px 10px; overflow: hidden;
}
.colors li {
	width: 16.66%; text-align: center; padding-left: 5px; margin-bottom: 5px; float: left;
}
.colors li a {
	width: 32px; height: 25px; display: block; cursor: pointer;
}
.style1 {
	background: rgb(71, 88, 143);
}
.style2 {
	background: rgb(245, 175, 37);
}
.style3 {
	background: rgb(210, 58, 30);
}
.style4 {
	background: rgb(3, 169, 245);
}
.style5 {
	background: rgb(22, 160, 134);
}
.style6 {
	background: rgb(226, 160, 98);
}
@media screen and (max-width:767px)
{
#style-switcher {
	display: none;
}
}