@charset "utf-8";

/* CSS Document */

body {

    margin: 0;

    font-family: "Helvetica";

}



@font-face {

    font-family: rale-bold;

    src: url(../fonts/Raleway-Bold.ttf);

}



@font-face {

    font-family: rale-regular;

    src: url(../fonts/Raleway-Regular.ttf);

}



@font-face {

    font-family: rale-light;

    src: url(../fonts/Raleway-Light.ttf);

}



@font-face {

    font-family: rale-medium;

    src: url(../fonts/Raleway-Medium.ttf);

}



@font-face {

    font-family: rale-extra-bold;

    src: url(../fonts/Raleway-ExtraBold.ttf);

}



.rale-bold {

    font-family: rale-bold;

}



body::-webkit-scrollbar {

    width: 1px;

}



body::-webkit-scrollbar-track {

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

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

}



body::-webkit-scrollbar-thumb {

    background-color: darkgrey;

    outline: 1px solid slategrey;

}



a {

    color: #fff;

    font-size: 1rem;

    font-family: "Helvetica";

    font-weight: bold;

}



.join-now {



}



.socials-inline-block a {

    color: #fff;

}



/*.small-a {*/

/*font-size: 1em;*/

/*}*/

a:hover {

    color: #EA4C0F;

}



navbar-expand-md-md .navbar-nav li {

    padding-right: 0.3rem;



}



.nav-item.active a {

    color: #EA4C0F;

}



#footer a:hover {

    color: #EA4C0F;

}



.menu-fix {

    width: 100%;

    background-color: #fff;

    z-index: 3015;

    /*    height: 135px !important;*/

}



.fixed-right-logo {

    height: 90px;

    z-index: 3016;

    position: fixed;

    background-color: #f1f1f1;

    transition: all 0.5s ease-in;

}



.fixed-right-logo img {

    height: 100%;

}



.search-top {

    background-image: url('../images/search_icon.svg');

    background-repeat: no-repeat;

    border: none;

    outline: none;

    padding-left: 20px;

}



#logo {

    transition: all 0.5s ease-in;

}



/*.reduce-logo {

    width: 80px;

    height: 80px;

    position: fixed;

    z-index: 3016;





}*/

.reduce-logo {

    width: auto;

    position: fixed;

    z-index: 3016;

    height: 90px;

}



.socials-inline-block {

    display: flex;

    margin: auto;

    list-style: none;

    justify-content: flex-start;

    margin-left: 4%;

    font-size: 12px;

}



.socials-inline-block li {

    text-align: center;

    width: 60px;

}



textarea {

    font-family: Helvetica;

}



.small-sjt {

    font-size: 12px;

}



.reduce-logo img {

    height: 100%;

}



.pt-40 {

    padding-top: 60px;

}



.pointer {

    cursor: pointer;

}



.cover-hamp-menu {

    position: fixed;

    bottom: 0px;

    display: none;

    border-right: 1px solid #9e9c9c;

    width: 55px;

    min-height: 60vh;

    z-index: 10001;

}



.socials {

    margin-top: 166px;

    text-align: center;

    line-height: 40px;

    width: 100%;

    position: absolute;

    bottom: 0;

    padding-bottom: 10px;

    padding-left: 0;

}



.socials li {

    list-style: none;

    color: #5f5f5f;

}



.socials li:hover {

    color: #000000;

    cursor: pointer;

}



.socials a {

    color: #6d6b6b;

}



.socials a:hover {

    color: red;

}



.head-d {

    font-weight: 600;

    margin: 0px;

    border: 1px solid #333333;

    font-family: "Helvetica";

    font-size: 1.8vw;

    color: #EA4C0F;

    display: inline-block;

    padding-left: 20px;

    padding-right: 20px;

    min-width: 325px;

}



.head-d:hover {

    color: #FFCB05;

    background: #000000;

}



.bost-d {

    font-weight: 600;

    font-family: "Helvetica";

    padding-left: 20px;

    font-size: 1.8vw;

    min-width: 125px;

}



.bost-d:hover {

    color: #FFCB05;

}



.fixed-bottom-right {

    position: absolute;

    margin: auto;

    bottom: 0;

    right: 0;

    width: 33.33%;

}



.overlay {

    background-color: #000000d6;

    z-index: 3000;

    overflow: hidden;

    font-family: "Helvetica";

    padding-top: 1.5em;

    padding-bottom: 1.5em;

    font-weight: 600;

}



.overlay-text {

    width: 96%;

    padding-left: 3.4%;

    display: none;

}



.overlay-text:nth-child(1) {

    display: block;

}



.overlay-text h3:nth-child(1) {

    font-family: "Helvetica";

    color: #fff;

    font-size: 2.2vw;

    font-weight: bolder;

    margin: 0;

}



.overlay-text h3:nth-child(2) {

    font-family: "Helvetica";

    color: #FFCB05;

    font-size: 2.2vw;

    font-weight: bolder;

}



.overlay-text p {

    margin-top: 28px;

    color: #fff;

    font-weight: 500;

    font-size: 16px;

    font-family: "Helvetica";

}



.rale-light {

    padding-top: 4px;

    font-family: "Helvetica";

    font-weight: normal;

    line-height: 19px;

    font-size: 14px;

    color: #e4e4e4;

}



.overlay-text a {

    padding-top: 10px;

    color: #FFCB05;

    font-family: "Helvetica";

    width: 150px;

    font-weight: bold;

}



.underline-1 {

    border-bottom: 1.5px solid #FFCB05;

    width: 54%;

    height: 2.6px;

    margin-top: 10px;

    margin-left: 5%;

}



#carousel-one .carousel-control-next-icon {

    background-image: url('../images/main/circled-chevron-right.png');

    margin-top: 50vh;

    width: 35px;

    height: 35px;

    background-color: #ffffff;

    background-size: 100% 100%;

    border-radius: 100%;

    opacity: 1;

}



#carousel-one .carousel-control-prev-icon, #carousel2 .carousel-control-prev-icon {

    background-image: none;

}



#carousel2 .carousel-control-next-icon {

    background-image: none;

}



#carousel-one .carousel-indicators {

    display: none;

}



#carousel2 .carousel-indicators {

    display: none;

}



.slider-div {

    width: 485px;

}



.slider-div img {

    width: 100%;

}



.yellow-line {

    border: 1px solid #FFCB05;

    width: 260px;

}



.response-img img {

    width: 100%;

}



.response-img-home img {

    width: 100%;

}



.land-img img {

    width: 100%;

}



.cover {

    box-shadow: 0px 0px 0px 6px #fff;

}



.no-gutter {

    margin-left: 0;

    margin-right: 0;

    padding-left: 0;

    padding-right: 0;

}



.container-shrink {

    width: 92%;

    padding-right: 15px;

    padding-left: 15px;

    margin-right: auto;

    margin-left: auto;

}



.container-shrink-lg {

    width: 95%;

    padding-right: 15px;

    padding-left: 15px;

    margin-right: auto;

    margin-left: auto;

}



.gall-box a {

    font-size: 18px;

    color: #FFCB05;

    text-decoration: none;

    text-transform: uppercase;

    padding-left: 5%;

}



.gall-box a:hover {

    color: #fff;

    text-decoration: none;

}



.gall-box {

    position: absolute;

    right: 0;

    width: 315px;

    height: 60px;

    line-height: 60px;

    letter-spacing: 4px;

    font-size: 32px;

    text-transform: uppercase;

    text-align: center;

    font-weight: 900;

    /* background-color: #252525; */

}



.new-bg-1 {

    height: 50px;

    text-align: start;

    bottom: 10%;

    background-color: #6358508f;

    color: #fff;

}



.new-bg-1-child {

    bottom: 5%;

    position: relative;

    font-size: 10px;

    padding-top: 2px;

    text-align: start;

    height: 16px;

    background-color: #635850e3;

    line-height: 0px;

}



.new-bg-2 {

    bottom: 5%;

    background-color: #018da7c7;

    color: #ececec;

}



.new-bg-3 {

    bottom: 5%;

    background-color: #544e42b3;

    color: #ececec;

}



.new-bg-4 {

    background-color: #888888c4;

    color: #ececec;

    bottom: 5%;

}



.new-bg-5 {

    bottom: 0;

    background-color: #060503bf;

    color: #ffffff;

}



.new-bg-6 {

    bottom: 0;

    background-color: #1b0601c7;

    color: #ececec;

}



.new-bg-7 {

    bottom: 0;

    background-color: #3c0d0f73;

    color: #ececec;

}



.middle-head h3 {

    font-family: "Helvetica";

    color: #EA4C0F;

    font-size: 2rem;

    line-height: 31px;

    text-align: center;

    font-weight: bold;

    /*font-family: "Open Sans", Arial, Tahoma, sans-serif;*/

}



.middle-head p {

    font-family: "Helvetica";

    color: #252525;

    font-size: 18px;

    font-weight: 500;

    text-align: center;

}



.height-responsive {

    overflow: hidden;

}



/*footer------------------*/



#footer a {

    color: #6f6f6f;

}



.bg-black {

    background-color: #000;

}



.bg-extra-dark-gray {

    background-color: #1c1c1c;

}



.text-medium-gray {

    color: #939393;

}



.text-small {

    font-size: 12px;

    line-height: 16px;

}



.text-small a {

    font-size: 14px;

    line-height: 20px;

}



.border-top {

    border-top: 0.1px solid #58595a !important;

}



.font-weight-600 {

    font-weight: 600;

}



#footer * {

    color: #6f6f6f;

}



#footer p {

    color: #5d5b5b;

}



.newsletter input {

    background: none;

    border: 0.5px solid #403d3d;

    width: 80%;

    padding-left: 10px;

}



.newsletter button {

    border: 0.5px solid #403d3d;

    background: none;

    border-left: none;

}



.instagram-follow-api li img {

    width: 100%;

}



.nema-footer img {

    max-width: 100%;

    height: auto;

}



.insta-counts {

    position: absolute;

    bottom: -100%;

    left: 0;

    text-align: center;

    background: rgba(35, 35, 35, 0.8);

    color: #fff;

    width: 100%;

    font-size: 12px;

}



figure {

    position: relative;

    overflow: hidden;

}



figure:hover a .insta-counts {

    bottom: 0;

}



.middle-head-al h3, .middle-head a {

    margin-bottom: -9px;

}



.d-flex a {

    margin-bottom: -9px;

    font-size: 14px;

}



.b-flex a {

    margin-bottom: -9px;

    padding-right: 30px;

    font-size: 18px;

}



.cirlcle {

    text-align: center;

}



.cirlcle li {

    background: #ffcb05;

    width: 15px;

    height: 15px;

    border-radius: 100%;

    display: inline-block;

    margin-right: 5px;

}



.bf-none {

    border-left: none;

}



.br-none {

    border-right: none;

}



.overlay-right {

    margin-left: -315px;

}



.read-box {

    background-color: #EC581F;

    display: inline-block;

    color: #fff;

    padding: 5px 10px 5px 10px;

    cursor: pointer;

    font-size: 14px;

}



.read-box-buy-now {

    background-color: #EC581F;

    font-size: 14px;

    line-height: 30px;

    padding: 0px 12px 0 12px;

    height: 35px;

    text-align: center !important;

    color: #fff;

    margin-top: 6px !important;

}



.label-participate {



}



.rectangle-5-copy-6 {

    color: #FFFFFF;

    margin-top: 130px;

    font-family: "Helvetica";

    font-size: 10px;

    font-weight: 600;

    line-height: 15px;

    text-align: left;

    background-color: #000000;

    opacity: 0.800000011920929;

    height: auto;

    padding: 8px;

}



.top-botom-new {

    margin-top: 2%;

}



/*responsive*/

/*-----------------------------------------------------------------*/

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



    .navbar-toggler-icon {



    }



    .fixed-right-logo {

        left: auto;

        right: 0;

    }



    .mx {

        padding-left: 0;

    }



    .mx .pl-5 {

        padding-left: 1em;

    }



}



.cirlcle li {

    background: #ffcb05;

    width: 15px;

    height: 15px;

    border-radius: 100%;

    display: inline-block;

    margin-right: 5px;

}



.bf-none {

    border-left: none;

}



.br-none {

    border-right: none;

}



.overlay-right {

    margin-left: -315px;

}



/*responsive*/

/*-----------------------------------------------------------------*/

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



    .navbar-toggler-icon {



    }



    .fixed-right-logo {

        left: auto;

        right: 0;

    }



    .mx {

        padding-left: 0;

    }



    .mx .pl-5 {

        padding-left: 1em;

    }



}



.middle-menu {

    width: 95%;

    margin-top: 20px;

}



.socials-view {

    display: inherit;

}



.reg-ul {

    padding-inline-start: 20px;

}



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

    .middle-head p {

        line-height: 20px;

    }



    .respo-flex > .d-flex {

        flex-direction: initial;

    }



    .new-bg-1 {

        bottom: 5%;

    }



    .new-bg-2 {

        bottom: 0%;

    }



    .new-bg-3 {

        bottom: 0%;

    }



    .new-bg-4 {

        bottom: 0%;

    }



    .new-bg-5 {

        bottom: 0%;

    }



    .new-bg-6 {

        bottom: 0%;

    }



    .new-bg-7 {

        bottom: 0%;

    }



    .new-bg-1-child {

        position: relative;

        font-size: 12px;

        text-align: start;

        padding-top: 2px;

        line-height: 0px;

    }



    .list-inline {

        padding: initial;

        margin: auto;

        list-style: none;

        text-align: center;

    }



    .d-flex a {

        margin-bottom: auto;

        padding-right: initial;

        font-size: 14px;

        padding-top: 1%;

    }



    .socials-view {

        display: flex !important;

    }



    .hide-mobile {

        display: none;

    }



    .middle-head h6 {

        font-size: 18px;

    }



    .middle-head h3 {

        font-size: 1.2rem;

        line-height: 31px;

    }



    .socials-inline-block {

        justify-content: flex-end;

        width: 72%;

        padding: 0;

    }



    .socials-inline-block li {

        text-align: center;

        width: auto !important;

    }



    .mobile-none {

        display: none;

    }



    .overlay-text h3:nth-child(1) {

        text-align: left;

        font-size: 5vw;

        margin-bottom: 1px;

    }



    .read-box {

        display: inline-block;

        padding: 5px 14px 5px 14px;

    }



    .underline-1 {

        width: 100%;

    }



    .overlay-text p {

        width: 90%;

    }



    .head-d {

        margin: auto;

        font-size: 12px;

        text-align: center;

        display: inline-block;

    }



    .reduce-logo {

        z-index: 99999;

        right: 0;

        height: 75px;

    }



    .middle-menu {

        width: 100%;

        margin-top: 95px;

    }



    #footer ul li a {

        font-size: 9px;

    }



    .overlay-right {

        margin-left: 0;

    }



    .cover-hamp-menu {

        display: none;

    }



    .pl-5, .px-5 {

        padding-left: 0 !important;

    }



    .height-responsive {

        height: auto;

        overflow: hidden;

    }



    .overlay {

        width: 100%;

        margin-right: auto;

        margin-left: auto;

    }



    .carousel-inner {

        position: relative;

        width: 100%;

        margin: auto;

        overflow: hidden;

    }



    .bf-none {

        /*border-left:1px solid #333;*/

    }



    .br-none {

        /*border-right:1px solid #333;*/

    }



    .bost-d {

        font-size: 4vw;

    }



    navbar-expand-md-md a {

        color: #fff;

    }



    .fixed-right-logo {

        width: 100.3px;

        height: 100.3px;



    }



    .fixed-right-logo img {

        width: 100%;

    }



    .res-col .pl-4 {

        padding-left: 555px;

    }



    #footer ul li a {

        font-size: 9px;

    }



    .pl-5, .px-5 {

        padding-left: 0 !important;

    }



    .overlay-right {

        width: 100%;

        margin-left: 0;

    }



    .height-responsive {

        height: auto;

        overflow: hidden;

    }



    .cover-hamp-menu {

        display: none;

    }



    .overlay-text {

        padding-left: 5%;

    }



    .bf-none {

        border-left: 0px solid #333;

        height: auto;

    }



    .br-none {

        border-right: 0px solid #333;

        height: auto;

    }



    .bost-d {

        font-size: 4vw;

        text-align: center;

    }



    navbar-expand-md-md a {

        color: #fff;

    }



    .fixed-right-logo {

        width: 52px;

        height: auto;

        z-index: 99999;

    }



    .fixed-right-logo img {

        width: 100%;

    }

}



@media only screen and (min-width: 1600px) {



    .overlay {

        width: 602px;

        padding-top: 20px;

        padding-bottom: 30px;

    }



    .land-img img {

        width: 100%;

        height: 90vh;

    }

}



@media only screen and (min-width: 1900px) {

    #carousel-one img {

        width: 100%;

    }



    .overlay {

        width: 602px;

        padding-top: 20px;

        padding-bottom: 30px;

    }



    .land-img img {

        width: 100%;

        height: 91vh;

    }

}



@media only screen

and (min-device-width: 375px)

and (max-device-width: 667px)

and (-webkit-min-device-pixel-ratio: 2)

and (orientation: landscape) {



    .reduce-logo {

        right: 0;

    }



    .navbar-toggler {

        background-image: url(../images/hamburger_icon.svg);

    }



    .socials {

        display: none;

    }



    .middle-menu {

        display: none;

    }

}



@media only screen  and (max-device-width: 736px)  and (orientation: landscape) {

    .reduce-logo {

        right: 0;

    }



    .navbar-toggler-icon {

        background-image: url(../images/main/hamburger_icon.svg);

    }



}