* {
    padding: 0;
    margin: 0
}

body {
    overflow-x: hidden;
    margin: 0;
    padding: 0
}

header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    background-color: #fff;
    height: 130px
}

.mapfit {
    width: 100%;
    height: 550px;
    position: relative;
    overflow: hidden
}

.left-space {
    margin-left: 7%
}

.menu-title {
    position: fixed;
    top: 6.5%;
    left: 8%;
    font-family: montserratextralight;
    font-size: 16px
}

.logo {
    position: fixed;
    top: 1.5%;
    right: 2%;
    z-index: 1005
}

.carousel {
    position: relative
}

.logo1 {
    position: fixed;
    top: 1.5%;
    right: 2%;
    z-index: 1005
}

.home {
    width: 100%;
    height: 100vh
}

.home p {
    font-family: montserratlight;
    color: #000;
    font-size: 31px;
    line-height: 47px;
    top: 37%;
    position: absolute;
    left: 5%
}

.home p a {
    font-family: montserratlight;
    font-size: 12px;
    color: #000;
    position: absolute;
    padding: 2%;
    background-image: url(../../../images/home/home-btn.png);
    background-repeat: no-repeat;
    background-size: 40% 82%;
    margin-top: 12%
}

.home p a:hover {
    background-size: 100% 82%;
    text-decoration: none
}

.carousel-caption h2 {
    font-family: montserratbold;
    font-size: 35px!important;
    color: #fff!important;
    text-align: right!important;
    padding-right: 0px!important;
    width: 100%;
    line-height: 46px
}

.carousel-caption h3 {
    font-family: montserratlight;
    font-size: 12px!important;
    color: #fff!important;
    text-align: right!important;
    margin-bottom: 32%;
    padding-right: 0px!important;
    width: 100%
}

.caption-hr {
    width: 40%;
    border-top: 2px solid #fff;
    margin-left: 60%
}

.home-view-more {
    height: 21%;
    width: 11%;
    background-color: #FFD800;
    position: absolute;
    bottom: 0%;
    left: 36%;
    z-index: 1000
}

.home-view-more span {
    position: absolute;
    bottom: 40%;
    left: -40%
}

.view-more-btn {
    margin-left: 45%;
    margin-top: 66%
}

.about {
    width: 100%;
    height: auto;
    padding-top: 10%;
    padding-bottom: 10%;
    padding-left: 5%;
    padding-right: 5%;
    background-color: #000;
    color: #fff
}

.about h1 {
    font-family: 'montserratregular';
    padding-left: 6%;
    font-size: 32px;
    padding-top: 9%
}

.about h2 {
    font-family: 'montserratregular';
    padding-left: 6%;
    font-size: 25px;
    padding-top: 7%
}

.about p {
    font-family: 'montserratregular';
    padding-left: 12%;
    font-size: 15px;
    padding-top: 7%
}

.aboutmore {
    width: 8%;
    height: 7%;
    background-color: #950F74;
    position: absolute;
    bottom: -15%;
    right: 37%
}

.aboutmore span {
    position: absolute;
    bottom: 25%;
    right: -40%;
    font-family: 'montserratregular';
    font-size: 10px
}

.project {
    width: 100%;
    height: auto;
    padding-top: 10%;
    padding-bottom: 10%;
    padding-left: 5%;
    padding-right: 5%;
    background-color: #F2F2F2;
    color: #000
}

.project h1 {
    font-family: 'montserratregular';
    padding-left: 6%;
    font-size: 32px;
    padding-top: 9%
}

.project h2 {
    font-family: 'montserratregular';
    padding-left: 6%;
    font-size: 25px;
    padding-top: 7%
}

.project p {
    font-family: 'montserratregular';
    padding-left: 12%;
    font-size: 15px;
    padding-top: 7%
}

.proj-caption-div {
    position: absolute;
    bottom: 4%;
    left: 4%
}

.proj-caption {
    font-family: montserratbold;
    font-size: 20px!important;
    color: #fff!important;
    text-align: left;
    width: 100%
}

.proj-sub-caption {
    font-family: montserratlight;
    font-size: 12px!important;
    color: #fff!important;
    text-align: left;
    width: 100%
}

.proj-caption-hr {
    width: 40%;
    border-top: 2px solid #fff
}

.projmore {
    width: 8%;
    height: 7%;
    background-color: #FFD800;
    position: absolute;
    bottom: -15%;
    right: 37%
}

.projmore span {
    position: absolute;
    bottom: 25%;
    right: -40%;
    font-family: 'montserratregular';
    font-size: 10px
}

.topspace {
    margin-top: 10%
}

.collaborations {
    width: 100%;
    height: auto;
    padding-top: 10%;
    padding-bottom: 10%;
    padding-left: 5%;
    padding-right: 5%;
    background-image: url(../../../images/collabration/collabration-bg.png);
    background-size: cover;
    color: #fff
}

.overlay {
    height: auto;
    width: 100%;
    background-color: #00000063
}

.collaborations h1 {
    font-family: 'montserratregular';
    padding-left: 6%;
    font-size: 32px;
    padding-top: 9%
}

.collaborations h2 {
    font-family: 'montserratregular';
    padding-left: 6%;
    font-size: 25px;
    padding-top: 7%
}

.collaborations p {
    font-family: 'montserratregular';
    padding-left: 12%;
    font-size: 15px;
    padding-top: 7%
}

.promoters {
    width: 100%;
    height: auto;
    padding-top: 10%;
    padding-bottom: 10%;
    padding-left: 5%;
    padding-right: 5%;
    color: #000;
    background-color: #f2f2f2
}

.promoters h1 {
    font-family: 'montserratregular';
    padding-left: 6%;
    font-size: 32px;
    padding-top: 9%
}

.promoters h2 {
    font-family: 'montserratregular';
    padding-left: 6%;
    font-size: 20px;
    padding-top: 7%;
    line-height: 30px
}

.promoters p {
    font-family: 'montserratregular';
    padding-left: 12%;
    font-size: 15px;
    padding-top: 7%;
    line-height: 34px
}

.pro-img {
    width: auto;
    height: 65px
}

.global-logo {
    width: auto;
    height: 165px
}

.promoters p .global-logo {
    margin-top: 30%
}

.promoters p a {
    font-family: montserratlight;
    color: #000;
    position: absolute;
    z-index: 9999;
    padding: 2%;
    background-image: url(../../../images/promoter/btn-bg.png);
    background-repeat: no-repeat;
    background-size: 40% 100%
}

.promoters p a:hover {
    background-size: 100% 100%;
    text-decoration: none
}

.contact {
    width: 100%;
    height: auto;
    padding-top: 10%;
    padding-bottom: 10%;
    padding-right: 5%;
    color: #fff;
    background-image: url(../../../images/contact/contact-bg.jpg)
}

.contact h1 {
    font-family: 'montserratregular';
    padding-left: 6%;
    font-size: 32px
}

.contact h2 {
    font-family: 'montserratregular';
    padding-left: 6%;
    font-size: 20px;
    padding-top: 7%;
    line-height: 30px
}

.contact p {
    font-family: 'montserratregular';
    font-size: 13px;
    padding-top: 7%;
    padding-left: 6%
}

.contact p span {
    font-family: 'montserratbold';
    font-size: 18px;
    padding-top: 7%
}
 .subtitle {
    font-family: 'montserratbold';
    font-size: 15px !important;
    padding-top: 7%
}
.contact .frm {
    background-color: #fff;
    padding: 20px
}

.contact .frm-box {
    width: 100%;
    border: 1px solid #D5D5D5;
    padding: 15px;
    margin: 0 0 25px 0;
    background-color: #fff;
    font-family: 'montserratregular';
    color: #D5D5D5
}

.contact .frm-box::placeholder {
    color: #D5D5D5;
    opacity: 1
}

.contact .frm-box:-ms-input-placeholder {
    color: #D5D5D5
}

.contact .frm-box::-ms-input-placeholder {
    color: #D5D5D5
}

.contact .btnstyle {
    border: 1px solid black;
    border-radius: 0;
    background-color: #1F0303;
    width: 150px;
    height: 50px;
    margin-left: 72%;
    color: #fff;
    font-family: 'montserratregular';
    font-size: 20px;
    text-transform: capitalize
}

.contact .form-title {
    font-family: 'montserratregular';
    font-weight: 100;
    font-size: 34px;
    color: #000;
    padding-top: 0;
    padding-left: 2%
}

.contact hr {
    border-top: 1px solid #707070
}
/**/
.contactnew {
    width: 100%;
    height: auto;
    padding-top: 10%;
    padding-bottom: 10%;
    padding-right: 5%;
    color: #fff;
    background-image: url("../../../images/collabration/collabration-bg1.png");
}

.contactnew h1 {
    font-family: 'montserratregular';
    padding-left: 6%;
    font-size: 32px
}

.contactnew h2 {
    font-family: 'montserratregular';
    padding-left: 6%;
    font-size: 20px;
    padding-top: 7%;
    line-height: 30px
}

.contactnew p {
    font-family: 'montserratregular';
    font-size: 13px;
    padding-top: 7%;
    padding-left: 6%
}

.contactnew p span {
    font-family: 'montserratbold';
    font-size: 18px;
    padding-top: 7%
}
 .subtitle {
    font-family: 'montserratbold';
    font-size: 15px !important;
    padding-top: 7%
}
.contactnew .frm {
    background-color: #fff;
    padding: 20px
}

.contactnew .frm-box {
    width: 100%;
    border: 1px solid #D5D5D5;
    padding: 15px;
    margin: 0 0 25px 0;
    background-color: #fff;
    font-family: 'montserratregular';
    color: #D5D5D5
}

.contactnew .frm-box::placeholder {
    color: #D5D5D5;
    opacity: 1
}

.contactnew .frm-box:-ms-input-placeholder {
    color: #D5D5D5
}

.contactnew .frm-box::-ms-input-placeholder {
    color: #D5D5D5
}

.contactnew .btnstyle {
    border: 1px solid black;
    border-radius: 0;
    background-color: #1F0303;
    width: 150px;
    height: 50px;
    margin-left: 72%;
    color: #fff;
    font-family: 'montserratregular';
    font-size: 20px;
    text-transform: capitalize
}

.contactnew .form-title {
    font-family: 'montserratregular';
    font-weight: 100;
    font-size: 34px;
    color: #000;
    padding-top: 0;
    padding-left: 2%
}

.contactnew hr {
    border-top: 1px solid #707070
}

/**/
.modal {
    display: none;
    position: fixed;
    z-index: 1;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, .4)
}

.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%
}

.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: 700;
    margin-left: -3%
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer
}

.modalbtn {
    background-color: transparent;
    border: 1px solid #fff;
    padding: 5px;
    margin-left: 12%;
    background-image: url(../../../images/contact/map-icon.png);
    background-position: right center;
    background-repeat: no-repeat;
    color: #fff;
    padding-right: 5%;
    font-family: 'montserratregular';
    width: 35%
}

.modalbtn span {
    padding-right: 2%
}

.modal1 {
    display: none;
    position: fixed;
    z-index: 1;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, .4)
}

.modalbtn1 {
    background-color: transparent;
    border: 1px solid #fff;
    padding: 5px;
    margin-left: 5%;
    background-image: url(../../../images/contact/map-icon.png);
    background-position: right center;
    background-repeat: no-repeat;
    color: #fff;
    padding-right: 5%;
    font-family: 'montserratregular';
    width: 35%
}

.about-rotate-text {
    width: 100px;
    font-family: 'montserratregular';
    font-size: 22px;
    color: #950F74;
    -ms-transform: rotate(-270deg);
    -webkit-transform: rotate(-270deg);
    transform: rotate(-270deg);
    text-align: center;
    position: absolute;
    right: -10%;
    bottom: 50%
}

.about-rotate-text hr {
    border-bottom: 1px solid #950F74;
    margin-left: 110%;
    margin-top: -13px;
    width: 90%
}

.project-rotate-text {
    font-family: 'montserratregular';
    font-size: 22px;
    color: #000;
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    text-align: center;
    position: absolute;
    left: -16%;
    bottom: 50%
}

.project-rotate-text hr {
    border-bottom: 1px solid #000;
    margin-top: -16px;
    width: 60%;
    position: absolute;
    right: 110%
}

.collaborations-rotate-text {
    font-family: 'montserratregular';
    font-size: 22px;
    color: #fff;
    -ms-transform: rotate(-270deg);
    -webkit-transform: rotate(-270deg);
    transform: rotate(-270deg);
    text-align: center;
    position: absolute;
    right: -22%;
    bottom: 50%
}

.collaborations-rotate-text hr {
    border-bottom: 1px solid #fff;
    margin-left: 110%;
    margin-top: -13px;
    width: 35%
}

.promoters-rotate-text {
    font-family: 'montserratregular';
    font-size: 22px;
    color: #000;
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    text-align: center;
    position: absolute;
    left: -22%;
    bottom: 50%
}

.promoters-rotate-text hr {
    border-bottom: 1px solid #000;
    margin-top: -16px;
    width: 35%;
    position: absolute;
    right: 110%
}

.contact-rotate-text {
    font-family: 'montserratregular';
    font-size: 22px;
    color: #fff;
    -ms-transform: rotate(-270deg);
    -webkit-transform: rotate(-270deg);
    transform: rotate(-270deg);
    text-align: center;
    position: absolute;
    right: -13%;
    bottom: 50%
}

.contact-rotate-text hr {
    border-bottom: 1px solid #fff;
    margin-left: 110%;
    margin-top: -13px;
    width: 35%
}

.backeffect {
    width: 225px;
    height: 150px;
    background-color: #FFD800;
    position: absolute;
    bottom: -7%;
    left: -3%
}