.demo_changer{z-index:9999;position:fixed;right:-350px;top:100px}.demo_changer .bgimageswitch,.demo_changer .patternswitch,.demo_changer .styleswitch{margin:0 3px 3px 0;display:inline-block;background:red;width:25px;height:25px;border-radius:3px}.demo_changer .line{border-bottom:1px solid #efefef;clear:both;margin:20px!important}.demo_changer span a{color:#7F7F7F;font-weight:300;padding:0;font-size:11px;margin:20px;text-align:center;line-height:1.5}.demo_changer span a:active,.demo_changer span a:hover{opacity:1;color:#7F7F7F}.demo_changer .demo-icon{cursor:pointer;float:right;height:35px;width:35px;text-align:center;line-height:34px;background:#FFF;font-size:20px;color:#ED8323;z-index:9999;position:absolute;left:-35px;top:50px;box-shadow:-1px 1px 5px rgba(0,0,0,.1)}.demo_changer .form_holder p{color:#7F7F7F;padding:0 20px;font-size:11px}.demo_changer .form_holder{background:#fff;float:right;box-shadow:-1px 1px 5px rgba(0,0,0,.1);width:350px;max-height:600px;overflow:auto;border-bottom-left-radius:4px;border-top-left-radius:4px}.demo_changer .form_holder input{width:55px;border-radius:0 10px 10px 0;box-shadow:none}.demo_changer .form_holder form{padding:0 20px}.demo_changer .color_display_2{clear:both;color:#FFF;display:inline-block;font-size:12px;width:31px!important;height:31px;margin-bottom:7px;padding:4px 10px;text-align:center;text-shadow:0 -1px 0 rgba(0,0,0,.3);text-transform:uppercase;box-shadow:0 1px 0 rgba(255,255,255,.3) inset,0 0 2px rgba(255,255,255,.3) inset,0 1px 2px rgba(0,0,0,.29)}.demo_changer .color_display_2 a{color:#fff;text-decoration:none}.color_display_2 a:focus,.color_display_2 a:hover{color:#ededed!important;text-decoration:none}.demo_changer .predefined_styles{padding:0 20px}.demo-none{display:none}@media only screen and (max-width:1024px){.demo_changer{display:none}}.fa-spin{-webkit-animation:spin 2s infinite linear;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;animation:spin 2s infinite linear}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg)}100%{-ms-transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}.demo-buy-now{height:37px;line-height:35px;background:#ED8323;color:#FFF;transition:all 0.3s;display:inline-block;padding:0 20px;border-radius:4px;font-size:15px}.demo-buy-now:hover{border-radius:10px;color:#FFF}.purchase{padding:20px 20px 0;text-align:center}.demo_changer .form_holder p.title{font-size:12px;text-align:center}.home_demo{padding-left:20px;padding-right:20px;padding-bottom:20px;display:inline-block}.demo-row{margin-left:-5px;margin-right:-5px}.home_demo .item{width:50%;padding:5px;display:inline-block;float:left}.home_demo .item a{display:block;position:relative}.home_demo .item a img{box-shadow:0 0 3px #999}.home_demo .item .relative{position:relative}.home_demo .item a:before{width:100%;height:100%;background:#ED8323;content:'';position:absolute;z-index:1;top:0;left:0;opacity:0;transition:all 0.3s}.home_demo .item:hover a:before{opacity:.8}.home_demo .item .name{width:100%;top:50%;left:0;text-align:center;transform:translateY(-50%);font-size:11px;position:absolute;z-index:2;color:#FFF;transition:all 0.4s;padding-left:15px;padding-right:15px;display:block;opacity:0}.home_demo .item:hover .name{opacity:1}.demo_changer .setting{border-top-left-radius:4px}.demo_changer .doc{top:85px}.demo_changer .video{top:120px}.demo_changer .buy{top:155px;border-bottom-left-radius:4px}.demo_changer .demo-icon .hover{position:relative;display:block;width:100%;height:100%}.demo_changer .demo-icon .hover span{position:absolute;min-width:100px;right:150%;top:-90%;font-size:11px;background:#FFF;height:25px;line-height:24px;border-radius:4px;color:#555;box-shadow:0 0 3px #ccc;opacity:0;transition:all 0.3s;z-index:-1;visibility:hidden}.demo_changer .demo-icon .hover span:before{content:'';position:absolute;height:0;width:0;border-width:5px;border-style:solid;border-color:transparent transparent transparent #FFF;left:100px;top:7px}.demo_changer .demo-icon:hover .hover span{z-index:2;opacity:1;right:120%;visibility:visible}