form.min.css

#menu .main-menu>li>a:hover,#project_title a:hover,a{
    text-decoration:none
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,pre code,section{
    display:block
}
#project_tagline,#project_title{
    color:#fff;
    text-shadow:#111 0 0 10px
}
#contributors,.inner{
    position:relative
}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{
    margin:0;
    padding:0;
    border:0;
    font:inherit;
    vertical-align:baseline
}
blockquote,table{
    margin-bottom:20px
}
code,pre{
    padding:1%;
    box-shadow:0 0 10px rgba(0,0,0,.1);
    width:100%
}
dl dd,dl p,ol,ul{
    padding-left:20px
}
td,th{
    padding:10px
}
dl dt,h1,h2,h3,h4,h5,h6,strong{
    font-weight:700
}
dl dd,dl p,em{
    font-style:italic
}
body{
    box-sizing:border-box;
    color:#373737;
    background:url(data:image/png;
    base64,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) #fff;
	background-image: url('2134.jpg');
    font-size:14px;
    font-family:"Myriad Pro",Calibri,Helvetica,Arial,sans-serif;
    line-height:1.42857143;
    -webkit-font-smoothing:antialiased
}
h1,h2,h3,h4,h5,h6{
    margin:10px 0;
    color:#222;
    font-family:Roboto,Helvetica,Arial,sans-serif;
    letter-spacing:-1px
}
h1{
    font-size:36px
}
h2{
    padding-bottom:10px
}
h3{
    font-size:24px
}
h4{
    font-size:21px
}
h5{
    font-size:18px
}
h6{
    font-size:16px
}
p{
    margin:10px 0 15px
}
footer p{
    color:#f2f2f2
}
a{
    color:#93C54B;
    text-shadow:none;
    transition:color .5s ease;
    transition:text-shadow .5s ease
}
a:focus,a:hover{
    color:#79a736;
    text-decoration:underline
}
p img{
    display:inline;
    margin:0;
    padding:0;
    vertical-align:middle;
    text-align:center;
    border:none
}
code,pre{
    width:100%;
    color:#222;
    background-color:#fff;
    font-family:Monaco,"Bitstream Vera Sans Mono","Lucida Console",Terminal,monospace;
    font-size:14px;
    border-radius:2px
}
table,td{
    border:1px solid #373737
}
pre{
    overflow:auto;
    white-space:pre-wrap;
    background-color:#23241f!important;
    border:1px solid #676767!important
}
code{
    margin:0 3px
}
pre code{
    box-shadow:none
}
blockquote{
    color:#666;
    padding:0 0 0 20px;
    border-left:3px solid #bbb
}
dl,ol,ul{
    margin-bottom:15px
}
ul{
    list-style:disc
}
ol{
    list-style:decimal
}
hr{
    height:1px;
    margin-bottom:5px;
    border-bottom:1px dashed #999
}
table{
    border-collapse:collapse;
    border-spacing:0;
    text-align:left
}
th{
    font-family:"Lucida Grande","Helvetica Neue",Helvetica,Arial,sans-serif;
    background:#373737;
    color:#fff
}
#header_wrap .inner,.inner{
    padding:30px 0
}
.outer{
    width:100%
}
.inner{
    max-width:1080px;
    margin:0 auto
}
#header_wrap{
    background:linear-gradient(to bottom,rgba(0,0,0,.66) 0,rgba(0,0,0,0) 100%)
}
#menu{
    float:right;
    margin-top:20px
}
#menu .main-menu{
    list-style:none;
    font-size:1.5em;
    font-family:Roboto,Helvetica,Arial,sans-serif;
    margin:0;
    padding:0
}
#menu .main-menu>li{
    display:inline-block
}
#menu .main-menu>li>a{
    font-weight:300;
    padding:10px
}
#menu .main-menu .dropdown-menu.demo-sub-menu>li>a{
    text-transform:none
}
@media (max-width:481px){
    #menu{
        margin-top:0;
        float:none;
        margin-bottom:20px;
        text-align:center;
        width:100%
    }
    #header_wrap .inner{
        padding:20px 0
    }
}
#project_title{
    font-family:Roboto,sans-serif;
    margin:0;
    font-size:32px;
    font-weight:700;
    line-height:2em
}
#project_title img{
    height:65px;
    float:left;
    margin-right:20px
}
#main-content-wrap .tagline,#project_title a{
    color:#fff
}
#project_title em{
    font-size:.6em;
    display:inline
}
#project_tagline{
    display:none;
    clear:left;
    padding:0;
    margin:0;
    font-size:1.5em;
    font-weight:300;
    background:0 0
}
#main_content hr,.build-form,.clearfix:after,.render-form{
    clear:both
}
h2{
    text-align:center!important;
    font-weight:100!important;
    font-size:3em!important
}
h2 strong{
    font-weight:300
}
#features>ul>li{
    list-style:none;
    font-size:1.5em
}
.fb_iframe_widget{
    line-height:.8em
}
@media screen and (max-width:480px){
    .inner,code,pre{
        min-width:320px;
        max-width:480px
    }
    body{
        font-size:14px
    }
    #downloads{
        display:none
    }
    #project_title{
        font-size:32px
    }
    h1{
        font-size:28px
    }
    h2{
        font-size:24px
    }
    h3{
        font-size:21px
    }
    h4{
        font-size:18px
    }
    h5{
        font-size:14px
    }
    h6{
        font-size:12px
    }
    code,pre{
        font-size:11px;
        width:100%;
        padding:1%
    }
}
.clearfix:after,.clearfix:before{
    content:" ";
    display:table
}
*{
    margin:0
}
body,html{
    height:100%
}
body>.site-wrap{
    width:100%;
    background-image:url(../img/demo-background.svg),linear-gradient(to bottom,#000,#92278F);
    background-size:100% 100%;
    background-position:50% 50%;
    background-repeat:no-repeat;
    background-attachment:fixed,scroll;
    padding:0
}
body>.site-wrap:after{
    content:"";
    display:block
}

@media (max-width:481px){
    body>.site-wrap{
        background-image:linear-gradient(to bottom,#000,#92278F),linear-gradient(to bottom,#92278F,#480246);
        background-size:100% 50%,100% 50.5%;
        background-position:50% 0,50% 100%
    }
    #project_title img{
        height:64px;
        width:50.3px
    }
}
#footer-wrap{
    background:#212121
}
.donate-plea .paypal-button{
    width:79px;
    height:auto;
    padding:2px 10px;
    background-color:#fff
}
fieldset,legend{
    border:1px solid #999;
    background:#fefefe
}
.donate-plea span.donate-label{
    float:left;
    margin-right:10px
}
.donate-plea form{
    float:left;
    margin-bottom:10px
}
.copyright,.ui-dialog .ui-dialog-titlebar-close{
    float:right
}
.copyright{
    text-align:right
}
.badges{
    margin-top:-30px
}
.social{
    margin-bottom:20px
}
.social .twitter-share-button{
    margin-right:2px
}
em{
    color:#999
}
fieldset{
    padding:20px;
    margin:20px 0
}
legend{
    padding:5px 10px
}
#rendered-form .form-group>label{
    font-weight:700;
    font-size:1.1em
}
#main_content.inner{
    padding:0 0 30px
}
.render-form{
    padding:10px;
    border-radius:10px;
    background-color:#fff
}
.lower-section{
    overflow:hidden
}
.lower-section h2{
    color:#212121
}
img{
    max-width:100%
}
.contributor .user-location,.form-rendered .render-form{
    display:block
}
#contributor-wrap{
    background-color:#fff;
    padding:20px 0 0
}
#contributor-wrap h2{
    margin-bottom:0;
    padding:0
}
#contributors .view-all{
    position:absolute;
    bottom:20px;
    right:0
}
.contributor{
    text-align:center;
    vertical-align:top
}
.contributor .avatar-link{
    display:inline-block;
    border-radius:50%;
    overflow:hidden;
    transition-property:box-shadow;
    transition-duration:.33s;
    transition-timing-function:ease;
    box-shadow:0 0 0 0 #93c54b
}
.contributor .avatar-link:hover{
    box-shadow:0 0 0 3px #93c54b
}
.contributor .avatar-link:hover img{
    filter:grayscale(0)
}
.contributor .avatar-link img{
    transition:filter .66s ease;
    filter:grayscale(66%);
    border-radius:50%;
    max-width:100%;
    height:auto
}
.ui-dialog{
    background:#fff;
    z-index:2;
    padding:20px;
    border-radius:10px;
    left:"50%";
    transform:"translateX(-50%)"
}
.ui-dialog .ui-dialog-title{
    font-size:2.5em;
    font-weight:700
}
.ui-widget-overlay{
    background:rgba(0,0,0,.5);
    height:100%;
    width:100%;
    position:fixed;
    top:0;
    left:0
}
#copyDataBtn{
    padding:5px 10px;
    position:absolute;
    bottom:18px;
    right:18px
}
.toggle-gitter{
    margin-top:-12px;
    cursor:pointer
}
.gitter-open-chat-button.mobile-gitter-button{
    padding:20px 0;
    text-align:center;
    position:relative;
    right:auto;
    border-radius:0;
    font-size:1.5em;
    background:#92278F;
    color:#fff
}
@media (max-width:481px){
    .gitter-open-chat-button{
        display:none
    }
    .copyright,.donate-plea form{
        float:none;
        text-align:center
    }
    .social{
        margin:30px 0 0;
        line-height:0
    }
    .copyright{
        margin-top:20px;
        border-top:1px solid #666
    }
    .donate-plea .paypal-button{
        width:141px
    }
}
.stage-wrap.empty::after{
    color:#fff
}
input[type=checkbox],input[type=radio]{
    display:inline-block
}
.success{
    background:#93C54B!important
}
.info{
    background:#29ABE0!important
}
.warning{
    background:#F47C3C!important
}
.danger{
    background:#d9534f!important
}
.toast{
    padding:10px 30px;
    position:fixed;
    width:auto;
    line-height:50px;
    background:#93C54B;
    text-shadow:0 1px 0 #fefefe;
    color:#fff;
    bottom:0;
    right:20px;
    transform:translate(0,100%);
    -webkit-animation:2.5s toast ease-in-out forwards;
    animation:2.5s toast ease-in-out forwards;
    z-index:120
}
@-webkit-keyframes toast{
    0%{
        transform:translate(0,100%);
        bottom:0;
        right:20px
    }
    7%,90%{
        transform:translate(0,0);
        bottom:20px;
        right:20px
    }
    100%{
        transform:translate(120%,0);
        bottom:20px;
        right:0
    }
}
@keyframes toast{
    0%{
        transform:translate(0,100%);
        bottom:0;
        right:20px
    }
    7%,90%{
        transform:translate(0,0);
        bottom:20px;
        right:20px
    }
    100%{
        transform:translate(120%,0);
        bottom:20px;
        right:0
    }
}
@-webkit-keyframes drag-tagline{
    0%{
        transform:translateX(100%)
    }
    100%{
        opacity:1;
        transform:translateX(0)
    }
}
@keyframes drag-tagline{
    0%{
        transform:translateX(100%)
    }
    100%{
        opacity:1;
        transform:translateX(0)
    }
}
@-webkit-keyframes and-tagline{
    100%{
        opacity:1
    }
}
@keyframes and-tagline{
    100%{
        opacity:1
    }
}
@-webkit-keyframes drop-tagline{
    0%{
        transform:translateY(-100%)
    }
    100%{
        opacity:1;
        transform:translateY(0)
    }
}
@keyframes drop-tagline{
    0%{
        transform:translateY(-100%)
    }
    100%{
        opacity:1;
        transform:translateY(0)
    }
}
@-webkit-keyframes full-featured{
    0%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
@keyframes full-featured{
    0%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
.animated-taglines{
    position:relative;
    margin:auto
}
.animated-taglines span{
    opacity:0;
    transition:all 500 easie-in;
    display:inline-block
}
.animated-taglines span:nth-child(1){
    -webkit-animation:drag-tagline 1s forwards;
    animation:drag-tagline 1s forwards;
    -webkit-animation-delay:1s;
    animation-delay:1s
}
.animated-taglines span:nth-child(2){
    -webkit-animation:and-tagline 1s forwards;
    animation:and-tagline 1s forwards;
    -webkit-animation-delay:2s;
    animation-delay:2s
}
.animated-taglines span:nth-child(3){
    -webkit-animation:drop-tagline 1s forwards;
    animation:drop-tagline 1s forwards;
    -webkit-animation-delay:2.5s;
    animation-delay:2.5s
}
.animated-taglines .full-featured{
    opacity:0;
    -webkit-animation:full-featured 1.5s forwards;
    animation:full-featured 1.5s forwards;
    -webkit-animation-delay:4s;
    animation-delay:4s
}
#lang-select-wrap{
    width:140px;
    margin-bottom:5px
}
.form-actions button{
    color:#fff!important
}
.middle-section{
    position:relative;
    color:#fefefe;
    box-shadow:0 1px 10px #373737 inset
}
.middle-section::after,.middle-section::before{
    content:"";
    top:0;
    left:0;
    bottom:0;
    right:0;
    position:absolute;
    z-index:-1;
    background-image:url(../img/demo-background.svg),linear-gradient(to bottom,#373737,#212121);
    background-size:100% 100%;
    background-position:50% 50%;
    background-repeat:no-repeat;
    background-attachment:fixed,scroll
}
.middle-section::after{
    filter:blur(5px)
}
.middle-section h2{
    color:#fff
}
.sponsor-block{
    text-align:center
}
.sponsor-block p{
    margin:10px 0
}
.inline-code{
    color:#fff;
    background-color:#23241f;
    border-radius:4px;
    border:1px solid #676767!important
}
.dropdown-menu>li.group-label{
    display:block;
    padding:3px 20px;
    font-weight:700
}
.dropdown-menu>li .download-filesize{
    display:inline-block;
    margin-left:16px
}
.dropdown-menu>li>a{
    display:flex!important;
    flex-flow:row;
    justify-content:space-between
}
@media (max-width:767px){
    #contributor-wrap{
        display:none
    }
    .form-wrap.form-builder .form-actions{
        display:block!important;
        float:none!important
    }
    .form-wrap.form-builder .form-actions button{
        display:block;
        width:100%;
        border-radius:0;
        float:none
    }
    .form-wrap.form-builder .form-actions button:first-child{
        border-top-right-radius:5px!important;
        border-top-left-radius:5px!important
    }
    .form-wrap.form-builder .form-actions button:last-child{
        border-bottom-right-radius:5px!important;
        border-bottom-left-radius:5px!important
    }
}
@media (min-width:768px){
    .contributor:nth-of-type(4n),.contributor:nth-of-type(5n),.contributor:nth-of-type(6n){
        display:none
    }
}
@media (min-width:992px){
    .contributor:nth-of-type(5n),.contributor:nth-of-type(6n){
        display:none
    }
    .contributor:nth-of-type(4n){
        display:inline-block
    }
}
@media (min-width:1200px){
    .contributor:nth-of-type(4n),.contributor:nth-of-type(5n),.contributor:nth-of-type(6n){
        display:inline-block
    }
}
/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
 
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
}
.footer{
     text-align: center;
  font-weight: 100;
}