html {
    overflow-x: hidden;
}

html {
    scroll-behavior: smooth;
}

#loder_2 {
    position: relative;
    top: -20%;
    left: 2%;

}

.popup {
    width: 100% !important;
    height: 100%;
    background-color: black;
    display: none;
    z-index: 1001;
    position: fixed;
}

.loading_02 {
    width: 100%;
    position: absolute;
    color: white;
    margin-left: auto;
    margin-right: auto;
    margin-top: 45vh !important;
    position: absolute;

}

.loading_02 h6 {
    /*background-color:red;*/
    font-size: 40px;
    letter-spacing: 1px !important;
    text-align: center;
    font-weight: 200 !important;
    top: 0;
    bottom: 0;
    left: auto;
    right: auto;
    opacity: 50%;

}

/*preloder logo first*/

#loading img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

#loading {
    position: relative;
    height: 100%;
    width: 100%;
}

.close-para {
    float: right;
    color: red;
    margin-right: 3px !important;
    font-weight: bold;
    font-size: 35px !important;
    margin-top: 5%;
}


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


    .dropdown-content {
        font-size: 16px;
    }

    #home_sting a {
        font-size: 25px !important;
        color: black;
        margin-top: 60px !important;

        letter-spacing: 2px;
    }

    #over_sting {
        font-size: 25px !important;
        color: black;
        margin-top: 100px !important;
        margin-left: -146px;
        letter-spacing: 2px;
    }

    #over_sting2 {
        font-size: 25px !important;
        color: black;
        margin-top: 140px !important;
        margin-left: -146px;
        letter-spacing: 2px;
    }

    #motion_1 a {
        letter-spacing: 2px;
        font-size: 25px !important;
        color: black;
        margin-top: 180px !important;
        margin-left: -170px !important;

    }

    #contact_sting a {
        letter-spacing: 2px;
        font-size: 25px !important;
        color: black;
        margin-top: 220px !important;
        margin-left: -170px !important;
    }

    #about_sting a {
        letter-spacing: 2px;
        font-size: 25px !important;
        color: black;
        margin-top: 260px !important;
        margin-left: -170px;
    }

    #pdf_sting a {
        letter-spacing: 2px;
        font-size: 25px !important;
        color: black;
        margin-top: 300px !important;
        margin-left: -195px;
    }


}


@media only screen and (max-width: 360px) {
    /*.loading_02 h6{*/
    /*     font-size:12px!important;*/
    /*     text-align:center!important;*/
    /* }*/
    /* .loading_02 {*/
    /*     margin-left:0%!important;*/
    /* }*/
    .dropdown-content a {
        font-size: 14px !important;
    }

    #home_sting a {
        font-size: 25px !important;
        color: black;
        margin-top: 60px !important;
        margin-left: -40px !important;
        letter-spacing: 2px;
    }

    #over_sting {
        font-size: 25px !important;
        color: black;
        margin-top: 100px !important;
        margin-left: -146px;
        letter-spacing: 2px;
    }

    #over_sting2 {
        font-size: 25px !important;
        color: black;
        margin-top: 140px !important;
        margin-left: -146px;
        letter-spacing: 2px;
    }

    #motion_1 a {
        letter-spacing: 2px;
        font-size: 25px !important;
        color: black;
        margin-top: 180px !important;
        margin-left: -170px !important;

    }

    #contact_sting a {
        letter-spacing: 2px;
        font-size: 25px !important;
        color: black;
        margin-top: 220px !important;
        margin-left: -170px !important;
    }

    #about_sting a {
        letter-spacing: 2px;
        font-size: 25px !important;
        color: black;
        margin-top: 260px !important;
        margin-left: -170px;
    }

    #pdf_sting a {
        letter-spacing: 2px;
        font-size: 25px !important;
        color: black;
        margin-top: 300px !important;
        margin-left: -195px;
    }

    h4 {
        color: #fff;
        margin-top: 55%;
        margin-left: 30%;
        letter-spacing: 1px;
        font-size: 16px;
        font-family: 'Montserrat', sans-serif;
    }
}

.menu-index {
    font-size: 30px;
    cursor: pointer;
    float: right;
    margin-top: 20px;

}

.menu-index i {
    margin-left: 10% !important;
    color: #ddd;
}

#page {
    display: none;
}


.menu_size_chng li a {
    font-size: 20px;
    color: #000;
    font-weight: 800;
}


.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #fff;
    opacity: 1;
    opacity: 0.8;
    overflow-x: hidden;
    transition: 0.6s;
    /*padding-top: 60px;*/
    text-align: center;
}

.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #ddd;
    display: block;
    /*transition: 0.3s;*/
    font-family: 'Montserrat', sans-serif;

}

.sidenav a:hover {
    color: #000;
}

/*.sidenav a:hover{*/
/*  color: #f1f1f1;*/
/*}*/


@media screen and (max-height: 450px) {
    .sidenav {
        padding-top: 15px;
    }

    .sidenav a {
        font-size: 18px;
    }
}

.sidenav ul {
    list-style: none;
    margin-left: 20%;
    list-style-type: none;
    /*margin: 0;*/
    padding: 0;
    /*overflow: hidden;*/
    /*background-color: #333;*/
}

.sidenav ul li {
    float: left;
    margin-bottom: 30px;
    /*position:absolute;*/

}

.closebtn {
    /*color:#fff!important;*/
    /*background-color:#000;*/
    /*margin-top:20px;*/
    /*height:30px;*/
    /*width:30px;*/

}

.close-para {
    float: right;
    color: grey;
    margin-right: 3px !important;
    font-weight: bold;
    font-size: 25px !important;
    margin-top: 5%;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 17px;
    margin-left: 50px;
}

.dropbtn {
    display: inline-block;
    color: white;
    text-align: justify;
    /*padding: 14px 16px;*/
    text-decoration: none;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #fff;
    border: 1px solid #ddd;
    min-width: 160px;
    /*box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
    z-index: 1;
    /*width: 140%;*/
    width: 210px;
}

.dropdown-content a {
    color: #000;
    opacity: 1;
    font-size: 19px !important;
    font-family: 'Montserrat', sans-serif;
    padding: 0;
    margin-left: 15%;
    text-decoration: none;
    display: block;
    text-align: left;
    border-bottom: 1px solid #ddd;
}

.dropdown-content a:hover {
    background-color: #f1f1f1
}

.dropdown:hover .dropdown-content {
    display: block;
}


/*all media query*/


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

    /*            .popup{*/
    /*    width:100%!important;*/
    /*    height:100%;*/
    /*    background-color:black;*/
    /*    display:none;*/
    /*    z-index: 1001;*/
    /*    position:fixed;*/
    /*}*/
    /*.popup .loading_02{*/
    /*   position:relative;*/
    /*  left:-3%;*/
    /*  top:200px;*/
    /*  padding:20px;*/
    /*} */
    /*#preloader{*/
    /*    background-color:#000;*/
    /* margin:0;*/
    /* padding:0;*/
    /*}*/
}


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

    .dropdown-content {
        font-size: 18px;
    }

    #home_sting a {
        font-size: 25px !important;
        color: black;
        margin-top: 60px !important;

        letter-spacing: 2px;
    }

    #over_sting {
        font-size: 25px !important;
        color: black;
        margin-top: 100px !important;
        margin-left: -146px;
        letter-spacing: 2px;
    }

    #over_sting2 {
        font-size: 25px !important;
        color: black;
        margin-top: 140px !important;
        margin-left: -146px;
        letter-spacing: 2px;
    }

    #motion_1 a {
        letter-spacing: 2px;
        font-size: 25px !important;
        color: black;
        margin-top: 180px !important;
        margin-left: -170px !important;

    }

    #contact_sting a {
        letter-spacing: 2px;
        font-size: 25px !important;
        color: black;
        margin-top: 220px !important;
        margin-left: -170px !important;
    }

    #about_sting a {
        letter-spacing: 2px;
        font-size: 25px !important;
        color: black;
        margin-top: 260px !important;
        margin-left: -170px;
    }

    #pdf_sting a {
        letter-spacing: 2px;
        font-size: 25px !important;
        color: black;
        margin-top: 300px !important;
        margin-left: -195px;
    }

}

/*    @media (max-width:480px){*/
/*    ul.menu_size_chng.mt-2 {*/
/*    position: absolute !important;*/
/*left: -25px !important;*/
/*}*/
/*a#home_1 {*/
/*    margin-left: -80px;*/
/*}*/
/*a#over_sting {*/
/*    margin-left: -122px;*/
/*}*/
/*a#over_sting2 {*/
/*    margin-left: -85px !important;*/
/*}*/

/*a#over_sting2 {*/
/*    margin-left: -170px !important;*/
/*}*/
/*a#over_sting3 {*/
/*    margin-left: -168px !important;*/
/*}*/
/*li#contact_sting{*/
/*    margin-left:-7px;*/
/*}*/
/*li#about_sting {*/
/*    margin-left: -20px;*/
/*}*/
/*li#pdf_sting {*/
/*    margin-left: 28px;*/
/*}*/
/*.dropdown-content {*/
/*    left: -28px;*/
/*}*/
/*.dropdown-content a {*/
/*    font-size: 16px !important;*/
/*    margin-bottom: -180px !important;*/
/*    display: contents;*/
/*    text-align: left !important;*/
/*    font-weight: 600 !important;*/
/*    text-transform: lowercase;*/
/*}*/
/*.dropdown-content {*/
/*    left: -42px;*/
/*}*/
/*}*/

/* About and Contact Page*/

@charset "utf-8";
/* CSS Document */

.main-sec{ margin:0px;}
.left-sec {
  float: left;
  width: 50%;
}
.left-sec img{ width:100%;}
.right-sec{ float:left; width:50%; position:relative;}
.right-sec img{ width:100%;}
.right-txt-sec{ position: absolute;
padding: 60px 80px 60px 90px;
top: 10%;
left: 0;
right: 0;}
.right-txt-sec p{
margin: 0 auto;
text-transform: uppercase;
font-size: 17px;
line-height: 27px;
font-family: 'Montserrat', sans-serif;
text-align: left;
}

.right-txt-sec p a{ color:#fab037; text-decoration: none;}
.right-txt-sec p a:hover{ opacity:0.7;}
.mobile-sec{ display:none;}


/*--contact--*/

.contact-inner{width: 400px; margin: 0 auto; padding-left: 70px;}
.contact-listing{ padding:0px;}
.contact-listing li{ list-style:none; position: relative;
color: #fab037;
text-transform: uppercase; font-family: 'Montserrat', sans-serif; font-size: 17px;
margin-bottom: 18px;}
.contact-listing li a{ color: #fab037; text-decoration:none;}
.contact-listing li a:hover{ opacity:0.7;}
.contact-inner h3 {
  color: #fab037;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 20px;
}
.contact-listing li .top-insta{ width: 18px;
position: absolute;
left: -28px; top: 1px;}
.contact-listing li span {
font-weight: 300;
text-transform: lowercase;
font-size: 17px;
}
.contact-inner h5{ font-size: 20px;
text-transform: uppercase;
color: #000;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
margin: 0px;
padding-top: 40px;
}
.contact-inner p.head{ text-transform:capitalize;}
.contact-inner p{font-family: 'Montserrat', sans-serif;
font-weight: 200;
text-transform: lowercase;
margin-bottom: 0px;}
.btm-insta{display:none;}
.contact-inner p a{ color:#000;}

.contact-mbl-sec{ display:none;}
.contact-mbl-sec{background-image:url(../images/phone-contact-img.jpg);}





@media screen and (max-width: 1080px) {
.right-txt-sec p {
  font-size: 14px;
}
.right-txt-sec {
  padding: 12px 60px 60px 60px;
}
.right-txt-sec.contact-txt{ padding: 0px 60px 60px 60px; top: 13%;}


}

@media screen and (max-width: 800px) {
.right-sec {
  float: left;
  width: 100%;
  position: relative;
}
.left-sec {
  float: left;
  width: 100%;
}

.right-txt-sec.contact-txt {
  top: 2%;
  text-align:center;
}
.contact-inner {
  padding-left: 0;
}	
.top-insta {
  display: none;
}
.right-sec .contact-listing .btm-insta{ 
display:block;width: 18px;
margin: 0 auto;margin-top: 5px;
}
.contact-inner p{ text-align:center; line-height: 22px;}



}

@media screen and (max-width: 768px) {
.left-sec, .right-sec{ display:none;}

.mobile-sec{ display:block;}

.mobile-sec {
  background-image: url(../images/phone-about-img.jpg);
  background-repeat: no-repeat;
  padding: 40px 80px;
  background-size: cover;
  height: 800px;
}
.mobile-sec p {
  margin: 0 auto;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 27px;
  font-family: 'Montserrat', sans-serif;
  text-align: left;
  width: 500px;
  margin-bottom: 80px;
  margin-top: 60px;
}

.contact-mbl-sec {
display: block;
text-align: center;
padding: 100px 0px;
background-size: cover;
background-repeat: no-repeat;
}
.contact-mbl-sec .btm-insta {
  display: none;
  display: block;
  width: 18px;
  margin: 0 auto;
    margin-top: 0px;
  margin-top: 5px;
}

.contact-mbl-sec .contact-inner {
  margin: 0 auto;
  margin-bottom: 40px;
  padding-bottom: 80px;
}
.contact-mbl-sec .contact-inner h3 {
  margin-top: 0px;
}
	
}

@media screen and (max-width: 480px) {
.contact-inner {
  width: 100%; padding-left: 0px;}
.right-txt-sec.contact-txt {
  padding: 0px 10px 60px 10px;
}
.right-txt-sec {
  top: 2%;
}
.contact-listing {
  margin: 5px;
}

.mobile-sec {
  padding: 40px 80px;
  background-size: cover;
  height: 800px;
}
.mobile-sec p{
    margin: 0 auto;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 27px;
    font-family: 'Montserrat', sans-serif;
    text-align: left;
    width: 100%;
    margin-bottom: 80px;
    margin-top: 60px;
}
  
}

@media screen and (max-width: 360px) {
.right-txt-sec {
  padding: 12px 30px 10px 30px;
  top: 5%;
}
.right-txt-sec p {
  font-size: 12px; line-height: 22px;
}
.right-txt-sec.contact-txt {
  top: 2%;
}
.contact-inner {
  padding-left: 0px;
}
.contact-listing li{ font-size:14px;}
.contact-listing li span{ font-size:13px;}
.contact-inner h5 {
  font-size: 14px;
  padding-top: 3px;
}

.contact-inner h3 {
  margin: 2px 0px; font-size: 17px;
}
.mobile-sec {
  padding: 40px 50px;
  background-size: cover;
  height: 800px;
}
}

@media screen and (max-width: 320px) {
.right-txt-sec {
  padding: 12px 30px 10px 30px;
  top: 2%;
}	
}

/*.dropdown-content {*/
/*    left: -42px;*/
/*   text-align: left;*/
/*   padding:5px;*/
/*}*/


@media (max-width:480px){
ul.menu_size_chng.mt-2 {
    left: -18px;
    position: absolute;
}

.dropdown-content {
    left: -70px;
}
a.motion-link {
    margin-bottom: -172px;
}

a.motion-link {
    left: 183px;
    position: relative;
    width: 100%;
    top: -198px;
}
a.motion-link {
    letter-spacing: 0px !important;
}
#over_sting {
    background: #fff;
}
a.next {
    margin-top: -60px !important;
}

a.prev{
    margin-top: -60px !important;    
}
}


/*30june*/

    /*@media (max-width:1024px){*/
    
    /*.sidenav ul li {*/
    /*    text-align: center !important;*/
    /*}ul.menu_size_chng.mt-2 {*/
        /*position: relative !important;*/
    /*    width: 100% !important;*/
    /*}*/
    /*.sidenav ul {*/
    /*    margin-left: 0px !important;}*/
    /*    #over_sting {*/
        
        /*margin-top: 0px !important;*/
        /*margin-left: 0px !important;*/
            
    /*    }}*/