@font-face{font-family:'FontAwesome';src:url('../fonts/FontAwesome.eot');src:url('../fonts/FontAwesome.eot?#iefix') format('embedded-opentype'), url('../fonts/FontAwesome.woff') format('woff'), url('../fonts/FontAwesome.ttf') format('truetype');font-weight:normal;font-style:normal;}
::selection{background:rgba(255, 64, 129, 0.22);color:#000;}
::-moz-selection{background:rgba(255, 64, 129, 0.22);color:#000;}
 body{background:#fff;font-family: 'Rubik', sans-serif;color:#4e4e4e;justify-content:center;align-items:center;}
 .right_things h1, .center_heading h1, .center_heading, .right_things ul li h3, .top_social a.apply_here, #footer .footer_widgets .widget .widget_title, .contact_address ul li h4{font-family: 'Rubik', sans-serif;}
 .center_heading p, .skill_text_div p, .testi_text p, .green_help_text p, .skill_text_div p, .contact_address ul li p, .contact_address ul li a, #footer .widgets_row .footer_text p{font-family:'poppinsmedium';}
 .skill_text_div h2, .green_help_text h2, .testi_text h2{font-family: 'Rubik', sans-serif;}
 h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{font-family: 'Rubik', sans-serif;}
 a:hover, a:focus{color:#ef5d35;text-decoration:none;outline:none;transition:all 0.3s ease-out;}
 .p-0{padding:0 !important;}
 .container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;}
 .logo a{margin:0 auto;}
 ul.nav.navbar-nav.navbar-right li{float:none;display:inline-block;}
 ul.nav.navbar-nav.navbar-right{text-align:right;}
 header .row{margin:0;}
 header{position:fixed;width:100%;background-color:#fff;z-index:9;box-shadow:none;min-height:50px;padding-bottom:0px;height:auto;transition:600ms all;border-bottom:0;box-shadow:8px 0 27px rgba(206, 204, 204, 0.25);}
 header.darkHeader{background:#fff!important;box-shadow:0 4px 24px 0 rgba(103, 151, 255, .1), 0 12px 64px 0 rgba(103, 151, 255, .1);transition:.6s linear;transform:translateY(-1px);z-index:100;left:0;right:0;top:0;}
 header.darkHeader-in{transition:.2s linear;transform:translateY(0px);}
 header .container{padding:0;transition:500ms all;}
 header.whiteHeader .container{padding-bottom:0;border-color:transparent;}
 .navbar-nav.navbar-right:last-child{margin:0 !important;}
 .pull-up{transition:500ms all;}
 header.whiteHeader .logo a img{width:auto;}
 .logo a img{transition:500ms width;}
 header nav ul.nav li a i{font-size:16px;}
 .logo{position:relative;}
 .logo a img{position:relative;z-index:6;
 }
 .logo a{width:350px;display:block;position:relative;}
 .pull-up{margin-top:-50px;}
 .logo a{position:relative;z-index:5;}
 .logo a{display:block;}
 header nav.navbar{border-radius:0;margin-bottom:0;border:0;}
 header nav ul.nav.navbar-nav{width:100%;}
 header nav ul.nav li a{
 	position: relative;
    display: block;
    padding: 10px 8px !important;
    font-size: 13.5px;
    color: #fff;
    text-transform: capitalize;
    letter-spacing: 0.5px;
    transition: 600ms ease-in-out;
    margin: 0 auto;
    font-weight: 400;
 }
 header nav.navbar{min-height: auto;}
 header nav ul.nav li:first-child a i {
    font-size: 20px;
}
 header nav ul.nav li:first-child a{
	padding: 10px 8px 12px !important;
}
 header nav ul.nav li a.active, header nav ul.nav li a:hover, header nav ul.nav li a:focus{color:#fff !important;background: #000099 !important;}
 a.down.conbtn{display:inline-block;color:#ffffff;border-radius:50px;border:2px solid;text-align:center;font-size:13.5px;letter-spacing:0.3px;font-weight:500;text-transform:uppercase;line-height:16px;max-width:220px;transition:600ms all;background:linear-gradient(-50deg, #a300b0 0, #da0d77) !important;text-decoration:none;}
 header nav ul.nav li a:hover, header nav ul.nav li.open>a:hover, header nav ul.nav li.open>a:focus{background:#fff;color:#d41074;}
 header nav ul.nav li .dropdown-menu::after{content:'';position:absolute;top:-9px;right:40px;width:0px;height:0px;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:9px solid #fff;}
 header nav ul.nav li .dropdown-menu{box-shadow:25px 25px 50px rgba(0, 0, 0, 0.5);transition:all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;width:250px;border:0;border-radius:0;text-align:left;padding:0;transform:translateY(25px);opacity:0;visibility:hidden;display:block;}
 header nav ul.nav li .dropdown-menu li a{position:relative;font-size:13px;color:#2d51d5;text-transform:uppercase;letter-spacing:1px;text-align:left;padding:16px 30px;display:block;width:100%;margin:0;}
 header nav ul.nav li .dropdown-menu li{display:block;width:100%;}
 header nav ul.nav li .dropdown-menu li a:hover{background:#2d51d5;color:#fff !important;transition:color .2s;}
 header nav ul.nav li .dropdown-menu li a::before, header nav ul.nav li .dropdown-menu li a:after{content:none;}
 header nav ul.nav li .dropdown-menu li{border-top:1px solid #e5ecf7;}
 header nav ul.nav li .dropdown-menu li:first-child{border:0;}
 header nav ul.nav li .dropdown-menu li a span i{font-size:17px;font-weight:bolder;}
 header nav ul.nav li .dropdown-menu li a span{float:right;}
 .nav .open>a, .nav .open>a:hover, .nav .open>a:focus{background:transparent;}
 header nav ul.nav li.dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(5px);transition-delay:0s, 0s, 0.3s;}
 .right_navbar ul li a img{display:inline-block;width:20px;margin-left:14px;}
 .logo a img{width:auto;}
 header nav ul.nav.navbar-nav.navbar-right li.donate_btn a::before{content:"";width:20px;height:100%;background:#eb5b12;left:-10px;transform:skew(-14deg, 0deg);position:absolute;}
 header nav ul.nav.navbar-nav.navbar-right li.donate_btn a::after{right:-10px;content:"";width:20px;height:100%;background:#eb5b12;transform:skew(-14deg, 0deg);z-index:3;position:absolute;opacity:1;left:auto;}
 ul.nav.navbar-nav.navbar-right li.donate_btn a{background:#eb5b12;display:inline-block;color:#fff;padding:8px 20px;position:relative;box-shadow:4px 0 17px rgba(0, 0, 0, .22);}
 ul.nav.navbar-nav.navbar-right li.donate_btn a, ul.nav.navbar-nav.navbar-right li.donate_btn a:before, ul.nav.navbar-nav.navbar-right li.donate_btn a:after{transition:leniar 300ms;}
 ul.nav.navbar-nav.navbar-right li.donate_btn a:hover, ul.nav.navbar-nav.navbar-right li.donate_btn a:hover:before, ul.nav.navbar-nav.navbar-right li.donate_btn a:hover:after{background:#11489d;border-color:#11489d;transition:leniar 300ms;color:#fff !important;}
 header .top_row p a:hover{color:#14236e;background:#fff;border-color:#14236e;}
 header .top_row p a{display:inline-block;margin-left:10px;color:#ff3465;letter-spacing:1px;font-weight:600;border:2px solid #ff3465;padding:2px 10px;border-radius:50px;}
 header .top_row p b{color:#000;}
 header .top_row p{margin:0;font-size:13px;letter-spacing:0.5px;color:#3c3f40;}
 .social_icon{text-align:left;margin-top:5px;}
 header .top_row{text-align:center;background:#fff;padding:2px 0;}
 .right_head{margin:22px 0 0 0;font-weight:600;color:#152933;font-size:14px;}
 .right_head a{display:inline-block;padding:10px 5px;color:#152933;font-weight:600;font-size:14px;letter-spacing:0.5px;}
 .right_head a.invite_btn{background:#14236e;color:#fff;text-transform:uppercase;padding:8px 15px;font-size:13px;letter-spacing:1px;border-radius:50px;}
 .social_icon a{width:25px;height:25px;line-height:25px;display:inline-block;background:#ffffff;text-align:center;color:#604dad;font-size:14px;border-radius:50%;margin-right:2px;margin-top:2px;margin-bottom:2px;}

 .r_top-mail{margin:4px 0;text-align:right;margin-top: 12px;}
 .r_top-mail a{color:#191d3f;display:inline-block;font-weight:400;letter-spacing:0.5px;margin-left:5px;}
/*game css*/
body,html,.mobile_screen,.mainwrapper{background:#f1f4f7;/*height:100%;*/}
.mobile_screen {
    max-width: 400px;
    margin: 0 auto;
    background:#004950;
}
.appimg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-width: none;
    display: inline-block;
    object-position: center;
}
.appimg {
    max-height: 300px;
    
    overflow: hidden;
    position: relative;
    /*clip-path: ellipse(100% 100% at 50% 0);*/
}
.appform .input-group span {
    background: #155c00;
    color: #fff;
    border-color: #155c00;
}
.appform .input-group input {
    height: 44px;
    border: 1px solid #155c00;
    box-shadow: none;
    border-left: 0;
}
.appform .submit_btn {
    width: 100%;
    height: 38px;
    background: #034b52;
    border: 0;
    color: #fff;
    border-radius: 5px;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    box-shadow: 0px 3px 10px rgb(0 111 222 / 14%);
    margin-top: 0px;
}
.appform p {
    color: #040408;
    font-size: 15px;
    letter-spacing: 0.5px;
    border-bottom: 1px dashed #c4c3d7;
    padding-bottom: 10px;
    margin-bottom: 15px;
    text-align: center;
}
.appform {
    position: relative;
    width: 90%;
    margin: 0 auto;
    margin-top: 15px;
    background: #fff;
    padding: 15px;
    border-radius: 10px;
    box-shadow: 0 0 21px rgb(104 139 192 / 12%);
    margin-bottom: 15px;
    padding-bottom: 5px;
}
.appform .form-group p.inform_text {
    font-size: 11px;
    letter-spacing: 0;
    margin: 0;
    margin-top: 4px;
}
.bottom_text ul {
    padding: 0;
    margin: 0;
}
.bottom_text ul li::before {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    background: #155c00;
    border-radius: 50px;
    left: 0;
    margin-top: 8px;
}
.bottom_text ul li {
    padding-left: 15px;
    position: relative;
    margin: 4px 0;
    list-style: none;
}
.bottom_text p, .bottom_text ul li {
    font-size: 13px;
    color: #7a8794;
    font-weight: 400;
    letter-spacing: 0.3px;
}
.bottom_text {
    padding: 0 15px;
}

.lan_drop {
    background: #fff;
    width: 100%;
    z-index: 99;
    left: 0;
    margin: 0;
    box-shadow: 0 3px 10px rgb(51 51 51 / 25%);
    text-align: right;
    padding: 8px;
    color: #c5c2d7;
}
.lan_drop a {
    width: 40%;
}
.lan_drop img {
    width: 18px;
    height: 18px;
    margin-right: 8px;
    color: #333;
}
.mobile_screen form {
    /*background: url("https://img.freepik.com/free-vector/gradient-dynamic-blue-lines-background_23-2148995756.jpg?size=626&ext=jpg")no-repeat left;*/
    background: url("../images/gradient-dynamic-blue-lines-background_23-2148995756.jpg?size=626&ext=jpg")no-repeat left;
    padding-top: 10px;padding-bottom: 5px;    background-size: cover;
}

.bottom_text p, .bottom_text ul li{color: #fff;}
.bottom_text ul li::before{background: #fff;}
/**==media start==**/ 
@media screen and (min-width:767px){

}

@media (min-width:991px) and (max-width:1200px){
 	
}
@media (min-width:991px) and (max-width:1200px){header .navbar-collapse.collapse{padding:0;}
 
}
@media (min-width:768px) and (max-width:991px){
   

}
@media (min-width:220px) and (max-width:767px){
.appform{width:90%;padding-bottom:10px;}.appform p,.bottom_text p, .bottom_text ul li{font-size:13px;}
.contact_us{top:auto;bottom:40px;}.appimg{height:230px;}
}
 
}