/*! formstone v1.3.1 [site.css] 2017-01-23 | GPL-3.0 License | formstone.it */

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

@keyframes fs-lightbox-loading-spin { from {
-webkit-transform:rotate(0);
transform:rotate(0)
}
to { -webkit-transform: rotate(360deg); transform: rotate(360deg) }
}
.fs-light.fs-viewer-loading .fs-viewer-loading_icon { opacity: 1; visibility: visible }
.fs-demo.fs-tabs-tab.fs-tabs-enabled, .fs-demo.fs-tabs-tab_mobile { background: #B0BEC5; border: 1px solid #546E7A; border-radius: 2px; color: #263238; display: block; float: left; font-size: 14px; margin: 0 5px 0 0; padding: 10px 20px; text-transform: uppercase; text-decoration: none }
.no-touchevents .fs-demo.fs-tabs-tab.fs-tabs-enabled:hover, .no-touchevents .fs-demo.fs-tabs-tab_mobile:hover { background: #CFD8DC }
.fs-demo.fs-tabs-tab.fs-tabs-active, .fs-demo.fs-tabs-tab_mobile.fs-tabs-active, .no-touchevents .fs-demo.fs-tabs-tab.fs-tabs-active:hover, .no-touchevents .fs-demo.fs-tabs-tab_mobile.fs-tabs-active:hover { background: #fff; color: #263238 }
.fs-demo.fs-tabs-tab.fs-tabs-mobile { display: none }
.fs-demo.fs-tabs-tab.fs-tabs-tab_mobile { width: 100%; border-radius: 2px; display: none; float: none; margin: 10px 0 }
.fs-demo.fs-tabs-tab_mobile.fs-tabs-mobile { display: block }
.fs-demo.fs-tabs-tab_mobile.fs-tabs-active { border-radius: 2px 2px 0 0; margin: 10px 0 0 }
.fs-demo.fs-tabs-content.fs-tabs-mobile { border-radius: 0 0 2px 2px }
.demo_content { background: #fff; padding: 0 0 50px }
.demo_content p { margin: 20px 0 }
.demo_content a { color: #455a64 }
.demo_content li { margin: 5px 0 }
.demo_content fieldset { border: none; padding: 0; margin: 20px 0 }
.demo_content label { display: block; margin: 0 0 5px }
.demo_content code { color: #222; font-size: 14px; padding: 5px }
.demo_content .form_textarea, .demo_content input, .demo_content pre, .demo_content textarea { background: #fff; border: 1px solid #455a64; border-radius: 2px; color: #455a64; font-size: 16px; margin: 20px 0; padding: 20px }
.demo_content .form_textarea code, .demo_content input code, .demo_content pre code, .demo_content textarea code { background: 0 0; border-radius: 0; padding: 0 }
.demo_content :not(pre)>code[class*=language-], .demo_content pre[class*=language-] { background: #eceff1; border: none; margin: 20px 0 0; padding: 20px 25px }
.demo_content :not(pre)>code[class*=language-]:last-child, .demo_content pre[class*=language-]:last-child { margin-bottom: 30px }
.demo_content pre[class*=language-] { position: relative }
.demo_content pre[class*=language-]:after { position: absolute; top: 2px; right: 2px; background: #546E7A; border-radius: 2px; color: #fff; font-size: 12px; letter-spacing: .05em; line-height: 1; padding: 4px 7px 5px; text-transform: uppercase }
.demo_content pre[class*=language-javascript]:after { content: 'JS' }
.demo_content pre[class*=language-css]:after { content: 'CSS' }
.demo_content pre[class*=language-html]:after { content: 'HTML' }
.demo_content input { width: 100%; margin: 10px 0; padding: 5px 10px }
.demo_content .form_textarea, .demo_content textarea { width: 100%; max-height: 200px; overflow: auto }
.demo_content .button { width: auto; background: #455a64; border: none; border-radius: 2px; display: inline-block; font-size: 16px; color: #fff; margin: 0 5px 5px 0; padding: 10px 20px; text-decoration: none }
.demo_content .demo_tabs { border-bottom: 1px solid #eceff1 }
.demo_content .demo_tabs:after { width: 100%; clear: both; content: ''; display: table }
.demo_content .demo_tabs .demo_tab.fs-tabs-tab { background: #fff; border: none; border-radius: 2px 2px 0 0; color: #00bcd4; font-size: 14px; text-transform: none }
.demo_content .demo_tabs .demo_tab.fs-tabs-tab.fs-tabs-active, .no-touchevents .demo_content .demo_tabs .demo_tab.fs-tabs-tab:hover { color: #455a64; background: #eceff1 }
.demo_content .demo_example { margin: 20px 0 30px }
.demo_content .demo_output { height: 100px; line-height: 1.8 }
@media screen and (min-width:740px) {
.demo_content .demo_output { height: 200px }
}