.template-panel{position:fixed;top:0;bottom:0;right:0;z-index:10000;box-shadow:-1px 0 4px rgba(0,0,0,.3);background:#fff;transition:right .5s;-webkit-transition:right .5s}.template-panel.closed{right:-280px}.template-panel .template-controls{display:flex;flex-direction:column;width:48px;position:absolute;top:120px;left:-48px}.template-panel a[class*="-toggler"]{display:inline-flex;justify-content:center;align-items:center;background:#000;color:#fff;line-height:1;text-transform:uppercase;box-shadow:5px 0 0 #fff,-1px 0 5px 1px rgba(0,0,0,.3);border-top-left-radius:6px;border-bottom-left-radius:6px;overflow:hidden}.template-panel .panel-toggler{height:48px;width:100%;font-size:20px}.template-panel .panel-toggler.active{background:#fff!important;color:#000!important}.template-panel .demos-toggler{height:90px;margin-top:10px;width:100%;position:relative;animation:btnShow 4s infinite}.template-panel .demos-toggler span{transform:rotate(-90deg);letter-spacing:1px}.template-panel .template-options{width:280px;height:100%;overflow-x:hidden;overflow-y:auto;position:relative;background:#fff}.template-panel div[class*="-container"]{padding:20px;position:relative;text-align:center}.template-panel div[class*="-container"]>div[class*=section-] h4{text-transform:uppercase;font-size:14px;line-height:14px;font-weight:700;letter-spacing:.5px;margin-bottom:15px;color:#222}.template-panel ul{padding:0;margin:-3px -2px}.template-panel ul li{list-style:none;display:inline-block;margin:3px 2px}.template-panel .options-container>div[class*=section-]{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #eee}.template-panel .options-container>div[class*=section-]:nth-last-child(1){padding-bottom:0;margin-bottom:0;border-bottom:none}.template-options ul[class*=preset-]{margin:0 -2px;padding:0}.template-options ul[class*=preset-]>li{display:inline-block;margin:0 2px}.template-options ul[class*=preset-]>li.active>a{display:block;box-shadow:1px 1px #fff,3px 3px #000}.template-options ul[class*=preset-]>li>a{width:40px;height:40px;display:block}.template-options ul[class*=preset-]>li>a:before{display:none}.template-options .layout-selector>a{padding:5px 25px;line-height:1;background:#eee;border:1px solid #ddd;color:#333;margin:0 2px 2px 2x}.template-options .layout-selector>a.active{background:#333;color:#fff}.template-options .backgrounds{padding:0;list-style:none;margin:0 -2px}.template-options .backgrounds>li{display:inline-block;margin:0 2px}.template-options .backgrounds>li>a>img{width:40px;height:40px}.template-options .backgrounds>li.active>a{display:block;box-shadow:1px 1px #fff,3px 3px #000}body.bg_pattern{background-position:top left;background-repeat:repeat}body.bg_image{background-position:center center;background-size:cover;background-attachment:fixed;background-repeat:no-repeat}.template-options .section-helper .preset-reset{width:100%;padding:5px 36px}.template-options .section-helper .helper-message:not(:empty){margin-bottom:15px}.template-options .section-helper .helper-message p{margin-bottom:0;font-size:14px;line-height:20px}.section-footers ul li a,.section-headers ul li a{width:40px;height:40px;display:block;line-height:40px;border:1px solid #eee;color:#555}.section-footers ul li.active a,.section-headers ul li.active a{border-color:#333;color:#333}@keyframes btnShow{0%{margin-left:48px}20%{margin-left:0}90%{margin-left:0}}