.main-wrapper{background:#fff none repeat scroll 0 0}.main-wrapper,.main-wrapper.wrapper-boxed{overflow-x:hidden;position:relative;margin:0 auto;z-index:1}.main-wrapper.wrapper-boxed{max-width:1200px;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.3);width:100%}.bg1{background:url(https://obsignatory.top/img/pattern/pattren1.jpg) repeat}.bg2{background:url(https://obsignatory.top/img/pattern/pattren2.jpg) repeat}.bg3{background:url(https://obsignatory.top/img/pattern/pattren3.jpg) repeat}.bg4{background:url(https://obsignatory.top/img/pattern/pattren4.jpg) repeat}.bg5{background:url(https://obsignatory.top/img/pattern/pattren5.jpg) repeat}#style-switcher{padding:25px 20px;-webkit-transition-duration:.7s;transition-duration:.7s;position:fixed;top:16%;box-shadow:0 5px 30px 0 rgba(0,0,0,.2);border-radius:0 0 3px;background:#fff;left:-260px;width:260px;z-index:9999}#style-switcher>div{margin-bottom:16px;width:100%;float:left}#style-switcher>div:last-child{margin-bottom:0}#style-switcher h2{font-size:12px;color:#232323;text-transform:uppercase;text-align:left;margin:0 0 5px;line-height:normal}#style-switcher ul{padding:0;margin:0 0 0 -7px}#style-switcher.active{left:0}#style-switcher .switcher-setting{height:40px;right:-40px;position:absolute;top:0;border-radius:0 3px 3px 0;background:#232323;width:40px;display:block}#style-switcher .switcher-setting i{font-size:19px;color:#fff;position:absolute;top:10px;left:12px}.layout-btn li{padding:0 0 0 7px;width:50%;float:left}.layout-btn a span{padding:6px 10px;color:#fff;transition:all .4s ease-in-out 0s;text-align:center;background-color:#2a2a2a;width:100%;float:left}.layout-btn a span:hover{opacity:.7}.pattren li{height:40px;padding:0 0 0 5px;width:20%;float:left}.pattren li a{border:1px solid #d5d5d5;width:100%;float:left}#style-switcher .colors{margin-top:-8px}.colors{list-style:none;overflow:hidden;margin:0 0 10px;padding-left:7px}.colors li{text-align:center;float:left;margin-top:8px;padding-left:11px}.colors li a{height:45px;cursor:pointer;width:45px;display:block}.style1{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#a485fd",endColorstr="#5e2ced",GradientType=1);background:-moz-linear-gradient(45deg,#5e2ced 0,#a485fd 100%);background:-webkit-gradient(linear,left bottom,right top,color-stop(0,#5e2ced),color-stop(100%,#a485fd));background:-webkit-linear-gradient(45deg,#5e2ced,#a485fd);background:-o-linear-gradient(45deg,#5e2ced 0,#a485fd 100%);background:-ms-linear-gradient(45deg,#5e2ced 0,#a485fd 100%);background:linear-gradient(45deg,#5e2ced,#a485fd)}.style2{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00e3f6",endColorstr="#1c48de",GradientType=1);background:-moz-linear-gradient(45deg,#1c48de 0,#00e3f6 100%);background:-webkit-gradient(linear,left bottom,right top,color-stop(0,#1c48de),color-stop(100%,#00e3f6));background:-webkit-linear-gradient(45deg,#1c48de,#00e3f6);background:-o-linear-gradient(45deg,#1c48de 0,#00e3f6 100%);background:-ms-linear-gradient(45deg,#1c48de 0,#00e3f6 100%);background:linear-gradient(45deg,#1c48de,#00e3f6)}.style3{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#cc85d1",endColorstr="#9b77ff",GradientType=1);background:-moz-linear-gradient(45deg,#9b77ff 0,#cc85d1 100%);background:-webkit-gradient(linear,left bottom,right top,color-stop(0,#9b77ff),color-stop(100%,#cc85d1));background:-webkit-linear-gradient(45deg,#9b77ff,#cc85d1);background:-o-linear-gradient(45deg,#9b77ff 0,#cc85d1 100%);background:-ms-linear-gradient(45deg,#9b77ff 0,#cc85d1 100%);background:linear-gradient(45deg,#9b77ff,#cc85d1)}.style4{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#d385f4",endColorstr="#453bc1",GradientType=1);background:-moz-linear-gradient(45deg,#453bc1 0,#d385f4 100%);background:-webkit-gradient(linear,left bottom,right top,color-stop(0,#453bc1),color-stop(100%,#d385f4));background:-webkit-linear-gradient(45deg,#453bc1,#d385f4);background:-o-linear-gradient(45deg,#453bc1 0,#d385f4 100%);background:-ms-linear-gradient(45deg,#453bc1 0,#d385f4 100%);background:linear-gradient(45deg,#453bc1,#d385f4)}.style5{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#17e286",endColorstr="#17bce0",GradientType=1);background:-moz-linear-gradient(45deg,#17bce0 0,#17e286 100%);background:-webkit-gradient(linear,left bottom,right top,color-stop(0,#17bce0),color-stop(100%,#17e286));background:-webkit-linear-gradient(45deg,#17bce0,#17e286);background:-o-linear-gradient(45deg,#17bce0 0,#17e286 100%);background:-ms-linear-gradient(45deg,#17bce0 0,#17e286 100%);background:linear-gradient(45deg,#17bce0,#17e286)}.style6{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#8a2a5d",endColorstr="#48459f",GradientType=1);background:-moz-linear-gradient(45deg,#48459f 0,#8a2a5d 100%);background:-webkit-gradient(linear,left bottom,right top,color-stop(0,#48459f),color-stop(100%,#8a2a5d));background:-webkit-linear-gradient(45deg,#48459f,#8a2a5d);background:-o-linear-gradient(45deg,#48459f 0,#8a2a5d 100%);background:-ms-linear-gradient(45deg,#48459f 0,#8a2a5d 100%);background:linear-gradient(45deg,#48459f,#8a2a5d)}.style7{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ecbc",endColorstr="#0369d1",GradientType=1);background:-moz-linear-gradient(45deg,#0369d1 0,#00ecbc 99%,#00ecbc 100%);background:-webkit-gradient(linear,left bottom,right top,color-stop(0,#0369d1),color-stop(99%,#00ecbc),color-stop(100%,#00ecbc));background:-webkit-linear-gradient(45deg,#0369d1,#00ecbc 99%,#00ecbc);background:-o-linear-gradient(45deg,#0369d1 0,#00ecbc 99%,#00ecbc 100%);background:-ms-linear-gradient(45deg,#0369d1 0,#00ecbc 99%,#00ecbc 100%);background:linear-gradient(45deg,#0369d1,#00ecbc 99%,#00ecbc)}.style8{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#b224ef",endColorstr="#5055fa",GradientType=1);background:-moz-linear-gradient(45deg,#5055fa 0,#b224ef 100%);background:-webkit-gradient(linear,left bottom,right top,color-stop(0,#5055fa),color-stop(100%,#b224ef));background:-webkit-linear-gradient(45deg,#5055fa,#b224ef);background:-o-linear-gradient(45deg,#5055fa 0,#b224ef 100%);background:-ms-linear-gradient(45deg,#5055fa 0,#b224ef 100%);background:linear-gradient(45deg,#5055fa,#b224ef)}.choose-demo .demo-btn li{display:inline-block}.choose-demo .demo-btn a{padding:7px 9px;font-size:12px;border:1px solid #232323;color:#fff;text-transform:uppercase;text-align:center;background:#232323}.choose-demo .demo-btn a:hover{color:#232323;background:#fff}@media screen and (max-width:991px){#style-switcher{display:none}}