* {

    margin: 0px 0;

    padding: 0px;

}



body {

    width: 100%;

    height: auto;

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

    transition: all 300ms ease-in;

}



h1,

h2,

h3 {

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

}



:focus {

    outline: none;

}



.btn:focus,

.btn.focus {

    outline: 0;

    box-shadow: none;

    text-decoration: none;

}

a:hover{

    text-decoration: none;

}

button:focus {

    outline: none;

}



header {

    padding: 10px 0;

    position: relative;

    background: #09006c;

    transition: transform .7s ease-in-out;

}



ul,li{

    list-style-type: none;

    margin: 0;

    padding: 0;

}

.logo {

    width: 100%;

}



.logo img {

    max-height: 80px;

}



.mn {

    background-size: 100% 200%;

    background-image: linear-gradient(to bottom, transparent 50%, #fff 50%);

    -webkit-transition: background-position 1s;

    -moz-transition: background-position 1s;

    transition: background-position 1s;



}



.mn ul {

    padding: 0px;

    margin: 0px;

}



.mn ul li {

    width: auto;

    float: left;

    list-style: none;

    margin: 0 7px 0 0;

    color: #fff;

}

.sticky .mn ul li {

    color: #000;

}

.mn ul li:last-child {

    margin: 0 0px 0 0;

}



.mn ul li a {

    color: #fff;

    font-size: 12px;

    text-decoration: none;

    padding: 8px 12px;

    border: 1px solid #fff;

    text-transform: uppercase;

    letter-spacing: 2px;

    display: inline-block;

    font-weight: 500;

    transition: transform .5s ease-in-out;

}



.mn ul li a:hover {

    color: #fff;

    background: #000;

    border: 1px solid #000;

}



.menu_wrap {

    width: auto;

    float: right;

}



.mp {

    background: #000;

    border-radius: 0px;

}



.mp img {

    -webkit-transition: -webkit-transform .5s ease-in-out;

    transition: transform .5s ease-in-out;

}



.mp img:hover {

    -webkit-transform: rotate(20deg);

    transform: rotate(20deg);

}



.sticky {

    -webkit-transition: -webkit-transform .7s ease-in-out;

    transition: transform .7s ease-in-out;

}











/**************Menu*************/



.flc {

    width: 100%;

    height: auto;

    text-align: left;

    font-size: 18px;

    font-weight: 500;

    margin: 0 0 10px 0;

    float: left;

}



body.offcanvas-active {

    overflow: hidden;

}



.offcanvas-header {

    display: none;

}



.screen-overlay {

    width: 0%;

    height: 100%;

    z-index: 30;

    position: fixed;

    top: 0;

    left: 0;

    opacity: 0;

    visibility: hidden;

    background-color: rgba(34, 34, 34, 0.6);

    transition: opacity .2s linear, visibility .1s, width 1s ease-in;

}



.screen-overlay.show {

    transition: opacity .5s ease, width 0s;

    opacity: 1;

    width: 100%;

    visibility: visible;

}



@media all and (max-width:5000px) {

    .offcanvas-header {

        display: block;

        margin: 0 0 30px 0;

        width: 100%;

    }

    .offcanvas-header .btn-close{

        position: absolute;

        right: 0;

        top: 0;

    }

    .mobile-offcanvas {

        visibility: hidden;

        position: fixed;

        left: 0;

        top: 0;

        height: 100%;

        width: 100%;

        background: rgba(0,0,0,0.98);

        z-index: 9999;

        text-align: center;

        padding: 50px 0;

        -webkit-backface-visibility: hidden;

        backface-visibility: hidden;

        overflow: auto;

        -webkit-overflow-scrolling: touch;

        -webkit-transform: translateY(-100%);

        -moz-transform: translateY(-100%);

        -ms-transform: translateY(-100%);

        -o-transform: translateY(-100%);

        transform: translateY(-100%);

        transition: visibility .8s ease-in-out, transform .8s ease-in-out;

    }



    .mobile-offcanvas.show {

        visibility: visible;

        -webkit-transform: translateY(0);

        -moz-transform: translateY(0);

        -ms-transform: translateY(0);

        -o-transform: translateY(0);

        transform: translateY(0);

    }

    .mobile-offcanvas.close {

        -webkit-transform: translateY(100%);

        -moz-transform: translateY(100%);

        -ms-transform: translateY(100%);

        -o-transform: translateY(100%);

        transform: translateY(100%);

    }



    .nav_img{

        top: 0;

        left: 0;

        width: 100%;

        height: 100%;

        opacity: .06;

        position: absolute;

        filter: grayscale(100%);

        will-change: transform;

        z-index: 1;

        overflow: hidden;

    }





    .mobile-offcanvas .nav_img img{

        top: 0;

        left: 0;

        width: 100%;

        height: 100%;

        object-fit: cover;

        position: absolute;

        object-position: top center;

        transition: transform 4s ease-in-out;

        transform: scale(1.70);



    }

    .mobile-offcanvas.show .nav_img img {

       transform: scale(1.0);

    }



    .nav_inner{

        position: relative;

        width: 70%;

        margin:0 auto;

        z-index: 3;

        height: 100%;

        display: flex;

        align-items: center;

        flex-wrap: wrap;

        justify-content: center;

    }



}



@-webkit-keyframes fade-nav {

    0% {

        opacity: 0;

    }



    100% {

        opacity: 1;

    }

}



@-moz-keyframes fade-nav {

    0% {

        opacity: 0;

    }



    100% {

        opacity: 1;

    }

}



@-o-keyframes fade-nav {

    0% {

        opacity: 0;

    }



    100% {

        opacity: 1;

    }

}



@keyframes fade-nav {

    0% {

        opacity: 0;

    }



    100% {

        opacity: 1;

    }

}



.pro {

    width: auto;

    position: fixed;

    right: 0;

    top: 250px;

    z-index: 99;

}



.sticky {

    position: fixed;

    top: 0;

    width: 100%;

    z-index: 99;

    background: rgba(9, 0, 108, 0.72);

    transition: transform .7s ease-in-out;

}





.sticky .logo-1 img {

    max-height: 80px;

    margin: 0 0 0 0;

}





.sticky .mn {

    background-position: 0 100%;

    box-shadow: rgba(0, 0, 0, 0.75) 0px 0px 35px -25px;

}



.sticky .mn ul li a {

    color: #000;

    border-color: #000;

}



.sticky .mn ul li a:hover {

    background: #000;

    color: #fff;

}



.sticky .mp {

    margin-right: 0px;

}



.mnp {

    padding: 50px 30px;

}



.mnp ul {

    display: block;

}



.mnp li {

    display: inline-block;

    text-align: left;

    padding: 7px 35px;

    /*border-bottom: 1px solid #e1e1e1;*/

    height: 58px;

    line-height: 41px;

    transition: .6s ease;

}



/*.mnp li:last-child {

    border-bottom: 0px solid #e1e1e1;

}

*/

.mnp li a {

    color: #fff;

    text-transform: uppercase;

    text-decoration: none;

    font-size: 20px;

    font-weight: 500;

    transition: .6s ease;

}

    .mnp li .nav-link{

        position: relative;

        padding:0;

    }

    .mnp li .nav-link::before {

        left: 0;

        bottom: -1px;

        content: "";

        width: 100%;

        height: 1px;

        background: #ff4338;

        position: absolute;

        transform: scaleX(0);

        transform-origin: right;

        backface-visibility: hidden;

        transition: transform .4s ease-out;

    }

     .mnp li:hover .nav-link::before {

        transform: scaleX(1);

        transform-origin: left;

    }

.mn-none a{

    text-decoration: none;

    padding: 8px 12px;

    border: 1px solid #fff;

    text-transform: uppercase;

    letter-spacing: 1px;

    font-size: 12px;

}



.side-1 {

    position: fixed;

    width: 200px;

    padding: 20px;

    background: rgba(99, 24, 205, 0.8);

    left: 0;

    border-radius: 0 0 70px 0;

    top: 140px;

    z-index: 99;

    text-align: left;

}



.side-1 h4 {

    color: #fff;

    font-size: 17px;

}



.side-1 p {

    color: #fff;

    font-size: 11px;

    margin: 0px;

}



#a2 {

    display: none;

}



/***************************/



.banner {

    width: 100%;

    height: auto;

    position: relative;

    overflow: hidden;

}



.banner-pic {

    width: 100%;

    height: auto;

    position: relative;

    overflow: hidden;

}



.banner-pic img {

    width: 100%;

    transition: transform 5s ease-in-out;

    transform: scale(1.70);

}



.banner-top {

    width: 100%;

    position: absolute;

    top: 50%;

    left: 0;

    right: 0;

    transform: translateY(-50%);

    margin: 0px auto;

    text-align: center;

    z-index: 2;

}



.bt-inner {

    width: 100%;

    min-width: 400px;

}



.bt-inner h1 {

    color: #fff;

    font-size: 70px;

    margin: 0px 0 9px 0;

    text-transform: uppercase;

    font-weight: 700;

}



.bt-inner p {

    color: #fff;

    font-size: 16px;

    line-height: 24px;

}



.bt-inner h5 {

    color: #fff;

    font-size: 18px;

    text-transform: uppercase;

    letter-spacing: 3px;

}



.exp {

    width: 100%;

    text-align: center;

}



.exp a {

    background: #000;

    padding: 8px 20px;

    color: #fff;

    font-size: 12px;

    text-decoration: none;

}



.exp a:hover {

    background: #fff;

    color: #000;

}



.flex-active-slide .banner-pic img {

    transform: scale(1.0);

}

































.no-bord {

    border-right: 0px;

}







/******************************/





.pert_1 {

    width: 100%;

    height: auto;

    padding: 90px 0;

    position: relative;

    background: #eeeeee;

}



.p-1-heading h5 {

    color: #7f7f7f;

    font-size: 12px;

    text-transform: uppercase;

    letter-spacing: 3px;

    font-weight: 500;

}



.p-1-heading h2 {

    color: #363636;

    font-size: 50px;

    font-weight: 600;

    margin: 0 0 30px 0;

}



.p-1-heading p {

    color: #5e5e5e;

    font-size: 16px;

    font-weight: 400;

    max-width: 869px;

    margin: 0px auto;

    line-height: 28px;

}

.p-1-heading.white h2{

    color: #fff;

    margin-bottom: 10px;

}

.p-1-heading.white a{

    color: #fceb20;

    font-size: 40px;

}

.pert_2 {

    width: 100%;

    height: auto;

    padding: 0px 0 120px;

    position: relative;

    background: #eeeeee;

}



.p2-pic {

    width: 100%;

    height: 100%;

}

.p2-pic .slider-carousel-2,.p2-pic .slider-carousel-2 .owl-stage-outer,

.p2-pic .slider-carousel-2 .owl-stage,.p2-pic .slider-carousel-2 .owl-item,

.p2-pic .slider-carousel-2 .item,.p2-pic .slider-carousel-2 img {

    height: 100%;

}

.p2-pic img {

    max-width: 100%;

}



.no-left-pad {

    padding-left: 0px;

}



.no-right-pad {

    padding-right: 0px;

}



.p2-dec {

    max-width: 100%;

    float: left;

    padding: 0px 0 0 0;

}



.p2-dec h3 {

    color: #fff;

    font-size: 105px;

    font-weight: 500;

    margin: 0 0 15px 0;

}



.p2-dec p {

    color: #5e5e5e;

    font-size: 16px;

    font-weight: 400;

    line-height: 26px;

    max-width: 525px;

    text-align: justify;

}



.pert_3 {

    width: 100%;

    height: auto;

    padding: 0px 0 120px;

    position: relative;

    background: #eeeeee;

}



.pert_3 .p2-dec {

    float: right;

}



.pert_3 .p2-dec p {

    float: right;

}



.pert_4 {

    width: 100%;

    height: auto;

    display: flex;

    overflow: hidden;

    position: relative;

}



.pert_4 .p-4 {

    width: calc(100% / 3);

    padding: 0px !important;

    position: relative;

    overflow: hidden;

}



.p-4-pic {

    width: 100%;

    height: auto;

    position: relative;

    transition: transform .8s;

}

.p-4-pic:after{

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    background:rgba(0,0,0,0.31);

    z-index: 0;

}

.p-4-pic img {

    width: 100%;

}



.pert_4 .p-4:hover .p-4-pic {

    transform: scale(1.2);

}



.p-4-1 img:hover {

    animation: shake 0.5s;

    animation-iteration-count: infinite;

}



@keyframes shake {

    0% {

        transform: translate(1px, 1px) rotate(0deg);

    }



    10% {

        transform: translate(-1px, -2px) rotate(-1deg);

    }



    20% {

        transform: translate(-3px, 0px) rotate(1deg);

    }



    30% {

        transform: translate(3px, 2px) rotate(0deg);

    }



    40% {

        transform: translate(1px, -1px) rotate(1deg);

    }



    50% {

        transform: translate(-1px, 2px) rotate(-1deg);

    }



    60% {

        transform: translate(-3px, 1px) rotate(0deg);

    }



    70% {

        transform: translate(3px, 1px) rotate(-1deg);

    }



    80% {

        transform: translate(-1px, -1px) rotate(1deg);

    }



    90% {

        transform: translate(1px, 2px) rotate(0deg);

    }



    100% {

        transform: translate(1px, -2px) rotate(-1deg);

    }

}



.button__r {

    line-height: 52px;

    color: #363636;

    display: block;

    cursor: pointer;

    position: relative;

    padding-left: 70px;

    font-weight: 500;

   font-size: 14px;

    letter-spacing: .208vw;

    text-transform: uppercase;

}



.button__r::before {

    border: 1px solid #363636;

}



.button__r svg {

    top: .95vw;

    left: -.95vw;

    width: 2.153vw;

    fill: #363636;

    z-index: 1;

    position: absolute;

    transition: all .25s ease-out;

}



.button__r::after,

.button__r::before,

.button__r span {

    display: block;

    will-change: transform;

    transition: transform .25s ease-out;

}



.button__r::after {

    background: #ff4338;

    transform: scale(.01) rotate(45deg);

}



.button__r::after,

.button__r::before {

    left: 0;

    top: .27vw;

    width: 45px;

    height: 45px;

    content: "";

    position: absolute;

    transform: rotate(45deg);

}



.button__r::after,

.button__r::before,

.button__r span {

    display: block;

    will-change: transform;

    transition: transform .25s ease-out;

}



.s__rooms .categories__category .button__r {

    display: block;

    margin: 2.8vw 0 0;

}



.button__r:hover::after,

.button__r:hover::before {

    transform: rotate(-45deg) scale(1.2);

}



.button__r:hover svg {

    fill: #fff;

    transform: translateX(.9vw);

}



.button__r svg {

    top: 23px;

    left: -20px;

    width: 40px;

    fill: #363636;

    z-index: 1;

    position: absolute;

    transition: all .25s ease-out;

}



.button__r::after {

    background: #363636;

    transform: scale(.01) rotate(45deg);

}



.button__r:hover {

    color: #000;

    text-decoration: none;

}



.p-4-dec {

    width: 81%;

    height: auto;

    position: absolute;

    top: 50%;

    text-align: center;

    left: 0;

    right: 0;

    margin: 0px auto;

    transform: translateY(-50%);

}



.p-4-1-dec {

    margin: 30px 0 0 0;

    color: #fff;

}



.p-4-1-dec h4 {

    font-weight: 500;

    font-size: 24px;

    text-transform: uppercase;

    margin: 0 0 20px 0;

}



.p-4-1-dec p {

    font-size: 16px;

    font-weight: 400;

}



.pert_5 {

    width: 100%;

    height: auto;

    padding: 110px 0 50px;

    position: relative;

    background: #eeeeee;

}



.dec {

    width: 400px;

    background: #fff;

    padding: 50px 50px 40px 50px;

    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);

    margin: 40px 0 0 -50px;

    position: relative;

    z-index: 5;

}



.dec:before {

    content: url('../img/buid-clip.png');

    position: absolute;

    right: 20px;

    top: 21px;

}



.dec h4 {

    font-size: 30px;

    font-weight: 600;

    color: #363636;

    margin: 0 0 3px 0;

}



.dec h5 {

    font-size: 18px;

    color: #828282;

    margin: 0 0 15px 0;

    font-weight: 500;

}



.dec p {

    font-weight: 400;

    font-size: 15px;

    color: #828282;

}



.pert_3 .dec {

    margin: 40px -50px 0 0;

    float: right;

    right: 0;

    z-index: 5;

}



.view-all {

    width: 100%;

    height: auto;

    text-align: center;

    margin: 50px 0 0 0;

}



.view-all a {

    border: 1px solid #363636;

    padding: 8px 40px;

    color: #363636;

    font-size: 15px;

    text-decoration: none;

    font-weight: 500;

}



.view-all a:hover {

    background: #363636;

    color: #fff;

}



.pert_7 {

    width: 100%;

    height: auto;

    background: #eeeeee;

    padding: 10px 0 20px;

}



.pert_7 .item {

    padding-bottom: 100px;

}



.p7 {

    position: relative;

    transition: transform .7s;

}



.p7-pic {

    width: 100%;

    height: auto;

    position: relative;

}



.p7-pic img {

    width: 100%;

    height: auto;

}



.p7-dec {

    width: 100%;

    height: auto;

    position: absolute;

    bottom: 0;

    background: url(../img/shd.png) no-repeat;

    background-size: cover;

    padding: 30px 40px 40px;

}



.p7-dec h4 {

    color: #fff;

    font-size: 27px;

    font-weight: 500;

}



.p7-dec p {

    color: #fff;

    font-size: 12px;

}







.pert_7 .owl-next span {

    display: none;

}



.pert_7 .owl-prev span {

    display: none;

}



.pert_7 .center p {

    display: block;

}







footer {

    background: url("../img/footer-bg.jpg") no-repeat;

    background-size: 105% 110%;

    width: 100%;

    height: auto;

    padding: 45px 0 30px;

}



footer p {

    line-height: 20px;

    font-size: 12px;

    color: #fff;

}



footer ul {

    padding: 0px;

    margin: 0px;

}



footer ul li {

    list-style: none;

    margin: 0 0 5px 0;

    overflow: hidden;

    font-size: 12px;

    color: #fff;

}



footer ul li a {

    color: #fff;

    text-decoration: none;

}



footer p a {

    color: #fff;

    text-decoration: none;

}



footer p a:hover {

    color: rgba(255, 255, 255, 0.3);

    text-decoration: none;

}



footer ul li a:hover {

    color: rgba(255, 255, 255, 0.3);

    text-decoration: none;

}



.adres {

    margin: 0 0 0 -30px;

}



.co-1 {

    width: 30px;

    float: left;

}



.co-2 {

    width: 80%;

    float: left;

}



.ft-1-inner {

    width: 100%;

    padding: 0px 47px 0 46px;

}



.ft-logo {

    width: 100%;

    height: auto;

    text-align: center;

    margin: 0 0 10px 0;

}



footer h4 {

    color: rgba(255, 255, 255, 0.3);

    font-size: 25px;

    margin: 30px 0 15px 0;

    font-weight: 700;

}



.brc {

    border-top: 1px solid #515252;

    text-align: center;

    margin-top: 30px;

}



.brc-1 {

    border-top: 1px solid #515252;

    margin-top: 40px;

    padding-top: 40px;

}



.ft-last-1 {

    line-height: 20px;

    font-size: 12px;

    color: #fff;

    width: 100%;

    margin: 20px 0 7px 0;

}



.ft-last-2 a {

    color: #fff;

    text-decoration: none;

    margin: 0 5px;

}



.ft-last-2 a:hover {

    color: #ccc;

    text-decoration: none;

}



.ft-top-1 {

    text-align: center;

}



.ab {

    padding: 10px 55px;

    color: #fff;

    font-size: 15px;

    text-decoration: none;

    border: 1px solid #fff;

    margin: 0 10px;

}



.ab:hover {

    color: rgba(255, 255, 255, 0.3);

    border: 1px solid rgba(255, 255, 255, 0.3);

    text-decoration: none;

}



.ft-top-1 span img {

    margin: 0 10px;

}



.side-social {

    margin: 40px 0 0 0;

    width: 100%;

    text-align: center;

}



.side-social a {

    color: #5f5f5f;

    text-decoration: none;

    margin: 0 5px;

}



.side-social a:hover {

    color: #000;

    text-decoration: none;

}

.mnp .side-social a {

    color: #5f5f5f;

    text-decoration: none;

    margin: 0 5px;

    font-size: 30px;

    height: 45px;

    width: 45px;

    display: inline-block;

    border: 1px solid;

    border-radius: 6px 0;

    transition: all 0.4s linear;

}

.mnp .side-social a:hover {

    color: #fff;

    border-radius:50%;

}

.margin-top-40 {

    margin-top: 40px;

}



.margin-top-50 {

    margin-top: 50px;

}



.margin-top-30 {

    margin-top: 30px;

}



.margin-top-20 {

    margin-top: 20px;

}



.margin-top-10 {

    margin-top: 10px;

}



.lp-1 {

    padding-bottom: 59px !important;

}



.p2-pic .owl-nav {

    width: 100%;

    position: absolute;

    top: 50%;

    z-index: 99;

    margin: 0px auto;

    left: 0;

    padding: 0 50px;

    transform: translateY(-50%);

}



.p2-pic .owl-nav button span {

    display: none;

}



.p2-pic .owl-nav .owl-prev {

    width: 30px;

    height: 21px;

    background: url(../img/h-sl-l.png) no-repeat !important;

    float: left;

}



.p2-pic .owl-nav .owl-next {

    width: 30px;

    height: 21px;

    background: url(../img/h-sl-r.png) no-repeat !important;

    float: right;

}



















/********************iNNER PAGES**********************/



.p2-pic img {

    width: 100%;

}



.title-box {

    display: inline-block;

}



.heading-box {

    padding: 20px 85px 20px 50px;

    font-size: 50px;

    font-weight: 500;

    background-color: #fff;

    display: flex;

    position: relative;

    z-index: 1;

    white-space: nowrap;

    flex-wrap: nowrap;

}



.heading-box img {

    max-width: 30px;

    margin-left: 39px;

}



.title-md-left {

    text-align: left;

    margin-left: -160px;

}



.title-md-right {

    text-align: right;

    margin-right: -160px;

}



/* INTERNAL PAGE */



.inner-banner {

    padding: 90px 0;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center bottom;

    min-height: 400px;

    position: relative;

    display: flex;

    align-items: flex-end;

    color: #fff;

    text-transform: uppercase;

}



.inner-banner:before,

.inner-banner:after {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

}



.inner-banner:before {

    background-color: rgba(0, 0, 0, 0.3);

}



.inner-banner:after {

    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.5) 100%);

    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.5) 100%);

    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.5) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#80000000', GradientType=0);

}



.inner-banner .container {

    position: relative;

    z-index: 1;

}



.inner-banner h1 {

    font-size: 70px;

    font-weight: 600;

}



.banner-sub-title {

    font-size: 13px;

    letter-spacing: 3px;

}



/* CONTACT FORM */



.contact-form .form-group {

    margin-bottom: 2.875rem;

    padding: 1rem;

    background-color: #fff;

    float: left;

    width: 100%;

}



.contact-form .form-group label {

    position: absolute;

    font-size: 14px;

    font-weight: 500;

    margin-top: -30px;

    padding: 0 1rem;

    border-radius: 2px;

    background-color: #eee;

    left: 42px;

}



.contact-form .form-group .form-control {

    border: 0;

}



.contact-form .form-group .form-control:focus {

    box-shadow: none;

}



.submit-btn {

    border: 0;

    padding: 10px 50px;

    color: #fff;

    font-size: 15px;

    text-decoration: none;

    font-weight: 500;

    background-color: #000;

}



.google-map {

    height: 500px;

    position: relative;

}



.google-map iframe {

    left: 0;

    top: 0;

    height: 100%;

    width: 100%;

    position: absolute;

    -webkit-filter: grayscale(100%);

    /* Safari 6.0 - 9.0 */

    filter: grayscale(100%);

}



.contact-wrpper {

    padding-bottom: 70px;

    padding-top: 60px;

}



.contct-box {

    height: 100%;

    padding: 40px;

    color: #fff;

    text-align: center;

    background-color: #000;

    word-break: break-all;

}



.contct-box a {

    color: inherit;

}



.contct-box a:hover {

    text-decoration: none;

}



.contct-box h5 {

    font-size: 20px;

    font-weight: 400;

}



.contct-social {

    width: 100%;

    height: auto;

    margin: 52px 0 -44px 0;

}



.contct-social a {

    color: #fff;

    text-decoration: none;

    font-size: 16px;

    margin: 0 7px;

}



.contct-social a:hover {

    color: #ccc;

}



.s-social {

    width: 100%;

    height: auto;

    margin: 0 0 7px 0;

}



.s-social a {

    color: #7e7e7e;

    text-decoration: none;

    font-size: 16px;

    margin: 0 7px 0 0;

}



.s-social a:hover {

    color: #000;

}



.left-pert {

    width: 50%;

    height: auto;

    float: left;

}



.right-pert {

    width: 50%;

    height: auto;

    float: left;

}









.tab-content>.active {

    opacity: 1;

}



.tabs {

    width: 100%;

    height: auto;

    margin: 9px 0 0 0;

}



.tabs ul li + li {

    margin-left: 10px;

}



.tabs ul li a {

    background: #eeeeee;

    padding: 10px 30px;

    color: #000;

    border: 1px solid #101010;

    text-decoration: none;

    font-size: 14px;

}



.tabs ul li a.active {

    background: #101010;

    color: #fff;

}



.tabs ul li a.act {

    background: #101010;

    color: #fff;

}





.slider-carousel .owl-item {

    transition: transform .7s;

}



.slider-carousel .owl-item.active.center {

    position: relative;

    z-index: 1;

    transform: scale(1.15);

}



.slider-carousel.owl-carousel .owl-stage-outer {

    padding: 55px 0;

}



.slider-carousel .owl-nav.disabled {

    display: block !important;

}

.owl-carousel .owl-nav button{

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

}

.owl-carousel .owl-nav .owl-prev{

    left: 0;

}

.owl-carousel .owl-nav .owl-next{

    right: 0;

}

.slider-carousel-1 .owl-nav {

    display: none;

}



.slider-carousel-1 .owl-dots {

    position: absolute;

    bottom: 10px;

    left: 20px;

}



.slider-carousel-1 .owl-dot {

    background: #fff !important;

    height: 10px;

    width: 10px;

    border-radius: 50%;

    margin: 0 10px 0 0;

}



.slider-carousel-1 .owl-dot.active {

    background: #ccc !important;

}



.sc-right {

    width: 100%;

    height: auto;

    float: left;

}



.sc-l {

    width: auto;

    float: left;

    margin: 9px 0 0 0;

}



.sc-l button {

    background: none;

    border: none;

}



.sc-l input {

    width: 100px;

    background: none;

    border: none;

}



.sc-r {

    width: auto;

    float: right;

}



.sc-r button {

    background: none;

    padding: 10px 30px;

    color: #000;

    border: 1px solid #101010;

    font-size: 14px;

}



/* FAQ */



.accordion .card {

    color: #000;

    text-align: left;

    border: 0;

    background-color: transparent;

}



.accordion .card .card-header {

    margin-bottom: 0;

    padding: 0;

    border: solid 1px transparent;

    border-radius: 5px;

    font-weight: 500;

    background-color: transparent;

    cursor: pointer;

}



.accordion .card .card-header .btn-header-link {

    margin-bottom: 0;

    padding: 9px 22px 12px 50px;

    font-size: 1rem;

    background-color: transparent;

}



.accordion .card .card-header .btn-header-link:after {

    content: "";

    width: 2rem;

    height: 2rem;

    background-image: url("data:image/png;base64,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");

    transform: rotate(45deg);

    background-repeat: no-repeat;

    background-position: 50% 50%;

    background-color: #e7e7e7;

    border-radius: 20px;

    position: absolute;

    top: 8px;

    left: 0;

    transition: all 100ms ease-in;

}



.accordion .card .card-header .btn-header-link.collapsed {

    background-color: transparent;

}



.accordion .card .card-header .btn-header-link.collapsed:after {

    background-image: url("data:image/png;base64,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");

    transform: rotate(90deg);

}



.accordion .card .card-body {

    padding: 0 0 0 50px;

    border-radius: 5px;

    background-color: #ffe472;

    background-color: transparent;

}



.accordion .card .card-body p {

    line-height: 24px;

    color: #747474;

    font-size: 15px;

    margin: 0 0 20px 0;

}





.map {

    width: 100%;

    height: auto;

    position: relative;

    margin: 0 0 70px 0;

}



.map iframe {

    width: 100%;

    height: 500px;

}



#scroll {

    position: fixed;

    right: 10px;

    bottom: 10px;

    cursor: pointer;

    width: 50px;

    height: 50px;

    background-color: #555;

    text-indent: -9999px;

    display: none;

    -webkit-border-radius: 60px;

    -moz-border-radius: 60px;

    border-radius: 60px

}



#scroll span {

    position: absolute;

    top: 50%;

    left: 50%;

    margin-left: -8px;

    margin-top: -12px;

    height: 0;

    width: 0;

    border: 8px solid transparent;

    border-bottom-color: #fff;

    z-index: 9999;

}



#scroll:hover {

    background-color: #000;

    opacity: 1;

    filter: "alpha(opacity=100)";

    -ms-filter: "alpha(opacity=100)";

}



.pert_7 .owl-nav {

    width: 100%;

    height: auto;

    position: absolute;

    bottom: 50%;

    z-index: 99;

    max-width: 1200px;

    left: 0;

    right: 0;

    margin: 0px auto;

}











#close-btn {

    position: absolute;

    background: #fff;

    border: 0px solid #999;

    color: #555;

    border-radius: 12px;

    height: 25px;

    width: 25px;

    padding: 3px 0 0px;

    top: -10px;

    right: -10px;

    box-shadow: 2px 2px 10px #555;

    font-weight: bold;

    cursor: pointer;

    text-align: center;

    font-size: 13px;

}



/*.sticky .container {

    max-width: 1390px;

}*/

.animation-logo {

    text-align: center;

    overflow: hidden;

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    z-index: 0;

    max-width: 70%;

    margin: 0 auto;

}



.logo-icon {

    animation: pulsate 3400ms ease-out infinite;

    -webkit-animation: pulsate 3400ms ease-out infinite;

}



@keyframes pulsate {

    0% {

        transform: scale(1);

        opacity: 0;

    }



    50% {

        opacity: 1;

    }



    100% {

        transform: scale(1.3);

        opacity: 0;

    }

}



@-webkit-keyframes movecloudstwo {

    0% {

        transform: scale(1);

        opacity: 0;

    }



    50% {

        opacity: 1;

    }



    100% {

        transform: scale(1.2);

        opacity: 0;

    }

}



@-moz-keyframes movecloudstwo {

    0% {

        transform: scale(1);

        opacity: 0;

    }



    50% {

        opacity: 1;

    }



    100% {

        transform: scale(1.2);

        opacity: 0;

    }

}



@-o-keyframes movecloudstwo {

    0% {

        transform: scale(1);

        opacity: 0;

    }



    50% {

        opacity: 1;

    }



    100% {

        transform: scale(1.2);

        opacity: 0;

    }

}

.emc

{

    padding:40px 10px;

}





















/********************Responsive**********************/

@media(min-width:992px) {

    .tab-content .faq {

        display: -ms-flexbox;

        display: flex;

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

        margin-left: -15px;

        margin-right: -15px;

    }



    .accordion .card {

        color: #000;

        text-align: left;

        border: 0;

        background-color: transparent;

        -ms-flex: 0 0 50%;

        flex: 0 0 50%;

        max-width: 100%;

        padding-left: 15px;

        padding-right: 15px;

        position: relative;

        margin-bottom: 15px;

    }



    .accordion .card .card-header .btn-header-link:after {

        left: 1.5rem;

    }

}



.logo-1 img{

    max-height: 80px;

}



.menuRight{

    display: flex;

    align-items: center;

}

.menuRight .mn{

    padding: 10px;

    margin-left: auto;

}





.banner .flex-control-nav {

    width: auto;

    bottom: 40px;

    right: auto;

    left: 10%;

    z-index: 99;

}



.bsocial {

    position: absolute;

    bottom: 50px;

    text-align: right;

    left: auto;

    right: 10%;

    z-index: 9;

    margin: 0px auto;

}

.bsocial a {

    color: #fff;

    text-decoration: none;

    font-size: 16px;

    margin: 0 7px;

}

/*events */

.single_eevnt{

    display: block;

    position: relative;

    margin:0;

    padding: 20px;

    border: 1px solid #dddada;

    box-shadow: 8px 6px 11px 3px rgba(0, 0, 0, 0.28);

    background: #e7e8ea;

    border-radius: 10px;

    margin-bottom: 30px;

}

.single_eevnt h3{

    color: #09006c;

    font-size: 26px;

    margin:0 0 5px;

    text-transform: uppercase;

}

.evn_date{

    font-size: 12px;

    color: #09006c;

}

.remain_time{

    display: grid;

    grid-auto-flow: column;

    gap: 2px;

    margin-bottom: 10px;

}

.time_box{

    padding: 5px 8px;

    color: #fff;

}

.time_box p{

    font-size: 12px;

    margin:0px;

}

.time_box h6{

    font-size: 32px;

    margin:0px;

}

.time_box:nth-child(1){

   background: #1cb52f;

}

.time_box:nth-child(2){

   background: #ea810a;

}

.time_box:nth-child(3){

   background: #159acc;

}

.time_box:nth-child(4){

   background: #c40977;

}

.progress_event{

    margin-bottom: 10px;

}

.site_details{

    display: flex;

    justify-content: space-between;

    color: #535353;

    text-transform: uppercase;

    margin-bottom: 10px;

}

.site_details h6{

    margin:0;

    font-size: 16px;

}

.play_time{

    display: flex;

    justify-content: space-between;

    color: #c3261a;

    font-size: 13px;

    margin-bottom: 10px;

}

.bold{

    font-weight: 600;

}

.prize_amount h6{

    font-size: 14px;

    color: #09006c;

    text-transform: uppercase;

}

.entr_fees h6{

    text-transform: uppercase;

    color: #535353;

    margin:0;

    font-size: 14px;

    text-align: right;

}

.progress_event .progress-bar {

    background-color: #007bff;

}

.round_progress{

    background: #09006c;

    padding: 50px 0;

}

svg.radial-progress {

  height: auto;

  max-width: 240px;

  padding: 1em;

  transform: rotate(-90deg);

  width: 100%;

}



svg.radial-progress circle {

  fill: rgba(0,0,0,0);

  stroke: #fceb20;

  stroke-dashoffset: 219.91148575129; /* Circumference */

  stroke-width: 5;

}



svg.radial-progress circle.incomplete { opacity: 0.25; }



svg.radial-progress circle.complete { stroke-dasharray: 219.91148575129; /* Circumference */ }



svg.radial-progress text {

  fill: #fff;

  font: 400 1em/1 'Oswald', sans-serif;

  text-anchor: middle;

}

.easy_steps{

    padding: 50px 0 0;

}

 @media (max-width: 1199px){

    .p2-dec h3 {

        font-size: 75px;

    }

    .heading-box img {

        margin-left: 20px;

    }

    .heading-box {

        padding: 20px 80px 20px 50px;

        font-size: 32px;

    }

    .tabs ul li a {

        padding: 10px 18px;

    }





 }

@media (max-width: 991px){

    .logo img ,.sticky .logo-1 img {

        max-height: 60px;

    }

    header {

        padding: 10px 0;

    }

    .mn{

        padding: 7px 26px;

        display: none;

    }

    .mn ul li a {

        padding: 8px 10px;

    }



    .mp {

        padding: 16px 13px;

        margin-left: auto;

    }



    .p2-dec h3 {

        font-size: 55px;

    }

    .pert_2 {

        padding: 0px 0 60px;

    }

    .dec {

        padding: 30px 30px 18px 35px;

        box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);

        margin: 20px 0 0 -50px;

    }

    .title-md-right,.title-md-left{

        display: none;

    }

    .bt-inner p {

        line-height: 20px;

    }

    .bt-inner h1 {

        font-size: 32px;

        line-height: 32px;

    }

    .tabs ul li a {

        padding: 7px 7px;

        font-size: 13px;

    }

    .pp-right-inner h5 {

        font-size: 44px;

        line-height: 48px;

    }



}

@media (max-width: 767px){

    .menu_wrap {

        margin-left: auto;

    }



    .logo img ,.sticky .logo-1 img {

        max-height: 65px;

    }

    .side-box img {

        max-width: 100%;

        width: 100%;

    }

   .dw-btn {

        margin: 10px 0 0 0;

    }

    .banner .flex-control-nav {

        bottom: 10px;

        left: 20px;

    }

    .pert_2 {

        padding: 0px 0 40px;

    }

    .p2-dec p{

        max-width: 100%;

        text-align: center;

    }

    .p2-dec {

        text-align: center;

    }



    .dec,.pert_3 .dec{

        width: 100%;

        margin: 0px;

    }

    .p2-dec h3 {

        font-size: 30px;

    }



    .bd {

        margin: 0 0 30px 0;

    }

    .contct-box {

        padding-top: 20px;

        padding-bottom: 0;

        margin-bottom: 20px;

    }

    .nav_inner {

        width: 90%;

    }

    .logo_inner img{

        max-height: 65px;

    }

    .mnp li {

        display: block;

        text-align: center;

    }

    .mnp li .nav-link {

        display: inline-block;

    }

    .offcanvas-header .btn-close {

        right: -22px;

        top: 11px;

    }

    .offcanvas-header{

        width: 100%;

    }

    .button__r svg {

        top: 21px;

        left: -11px;

        width: 25px;

    }





    .tabs ul li a span{

        display: none;

    }

    .tabs ul li a{

        height: 35px;

        width: 35px;

        display: inherit;

        text-align: center;

    }



    .banner {

        height: 100vh;

    }

    .banner-pic {

        height: 100vh;

    }

    .banner-pic img {

        height: 100% !important;

        object-fit: cover;

    }

    .banner-top {

        top: 65%;

        padding: 0 30px;

        text-align: left;

    }

    .exp {

        width: 100%;

        text-align: left;

    }

    .animation-logo {

        overflow: visible;

        top: 50%;

        bottom: auto;

        max-width: 80%;

        transform: translateY(-50%);

    }

}

@media (max-width: 480px){



    .nav_inner {

        width: 95%;

    }



}





/*login page*/

.login_area{

    overflow-y: auto;

    background: #fdc830;

    background: -webkit-linear-gradient(to right, #fdc830, #f37335);

    background: linear-gradient(to right, #fdc830, #f37335);

}

.login_box {

    min-height: 100vh;

    background: #fff;

    width: 450px;

    background: url(../img/icon/bgpattern.ea1d6d8c.png) top no-repeat #fff;

    background-size: 100% auto;

    text-align: center;

    box-shadow: 0 0 20px rgba(0,0,0,.3);

    color: #424242;

    font-size: 12px;

    position: relative;

    display: flex;

    flex-direction: column;

    margin: 0 auto;

}

.login_box .reg_forms{

    flex: 1;

    padding: 20px 20px 0;

}

.login_box p {

    margin: 0;

}

.login_box .welcome_txt {

    font-size: 15px;

    margin: 15px 0;

}

.login_box .desc_txt {

    margin: 30px 0;

}

.login_box .input_box {

    display: flex;

    background: #f7f7f7;

    width: 100%;

    color: #424242;

    margin: 10px 0 0;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px;

    border: 1px solid #a4a4a4;

    text-align: left;

    overflow: hidden;

}

.login_box .input_box input[type="email"], .login_box .input_box input[type="password"], .login_box .input_box input[type="text"] {

    border: none;

    font-size: 13px;

    color: #424242;

    padding: 12px 10px;

    flex: 1;

    outline: 0;

    background: #f7f7f7;

    box-shadow: none;

}

.login_box .input_box i {

    font-size: 20px;

    padding: 13px 10px;

    cursor: pointer;

    position: relative;

    color: #a3a3a3;

    width: 42px;

    text-align: center;

}

.login_box .input_box i.left {

    border-right: 1px solid #a4a4a4;

    cursor: default;

}

.login_box .error_txt {

    color: #dd2317;

    padding: 5px 0 0;

    display: none;

}

.login_box form .forgot_link {

    text-align: right;

    margin: 5px 0;

}

.login_box .alert_msg.success, .login_box .alert_msg.warning {

    text-align: left;

    display: flex;

    align-items: center;

    padding: 5px;

    border-radius: 3px;

    margin: 10px 0 0;

}

.login_box .alert_msg img {

    vertical-align: middle;

    margin-right: 5px;

    width: 16px;

}

.login_box .alert_msg.warning {

    background: #f2dede;

    border: 1px solid #ebccd1;

    color: #dd2317;

}

.login_box .alert_msg.success {

    background: #dff0d8;

    border: 1px solid #d6e9c6;

    color: #3c763d;

}

.login_box form button {

    background: #1cb923;

    color: #fff;

    width: 100%;

    text-transform: uppercase;

    padding: 12px;

    font-size: 15px;

    border: none;

    font-weight: 700;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px;

    margin: 30px 0 15px;

}

.login_box .tnc {

    color: #a4a4a4;

    text-align: center;

}

.login_box .new_register {

    margin: 25px 0 0;

    text-align: center;

}

.login_box .new_register .link {

    color: #c2423d;

    font-weight: 700;

    font-size: 120%;

}

.login_box .copyright {

    font-size: 90%;

}

.login_box .footer_cont {

    padding: 0 0 20px;

}

.login_box .logo18 {

    width: 25px;

    margin-right: .5rem;

}

.login_box .captcha {

    margin: 10px 0 0;

    text-align: left;

}

.login_box .captcha .captcha_img {

    border: 1px solid #a4a4a4;

    width: 110px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px;

}

.none{

    display: none;

}

.open{

    display: block;

}

.right_slider{

    width: 100%;

    max-width: 100%;

    padding-bottom: 40px;

    position:relative;

}



.paly_area{

	min-height: 100vh;

	background: #fff;

	width: 450px;

    background: #f3b6b6;

    background: -webkit-linear-gradient(to right, #f0d5d5, #f3b6b6);

    background: linear-gradient(to right, #f0d5d5, #f3b6b6);

}

.play_head{

    background: #dc0505;

    padding: 10px 15px;

}

.cat_tab .nav-tabs .nav-link {

    border:none;

    border-top-left-radius: 0;

    border-top-right-radius: 0;

    font-weight: 400;

	line-height: 1.5;

	font-size: 20px;

	color: #212529;

	padding: 0.9rem 0px 0.9rem 0px;

}

.cat_tab .nav-tabs .nav-item.show .nav-link,.cat_tab .nav-tabs .nav-link.active {

    color: #f3f3f3;

    background-color: transparent;

    background:linear-gradient(to left, #f52015, #ba271b) left bottom no-repeat;

	background-size: 100% 5px;

    font-size: 20px;

    font-weight: bold;

	color: #de2317;

}

.cat_tab{

	background:#fff;

	box-shadow: 0px 2px 6px rgba(0,0,0,0.3);

    margin-bottom: 15px;

}

.exam_history_nav .nav-tabs{

    background: fff;

    border-radius: 27px;

    box-shadow: 0px 4px 1px 0 rgba(0,0,0,0.05);

    background-color: #ffffff;

    padding: 3px;

    width: 90%;

    margin: 0 auto 10px;

    border-bottom: none;

}



.exam_history_nav .nav-link{

    font-size: 20px;

    margin-top: 0px;

    padding: 8px;

    color: #272727;

    border: none;

}

.exam_history_nav .nav-link.active{

    color: #ffffff;

    padding: 5px;

    margin-top: 0px;

    border-radius: 23px;

    background: linear-gradient(to left, #f52015, #ba271b);

    border: none;

}

.nav-tabs .nav-link,.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {

    border: none;

}

.autoheight{

    overflow: auto;

    padding: 20px 15px;

}

.head_logo{

    text-align: center;

}

.head_logo img{

    max-width: 80px;

}

.profile_menu{

    visibility: hidden;

    transform: translateX(-100%);

    border-radius: 0;

    display: block;

    position: fixed;

    top: 0;

    left: 0px;

    height: 100%;

    width: 300px;

    overflow: hidden;

    transition: visibility .8s ease-in-out, transform .8s ease-in-out;

    background: #ffffff;

    z-index: 999;

    border-top: 3px solid #e34040;

    padding: 10px 0;

}

.profile_menu .nav-link{

    border-bottom: 1px solid #e1e1e1;

    padding-left: 25px;

    color: #000;

}

.profile_menu.show {

    visibility: visible;

    transform: translateX(0);

}

#profile_btn{

  width: 42px;

  height: 28px;

  position: relative;

  margin-left: auto;

  -webkit-transform: rotate(0deg);

  -moz-transform: rotate(0deg);

  -o-transform: rotate(0deg);

  transform: rotate(0deg);

  -webkit-transition: .5s ease-in-out;

  -moz-transition: .5s ease-in-out;

  -o-transition: .5s ease-in-out;

  transition: .5s ease-in-out;

  cursor: pointer;

  z-index: 31;

}

#profile_btn span {

  display: block;

  position: absolute;

  height: 3px;

  width: 100%;

  background: #fff;

  border-radius: 9px;

  opacity: 1;

  left: 0;

  -webkit-transform: rotate(0deg);

  -moz-transform: rotate(0deg);

  -o-transform: rotate(0deg);

  transform: rotate(0deg);

  -webkit-transition: .25s ease-in-out;

  -moz-transition: .25s ease-in-out;

  -o-transition: .25s ease-in-out;

  transition: .25s ease-in-out;

}

#profile_btn span:nth-child(1) {

  top: 0px;

}



#profile_btn span:nth-child(2),#profile_btn span:nth-child(3) {

  top: 13px;

}



#profile_btn span:nth-child(4) {

  top: 26px;

}



#profile_btn.open span:nth-child(1) {

  top: 18px;

  width: 0%;

  left: 50%;

}



#profile_btn.open span:nth-child(2) {

  -webkit-transform: rotate(45deg);

  -moz-transform: rotate(45deg);

  -o-transform: rotate(45deg);

  transform: rotate(45deg);

}



#profile_btn.open span:nth-child(3) {

  -webkit-transform: rotate(-45deg);

  -moz-transform: rotate(-45deg);

  -o-transform: rotate(-45deg);

  transform: rotate(-45deg);

}



#profile_btn.open span:nth-child(4) {

  top: 18px;

  width: 0%;

  left: 50%;

}

.add_cash_btn{

    padding: 6px 10px;

    border: 1px solid #f94242;

    border-radius: 25px;

    color: #fff;

    box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.16);

}

.typing_body{

    padding : 20px;

}

.typing_head{

    display: flex;

    justify-content: space-between;

}

.typing_head{

    margin-bottom: 10px;

}



.typing_head span strong{

    font-size: 16px;

    color: #dc0505;

}

.typing_head span:first-child strong{

    color: #157ba3;

}

.text_area textarea{

    padding: 10px;

    resize: vertical;

    border: 3px solid #bfb2b2;

    width: 100%;

    border-radius: 6px;

}

.typing_nav{

    position: relative;

}

.typing_overlay {

    position: fixed;

    width: 450px;

    height: 100%;

    top: 0;

    left: 0;

    background: rgba(0, 0, 0, 0.91);

    z-index: 99;

    display: flex;

    align-items: center;

    justify-content: center;

}

.start_typing{

    background: #dc0505;

    color: #b3b3b3;

    padding: 8px 20px;

    border-radius: 25px;

    box-shadow: 0px 0px 4px 2px rgba(255, 255, 255, 0.66);

    border: 1px solid #dc0505;

    letter-spacing: 1px;

}

.typing_btn{

    background: #000;

    color: #fff;

    padding: 8px 20px;

    border-radius: 4px;

    box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.25);

    border: 1px solid #000;

    letter-spacing: 1px;

    margin-top: 10px

}

.exit_typing{

    background: #dc0505;

    color: #b3b3b3;

    border: 1px solid #dc0505;

    margin-left: 10px;

}

.start_typing:hover{

    color: #fff;

}

.typing_mobile{

    padding : 20px 15px;

    text-align: center;

}

.question_head ul{

    display: flex;

    justify-content: space-between;

    padding: 10px 15px;

    margin: 0;

}

.question_head{

    margin:0;

}

.questions_start{

    padding:20px;

    text-align: center;

}

.questions_start h2{

    color: #fff;

    font-size: 50px;

    font-weight: 600;

    margin: 0 0 30px 0;

}

.questions_start p{

    color: #6b6b6b;

}

.start_btn, .feedback_btn{

    padding: 6px 20px;

    border: 1px solid #000;

    border-radius: 25px;

    color: #fff;

    box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.34);

    display: inline-block;

    background: linear-gradient(to left, #f52015, #ba271b);

    letter-spacing: 2px;

    margin-top:30px;

    border: none;

}

.start_btn:hover{

    background: linear-gradient(to left, #f52015, #ba271b);

     color: #fff;

}

.question{

    padding: 20px;

    max-width:600px;

    margin:40px auto;

}

.fail_img img{

    max-width:100%;

}

.options {

    position: relative;

    padding-left: 30px;

}



.answares label {

    display: block;

    margin-bottom: 15px;

    cursor: pointer

}



.options input {

    opacity: 0

}



.checkmark {

    position: absolute;

    top: 2px;

    left: 0;

    height: 20px;

    width: 20px;

    background-color: #49dcd7;

    border: 1px solid #fff;

    border-radius: 50%

}



.options input:checked~.checkmark:after {

    display: block

}



.options .checkmark:after {

    content: "";

    width: 10px;

    height: 10px;

    display: block;

    background: white;

    position: absolute;

    top: 50%;

    left: 50%;

    border-radius: 50%;

    transform: translate(-50%, -50%) scale(0);

    transition: 300ms ease-in-out 0s

}



.options input[type="radio"]:checked~.checkmark {

    background: #f2c083;

    transition: 300ms ease-in-out 0s;

    border-color: #fff;

}



.options input[type="radio"]:checked~.checkmark:after {

    transform: translate(-50%, -50%) scale(1)

}

.exam_body{

    display: none;

}

.current_amount{

    color: #fff;

    font-size: 12px;

    margin-bottom: 10px;

    text-align: center;

}

@media (max-width: 567px){

    .login_box .welcome_txt {

        margin: 0 0 10px 0;

    }

    .login_box .desc_txt {

        margin: 15px 0;

    }

    .login_box form button {

        margin: 10px 0 10px;

    }

    .login_box .new_register {

        margin: 10px 0;

    }

    .add_cash_btn{

        padding: 6px 7px;

        font-size: 13px;

    }

    .play_head .col-4:first-child{

        padding-right: 0;

    }

}

@media (max-width: 500px){

    .paly_area,.typing_overlay{

        width: 100%;

    }

}

@media (min-width: 991px){

    .right_slider{

        width: calc(100% - 450px);

        max-width: calc(100% - 450px);

        height: 100vh;

        display: flex;

        align-items: center;

    }

    .login_area .container-fluid{

        display: flex;

    }

}

@media (min-width: 1199){

    .typing_mobile{

        display: none;

    }

}

.success{

    color: green;

}.fail{

    color: #c3261a;

}

.start_exam {

    color: #ffffff;

    padding: 10px;

    border-radius: 8px;

    background: linear-gradient(to left, #f52015, #ba271b);

    border: none;

    cursor: pointer;

}

.start_exam_div{

    position: absolute;

    right: 10px;

    bottom: 10px;

    left: 10px;

    margin: 0 auto;

    text-align: center;

}

.hide{display: none;}

.exam-instruction{

    max-width: 600px;

    margin: auto;

    text-align: justify;

}

.greenBG{

    background-color: #135713!important;

    border: 1px solid #ed0000 !important;

}

.result-text{    font-weight: bold;

    color: #f6ae14;

    font-size: 2rem;

}

.result-text2{    font-weight: bold;

    color: #2d5a5f;

    font-size: 2rem;

}

.result-text-success{    font-weight: bold;

    color: #ed0000;

}

.hide{display: none!important;}

.fal-outer{

    padding:40px 0;

}