@import url('https://fonts.googleapis.com/css2?family=PT+Serif:wght@400;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');

/* h1, h2, h3, h4, h5, h6 { margin: 0px 20px 0 0; padding: 0px;} */


.loader { position: fixed; left: 0px; top: 0px;  
width: 100%; height: 100%; z-index: 9999;
background: url('../images/loader.gif') 50% 50% no-repeat rgb(255, 255, 255); }
body { color:#2b2b2b; scroll-behavior: smooth;   -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
h1 { font-size: 56px; font-weight: 700; }
h2 { font-size: 52px; }
h3 { font-size: 42px; }
h4 { font-size: 32px; }
h5 { font-size: 21px; line-height: 32px;  }
h6 { font-size: 12px; }
p { font-size: 20px; line-height: 26px; }
.btn  { font-family: 'Montserrat', sans-serif; font-weight: 400;}
.navbar-inverse { background-color: rgba(0, 0, 0, .9);}
section { margin:0; }
.main_bg_clr_a { background-color: #e7d9b4;}
.main_bg_clr_b { background-color: #bca573;}
.main_bg_clr_c { background-color: #e7d9b4 !important; }
.txt_cntr { text-align: center;}
.txt_left { text-align: left;}

.ftr_btm_txt { padding: 5px 0px; background-color: #242424;}

.main_banner { position: relative; 
background: url('../images/main_banner.jpg') no-repeat top center fixed; 
-webkit-background-size: initial;
-moz-background-size: initial;
-o-background-size: initial;
background-size: initial;
height: 700px;
margin: 0px; padding: 0px;
background-color: #020002;
}
.navbar-inverse .navbar-brand { color: #d6d6d6;}
.navbar-nav > li > a { transition: 0.3s all ease-in-out; }
.navbar-brand { text-transform: uppercase;  transition: 0.3s all ease-in-out;  
   font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 24px;
letter-spacing: 1px; } 
.navbar-brand div { font-size: 11.5px; margin: 0px; padding: 0px;}
.main_banner >.credit { position: fixed; 
   z-index: 999;
   bottom: 0px; 
   right: 15px; 
   font-weight: 500;
   letter-spacing: .2px;
   color:#ffffff; 
   background-color: #E56400; 
   padding: 8px 15px;
   font-size: 18px;
   line-height: 22px;
   -webkit-border-top-left-radius: 4px;
   -webkit-border-top-right-radius: 4px;
   -moz-border-radius-topleft: 4px;
   -moz-border-radius-topright: 4px;
   border-top-left-radius: 4px;
   border-top-right-radius: 4px; 
   }

   .interview_banner >.credit { position: fixed; 
      z-index: 999;
      bottom: 0px; 
      right: 15px; 
      font-weight: 500;
      letter-spacing: .2px;
      color:#ffffff; 
      background-color: #E56400; 
      padding: 8px 15px;
      font-size: 18px;
      line-height: 22px;
      -webkit-border-top-left-radius: 4px;
      -webkit-border-top-right-radius: 4px;
      -moz-border-radius-topleft: 4px;
      -moz-border-radius-topright: 4px;
      border-top-left-radius: 4px;
      border-top-right-radius: 4px; 
      }  
      
      .slider-gallery >.credit { position: fixed; 
         z-index: 999;
         bottom: 0px; 
         right: 15px; 
         font-weight: 500;
         letter-spacing: .2px;
         color:#ffffff; 
         background-color: #E56400; 
         padding: 8px 15px;
         font-size: 18px;
         line-height: 22px;
         -webkit-border-top-left-radius: 4px;
         -webkit-border-top-right-radius: 4px;
         -moz-border-radius-topleft: 4px;
         -moz-border-radius-topright: 4px;
         border-top-left-radius: 4px;
         border-top-right-radius: 4px; 
         }

 .hom_snd_txt {
    font-size: 24px;
    line-height: 34px;
    padding: 30px 0px 20px 0px;
    font-family: 'PT Serif', serif;
    font-weight: 400;
 }

.main_banner_bottom { margin:40px 0 0px 0;}
.main_banner_bottom h1 {  font-family: 'PT Serif', serif; font-size: 48px; margin: 0 0 0 0; }
.main_banner_bottom h2 {  font-family: 'PT Serif', serif; font-size: 82px; margin: 0 0 0 0; font-weight: 600; text-transform: uppercase;}
.main_banner_bottom h5 { margin-bottom: 20px; font-family: 'PT Serif', serif;}
.main_banner_bottom  p { font-size: 26px;}
.btm_gradi {
z-index: 0;
position: absolute;
bottom: 0px;
width: 100%;
height: 15%;
background: rgb(0,0,0);
background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(255,255,255,1) 0%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(255,255,255,1) 0%, rgba(0,0,0,0) 100%);
background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(255,255,255,1) 0%, rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}
.btm_gradi_black {
z-index: 0;
position: absolute;
bottom: 0px;
width: 100%;
height: 25%;
background: rgb(0,0,0);
background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 0%, rgba(0,0,0,0.5690651260504201) 74%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 0%, rgba(0,0,0,0.5690651260504201) 74%, rgba(0,0,0,0) 100%);
background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 0%, rgba(0,0,0,0.5690651260504201) 74%, rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}

/* scroll-down-animation */
.scroll_down {
width: 50px;
height: 50px;
border-radius: 100%;
border: 2px solid #e0e0e0;
font-size: 30px;
overflow: hidden;
cursor: pointer;
display: flex;
flex-flow: column;
align-items: center;
justify-content: center;
margin: 0 auto; 
}
i {
color: #afafaf;
animation: scrolldown 2s ease infinite !important;
}
@keyframes scrolldown {
0% {
transform: translateY(-15px);
opacity: 0;
}
45% {
transform: translateY(0px);
opacity: 1;
}
65% {
transform: translateY(-5px);
opacity: 1;
}
100% {
transform: translateY(15px);
opacity: 0;
}
}

/* scroll-down-animation End*/
.slgn_big_txt { font-size: 34px; line-height: 44px !important; font-weight:700;}
.slgn_big_txt p { margin-top: 8px; font-size: 18px; font-family: 'Montserrat', sans-serif; font-weight: 500;}

.slgn_box { padding: 40px 0;     background: #dec591; }
.slgn_box h5 { position: relative; padding-left: 184px; font-family: 'PT Serif', serif; line-height: 30px; }
.slgn_box h5::before { 
content: "\201C";
color: #fff;
font-size: 390px;
position: absolute;
left: -20px;
top: 118px;
opacity: .9;
font-family: 'Times New Roman', Times, serif;
letter-spacing: 20px;
}
.hom_dcmtry_vdo { margin-top: 40px;}
.hom_dcmtry_vdo h3 { font-family: 'Montserrat', sans-serif; font-size: 36px; font-weight:600; }
.hom_dcmtry_vdo_scnd { margin-bottom: 30px; margin-top: 20px; text-align: left;  }
.hom_dcmtry_vdo_scnd p { 
font-size: 14px !important; 
line-height: 20px !important; 
font-family: 'Montserrat', sans-serif; 
margin-top: 10px; font-weight: 500;
}
.narrative_box { font-family: 'PT Serif', serif; margin-bottom: 40px;  }
.narrative_box h5 { font-weight: 700;}
.narrative_box p {   font-size: 20px; line-height: 30px; letter-spacing: .2px;}
.narrative_box ul li {   font-size: 20px; line-height: 30px; letter-spacing: .2px;}


.fst_big_lter:first-letter {  font-size: 300%; margin-right: 2px; text-transform: uppercase;}
.key_area { position: relative; 
background: url('../images/key_area.jpg') no-repeat center center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
color: #fff;
}
.pdng_lft { padding-left: 25px; margin-top: 10px;}
.key_area  h1 { margin-top: 40px;}
.key_area h4 { color: #fff; padding: 10px 0; margin: 0px;} 
/* .carousel {  padding: 30px 0px; } */
.slider_set a { color: #ffffff; text-decoration: none; transition: 0.3s all ease-in-out;    }
.slider_set a:hover { color: #ffffff; }
.slider_set { margin-top: 30px; letter-spacing: 1px; padding-bottom: 40px;}
.slider_set img { margin-bottom: 15px;   transition: 0.3s all ease-in-out;   
-webkit-filter: grayscale(0%); /* Ch 23+, Saf 6.0+, BB 10.0+ */ filter: grayscale(0%); /* FF 35+ */}
.slider_set a img:hover { transform: scale(1.03); -webkit-filter: grayscale(50%); /* Ch 23+, Saf 6.0+, BB 10.0+ */  filter: grayscale(50%); /* FF 35+ */ }
.slider_set p { font-size: 12px; line-height: 16px; margin: 0px; font-family: 'Montserrat', sans-serif; font-weight: 400;}
.slider_set h5 { font-size: 16px; line-height: 22px; margin: 5px 0 20px 0; font-family: 'Montserrat', sans-serif; font-weight: 600;}
/* .galleries { margin: 30px 0px; text-align: center;} */
 .galleries { padding: 30px 0px 30px 0px; text-align: center;} 
.galleries a { text-decoration: none;}
.galleries h3 { color: #fff; background-color:#bda574; font-size: 26px; padding: 10px 0px; text-transform: uppercase;}
.galleries h5 { color: #302714;  font-size: 17px; line-height: 22px;  margin: 10px 0 5px 0;}
.galleries p { color: #302714;  font-size: 13px; line-height: 22px;   }
.galleries img { transition: 0.3s all ease-in-out; -webkit-border-radius: 4px; -moz-border-radius: 4px;  border-radius: 4px; }
.galleries img:hover { transform: scale(1.03);}

footer { background-color: #18161f; padding: 25px 0px 15px 0px; color: rgb(204, 204, 204);}
footer h4 { padding-bottom: 20px; font-family: 'Montserrat', sans-serif; font-weight: 700; 
   font-size: 22px; text-transform: uppercase; color: #fff;  letter-spacing: 2px;
   border-bottom: solid 1px #444444; margin-bottom: 15px;
}
footer p { font-size: 14px; line-height: 18px;}
footer ul { margin: 0px 0 10px 0; padding: 0px; }
footer ul li { margin: 0px 0; padding: 0px; list-style: none; }
footer ul li h5 { letter-spacing: 1px; margin: 0px; padding: 0px; list-style: none; font-size: 18px; font-weight: 700; color: #fff;}
footer ul li p { margin: 0px; padding: 0px; list-style: none; font-size: 14px; line-height: 24px;}
footer hr { border-top: solid 1px #444444;}

.carousel-caption { padding-bottom: 0px; }
.carousel-caption p { font-size: 15px; line-height: 22px; margin-bottom: 0px; color: #ececec; font-family: 'Montserrat', sans-serif; font-weight: 400;} 
.carousel-caption p strong { color: #ffffff;}  
.carousel-caption span { font-size: 13px; line-height: 16px; font-style: italic;}
.hom_prf_pic { height: 400px; }
.profile_pic h5 { margin-bottom: 10px; line-height: 28px;}
.profile_pic p{ font-size: 15px; line-height: 20px;}
.slgn_spacer { margin-top: 30px;}
.interview_banner { position: relative; padding: 51px 0 0 0;}
.interview_cnt_area { margin: 50px 0;}
.interview_cnt_area img { padding-top: 20px; margin: auto; display: block;}
.italic { font-style: italic;}
/* gallery */ 

/* animated left and right arrow start*/
   
   @-webkit-keyframes bounceLeft {
   0%,
   20%,
   50%,
   80%,
   100% {
   -webkit-transform: translateX(0);
   transform: translateX(0);
   }
   40% {
   -webkit-transform: translateX(30px);
   transform: translateX(30px);
   }
   60% {
   -webkit-transform: translateX(15px);
   transform: translateX(15px);
   }
   }
   @-moz-keyframes bounceLeft {
   0%,
   20%,
   50%,
   80%,
   100% {
   transform: translateX(0);
   }
   40% {
   transform: translateX(30px);
   }
   60% {
   transform: translateX(15px);
   }
   }
   @keyframes bounceLeft {
   0%,
   20%,
   50%,
   80%,
   100% {
   -ms-transform: translateX(0);
   transform: translateX(0);
   }
   40% {
   -ms-transform: translateX(30px);
   transform: translateX(30px);
   }
   60% {
   -ms-transform: translateX(15px);
   transform: translateX(15px);
   }
   }
   /* /left bounce */
   
   
   /* right bounce */
   @-webkit-keyframes bounceRight {
   0%,
   20%,
   50%,
   80%,
   100% {
   -webkit-transform: translateX(0);
   transform: translateX(0);
   }
   40% {
   -webkit-transform: translateX(-30px);
   transform: translateX(-30px);
   }
   60% {
   -webkit-transform: translateX(-15px);
   transform: translateX(-15px);
   }
   }
   @-moz-keyframes bounceRight {
   0%,
   20%,
   50%,
   80%,
   100% {
   transform: translateX(0);
   }
   40% {
   transform: translateX(-30px);
   }
   60% {
   transform: translateX(-15px);
   }
   }
   @keyframes bounceRight {
   0%,
   20%,
   50%,
   80%,
   100% {
   -ms-transform: translateX(0);
   transform: translateX(0);
   }
   40% {
   -ms-transform: translateX(-30px);
   transform: translateX(-30px);
   }
   60% {
   -ms-transform: translateX(-15px);
   transform: translateX(-15px);
   }
   }
   /* /right bounce */
   
   
   /* assign bounce */
   .glyphicon-chevron-right {
   -webkit-animation: bounceRight 2s infinite;
   animation: bounceRight 2s infinite;
   float:right; 
   }
   
   .glyphicon-chevron-left {
   -webkit-animation: bounceLeft 2s infinite;
   animation: bounceLeft 2s infinite;
   }
   
/* animated left and right arrow End*/

.carousel-control { opacity: .7;}
.carousel-control.left {
   background-image: -webkit-linear-gradient(left,rgba(0,0,0,.8) 0,rgba(0,0,0,.0001) 100%);
   background-image: -o-linear-gradient(left,rgba(0,0,0,.8) 0,rgba(0,0,0,.0001) 100%);
   background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.8)),to(rgba(0,0,0,.0001)));
   background-image: linear-gradient(to right,rgba(0,0,0,.8) 0,rgba(0,0,0,.0001) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
   background-repeat: repeat-x;
}

.carousel-control.right {
   right: 0;
   left: auto;
   background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.8) 100%);
   background-image: -o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.8) 100%);
   background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.8)));
   background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.8) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
   background-repeat: repeat-x;
}


/* Mobile Device */ 

@media only screen and (min-device-width : 320px) and (max-device-width : 667px) { 
.main_banner { position: relative; 
background: url('../images/mob_main_banner.jpg') no-repeat top center fixed; 
-webkit-background-size: initial;
-moz-background-size: initial;
-o-background-size: initial;
background-size: initial;
height: 400px;
margin: 0px; padding: 0px;
}

.main_banner {  background-color: #020003;}
.main_banner_bottom h5 { font-size: 20px; line-height: 29px; margin: 10px 0px; }
.main_banner_bottom h1 {   font-size: 28px;  margin: 0 0 0 0; line-height: 32px;}
.main_banner_bottom h2 {  font-size: 56px; margin: 0 0 0 0; line-height: 58px;}
.main_banner_bottom { margin: 20px 0 0px 0; }
.main_banner >.credit { right: 0px; left: 0; font-weight: 100; font-size: 15px; line-height: 18px; text-align: center; padding: 6px 10px 3px 10px; }
.interview_banner >.credit { right: 0px; left: 0; font-weight: 100; font-size: 15px; line-height: 18px; text-align: center; padding: 6px 10px 3px 10px; }
.slider-gallery >.credit { right: 0px; left: 0; font-weight: 100; font-size: 15px; line-height: 18px; text-align: center; padding: 6px 10px 3px 10px; }

h1 { font-size: 28px; font-weight: 700; line-height: 34px; }
.slgn_box { padding: 80px 0 40px 0; }
.slgn_box h5 { padding: 0px; font-size: 18px; line-height: 28px;}
.slgn_box h5::before { font-size: 200px; top: -25px; left: -10px; }


.slgn_big_txt { font-size: 23px !important; line-height: 31px !important; font-weight:700; margin-top: 20px;}
.slgn_big_txt p { margin-top: 8px; font-size: 18px; font-family: 'Montserrat', sans-serif; font-weight: 500;}

.hom_snd_txt {
    font-size: 20px;
    line-height: 29px; 
 }

.hom_dcmtry_vdo h3 { font-size: 26px;} 
.narrative_box h5 { font-size: 20px; line-height: 26px;}
.key_area h4 { font-size: 18px; line-height: 22px;}
.btm_gradi { bottom: -1px; }
.navbar-brand { font-size: 18px;}
/* gellery-page */  
.carousel-caption { background-color: black; position: initial; padding: 15px  10px  10px  10px;}
.carousel-caption p { font-size: 12px; line-height: 18px;}
.carousel-caption p span { font-size: 10px;}
.slider-gallery-spacer { height: 50px;}
.profile_pic { padding: 20px; margin-bottom: 10px; } 
.btm_gradi_black { background: none;} 
.pdng_lft { padding-left: 0px; margin-top: 10px;}
.hom_dcmtry_vdo { margin-top: 25px; }
.interview_cnt_area { margin: 25px 0 50px 0; }
.narrative_box p { font-size: 18px; line-height: 28px; letter-spacing: .2px; } 
footer { padding: 10px 0px 30px 0px;  }
.interview_cnt_area img { padding: 20px; margin: auto;  display: block; }
.slider_set p { font-size: 10px; line-height: 16px; display: none; visibility: hidden;}
 .hom_prf_pic { height: 236px !important;} 
.slider_set h5 { font-size: 13px; line-height: 16px;  }
.galleries h5 {  font-size: 14px; line-height: 16px; }
footer p { padding-bottom: 10px;}
}

/* Mobile Device  End*/

/* Ofis DT */
@media only screen and (min-device-width : 1024px) and (max-device-width : 1042px) { 
.hom_prf_pic { height: 308px;}
.carousel-caption span { font-size: 11px !important; line-height: 16px;}
.carousel-control {  width: 8%;}
.slider_set h5 { font-size: 14px; line-height: 18px;  }
.key_area h1 { font-size: 42px;} 
}

/* Ofis DT */


/* For mid size mobile-device */
@media only screen and (min-device-width : 1024px) and (max-device-width : 1336px) {
h1 { font-size: 42px;} 

.main_banner { 
   background: url('../images/main_banner_ofis_dt.jpg') no-repeat top center fixed;  
   height: 460px; 
   background-color: #020003;
   }


.main_banner_bottom h1 { font-size: 42px; line-height: 46px; }
.main_banner_bottom h2 { font-size: 60px; }
.narrative_box h5 { font-size: 18px; line-height: 24px;}
.profile_pic p{ font-size: 15px !important; line-height: 20px !important;}
.narrative_box p { font-size: 18px; line-height: 26px; }
.slgn_box h5 { font-size: 18px; line-height: 26px;}
.slgn_box { padding: 25px 0; }

.slgn_big_txt { font-size: 28px !important; line-height: 36px !important; font-weight:700;}
.slgn_big_txt p { margin-top: 8px; font-size: 16px; line-height: 22px; font-family: 'Montserrat', sans-serif; font-weight: 500;}

.slider-gallery p { font-size: 12px; line-height: 18px; letter-spacing: 1px; margin-bottom: 0px;}
.key_area h4 { font-size: 28px; }
/* .carousel { padding: 20px 0px  30px 0px ; } */
.carousel-control { width: 10%; }
.main_banner >.credit { padding: 5px 15px; font-size: 16px;}
.interview_banner >.credit { padding: 5px 15px; font-size: 16px;}
.slider-gallery >.credit { padding: 5px 15px; font-size: 16px;}

footer {  padding: 20px 0px 10px 0px; }
.carousel-caption { padding-bottom: 0px; right: 10%; left: 10%; }   
.hom_prf_pic { height: 400px;}
.slider_set h5 { font-size: 16px; line-height: 20px;  }

}
/* For mid size mobile-device */




/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {  
   #parallax_container { width: 100% !important; }
 }  
 
 
  #parallax_navbar  {
     /* background-color: #fbfdff;
     color: #242222; */ 
     top: 0;
     width: 100%;
     display: block;
     transition: top 0.3s;
     z-index: 999;
     box-shadow: 0 2px 8px 0 hsla(0,0%,7%,.1); 
 
     background: rgba(255, 255, 255, 0.9);
     backdrop-filter: blur(7px);
     -webkit-backdrop-filter: blur(7px);
 
 
   }
 
 #parallax_navbar img { height: 25px; margin:8px  16px;}
 
 #parallax_container 
 {
   width: 61%;
   margin: 0 auto;
   display: flex;
   align-items: center;
   justify-content: space-between;
 }
  
 #parallax_navbar a { 
   text-decoration: none; 
   font-size: .9rem;
   color: #525252; 
 }
 #parallax_navbar a:hover { 
   color: #0c0c0c; 
 }