html {
    overflow-x: hidden;
}

body {
    overflow-x: hidden;
    transition: all .5s;
    background-color: #e7e7e79c;
    font-family: 'Roboto', sans-serif;
}

* { 
    transition: all .3s;
}

input:focus {
    outline: none;  /*border: ;*/
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.container-fluid {
    width: 90%;
}

a:hover,
a {
    font-family: 'Roboto', sans-serif;
    color: inherit;
}

/*---fonts----*/
h1,
h2,
h3,
h4,
h5,
h6 {

    /*font-family: 'Merriweather', serif !important;*/
    font-family: 'Manrope', sans-serif;
}

.ffr {
    font-family: 'Roboto', sans-serif;
}

.ffmr {
    font-family: 'Manrope', sans-serif;
}

/*para*/
.ffmo,
p {
    font-family: 'Montserrat', sans-serif;
}

.hha {
    font-family: 'Manrope', sans-serif;
    color: #E91E63;
    font-weight: 900;
    text-align: center;
    font-size: 40px !important;
    text-transform: uppercase;
}

.footer {
    background-color: #E91E63;
}

i.hr {
    background-color: yellow;
    height: 10px;
    width: 100%;
    content: "";
    display: block;
}

/*header */
.header {
    background-image: url(img/bb.jpg);
    background-repeat: no-repeat;
    background-size: cover;    /*background-color: #aaa;*/
    overflow: hidden;
    padding-top: 50px;        /*height: 100%;*/

    /*background-position-y: -60px;*/
    padding-bottom: 20px;
}

.navbar {
    background-image: linear-gradient(45deg, #ffffff, #dedede);
    background-size: 3px 3px;
}

.navbar a {
    color: #f20000 !important;
    text-shadow: 1px 1px 2px #808080c4;
    font-size: 21px;
    font-weight: 700;
}

.header h2 {
    color: #131313;
    text-transform: uppercase;
    font-weight: 600;
    box-shadow: 0 0 10px #000;
    background-color: #ffffffba;
    padding: 4px 20px;
    width: fit-content;
    background-image: linear-gradient(45deg, #E91E63, transparent);
    border-radius: 10px;
}

.myform {
    border-radius: 10px;
    background-color: #1e181499;
    padding: 20px;
    width: 51%;    /* margin: 44px auto; */
    margin-top: 30px;
    margin-left: 0;
    border: 5px inset #E91E63;
    box-shadow: 0 0 11px 3px #000;
}

.navbar-brand {
    padding-top: 0;
    padding-bottom: 0;
}

.navbar-brand img {
    width: 70px;
}

.donk {
    margin-top: 10px;
    padding: 10px 0;
    font-weight: 700;
    letter-spacing: 1px;
    text-shadow: 1px 1px 4px #162782;
    background-image: linear-gradient(45deg, #F44336, #E91E63);
    border: 2px solid #ff00fa;
    box-shadow: 0 0 11px -3px #000 !important;
    transform: scale(1);
    transition: all .3s;
}

.donk:focus,
.donk:hover {
    transform: scale(1.02);
    box-shadow: 0 0 11px 3px #000 !important;
}

.donk.bca {
    background-image: linear-gradient(45deg, #4CAF50, #8BC34A);
}

.donk.bca svg {
    transform: rotate(180deg);
    font-size: 22px;
    margin-bottom: -5px;
}

.donk .fa-download {
    font-size: 22px;
    margin-bottom: -2px;
}

.sdf {
    animation-name: example;
    animation-duration: 0.5s;/*animation-direction: alternate-reverse;*/
    animation-iteration-count: infinite;
    position: relative;
    animation-timing-function: ease;
}

@keyframes example {
    0% {
        top: 0px;
    }

    25% {
        top: -3px;
    }

    50% {
        top: 0px;
    }

    75% {
        top: 3px;
    }

    100% {
        top: 0px;
    }

}

.header .btn-success {
    color: #fff;
    background-color: #3cc600;
    border-color: #3cc600;
}

.header .btn-success:hover {
    color: #fff;
    background-color: #32a400;
    border-color: #32a400;
}

.header marquee {
    background-color: #ffffffb8;
    padding: 4px 10px;
    font-size: 14px;
    border-radius: 7px;
    margin-top: 150px;
    box-shadow: 0 0 11px -2px #000;
}

.dhsj {
    border-radius: 10px;    /*border: 1px solid #666;*/
    box-shadow: 0 0 5px -2px #000;
    overflow: hidden;
}

.dhsj:hover {
    box-shadow: 0 0 11px -2px #000;
}

.cjka h2 {
    margin-bottom: 30px;
}

.dhsj h4 {
    margin-top: 10px;
    height: 46px;
    margin-bottom: 20px;
}

.dhsj img {
    width: 100%;
    max-width: 100%;
}

/*install*/
.angrytext {
    -webkit-animation: flodd 1.1s ease 0s infinite normal;
    animation: flodd 1.1s ease 0s infinite normal;
    animation-direction: reverse;
}

@-webkit-keyframes flodd {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    20% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    40% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }

    50% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }

    80% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

}

@keyframes flodd {
    0% {
        transform: rotate(0deg);
    }

    20% {
        transform: rotate(0deg);
    }

    40% {
        transform: rotate(-5deg);
    }

    50% {
        transform: rotate(0deg);
    }

    60% {
        transform: rotate(5deg);
    }

    80% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(0deg);
    }

}

.howplay b {
    color: #ed143d;
    font-size: 20px;
    font-weight: 800;
}

.howplay .d-flex {
    justify-content: space-between;
}

.howplay p {
    font-size: 12px;
    color: #666;
}

.howplay svg {
    font-size: 45px;
    color: #454545;
}

.hhaa {
    font-size: 28px;
    font-weight: 700;
    color: #ed143d;
}

.howplay .aa,
.howplay .cc {
    margin-top: auto;
    margin-bottom: auto;
}

.howplay .ff,
.howplay .gg {
    margin-bottom: 40px;
}

.howplay {
    padding-bottom: 30px;
}

.apview {
    background-color: #ebebeb;
    padding: 30px 0;
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    background-color: #444;
    padding: 20px;
    background-size: 50%;
    border-radius: 50%;
}

.carousel-control-prev {
    margin-left: -11%;
}

.carousel-control-next {
    margin-right: -11%;
}

.fdkjs a {
    font-size: 12px;
}

.wahnow {
    position: fixed;
    top: auto;
    right: 20px;
    bottom: 20px;
}

.wahnow svg {
    background-color: green;
    font-size: 32px;
    border-radius: 100px;
    width: 50px !important;
    height: 50px;
    padding: 10px;
}

.wahnow svg:hover {
    background-color: #00ba00;
    width: 53px !important;
    height: 53px;
    box-shadow: 0 0 10px 0px #000;
}

/*fixes*/
.numbollp {
    padding: 20px 0 20px 18px;
}

.vid-disaa {
    position: relative;
    width: 70%;
    max-width: 70%;
    margin: auto;
}

.vid-mydiv {
    width: 100%;
    height: auto;
}

.vid-disaa video {
    width: 80%;
    margin: auto;
    display: flex;
    justify-content: center;
    position: absolute;
    top: 3%;
    left: 10%;
    border: 5px solid #3f3f3f;
}

/*media query*/
@media only screen and 
(max-width:1100px) and
(min-width:1025px) {
    .vid-disaa video {
        width: 78%;
        left: 13%;
        top: 4%;
    }

}

@media only screen and 
(max-width:1025px) {
    .myform {
        width: 61%;
    }

    .vid-disaa video {
        width: 77%;
        left: 13%;
        top: 4%;
    }

}

/*media qweuy end*/
@media only screen and 
(max-width:1000px) and
(min-width:950px) {
    .vid-disaa video {
        width: 76%;
        left: 13%;
        top: 4%;
    }

}

@media only screen and 
(max-width:950px) and
(min-width:890px) {
    .vid-disaa video {
        width: 77%;
        left: 12%;
        top: 4%;
    }

}

@media only screen and 
(max-width:890px) and
(min-width:800px) {
    .vid-disaa video {
        width: 77%;
        left: 12%;
    }

}

@media only screen and 
(max-width:800px) and
(min-width:768px) {
    .vid-disaa video {
        width: 77%;
        left: 12%;
    }

}

@media only screen and (max-width:768px) {
    .myform {
        width: 82%;
    }

    .vid-disaa {
        max-width: 85%;
    }

    .vid-disaa video {
        width: 77%;
        left: 12%;
    }

}

/*media qweuy end*/
@media only screen and 
(max-width:690px) and
(min-width:600px) {
    .vid-disaa video {
        width: 77%;
        left: 12%;
    }

}

@media only screen and 
(max-width:600px) and
(min-width:570px) {
    .vid-disaa video {
        width: 77%;
        left: 12%;
    }

}

@media only screen and 
(max-width:570px) and
(min-width:530px) {
    .vid-disaa video {
        width: 76%;
        left: 12%;
    }

}

@media only screen and 
(max-width:570px) and
(min-width:530px) {
    .vid-disaa video {
        width: 76%;
        left: 12%;
    }

}

@media only screen and 
(max-width:530px) and
(min-width:500px) {
    .vid-disaa video {
    width: 74%;
    left: 13%;
    }

}

@media only screen and (max-width:500px) {
    .howplay img {
    }

    .howplay b {
        color: #ed143d;
        font-size: 18px;
        font-weight: 800;
    }

    .howplay svg {
        font-size: 25px;
    }

    .howplay .aa,
    .howplay .cc {
        margin-top: 0;
        margin-bottom: 0;
    }

    .howplay p {
        font-size: 10px;
    }

    .dhsj h4 {
        height: auto;
    }

    .dhsj {
        margin-bottom: 20px;
    }

    .ff+div {
        margin-bottom: 20px;
    }

    .gg {
        margin-top: 0px;
    }

    .howplay .ff,
    .howplay .gg {
        margin-bottom: 0;
    }

    .header h2 {
        font-size: 17px;
    }

    .myform {
        width: 100%;
    }

    .header marquee {
        margin-top: 23px;
    }

    .header {
        padding-top: 28px;
    }

    .vid-disaa {
        max-width: 100%;
    }

    .vid-disaa video {
width: 73%;
    left: 14%;
    top: 4%;
        border-width: 3px;
    }

}

/*media qweuy end*/
@media only screen and (max-width:320px) {
    .vid-disaa video {
        width: 73%;
        left: 14%;
    }

}

/*emd -------------*/