@font-face {
  font-family: fontQnaee;
  src: url("/image/font.ttf"),url("/image/font.woff");
}
body,html{
                font-family:fontQnaee;
                margin:0;
                padding:0;
                height:100%;
            }
            .questions{
                min-height:90px;
                padding:5px;
                text-align:left;
                background:#ededed;
                border-radius:5px;
                border:1px solid black;
            }
            .questions:nth-child(1n+1){
                margin-top:5px;
            }
            .questions:hover{
                cursor:pointer;
                background:#ddddff;
            }
            .questionsnon{
                height:90px;
                padding:5px;
            }
            .questions img{
                
            }
            .questions span{
                padding-left:12px;
            }
            .audio_control{
                position:fixed;
                top:0;
                right:0;
                padding:16px;
                padding-left:24px;
                background:white;
                font-size:16pt;
                border-radius:0 0 0 10px;
                border-bottom:1px solid black;
                border-left:1px solid black;
            }
            .questions p{
                padding-top:25px;
                padding-bottom:25px;
            }
            #videos{
                padding-bottom:12px;
                padding-top:4px;
                max-width:100%;
                width:100%;
            }
            .pop{
                display:none;
                position:absolute;
                top:0;
                right:0;
                width:100%;
                max-width:100%;
                height:100%;
                max-height:100%;
                background:lightgrey;
                background:rgba(255,255,255,0.7);
                flex-wrap: wrap;
                justify-content: center;
                align-items: center;
            }
            .pop_con{
                width:1200px;
                margin:0 auto;
                padding:12px;
                background:white;
                border-radius:6px;
                border:1px solid #eee;
            }
            .popi{
                width:100%;
                padding-top:56.25%;
                position:relative;
            }
            .popii{
                position:absolute;
                top:0;
                bottom:0;
                left:0;
                right:0;
            }
            .main{
                background: #009bff;
                background: -webkit-linear-gradient(left, #0072ff, #00c6ff);
                background: -o-linear-gradient(left, #0072ff, #00c6ff);
                background: -moz-linear-gradient(left, #0072ff, #00c6ff);
                background: linear-gradient(left, #0072ff, #00c6ff);
                min-height:100%;
                width:100%;
                display: -webkit-box;
                display: -webkit-flex;
                display: -moz-box;
                display: -ms-flexbox;
                display: flex;
                flex-wrap: wrap;
                justify-content: center;
                align-items: center;
            }
            .flex{
                display: -webkit-box;
                display: -webkit-flex;
                display: -moz-box;
                display: -ms-flexbox;
                display: flex;
            }
            .guide{
                line-height:1.3em;
            }
            .guide b{
                font-size:14pt;
                line-height:1.7em;
            }
            .content{
                width:1200px;
                background: #fff;
                border-radius: 10px;
                overflow: hidden;
                flex-wrap: wrap;
                justify-content: space-between;
                align-items: center;
                padding: 90px 125px 90px 125px;
            }
            .logo{
                width:50%;
                margin-left:-50px;
            }
            .logo-img{
                max-width:75%;
            }
            .logo-header{
                width:100%;
                margin-top:12px;
            }
            .logo-header-div{
                width:50%;
                display:inline-block;
                text-align:center;
                padding:8px 0;
            }
            .adec,.logo-header-div{
                text-decoration:underline;
                color:blue;
                font-size:14pt;
            }
            .close_pop{
                float:right;
                width:200px;
                margin-top:12px;
                padding:10px 16px;
                background: #009bff;
                background: -webkit-linear-gradient(left, #0072ff, #00c6ff);
                background: -o-linear-gradient(left, #0072ff, #00c6ff);
                background: -moz-linear-gradient(left, #0072ff, #00c6ff);
                background: linear-gradient(left, #0072ff, #00c6ff);
                color:white;
                font-size:18pt;
                border-radius:6px;
            }
            .close_pop:hover{
                transition:background-color 0.5s ease;
                background: #00B6EB;
                background: -moz-linear-gradient(left, #0060D6 0%, #00B6EB 100%);
                background: -webkit-linear-gradient(left, #0060D6 0%, #00B6EB 100%);
                background: -o-linear-gradient(left, #0060D6, #00B6EB);
                background: linear-gradient(to right, #0060D6 0%, #00B6EB 100%);
                cursor:pointer;
            }
            form{
                text-align:center;
                max-width:50%;
                margin-top:0;
                width:50%;
            }
            textarea{
                margin-top:5px;
            }
            .submit{
                width:100%;
                padding-bottom:10px;
            }
            input[type='submit']{
                font-family: fontQnaee;
                font-size:18pt;
                border-radius: 100px 10px 500px 100px;
                transition: border-color 0.4s ease 0s, background-color 0.4s ease 0s;
                box-shadow: -3.06px 2.57px 4px 6px rgba(0,0,0,0.68);
                background-color: #09ff00;
                background-image: url(https://static.parastorage.com/services/skins/2.1229.80/images/wysiwyg/core/themes/base/indented_bg.png);
                background-position: 0 0;
                background-repeat: repeat-x;
                border: solid #ef0 12px;
                /*width:100%;
                padding:10px 16px;
                background: #009bff;
                background: -webkit-linear-gradient(left, #0072ff, #00c6ff);
                background: -o-linear-gradient(left, #0072ff, #00c6ff);
                background: -moz-linear-gradient(left, #0072ff, #00c6ff);
                background: linear-gradient(left, #0072ff, #00c6ff);
                color:white;
                font-size:18pt;
                margin-top:12px;*/
            }
            input[type='submit']:hover{
                background-color: #ef0;
                transition: border-color 0.4s ease 0s, background-color 0.4s ease 0s,color 0.4s ease 0s;
                border: solid #09ff00 12px;
                cursor:pointer;
                color: #373B4D;
                
                /*transition:background-color 0.5s ease;
                background: #00B6EB;
                background: -moz-linear-gradient(left, #0060D6 0%, #00B6EB 100%);
                background: -webkit-linear-gradient(left, #0060D6 0%, #00B6EB 100%);
                background: -o-linear-gradient(left, #0060D6, #00B6EB);
                background: linear-gradient(to right, #0060D6 0%, #00B6EB 100%);
                cursor:pointer;*/
            }
            input,textarea{
                font-family: fontQnaee;
                width:calc(100% - 32px);
                font-size:14pt;
                padding:10px 16px;
                border-radius:10px;
                border:1px solid #ccc;
            }
            @media (max-width: 1500px) {
                .content,.pop_con{
                    width:900px;
                    
                }
            }
            @media (max-width: 1200px) {
                .content,.pop_con{
                    width:600px;
                    
                }
            }
            @media (max-width: 900px) {
                .pop_con{
                    width:550px;
                }
                #rc-imageselect, .g-recaptcha { transform:scale(0.78); -webkit-transform:scale(0.78); transform-origin:0 0; -webkit-transform-origin:0 0; }
                .content{
                    width:550px;
                    padding: 90px 75px 90px 75px;
                }
            }
            @media (max-width: 750px) {
                .content{
                    width:450px;
                    padding: 90px 40px 90px 40px;
                    align-items: normal;
                }
                .pop_con{
                    width:450px;
                }
                .logo{
                    width:100%;
                    margin:0;
                    padding:0;
                }
                form{
                    width:100%;
                    max-width:100%;
                }
            }
            @media (max-width: 550px) {
                .pop_con{
                    width:calc(100% - 60px);
                }
                .content{
                    width:calc(100% - 60px);
                    padding: 30px 20px 80px 20px;
                    margin-top:10px;
                    align-items: normal;
                }
                
                .logo{
                    width:100%;
                    margin:0;
                    padding:0;
                }
                form{
                    width:100%;
                    max-width:100%;
                    
                }
            }