body,html{
    background:#000;
    color:#fff;
}

.head{
    background:#000;
    border-bottom:1px solid rgba(255, 255, 255, 0.3);
    padding:15px;
    position:fixed;
    width:100%;
    top:0;
}
.light .head{
    background:#f7f7ff;
    color:#000;
}
.head .logo{
    width:150px;
}
.head a{
    color:#505965;
    padding:0px 15px;
    font-size:18px;
    text-decoration: none;
}
.head .btn-white.reg-btn{
    background: transparent;
    color:#fff;
}
.light .head .btn-white.reg-btn{
    color:#000;
}
.head .btn-white{
    background-image: linear-gradient(to right, #db2777, #ea580c);
    color:#fff;
    padding:10px 15px;
    border-radius:50px;
}

.sub{
    margin-top:80px;
}

.footer{
    color:#fff;
}
.light .footer{
    color:#000;
}
.footer h4{
    font-size:20px;
    margin-bottom:15px;
}
.footer .first a{
    display:block;
    margin-bottom:10px;
    color:#505965;
    text-decoration: none;
    font-size:14px;
}
.footer .btm{
    color:#505965;
    margin: 10px 0px;
    font-size:14px;
}
.footer .btm a{
    color:#505965;
    margin: 10px 0px;
    font-size:14px;
    text-decoration: none;
}
.footer .gbtn{
    padding:25px 0;
    border-bottom:1px solid rgba(255, 255, 255, 0.3);
    border-top:1px solid rgba(255, 255, 255, 0.3);
    display:flex;
    align-items:center;
}
.light .footer .gbtn{
    border-bottom:1px solid rgba(0, 0, 0, 0.3);
    border-top:1px solid rgba(0, 0, 0, 0.3);
}
.footer .gbtn h4{
    margin:0;
    margin-right:15px;
    font-weight:bold;
}
.footer .gbtn img{
    width:160px;
}

.modal-content{
    background:#1a1a1a;
}
.light .modal-content{
    background:#fff;
}
.modal-body{
    padding:35px;
}
.modal-body .closebtn{
    color:#fff;
    fill:#fff;
    border:2px solid #fff;
    border-radius:50%;
    display:block;
    position:absolute;
    top:10px;right:10px;
    width:32px;height:32px;
    cursor:pointer;
}
.light .modal-body .closebtn{
    color:#000;
    fill:#000;
    border:2px solid #000;
}
.modal-body .closebtn:hover{
    fill:#dc2626;
    border-radius:6px;
}

.btn-custom, .btn-custom:hover, .btn-custom:active, .btn-custom:focus{
    border-radius:50px;
}
.btn-red, .btn-red:hover, .btn-red:active, .btn-red:focus{
    background-image: linear-gradient(to right, #db2777, #ea580c);
    border:none;
}

.btn-google, .btn-google:hover, .btn-google:active, .btn-google:focus{
    border:2px solid #d1d5db;
    display:flex;
    align-items:center;
    width:100%;
    border-radius:50px;
    color:#fff;
    justify-content: center;
}
.light .btn-google, .light .btn-google:hover, .light .btn-google:active, .light .btn-google:focus{
    color:#000;
}
.btn-google:hover{
    background:#db4437;
    border:2px solid #db4437;
}
.btn-google svg{
    width:32px;
    margin-right:10px;
}

.modal .form-control{
    border-radius:50px;
    background:#fff;
    padding:10px 20px;
}
.light .modal .form-control{
    border:1px solid #d1d5db;
}
#login .btn-custom{
    width:100%;
}
#login a{
    color:#fff;
    font-size:14px;
    display:block;
    margin-top:15px;
}
.light #login a{
    color:#000;
}

.logreg h2, #contactModal h2{
    font-size:24px;
}
.logreg small, #contactModal small{
    font-size:12px;
    display:block;
}
.logreg small a{
    color:#fff;
}
.light .logreg small a{
    color:#000;
}
.logreg form a{
    color:#fff;
    font-size:12px;
}
.light .logreg form a{
    color:#000;
}
.logreg .relative{
    position:relative;
    margin-top:35px;
}
.logreg .relative svg{
    position:absolute;
    width:32px;
    height:32px;
    left:0;
    right:0;
    top:-15px;
    margin:auto;
}
.logreg .relative ul{
    margin-top:35px;
    padding:0;
    margin-bottom:0;
}
.logreg .relative ul li{
    display:block;
    font-size:14px;
}

#contactModal textarea{
    border-radius:24px;
}

#contact .inputfilebtn svg{
    display:block;
    margin:0 auto;
}
#contact .inputfilebtn, #contact .inputfilebtn:active, #contact .inputfilebtn:focus{
    background-color:#fff;
    border:2px solid #f3f4f6;
    color:#000;
    padding:17px;
    text-align:center;
    display:inline-block;
    cursor:pointer;
    border-radius:12px;
}
#contact .inputfilebtn:hover{
    background-color:#eaeaea;
    border:2px solid #f3f4f6;
    color:#000;
    padding:17px;   
}

.faqbox{
    padding:50px 0px;
    text-align:center;
    background:#111111;
}
.light .faqbox{
    background:#f0f2f4;
}
.faqcontent h4{
    color:#fff;
}
.light .faqcontent h4{
    color:#000;
}
.faqcontent{
    color:#505965;
}

.weitimg{
    width:460px;
    margin:0 auto;
    display:block;
}

.download{
    background-image: linear-gradient(to right, #db2777, #ea580c);
    padding:100px 0px;
}
.download .logo_big{
    width:200px;
}
.download h2{
    font-weight:bold;
    font-size:40px;
    margin-bottom:25px;
    color:#fff;
}
.download .mobile{
    width:50%;
    margin:0 auto;
    display:block;
    margin-bottom:-200px;
}





@media only screen and (max-width:991px){
	
    .head{
        padding:15px 0px;
    }
	.head .reg-btn{
        display:none;
    }
    .head .link{
        display:none;
    }

    .weitimg{
        width:100%;
    }

    .section{
        padding:50px 0px;
    }

    .faqcontent .row>div{
        margin-bottom:25px;
    }

    .download{
        padding:270px 0px;
        text-align:center;
    }
    .download .mobile{
        display:none;
    }

    .big_section{
        padding:100px 0px!important;
    }
    
    .footer .first>div{
        margin-bottom:25px;
    }
		
}