body {

    margin: 0;

    padding: 0;

    font-family: 'Montserrat', sans-serif;

    font-family: 'Open Sans', sans-serif;

    font-family: 'Poppins', sans-serif;

    background-color: #000000;

    position: absolute;

    top: 0px;

    left: 0px;

    bottom: 0;

    right: 0;

    padding: 30px;

    overflow-y: scroll;

    overflow-x: hidden;

}


header {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    background-color: #000000;

    padding: 10px 0;

    z-index: 999;

    /*box-shadow: 0px 1px 5px #fff;*/

}



header p {

    color: #ffffff;

    font-size: 24px;

    opacity: 0.7;

}



header .icons {

    color: #ffffff;

    margin: 0 10px;

}



.menu {

    text-align: right;

    width: 100%;

    z-index: 200;

}



/*#check {*/

/*    display: none;*/

/*}*/
/*.button:hover {*/

/*    background: #ffffff00;*/

/*    color: #fff;*/

/*}*/



/*.button span {*/

/*    height: 3px;*/

/*    width: 100%;*/

/*    background: white;*/

/*    display: inline-block;*/

/*    transition: all 0.5s cubic-bezier(.62, .43, .35, 1.47);*/

/*}*/




#check:checked~nav a {

    padding: 3px;

    opacity: 1;

    transform: scale(1);

    width: 150px;

}






#check:checked~nav a {

    padding: 10px;

    opacity: 1;

    transform: scale(1);

    width: 118px;

}



#check:checked~.button span:nth-child(1) {

    width: 100%;

    transform: rotate(45deg) translateY(6px) translateX(6px);

}



#check:checked~.button span:nth-child(2) {

    width: 0;

}



#check:checked~.button span:nth-child(3) {

    width: 100%;

    transform: rotate(-45deg) translateY(-7px) translateX(7px);

}



nav {

    text-align: center;

    overflow: hidden;

    transition: all 0.4s ease;

    position: absolute;

    top: 32px;

    left: 0;

    width: 118px;

    background: transparent;

    height: 0;

    z-index: 999;

}



nav a {

    text-decoration: none;

    color: #000000;

    display: block;

    font-size: 17px;

    transition: all 0.4s cubic-bezier(.22, .43, .35, 1.5);

    opacity: 0;

    transform: scale(0);

    transform-origin: top;

    text-align: center;

    background-color: #ffffff;

    padding: -2px 5px;

    border-radius: 50px;

    margin: 2px 0;

    display: inline-block;

    padding: 0;

}



nav a:hover {

    color: #ffffff;

    background-color: #f8c900;

}



#check:checked~nav {

    height: 500px;

}



#check:checked~nav a {

    padding: 10px;

    opacity: 1;

    transform: scale(1);

}

.col-sm-2.mt-3.flage {

    margin-top: 9px;

}



p {

    color: white;

}



.nav .open>a,

.nav .open>a:focus,

.nav .open>a:hover {

    background-color: #000;

    border-color: #ffffff;

    color: #fff;

}



.input-group .form-control,

.input-group-addon,

.input-group-btn {

    color: #fff;

    background-color: #000;

    display: table-cell;

}



.h2,

h2 {

    font-size: 30px;

    color: #fff;

}



.breadcrumb {

    padding: 8px 15px;

    margin-bottom: -15px;

    list-style: none;

    background-color: #000000;

    border-radius: 4px;

    color: #fff;

}



.btn-block {

    display: block;

    width: 100%;

    background-color: #000;

    color: #fff;

}



.btn-block:hover {

    background-color: #FFBF00;

    color: #fff;

}



.card-header {

    color: #fff;



}





.list-group-item:first-child {

    border-top-left-radius: 4px;

    border-top-right-radius: 4px;

    background-color: #000;

    color: #fff;

}



.list-group-item.active,

.list-group-item.active:focus,

.list-group-item.active:hover {

    z-index: 2;

    color: #fff;

    background-color: #000000;

    border-color: #ffffff;

}



.list-group-item {

    position: relative;

    display: block;

    padding: 10px 15px;

    margin-bottom: -1px;

    background-color: #000;

    border: 1px solid #ddd;

    color: #fff !important;

}



label {

    display: inline-block;

    max-width: 100%;

    margin-bottom: 5px;

    font-weight: 700;

    color: #fff;

}



.form-control {

    display: block;

    width: 100%;

    height: 34px;

    padding: 6px 12px;

    font-size: 14px;

    line-height: 1.42857143;

    color: #555;

    background-color: #000;

    background-image: none;

    border: 1px solid #ccc;

    border-radius: 4px;

    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);

    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);

    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;

    transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;

    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;

}

.btn-group>.btn:last-child:not(:first-child), .btn-group>.dropdown-toggle:not(:first-child) {

    color: #ffffff;

    background-color: #f8c900;

    margin-top: 18px;

    bor

}

.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {

    border-top-right-radius: 0;

    border: none;

    background-color: #0000;

    border-radius: 50px;

}

.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle):hover{

    color: #ffffff;

    background-color: #f8c900;

}

.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {

    border-radius: 0;

    background-color: #000;

}



.btn-group>.btn:last-child:not(:first-child),

.btn-group>.dropdown-toggle:not(:first-child) {

    border-top-left-radius: 0;

    border-bottom-left-radius: 0;

    background-color: #000;

}

.btn-group>.btn:last-child:not(:first-child),

.btn-group>.dropdown-toggle:not(:first-child):hover{

    color: #ffffff;

    background-color: #f8c900;

}

.pagination>li:first-child>a,

.pagination>li:first-child>span {

    margin-left: 0;

    border-top-left-radius: 4px;

    border-bottom-left-radius: 4px;

    background-color: #0000;

}



.pagination>li>a,

.pagination>li>span {

    position: relative;

    float: left;

    padding: 6px 12px;

    margin-left: -1px;

    line-height: 1.42857143;

    color: #fff;

    text-decoration: none;

    background-color: #000;

    border: 1px solid #ddd;

}



.card-body {

    color: #fff;

}



.btn-block {

    display: block;

    width: 100%;

    background-color: #000;

    color: #fff;

    border: 1px solid;

}





/*.menu {*/

/*    text-align: right;*/

/*    position: fixed;*/

/*    width: 100%;*/

/*    z-index: 200;*/

/*}*/



/*#check {*/

/*    display: none;*/

/*}*/



.button {

    width: 48px;

    height: 48px;

    background: rgb(0 0 0);

    padding: 12px;

    display: inline-block;

    cursor: pointer;

    transition: all 0.2s ease-in;

    padding-top: 8px;

    line-height: 8px;

    position: absolute;

    left: 0px;
    
    z-index: 201;

    text-align: center;

    margin: 23px;

}



.button span {

    height: 3px;

    width: 100%;

    background: white;

    display: inline-block;

    transition: all 0.5s cubic-bezier(.62, .43, .35, 1.47);

}



img.card-img-top {

    width: 100%;

}

.list-group.list-group-flush a:hover{

    color: #ffffff;

    background-color: #f8c900;



}

.breadcrumb li{

    color: #fff !important;

    font-size: 20px;

    font-weight: 500;

}

span.input-group-text {

    font-size: 13px;

}

small.text-muted {

    font-size: 20px;

    color: #f8c900;

    margin: 13px 0;

    display: inherit;

}

p.h6 {

    font-size: 19px;

    padding: 0;

}

p.h5.m-0 {

    font-size: 12px;

    color: #f8c900;

}

.btn-group>.btn:first-child {

    margin-left: 0;

    border-radius: 50px;

    color: #fff;

    background-color: #f8c900;

}

.card {

    margin: 20px 0;

    background-color:#000;

}

.card-header {

    color: #fff;

    font-size: 24px;

}

.btn-group>.btn:last-child:not(:first-child), .btn-group>.dropdown-toggle:not(:first-child){

    color: #ffffff;

    background-color: #f8c900;

    margin-top: 34px;

    border-radius: 5px;

}

.text-center {

    text-align: left;

    padding: 67px;

}

.text-center a {

    color: #ffffff;

    text-decoration: none;

}

h2 {

    color: #fff;

    font-size: 26px;

    font-weight: 300;

    text-transform: uppercase;

    position: relative;

    margin: 0px 0 0px;

}

.links{

    margin-top: 68px;

}

/* media start here*/

header {

    text-align: center;

}

@media only screen and (max-width:1199px) {

    header p {

        color: #ffffff;

        font-size: 18px;

        text-align: center;

        opacity: 0.7;

    }



    header {

        text-align: center;

    }



    header .icons {

        color: #ffffff;

        margin: 0 14px;

    }

}



@media only screen and (max-width:991px) {

    header {

        text-align: center;

    }



    .col-sm-2.mt-3.flage {

        margin-top: 9px;

        padding: 0;

    }

    .text-center {

        text-align: left;

        padding: 24px;

    }

    .links {

        margin-top: 5px;

    }

}

.movie select {

    border: 2px solid #000;

    background-color: #000000;

    color: #ffffff;

}



.form select {

    margin: 20px 12px;

    color: #fff;

    background-color: transparent;

    padding: -2px;

    border: none;

}



.form select option {

    display: inline;

}



.return {

    justify-content: space-between;

}
.form select {
    margin: 20px 12px;
    color: #fff;
    background-color: transparent;
    padding: -2px;
    border: none;
    width: 129px;
}
.form {
    margin-top: 16px;
    text-align: center;
}
.form option {
    background-color: #ffffff;
    color: #000000;
}

@media only screen and (max-width:767px) {

    .text-center {

        text-align: center;

       

    }

    footer#foot {

        text-align: center;

    }

}




.pagination nav {

    width: 100%;
    height: auto !important;

}



.pagination nav a{
        transform: inherit !important; 
        opacity: 1;
}
.pagination{
      float: right;
}