@charset "UTF-8";

@font-face {
    font-family: 'gramersregular';
    src: url('../fonts/gramers_regular-webfont.woff2') format('woff2'),
         url('../fonts/gramers_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'corporate_aregular';
    src: url('../fonts/corporate_a_regular-webfont.woff2') format('woff2'),
         url('../fonts/corporate_a_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

*{box-sizing: border-box}

body, input, textarea{ margin:0px; padding:0px; font-family: 'corporate_aregular'; font-weight: normal; }
ul{list-style:none; margin:0px; padding:0px;}
ul li{list-style:none;  margin:0px; padding:0px;}
ul li{list-style:none;  margin:0px; padding:0px;}
*{box-sizing: border-box;}
h1, h2, h3, h4, h5, h6, p { margin: 0px 0px 10px 0px;padding: 0px;}
.header-main{ margin: 0px; padding:10px 0px; background: #fff;}
.wrapper{ margin: 0 auto; max-width: 1400px; width: 90%;}

/*--Header Css Start--*/
header{ margin:0px 0px; padding:6px 0px; width:100%; }
header .tz-t1{ display:table; width:100%;}
header .tz-r1{ display:table-row;}
header .tz-c1{ display:table-cell; position:relative; vertical-align:middle; text-align:right}
header .tz-c1:first-child{ width:260px; text-align:left}

/*--Header Css End--*/

/*--On Scroll Small Header Css Start--*/
.fix_header {position: fixed;top: 0;left: 0;right: 0;padding: 0 0 0px 0;z-index:99999; -webkit-box-shadow: 0px 5px 13px -9px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 5px 13px -9px rgba(0,0,0,0.75);
box-shadow: 0px 5px 13px -9px rgba(0,0,0,0.75); /*background: #fff;*/}
.logoOuter { padding: 0; display: inline-block; width: 100%;  padding:0px 0px 0px 0px; }
.logoOuter img {width: 100%; max-width:160px; height:auto; padding:2px 0px;vertical-align: bottom;}
.fix_header.smaller, .fix_header.smaller .logoOuter img, .fix_header, .logoOuter, .logoOuter img, 
.fix_header.smaller .fix_headerRT_inner, .fix_headerRT_inner{ transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; }
.fix_header.smaller{   padding: 0px 0 0px 0px; background: rgba(0,0,0,0.7)}
.fix_header.smaller .logoOuter{ padding:0px 0px; width:140px; }
.fix_header.smaller .fix_headerRT_inner{ padding:0px 10px 0px 0; margin-top:15px;}
.fix_header.smaller nav ul li{  }
.logoOuter, .fix_header.smaller .logoOuter{transition:all 1s; -moz-transition:all 1s; -webkit-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s;}

.d-d{display: block}
.m-d{display: none}
.m-d-2{display: none}

 img.d-d {min-width: 100%;height: 100vh; width: 100%; object-fit: cover;object-position: top center;}
.carousel-cap{ text-align: center; position: absolute;z-index: 99; left: 45%; width: 40%; top: 20vh;}
.carousel-cap-2{ text-align: center; position: absolute;z-index: 99; left: 10%; width: 40%; top: 20vh;}
.carousel-item h1{font-size: 60px; color: #fefefe; font-family: 'gramersregular'; font-weight: normal;margin: 0px;padding: 0px;}
.carousel-item h4{font-size: 44px; line-height: 60px; color: #866c3f;  font-family: 'corporate_aregular';margin: 0px;padding: 15px 0px; letter-spacing: 1px;font-weight: normal;}
.button-1{padding: 4px 24px;text-decoration: none;  font-family: 'corporate_aregular';display: inline-block;  color: #141920;border: #f3ca8c; border-radius: 10px;font-size: 26px;border: 2px solid #916c3e;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#75532b+0,75532b+54,75532b+54,64431f+100 */
background: #75532b; /* Old browsers */
background: -moz-linear-gradient(top,  #75532b 0%, #75532b 54%, #75532b 54%, #64431f 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #75532b 0%,#75532b 54%,#75532b 54%,#64431f 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #75532b 0%,#75532b 54%,#75532b 54%,#64431f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#75532b', endColorstr='#64431f',GradientType=0 ); /* IE6-9 */}

.carousel-item-bg-1{background: #641d26; /* Old browsers */
background: -moz-linear-gradient(top,  #641d26 0%, #48161f 44%, #210911 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #641d26 0%,#48161f 44%,#210911 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #641d26 0%,#48161f 44%,#210911 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#641d26', endColorstr='#210911',GradientType=0 ); /* IE6-9 */}


.carousel-item-bg-2{
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#365e55+0,13393a+44,092d29+100 */
background: #365e55; /* Old browsers */
background: -moz-linear-gradient(left,  #365e55 0%, #13393a 44%, #092d29 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #365e55 0%,#13393a 44%,#092d29 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #365e55 0%,#13393a 44%,#092d29 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#365e55', endColorstr='#092d29',GradientType=1 ); /* IE6-9 */}
.carousel-item-bg-3{background: #000f42; /* Old browsers */}



#section2{ background-color: #e6e5e3;}
.section-2{display: flex; width: 100%;height: 100%}
.section-2-1 h3{color: #897043;font-size: 40px;font-family: 'corporate_aregular';font-weight: normal;}
.section-2-1 p{color: #000;font-size: 22px; margin: 30px 0px; font-family: 'corporate_aregular';font-weight: normal;}


.section-2-1{width: 65%; min-height: 100vh; display: flex;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f5f0ec+0,f9f0e7+68,e0d8d2+83,a29b93+100 */
background: #f5f0ec; /* Old browsers */
background: -moz-linear-gradient(left,  #f5f0ec 0%, #f9f0e7 68%, #e0d8d2 83%, #a29b93 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #f5f0ec 0%,#f9f0e7 68%,#e0d8d2 83%,#a29b93 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #f5f0ec 0%,#f9f0e7 68%,#e0d8d2 83%,#a29b93 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f0ec', endColorstr='#a29b93',GradientType=1 ); /* IE6-9 */

}
.section-2-2{width: 35%;min-height: 100vh; display: flex;flex-wrap: wrap;

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c3bcaa+0,f5ebdf+44,c0b4a9+100 */
background: #c3bcaa; /* Old browsers */
background: -moz-linear-gradient(left,  #c3bcaa 0%, #f5ebdf 44%, #c0b4a9 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #c3bcaa 0%,#f5ebdf 44%,#c0b4a9 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #c3bcaa 0%,#f5ebdf 44%,#c0b4a9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c3bcaa', endColorstr='#c0b4a9',GradientType=1 ); /* IE6-9 */


}
.section-2-2-1{width: 100%;}

.section-2-2-1 img{height: 60vh;width: 100%;object-fit: cover;
    object-position: center;}
.section-2-2-2{height: 35vh; width: 100%;margin: auto; padding: 20px;text-align: center}

.section-2 h2{font-size: 50px; color: #435b45; line-height: 66px; font-family: 'gramersregular'; font-weight: normal;margin: auto;padding: 0px;}
.section-2 h4{font-size: 44px; line-height: 60px; color: #866c3f;  font-family: 'corporate_aregular';margin: 0px;padding: 15px 0px; letter-spacing: 1px;font-weight: normal;}
.section-2-1-1{margin: auto;width: 80%;}

.button-2{padding: 8px 24px;text-decoration: none;  font-family: 'corporate_aregular';display: inline-block;  color: #c8b69b; border: 0px; font-size: 18px; background: #435b45; border-radius: 8px;
}



.n-item {
    height: 100vh;
    position: relative;
}
.n-item-bg-1{background: #641d26; /* Old browsers */
background: -moz-linear-gradient(top,  #641d26 0%, #48161f 44%, #210911 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #641d26 0%,#48161f 44%,#210911 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #641d26 0%,#48161f 44%,#210911 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#641d26', endColorstr='#210911',GradientType=0 ); /* IE6-9 */}
.n-cap{ text-align: center; position: absolute;z-index: 99; left: 45%; width: 40%; top: 20vh;}
.n-cap-2{ text-align: center; position: absolute;z-index: 99; left: 10%; width: 40%; top: 20vh;}
.n-item h2{font-size: 60px; color: #fefefe; font-family: 'gramersregular'; font-weight: normal;margin: 0px;padding: 0px; line-height: 66px; margin-bottom: 20px;}
.n-item h4{font-size: 44px; line-height: 60px; color: #866c3f;  font-family: 'corporate_aregular';margin: 0px;padding: 15px 0px; letter-spacing: 1px;font-weight: normal;margin-bottom: 40px;}

.white-1{ color: #fff !important}
.color-1{ color: #958073 !important}
.n-cap-left{left: 10% !important; width: 40% !important;}
.n-cap-right{right: 5% !important; width: 300px !important; left: auto; top: 12vh; text-align: center;  position: absolute; z-index: 99; }

.n-cap-right h2 {  font-size: 50px; color: #edbf5a; font-family: 'gramersregular';  font-weight: normal;  margin: 0px; padding: 0px; line-height: 66px;  margin-bottom: 20px; }

.bangle-1{left: 10% !important; width: 80% !important; bottom: 23vh; text-align: center;  position: absolute; z-index: 99; }
.bangle-1 h3 {  font-size: 30px; color: #fff; font-family: 'gramersregular';  font-weight: normal;  margin: 0px; padding: 0px; line-height: 66px;  margin-bottom: 20px; }
.n-item-bg-2{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#06121d+0,132432+44,090a0e+100 */
background: #06121d; /* Old browsers */
background: -moz-linear-gradient(left,  #06121d 0%, #132432 44%, #090a0e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #06121d 0%,#132432 44%,#090a0e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #06121d 0%,#132432 44%,#090a0e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#06121d', endColorstr='#090a0e',GradientType=1 ); /* IE6-9 */
}


.contact-cap-2{ border: 2px solid #e0b580; padding: 40px 20px; text-align: center; position: absolute;z-index: 99; left: 50%; width: 90%; max-width: 800px; top: 50%;transform: translate(-50%, -50%);margin: 0 auto}
.contact-cap-2 h2{font-size: 30px; color: #fefefe; font-family: 'gramersregular'; font-weight: normal;margin: 0px;padding: 0px; line-height: 66px; margin-bottom: 20px;}
.contact-cap-2 h5{font-size: 22px; line-height: 28px; color: #fff;  font-family: 'corporate_aregular';margin: 0px;padding: 15px 0px; letter-spacing: 1px;font-weight: normal;}


.button-5{border: 1px solid #937455; padding: 12px 24px;text-decoration: none;  font-family: 'corporate_aregular';display: inline-block;  color: #fff; font-size: 18px; background: #071632; 
}

 .flex-1 img{height: 150px;width: auto; margin: 0 0 20px 0;color: #fff; }
        .flex-1 h4{font-family: 'corporate_aregular';font-size: 16px; line-height: 22px; color: #fff;    font-weight: normal;}
        .flex-1{display: flex;max-width: 80%; height: 100vh; margin: 0 auto; justify-content: space-around}
        .team-sec-1{width: 40%; padding: 20px;box-sizing: border-box; background: #162a27; min-height: 55vh; align-self: flex-start;position: relative;}
        .team-sec-2{width: 40%; padding: 20px;box-sizing: border-box;background: #162a27; min-height: 55vh;align-self: flex-end;position: relative;}
.d-1{width: 100px; position: absolute;bottom: -80px; right: -50px;}
.d-1 img{ width: 100%;height: auto}

.d-2{width: 150px;position: absolute;top: -50px; left: -30px;}
.d-2 img{width: 100%;height: auto}



.section2a{background: #e2dedb; min-height: 100vh; width: 100%;}


.sec-1 img.d-d{object-position: top center;}
.sec-2 img.d-d{object-position: top center;}
.sec-3 img.d-d{object-position: top center;}
.sec-4 img.d-d{object-position: top center;}
.sec-5 img.d-d{object-position: top center;}
.sec-6 img.d-d{object-position: top center;}
.sec-7 img.d-d{object-position: top center;}
.sec-8 img.d-d{object-position: top center;}


@media screen and (max-width:1400px){
    .d-1 {
    width: 100px;
    position: absolute;
   bottom: -113px;
    right: -48px;
}
    
    .carousel-item h1 { font-size: 40px;  }
    .carousel-item h4 { font-size: 34px;line-height: 38px;letter-spacing: 1px;padding: 10px 0px;  }
    .n-item h2 { font-size: 40px;  }
    
    .contact-cap-2 h5 { font-size: 18px; line-height: 26px; padding: 12px 0px;}
    
        .contact-bg img.m-d{height: 100vh;}
        .contact-bg img.m-d-2{height: 100vh;}
    
   /* .team-sec-1{height: auto;width: 100%}
    .flex-wrap{flex-wrap: wrap; width: 100%}*/
    
   
    .n-cap-right br{ display: none;}
     .n-cap-right h2{text-shadow: 1px 5px 5px #000;}
    #section4 .n-item h2 br{ display: none;}
    .n-cap-left {
    left: 5% !important;
}
    
    .flex-1 {
    max-width:100%;
    }
    .team-sec-1 { width: 40%; padding: 20px; height: auto;min-height: auto;}
    .team-sec-2 { width: 40%; padding: 20px; height: auto;min-height: auto;margin-top: 300px}
    #section2a, .flex-1{min-height: auto !important;height: auto !important}
    
.sec-1 img.d-d{object-position: top left;}
.sec-2 img.d-d{object-position: top right;}
.sec-3 img.d-d{object-position: top left;}
.sec-4 img.d-d{object-position: top right;}
.sec-5 img.d-d{object-position: top center;}
.sec-6 img.d-d{object-position: top center;}
.sec-7 img.d-d{object-position: top center;}
.sec-8 img.d-d{object-position: top center;} 
}


@media screen and (max-width:1024px){
    .team-wrap-2{margin: auto; max-width: 80%;}
    .flex-1{flex-wrap: wrap}
    .team-sec-1{width: 100%;height: 100vh;    margin: auto;
    display: flex;}
    .team-sec-2{width: 100%;height: 100vh;    margin: auto;
    display: flex;}
    
    nav { background: #fff !important;}
    header .tz-c1{display: block; width: 100%}
    header .tz-c1:first-child{width: 100%}
    .sf-1 { width: 33%;    padding: 30px 15px; }
    .sf-1:nth-child(4n+4) { border-right: 1px solid #EBEBEB; }
    .sf-1:nth-child(3n+3) { border-right: 0px solid #EBEBEB; }
    .d-d{display: none}
    .m-d{display: block}
    .m-d-2{display: block}
    img.m-d {width: 100%;height: auto;height: 65vh; object-fit: cover;object-position: center center}
    img.m-d-2 {width: 100%;height: auto;height: 100vh; object-fit: cover;object-position: center center}
    
    .top-2{top: auto !important; bottom: 20vh;}
    .carousel-item h1 { font-size: 38px;  }
    .carousel-item h4 { font-size: 32px;line-height: 36px;letter-spacing: 1px;padding: 10px 0px;  }
    .carousel-cap { text-align: center; position: absolute; z-index: 99; left: 10%; width: 80%; top: 68vh }
    .carousel-cap-2{text-align: center; position: absolute;  z-index: 99; left: 10%; width: 80%; bottom: 50px !important; top: 68vh }
    .n-cap-left {width: 90% !important; left: 4% !important}
   
    .carousel-item{height: 100vh;position: relative;}
    .carousel-item {position: relative}
    .button-1{font-size: 18px;margin-top: 12px;}
    .button-2{font-size: 18px;margin-top: 12px;}
    
    .section-2 h2  { font-size: 46px;line-height: 52px;  }
    .n-item h2 { font-size: 36px;line-height: 42px;  }
    .n-item h4 { font-size: 30px;line-height: 36px;letter-spacing: 1px;padding: 10px 0px;   }
    .n-cap { text-align: center; position: absolute; z-index: 99; left: 10%; width: 80%; top: 68vh }
    .n-cap-3{ top: 73vh }
    .n-cap-2{text-align: center; position: absolute;  z-index: 99; left: 10%; width: 80%; bottom: 50px !important; top: 68vh }
    .n-item{height: 100vh;position: relative;}
    .section-2{flex-wrap: wrap;}
    .section-2-1 { min-height:auto;padding: 40px 0px 20px 0px; order:2;width: 100%; height: 100vh }
    .section-2-2 {  min-height: auto;; order:1;width: 100%; height: 100vh }
    .section-2-2-1 img { height: auto; width: 100%;max-height: 100%;object-fit: cover; }
        .section-2-2-1 {
    width: 100%;
    height: 65vh;
}
    .section-2-2-2 { height:30vh; margin: auto; display: flex;}
    .section-2-1-1 { margin: auto; width: 90%; }
    .section-2-1 h3 {font-size: 36px;}
    .section-2-1 p {font-size: 20px; line-height: 26px;}
    #section2{background: #f5f0ec; /* Old browsers */
background: -moz-linear-gradient(left,  #f5f0ec 0%, #f9f0e7 68%, #e0d8d2 83%, #a29b93 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #f5f0ec 0%,#f9f0e7 68%,#e0d8d2 83%,#a29b93 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #f5f0ec 0%,#f9f0e7 68%,#e0d8d2 83%,#a29b93 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f0ec', endColorstr='#a29b93',GradientType=1 ); /* IE6-9 */}
    

    
   .flex-1 h4 {
    font-size: 20px;
    line-height: 26px;
} 
     .n-cap-right {/*width: 96% !important; left: 2%; top: 70vh*/display:none}
    .bangle-1 {
    left: 10% !important;
    width: 80% !important;
    bottom: 13vh;
        
    }
    .n-cap-right{}
    .bangle-1 h3 {
   font-size: 22px;
    line-height: 26px;
    margin-bottom: 20px;
}
    
}

    
.n-cap-3{ }

@media screen and (max-width:830px){
     .carousel-item h1 { font-size: 30px;  }
    .carousel-item h4 { font-size: 24px;line-height: 28px;letter-spacing: 1px;padding: 10px 0px;  }
  
}



@media screen and (max-width:767px){
    
    
    .section-2 h2 {
    font-size: 42px;
    line-height: 56px;
}
    .section-2-1 h3 {
    font-size: 20px;
}
    .section-2-1 p {
    font-size: 16px;
    line-height: 20px;
    margin: 10px;
}
    .flex-1{flex-wrap: wrap}
    .button-2{font-size: 16px;}
    .team-sec-1, .team-sec-2 {
    width: 100%;margin: 0px 0px;
    }
    
.d-1 {
    width: 50px;
    position: absolute;
    bottom: 0px;
    right: 16px;
         display: none;
}
    
    .d-2 {
    width: 50px;
    position: absolute;
    top: 0px;
    left: 5px;
        display: none;
}
    
  .section-2-2-1 img {
    height: 100%;
    }
}



@media screen and (max-width:560px){
    .carousel-item h1 { font-size: 22px; }
    .carousel-item h4 { font-size: 20px; line-height: 22px; }
    .n-item h4 { font-size: 18px;margin: 10px;padding: 0px; }
    .n-item h2{padding: 10px 0px; margin: 0px;}
    .n-item h2{ font-size: 30px; line-height: 46px;}
    .top-2 h2{ font-size: 28px; line-height: 46px;}
    .contact-cap-2 h5 {
    font-size: 16px;
    line-height: 28px;
    padding: 12px 0px;
}
    .carousel-cap{padding: 0px 0px 15px 0px}
    .n-item h2 br{ display: none;}
    .bangle-1 h3{font-size: 18px;}
}
    
@media screen and (max-width:480px){
    
    
    
    
   
}