@font-face {
  font-family: 'Gotham';
  src: url('/fonts/Gotham-Thin.woff2') format('woff2'),
      url('/fonts/Gotham-Thin.woff') format('woff');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}



a, a:hover, a:active, a:focus, button:hover, button:active, button:focus { text-decoration: none; outline: none !important; border: none; }
.ps-5{padding-left: 3rem;}
.pe-3{padding-right: 1rem;}
.blue { color: #032f5b; }

.white { color: #FFF; }

.black { color: #000; }
.red{color: #ED1C24;}

bold { font-weight: 600; }

.light { font-weight: 300; }

.regular { font-weight: 400; }

.bold { font-weight: 500; letter-spacing: 1.5px; }

.extraBold { font-weight: 700; letter-spacing: 1px; }
.gotham-thin{font-family: 'Gotham';font-weight: 100;}
.h-14 { font-size: 14px; letter-spacing: 1px; }
.h-16 { font-size: 16px; }
.h-18 { font-size: 18px; }

.h-22 { font-size: 22px; line-height: 34px; }

.h-24 { font-size: 24px; }

.h-28 { font-size: 28px; }

.h-32 { font-size: 32px; line-height: 48px; letter-spacing: 1px; }

.h-38 { font-size: 38px; }

.h-48 { font-size: 38px; }
.h-58 { font-size: 58px; }
.fs-110{font-size: 110px;}
.ls-2{letter-spacing: 2px;}

.ps-50 { padding-left: 50rem; }
.ps-34 { padding-left: 34rem; }
.ps-22 { padding-left: 22rem; }

.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}
.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}
.pt-3 {
  padding-top: 1rem !important;
}
.pt-4 {
  padding-top: 2rem !important;
}
.pb-2 {
  padding-bottom: 0.5rem !important;
}
.ls-0{letter-spacing: 0;}
.ls-1{letter-spacing: 1;}
.mb-0 {
  margin-bottom: 0 !important;
}
.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.lh-1{line-height: 1!important;}
.ls-5{letter-spacing: 5px;}
.blue-bg { background-color: #032f5b; }
.text-gray{color: #424449;}
.text-blue{color: #022f5b;}
.text-white {
	color:#fff;
}
@media (min-width: 768px) {
  .pt-md-5 {
      padding-top: 50px!important;
  }
}
@media (min-width: 992px) {
  .px-lg-5 {
      padding-right: 3rem !important;
      padding-left: 3rem !important;
  }
  .pt-lg-5 {
    padding-top: 50px !important;
}
.pt-lg-4 {
  padding-top: 2rem !important;
}
.mb-lg-0 {
  margin-bottom: 0 !important;
}
.text-lg-right {
  text-align: right !important;
}
}


#overlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 10000; background-color: rgba(0, 0, 0, 0.95); transition: all .5s ease-in-out; display: none; overflow: hidden; }
#overlay .close-btn { z-index: 10100; width: 100%; height: 50px; margin-top: 10px; padding-right: 15px; font-size: 30px; text-align: right; }
#overlay .full-video-container { max-width: 800px; margin: 50px auto; }

.info-box { background-color: #c41d2e; color: #FFF; padding: 5px 20px 5px 20px; display: block; margin-top: 25px; margin-bottom: -20px; width: 100%; font-size: 20px !important; line-height: 30px; }

.info-box-2 { background-color: #4d4d4d; }

.full-height { height: 100vh; }

.hr-line { border-bottom: 1px solid #032f5b; }

.v-center { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.img-grow { transition: all .5s ease-in-out; }

.img-grow:hover { transform: scale(0.9); transition: all .5s ease-in-out; cursor: pointer; }

.no-padding { margin: 0; padding: 0; }

.add-padding { padding-left: 15px; padding-right: 15px; }

#middle_name, #fax_number { display: none !important; }

.form-group input, .form-group select { border-radius: 0; outline: none; border: 1px solid #032f5b; -webkit-appearance: none; -webkit-border-radius: 0px; }
.form-group select { background-image: url(/images/icons/select.png); background-repeat: no-repeat; background-position: right; }

.option-group { margin-bottom: 12px; }
.option-group label { font-weight: 400 !important; font-size: 14px; color: #666; }
.option-group label span { padding-right: 15px; }
.option-group label input { margin-right: 5px; }

.btn-submit { background-color: #032f5b; color: #FFF; border: 2px solid #FFF; border-radius: 0; margin-right: 15px; padding: 5px 15px; }
.btn-submit:hover { color: #032f5b; border: 2px solid #032f5b; background-color: #FFF; }

/* Form validation for Safari */
.invalid input:required:invalid, .invalid select:required:invalid { background: #032f5b; color: #FFF !important; }

.invalid input:required:valid { background: #FFF; }

.social ul { margin-left: 20px; margin-top: 200px; }
.social ul li { list-style-type: none; margin-right: 25px; float: left; }
.social ul li img { min-width: 100%; }

.social-icon { width: 40px !important; height: 40px !important; background-repeat: no-repeat; background-image: url(/images/icons/spirit-logo.png); transition: all .2s ease-in-out; }

.facebook { background-position: 0 0; }
.facebook:hover { background-position: 0 -40px; }

.twitter { background-position: -75px 0; }
.twitter:hover { background-position: -75px -40px; }

.instagram { background-position: -152px 0; }
.instagram:hover { background-position: -152px -40px; }

.col-xxs-6 { width: 50% !important; float: left; }


/* NAVIGATION */
#top-navigation {
  background-color: #022f5b;
  position: fixed;
  z-index: 1000;
  width: 100%;
  top: 0;
  left: 0;
  padding-top: 0;
  padding-bottom: 0;

}

.navbar-nav{list-style: none;}
.navbar-toggler {
  padding: 1.5rem 6.75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: .25rem;
}
#top-navigation .nav-logo {
  width: 140px;
  height: auto;
  margin-left: 8px;
}
.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: no-repeat center center;
  background-size: 100% 100%;
}
#top-navigation .nav-link:active,
#top-navigation .nav-link:focus {
  color: rgb(128, 125, 125) !important;
}

#top-navigation .navbar-nav .nav-link {
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 1px;
}

#top-navigation .navbar-nav .nav-link:hover {
  border-bottom: 8px solid #d0ae4b;

}

#top-navigation .nav-social img {
  width: 25px;
  height: auto;
  margin-left: 5px;
  margin-right: 5px;
}

#top-navigation .nav-social:hover {
  background-color: #131e4b !important;
}

#top-navigation .nav-item:hover {
  /* border-bottom: 8px solid #d0ae4b; */
}

#top-navigation .dropdown-menu {
  border-radius: 0;
  border: none;
}

#top-navigation .dropdown:hover .nav-link {
  border-bottom: 8px solid #d0ae4b;
}

#top-navigation .dropdown-menu .dropdown-item {
  color: black;
  font-size: 15px;
  padding: 8px 10px;
  letter-spacing: 1px;
  background-color: #f6f6f6;
}

#top-navigation .dropdown-menu .dropdown-item:hover {

  color: #000;
}


.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.dropdown-toggle::after {
  display: none;
}

.nav-bar:hover,
.nav-social:hover,
.img-social:hover {
  background-color: #223380 !important;
}

#top-navigation  .dropdown-submenu{left: 100%; top: -10px;}
#top-navigation .dropdown-l2{padding-right: 68px;}
#top-navigation .show{z-index: 1099;}

#top-navigation .nav-link {
  padding-left: .9rem;
  padding-right: .9rem;
}
#top-navigation .nav-item {
  transition: all .10s ease-in-out;
  padding-top: 25px;
}
.top-right {
  width: 40%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  padding:6rem;
  background-color: #a5907680;
  display: flex;
}
.making{align-self: flex-end;}

.w-100{width: 100%;}


@media (max-width: 1750px) {
.fs-110{font-size: 90px;}
}
@media (max-width: 1450px) {
  #top-navigation .navbar-nav .nav-link {
     font-size: 10px;
     letter-spacing: 0.2px;
  }
  .fs-110{font-size: 60px;}
  .top-right{padding: 4rem;}
} 

@media (max-width: 991px) {
  .dropdown-menu {
    border: none;
    margin: 0;
    padding: 0;
  }
  .nav-wraper {
    max-width: 100%;
    padding: 0 15px;
  }
    #top-navigation .dropdown-submenu .dropdown-item{padding: 0 15px 15px; transition: all .15s ease-in-out;}
    #top-navigation .dropdown-l2{ padding: 2px 1.5rem;}
    #top-navigation .navbar-nav{padding-bottom:15px; padding-top:15px;}
    .navbar-brand{padding: 10px 5px;}
    #top-navigation .nav-link {
      padding-left: .5rem;
      padding-right: .5rem;
  }
  #top-navigation .nav-item {
    transition: all .10s ease-in-out;
    padding-top: 5px;
}
#top-navigation .navbar-nav .nav-link {
  font-size: 8px;
  letter-spacing: 0px;
}
.fs-110{font-size: 50px;}
}
@media (max-width: 768px) {
  .navbar-collapse.in {
    overflow-y: initial;
}
  #top-navigation .dropdown-menu .dropdown-item{font-size: 11px;padding: 3px 10px;}
  .navbar-toggler{font-size: 2rem;}
  #top-navigation .navbar-nav{padding-bottom:15px; padding-top:40px;}
  .fs-110{font-size: 40px;}
}
@media screen and (min-width: 768px) {
  .dropdown:hover .dropdown-menu {
      display: block;
  }

  #top-navigation .dropdown-menu {
      top: 135%;
  }

  #top-navigation .navbar-nav {
      margin-bottom: 0;
      min-height: 74px;
  }

.dropdown:hover > .dropdown-menu {
  display: block;
  opacity: 1;
  z-index: 1099;
}

.dropdown-menu {
  margin: 0;
  border: none;
  border-radius: 0 0 5px 5px;
  transition: all 0.5s ease-in-out;
  opacity: 0;
  padding: 0;
  font-size: 15px;
}


#top-navigation .navbar-nav .nav-item:hover {
   transition: all 0.15s ease-in-out;
}

#top-navigation  .dropdown-submenu{left: 100%; top: 0;}
#top-navigation .dropdown-l2{padding-right: 66px!important;}

}



@media (min-width: 768px) {
    .navbar-expand-xl .navbar-toggler {
        display: none;
    }
}


/* @media screen and (min-width: 992px) and (max-width: 1200px) {
  #top-navigation .nav-item {
      padding-top: 10px !important;
  }
} */

@media (min-width: 768px) {
  .navbar-nav > li > a {
      padding-top: 16px;
      padding-bottom: 18px;
  }
  #top-navigation .nav-logo{margin-top: 10px;}
}

@media (min-width: 768px) { 
  body { 
    /* margin-left: 300px;  */
    padding-top: 76px;
  } 
}
@media (max-width: 767px) { body { margin: 0; margin-top: 50px; }

.ps-50 { padding-left: 4rem; }
.ps-34 { padding-left: 4rem; }
.ps-22 { padding-left: 2rem; }

  .text-center-xs { text-align: center; }
  .center-block-xs { display: block; margin-right: auto; margin-left: auto; }
  .h-22 { font-size: 20px; line-height: 32px; }
  .h-24 { font-size: 22px; }
  .h-32 { font-size: 28px; line-height: 40px; letter-spacing: 1px; }
  .h-58 { font-size: 35px; }
  .btn-register { background-color: #c41d2e !important; border: 2px solid #FFF; }
  .btn-register:hover { color: #FFF; border: 2px solid #032f5b; } }
@media (max-width: 449px) { .h-22 { font-size: 18px; line-height: 30px; }
  .h-24 { font-size: 20px; }
  .h-32 { font-size: 22px; line-height: 32px; letter-spacing: .75px; }
  .h-58 { font-size: 30px; }
  .col-xxs-12 { width: 100% !important; float: left; }
  .fs-110{font-size: 25px;}
}
@media (min-width: 992px) and (max-width: 1200px) { .container { max-width: 675px; } }
@media (min-width: 1200px) and (max-width: 1500px) { .container { max-width: 885px; }
  .form-group select { font-size: 11px; } }
/* Ends */
/* Carousel Style  */
#carousel .carousel-box { transition: all .5s ease-in-out; position: relative; float: none; }
#carousel .carousel-box .img-slider { min-width: 100%; height: auto; transform: scale(0.75); transition: all .5s ease-in-out; }
#carousel .carousel-btn { max-width: 150px; margin: 0 auto; }
#carousel .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: transparent; color: #FFF; background: rgba(255, 255, 255, 0); /* For browsers that do not support gradients */ background: -webkit-linear-gradient(rgba(255, 255, 255, 0) 40%, rgba(0, 0, 0, 0.5)); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(rgba(255, 255, 255, 0) 40%, rgba(0, 0, 0, 0.5)); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(rgba(255, 255, 255, 0) 40%, rgba(0, 0, 0, 0.5)); /* For Firefox 3.6 to 15 */ background: linear-gradient(rgba(255, 255, 255, 0) 40%, rgba(0, 0, 0, 0.5)); /* Standard syntax */ transform: scale(0.75); transition: all .5s ease-in-out; }
#carousel .overlay .caption { position: absolute; bottom: 5px; left: 20px; text-shadow: 0 2px 2px rgba(0, 0, 0, 0.6); }
#carousel .overlay .caption h1 { font-size: 23px; margin-bottom: -5px; font-weight: 500; letter-spacing: 1.5px; color: #FFF; }
#carousel .overlay .caption p { font-size: 20px; letter-spacing: 1.5px; }
#carousel .overlay .overlay-detail { height: calc(100% - 20px); width: calc(100% - 20px); margin: 10px auto; opacity: 0; border: 15px solid transparent; background-color: rgba(255, 255, 255, 0.7); transition: all .25s ease-in-out; position: relative; }
#carousel .overlay .overlay-detail .overlay-wrapper { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; }
#carousel .overlay .overlay-detail .overlay-wrapper img { margin-top: -15px; transition: all .25s ease-in-out; }
#carousel .overlay .overlay-detail .overlay-wrapper button { margin-top: 15px; transition: all .5s ease-in-out; margin-left: 20px; }
#carousel .overlay .overlay-detail .overlay-wrapper a { color: #000; }
#carousel .overlay:hover .overlay-detail { opacity: 1; transition: all .25s ease-in-out; }
#carousel .overlay:hover .caption { display: none; }
#carousel .overlay:hover .overlay-detail img { margin-top: 1px; transition: all .25s ease-in-out; margin-bottom: 15px; }
#carousel .overlay:hover .overlay-detail button { margin-top: -51px; transition: all .5s ease-in-out; }
#carousel .div-100 { width: 100%; }
#carousel .div-50 { width: 50%; }
#carousel .div-25 { width: 25%; }
#carousel .welcome-copy { padding-top: 30px; padding-bottom: 50px; }
#carousel .welcome-copy h1 { letter-spacing: 1px; margin-top: 15px; margin-bottom: 25px; }

.mobile-carousel .project-box { text-align: center; margin-top: 25px; margin-bottom: 100px; }
.mobile-carousel .project-box .img-logo { margin-bottom: 25px; }
.mobile-carousel .project-box h2 { font-size: 59px; }
.mobile-carousel .project-box p { margin-top: 25px; line-height: 40px; }
.mobile-carousel .project-box a { color: #000; }
.mobile-carousel .project-box a:hover { color: #032f5b; }

.mobile-about-us { background-image: url(/images/slider/21.jpg); background-position: 0 0; background-repeat: no-repeat; background-size: cover; position: relative; }
.mobile-about-us .overlay-mobile { position: absolute; top: 25px; left: 50px; width: calc(100% - 100px); min-height: calc(100% - 50px); margin: auto; background-color: rgba(0, 0, 0, 0.5); z-index: 888; }
.mobile-about-us .overlay-content { z-index: 899 !important; position: relative; width: calc(100% - 100px); text-align: center; margin: auto; padding: 15px 15px 50px 15px; }

.divShowMore { background-color: #666; padding: 5px 15px 25px; }
.divShowMore h2 { color: #FFF; font-size: 29px; }

@media (max-width: 992px) { #carousel .div-50 { width: 66.666%; }
  #carousel .div-25 { width: 33.333%; }
  #carousel .div-sm-50 { width: 50%; }
  #carousel .overlay .caption { font-size: 20px; }
  #carousel .overlay .overlay-detail img { max-width: 100px; margin-bottom: 5px; } }
@media (max-width: 1299px) { #carousel .div-50 { width: 66.666%; }
  #carousel .div-25 { width: 33.333%; }
  #carousel .div-sm-50 { width: 50%; }
  #carousel .overlay .caption { font-size: 20px; }
  #carousel .overlay .overlay-detail img { max-width: 100px; margin-bottom: 5px; } }
@media (max-width: 767px) { #carousel .div-50 { width: 100%; }
  #carousel .div-25 { width: 50%; }
  #carousel .div-xs-100 { width: 100% !important; }
  #carousel .div-xs-50 { width: 50% !important; float: left; }
  #carousel .div-xs-50 .overlay { width: 50%; height: 100% !important; }
  #carousel .overlay-detail img { max-width: 75px; margin-bottom: 5px; } }
@media (max-width: 404px) { #carousel .div-50 { width: 100%; }
  #carousel .div-25 { width: 100%; }
  #carousel .div-25-2 { width: 100% !important; }
  #carousel .div-xxs-100 { width: 100% !important; }
  #carousel .div-xxs-100 .overlay { width: 100%; height: 50% !important; }
  #carousel .overlay-detail p { display: none; }
  #carousel .overlay-detail img { max-width: 150px; margin-bottom: 10px; }
  .mobile-carousel .project-box { text-align: center; margin-bottom: 50px; }
  .mobile-carousel .project-box .img-logo { margin-bottom: 25px; }
  .mobile-carousel .project-box h2 { font-size: 32px; }
  .mobile-carousel .project-box p { font-size: 22px; line-height: 30px; }
  .mobile-about-us .overlay-mobile { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
  .mobile-about-us .overlay-content { width: 100%; } }
/* Carousel Style ENDS */
/* Navigation Style */
#main-navigation { width: 300px; left: 0; top: 0; height: 100%; background-color: #FFF; box-shadow: 0px 1px 20px -1px #000; z-index: 1000; }
#main-navigation .navbar-default { margin-top: 0 !important; background-color: #FFF; border-color: #FFF; margin-top: 15px; border-radius: 0; }

@media (max-width: 991px) { body { margin: 0; }
  #main-navigation { position: relative; width: 100%; height: 75px; }
  #main-navigation .social { display: none; }
  #main-navigation .navbar-brand { padding: 15px 10px 15px 25px; }
  #main-navigation .dropdown-menu { position: relative; }
  #main-navigation .navbar-toggle { background-color: #666; border: 0; border-radius: 0; padding: 18px 18px; }
  #main-navigation .navbar-toggle .icon-bar { width: 34px; height: 4px; border-radius: 0; background-color: #FFF; }
  #main-navigation .navbar-nav { width: 100%; display: block; }
  #main-navigation .navbar-nav li a { color: #000; }
  #main-navigation .nav li { margin-bottom: 5px; }
  #main-navigation .nav li a { padding: 10px; }
  #main-navigation .nav .dropdown .dropdown-menu { border-radius: 0; border: none; padding-left: 15px; box-shadow: none; width: 100%; }
  #main-navigation .nav .dropdown .dropdown-menu li:hover a { background-color: #032f5b; color: #FFF; }
  #main-navigation .navbar-collapse.collapse { display: none !important; }
  #main-navigation .navbar-header { float: none; }
  #main-navigation .navbar-left, #main-navigation .navbar-right { float: left !important; }
  #main-navigation .navbar-toggle { display: block; }
  #main-navigation .navbar-collapse { box-shadow: none; padding-left: 0; border-bottom: 1px solid #032f5b; }
  #main-navigation .navbar-fixed-top { top: 0; border-width: 0 0 1px; }
  #main-navigation .navbar-nav { float: left !important; }
  #main-navigation .navbar-nav > li { float: none; text-align: left; }
  #main-navigation .collapse.in { display: block !important; } }
/* ENDS HERE */
@media (min-width: 992px) { #main-navigation { position: fixed; }
  #main-navigation .navbar-default { padding-left: 54px; }
  #main-navigation .navbar > .container .navbar-brand, #main-navigation .navbar > .container-fluid .navbar-brand { margin-left: -25px !important; margin-top: 50px; }
  #main-navigation .nav li { margin-left: 15px; }
  #main-navigation .nav li a { padding: 30px 0 1px; height: 60px; border-bottom: 2px solid #FFF; }
  #main-navigation .nav li a:hover { border-bottom: 2px solid #032f5b; display: table-cell; }
  #main-navigation .navbar-nav { margin-top: 100px; margin-left: -40px; }
  #main-navigation .navbar-nav li { width: 240px; }
  #main-navigation .navbar-nav li a { color: #000; display: table-cell; }
  #main-navigation .navbar-nav .open a { background-color: #FFF; }
  #main-navigation .dropdown-menu { top: 0; left: 240px; border: 0; border-radius: 0; width: 360px!important; }
  #main-navigation .dropdown-menu li { margin-bottom: 5px; margin-left: 0; width: 265px; }
  #main-navigation .dropdown-menu li:hover { background-color: #032f5b; color: #FFF !important; }
  #main-navigation .dropdown-menu li a { height: 40px; padding: 10px 15px 8px; border: none; display: block; }
  #main-navigation .dropdown-menu li a:hover { background-color: #032f5b; color: #FFF; }
  #main-navigation .dropdown:hover > .dropdown-menu { display: block; animation-name: dropdown-menu; animation-duration: 1ms; }
  @keyframes dropdown-menu { from { height: 0; }
    to { height: 100%; } } }
.nav-map { margin: 15px; }
.nav-map #map { width: 100%; height: 400px; }

@media (max-width: 767px) { #main-navigation .navbar-brand { padding: 10px; }
  #main-navigation .nav li { margin-left: 19px; } }
@media (max-width: 399px) { #main-navigation { height: 55px; }
  #main-navigation .navbar-brand { padding: 10px; }
  #main-navigation .navbar-brand img { width: 75%; height: auto; }
  #main-navigation .nav li { margin-left: 19px; }
  #main-navigation .navbar-toggle { padding: 12px 12px; }
  #main-navigation .navbar-toggle .icon-bar { width: 24px; height: 3px; border-radius: 0; background-color: #FFF; } }
/* Project Nav */
#project-navigation .navbar-header { background-color: #032f5b; }
#project-navigation .navbar-default .navbar-nav > li > a { color: #000; }
#project-navigation .navbar-default { background-color: transparent; margin: 0; padding: 0; border: none; border-radius: 0; color: #FFF; }
#project-navigation img { padding-bottom: 30px; padding-top: 30px; max-width: 200px; }
#project-navigation .img-nav-map { padding-left: 15px; padding-right: 15px; min-width: 100%; }
#project-navigation .navbar-nav { margin: 0; width: 100%; padding: 0; }
#project-navigation .navbar-nav li { padding-left: 0; margin-bottom: 1px; width: 100%; }
#project-navigation .navbar-nav li a { color: #000; display: block; padding: 12px 25px 10px 15px; }
#project-navigation .navbar-collapse { padding: 0; }
#project-navigation li a:hover, #project-navigation .active-nav, #project-navigation .active-nav a { color: #FFF !important; background-color: #032f5b; }
#project-navigation .navbar-brand { color: #FFF; font-weight: 300; letter-spacing: 1px; padding-top: 25px; font-size: 24px; }
#project-navigation .navbar-toggle { background-color: #032f5b; border: 0; border-radius: 0; padding: 18px 18px; }
#project-navigation .navbar-toggle .icon-bar { width: 34px; height: 4px; border-radius: 0; background-color: #FFF; }
#project-navigation .dropdown-menu { position: relative; width: 100%; border: none; box-shadow: none; border-radius: 0; }

@media (max-width: 399px) { #project-navigation .navbar-brand { padding-top: 20px; font-size: 18px; }
  #project-navigation .navbar-brand img { width: 75%; height: auto; }
  #project-navigation .nav li { margin-left: 19px; }
  #project-navigation .navbar-toggle { padding: 12px 12px; }
  #project-navigation .navbar-toggle .icon-bar { width: 24px; height: 3px; border-radius: 0; background-color: #FFF; } }
/* Project Nav ENDS*/
/* Style for Corporate Page */
#welcome-video { background-color: #032f5b; padding-top: 30px; padding-bottom: 50px; }
#welcome-video .video-container { width: 225px; float: left; padding: 10px; position: relative; margin: 15px auto; }
#welcome-video .video-container p { line-height: 25px; margin-top: 15px; }
#welcome-video .video-container .play-button { position: absolute; top: 30%; left: 50%; transform: translate(-50%, -50%); }
#welcome-video .video-container .play-button:hover { background-color: #F00; }

#map-container .map-text { padding-top: 20px; padding-bottom: 5px; }
#map-container .legend { width: 300px; margin: 15px auto; }
#map-container .legend img { padding-left: 50px; }
#map-container #map { width: 100%; height: 650px; }

.map-text-xs { padding: 25px 15px !important; }

@media (max-width: 499px) { #welcome-video .video-container { float: none; } }
@media (min-width: 992px) and (max-width: 1200px) { #welcome-video .video-container { width: 215px; } }
@media (min-width: 1201px) and (max-width: 1500px) { #welcome-video .video-container { width: 170px; } }
/* Style for Corporate Page Ends */
/* Innerpage Styles */
#page-content { padding-bottom: 50px; }
#page-content h1 { margin-top: 25px; margin-bottom: 25px; }
#page-content p { margin-bottom: 20px; }
#page-content .hero img { min-width: 100%; }
#page-content .img-content { margin-top: 10px; }
#page-content #president-message img { margin-top: 10px; }
#page-content #andrin-advantage .img-andrin-advantage { margin-bottom: 20px; margin-top: 20px; vertical-align: middle; }
#page-content #career-opportunities .position-overview { margin-top: -30px; margin-left: 2px; }
#page-content #awards h1 { margin-bottom: 5px; }
#page-content #design-haus { padding-top: 25px; }
#page-content #design-haus img { margin-top: 35px; }
#page-content #customer-care { padding-top: 70px; padding-bottom: 100px; }
#page-content #customer-care h1 { font-size: 150px; font-weight: 700; padding-right: 50px; padding-top: 50px; padding-bottom: 50px; margin-top: 0; text-align: right; line-height: 150px; }
#page-content #customer-care img { margin-top: 15px; margin-left: 25px; }
#page-content #customer-care img:hover { background-color: #f2f2f2; }
#page-content #customer-care p { font-size: 18px; line-height: 30px; padding-top: 25px; padding-bottom: 5px !important; padding-left: 25px; }
#page-content #customer-care .options-wrapper { border-left: 5px solid #032f5b; }
#page-content #customer-care-detail { padding-top: 50px; }
#page-content #customer-care-detail h1 { margin-top: -5px; line-height: 50px; margin-bottom: 1px; }
#page-content #customer-care-detail .client-details { margin-top: 50px; margin-bottom: 100px; }
#page-content #customer-care-detail .client-details .client-list { max-width: 220px; text-align: center; border: 2px solid #032f5b; margin: 10px auto; line-height: 25px !important; padding: 10px; }
#page-content #customer-care-detail .client-details .nav-tabs > li > a { color: #FFF; background-color: #032f5b; border-radius: 10px 10px 0 0; }
#page-content #customer-care-detail .client-details .nav-tabs > li.active > a, #page-content #customer-care-detail .client-details .nav-tabs > li.active > a:hover, #page-content #customer-care-detail .client-details .nav-tabs > li.active > a:focus { color: #032f5b; border: 1px solid #032f5b; border-bottom: none; background-color: #FFF; }
#page-content #customer-care-detail .client-details .tab-content { border: 1px solid #032f5b; border-top: 1px solid #FFF; padding: 30px; }
#page-content #customer-care-detail .client-details .tab-content h2 { padding-left: 15px; margin-bottom: 0; }
#page-content #customer-care-detail .client-details .tab-content p { padding-left: 15px; }
#page-content #customer-care-detail .client-details .tab-content .warranty-list { background-image: url(/images/icons/icon-download.png); background-repeat: no-repeat; background-position: left; min-height: 71px; }
#page-content #customer-care-detail .client-details .tab-content .warranty-list a { color: #032f5b; font-weight: 500; }
#page-content #customer-care-detail .client-details .tab-content .warranty-list p { margin-left: 75px; padding-top: 15px; }
#page-content #customer-care-detail .resources-download a { color: #000; }
#page-content #customer-care-detail .resources-download a:hover { color: #032f5b; }
#page-content #customer-care-detail .resources-download p { border-bottom: 1px dotted #ccc; padding-bottom: 5px; max-width: 320px; margin: 10px auto; }
#page-content #customer-care-detail .img-pdf { width: 20px; height: auto; }
#page-content #contact-us h1 { margin-bottom: 15px; }
#page-content #contact-us img { margin-top: 31px; }
#page-content #contact-us .col-md-50 { width: 50%; float: left; padding: 15px; }
#page-content #nav-customer a { color: #FFF; display: block; padding: 5px 1px; text-align: center; }
#page-content #nav-customer .nav-block { width: 250px; float: left; height: 40px; padding: 0; }
#page-content #nav-customer .nav-block:hover a { color: #032f5b; background-color: #FFF; }
#page-content #nav-customer .active a { color: #032f5b !important; background-color: #FFF; }

#map-contact { width: 100%; height: 450px; }

.blue-bar { border-bottom: 1px solid #032f5b; margin-bottom: 25px; }

@media (min-width: 992px) { #page-content #contact-us .spacer-contact { margin-top: 43px; } }
@media (max-width: 992px) { #page-content #contact-us .col-md-50 { width: 100% !important; padding: 0 !important; }
  #page-content #customer-care h1 { font-size: 115px; line-height: 130px; }
  #page-content #customer-care p { font-size: 16px; line-height: 30px; } }
@media (min-width: 768px) { #page-content #design-haus img { float: right; } }
@media (max-width: 767px) { #page-content #design-haus { text-align: center; }
  #page-content #nav-customer { margin-top: -70px; padding-top: 90px; padding-bottom: 25px; }
  #page-content #nav-customer .nav-block { width: 100%; }
  #page-content #nav-customer a { text-align: center; }
  #page-content #customer-care { padding-top: 25px; }
  #page-content #customer-care h1 { font-size: 50px; text-align: center; border: none; border-bottom: 5px solid #032f5b; padding: 0; padding-bottom: 25px; line-height: 60px; }
  #page-content #customer-care img { margin-top: 15px; margin-left: auto; }
  #page-content #customer-care p { text-align: center; font-size: 16px; }
  #page-content #customer-care .options-wrapper { border-left: 0 solid #032f5b; }
  #page-content #customer-care-detail h1 { margin-top: 25px; line-height: 35px; }
  #page-content #customer-care-detail .tab-link { display: none; }
  #page-content #contact-us p, #page-content #contact-us h1 { text-align: center; }
  #page-content #contact-us .spacer-contact { margin-top: -43px; } }
@media (max-width: 499px) { #page-content #customer-care-detail .client-details .nav-tabs > li { float: none; margin-bottom: 3px; } }
/* Innerpage Styles  ENDS */
/* Communities Styles */
.house-wrapper h1, .house-wrapper h2 { margin-left: 15px; }
.house-wrapper a { color: #000; }
.house-wrapper a:hover { color: #c7a23b; }
.house-wrapper li { line-height: 24px; padding-bottom: 15px; }
.house-wrapper .elevation { float: left; }
.house-wrapper .elevation p { line-height: 25px; margin-top: -10px; }
.house-wrapper .download-pdf { float: right; }
.house-wrapper .download-pdf a { display: block; width: 170px; height: 45px; color: #000; border: 1px solid #032f5b; padding: 5px 15px; text-align: center; margin-bottom: 35px; }
.house-wrapper .download-pdf a:hover { background-color: #032f5b; color: #FFF; }
.house-wrapper .elevation-list { float: left; }
.house-wrapper .elevation-list a { color: #FFF; background-color: #032f5b; display: block; padding: 5px 120px 5px 5px; margin-bottom: 10px; height: 40px; transition: all .25s ease-in-out; }
.house-wrapper .elevation-list a:hover { background-color: #4d4d4d; }
.house-wrapper .img-elevation-box { float: right; }
.house-wrapper .house-details { max-width: 250px; min-height: 200px; margin: 0 auto; }
.house-wrapper .house-details a { color: #000; }
.house-wrapper .house-details .house-name { margin-bottom: 5px; font-weight: 500; margin-top: 10px; line-height: 20px; }
.house-wrapper .house-details .sqft { margin-top: -10px; font-size: 14px; margin-bottom: 25px; }
.house-wrapper hr { border-bottom: 1px solid #032f5b; }

.page-content { padding-bottom: 50px; }
.page-content a { color: #000; }
.page-content a:hover { color: #032f5b; }

.page-heading { margin-bottom: 30px; }

.img-welcome { margin-top: 30px; margin-bottom: 30px; min-width: 100%; }

.disclaimer { font-size: 12px; line-height: 20px; margin-top: 100px; text-align: left; }

.addBorderRadius { border-radius: 0 50px 50px 0; background: #4d4d4d !important; transition: all .25s ease-in-out; }

.img-gallery-wrapper { margin-bottom: 30px; }

#main, #upper, #base, #second, #ground { border: 0 !important; outline: none !important; }

@media (max-width: 767px) { .page-heading { text-align: center !important; margin-bottom: 5px; }
  .page-sub-heading { text-align: center; }
  .img-project-logo { margin-top: 25px; margin-bottom: 25px; max-width: 150px; }
  .hero { display: none; } }
@media (max-width: 399px) { .house-wrapper .download-pdf { margin-top: 25px; float: left; }
  .img-project-logo { max-width: 150px; margin-top: 10px; margin-bottom: 10px; } }
@media (min-width: 993px) and (max-width: 1500px) { .option-group label span { padding-right: 2px; } }
@media (min-width: 768px) { .page-sub-heading { margin-bottom: 30px; margin-top: -30px; } }
/* Communities Styles Ends */
/* CSS FOR IMAGE GALLERY */
.img-gallery-wrapper img { display: block; float: left; width: 33.3%; padding: 15px; margin: auto; }
.img-gallery-wrapper img:last-child { padding-bottom: 50px; }

.lightbox-wrapper { height: 100%; width: 100%; top: 0; left: 0; background-color: rgba(255, 255, 255, 0.97); position: fixed; z-index: 9999; overflow: auto; text-align: center; display: none; }

.lightbox-container { height: 100%; overflow: auto; }

.gallery-nav { position: absolute; z-index: 9999; font-size: 40px; width: 50px; height: 50px; background-color: rgba(255, 255, 255, 0.75); border-radius: 50%; padding: 3px; border: 2px solid #FFF; }
.gallery-nav:hover { background-color: white; border: 2px solid #666; transition: all .2s ease-in-out; }

.close-gallery { right: 0; margin-right: 5px; margin-top: 5px; }

.nav-prev { top: 50%; left: 35px; transform: translate(-50%, -50%); }

.nav-next { top: 50%; right: -20px; transform: translate(-50%, -50%); }

.img-box { height: 84vh; width: 100%; display: inline-block; vertical-align: top; /*not required*/ position: relative; }
.img-box img { max-height: 100%; max-width: 100%; width: auto; height: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }

.img-caption { height: 50px; background-color: #FFF; text-align: center; padding: 5px 0; }

.thumbnail_wrapper { max-width: 100%; }
.thumbnail_wrapper img { height: 10vh; background: #FFF; margin: auto; }

@media (max-width: 767px) { .img-box { height: 70vh; }
  .img-gallery-wrapper img { width: 50%; } }
@media (max-width: 499px) { .img-box { height: 60vh; }
  .nav-next, .nav-prev { display: none; }
  .img-gallery-wrapper img { width: 100%; } }
/* CSS FOR IMAGE GALLERY  Ends*/
/* FOOTER STYLES */
#footer { background-color: #032f5b; color: #FFF; padding-top: 70px; padding-bottom: 50px; }
#footer a { color: #FFF; font-size: 15px; }
#footer a:hover { color: #c7a23b; }
#footer .social { margin-top: -130px !important; margin-left: -62px; height: 50px; width: 300px; }

@media (max-width: 767px) { #footer .img-footer-logo { margin-left: -15px; }
  #footer p { text-align: left; margin-top: 25px; font-size: 14px; }
  #footer .social { margin-top: -200px !important; } }
@media (max-width: 399px) { #footer .img-footer-logo { margin-left: auto; margin-right: auto; }
  #footer p { text-align: center; }
  #footer .social { margin-top: -130px !important; margin-left: auto; margin-right: auto; } }
/* FOOTER STYLES ENDS */

/*# sourceMappingURL=custom.css.map */


/* Added By Author */

.border-bottom{border-bottom: 1px solid #003F6E;}
.mt-6{margin-top: 50px!important;}
.mt-5{margin-top: 30px!important;;}
.mt-4{margin-top: 20px!important;;}
.mt-3{margin-top: 10px!important;;}
.mb-5{margin-bottom: 30px!important;;}
.mb-4{margin-bottom: 20px!important;;}
.mb-3{margin-bottom: 10px!important;;}
.float-right{float: right!important;;}
.customList{margin-left: -20px;}
.p-0{padding: 0;}

.pt-5{padding-top: 50px;}
.pb-5{padding-bottom: 50px;}
.pb-4{padding-bottom: 20px;}
.lh-15{line-height: 1.5;}

.accordion_head{font-size: 29px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;  }
.accordion_head:hover{cursor: pointer;}
.accordion_head .plusminus{color: #003F6E; width: 40px;  height: 40px; float: right;}
.accordion_body{display: none;  }

.descContainer{column-count: 2; padding-bottom: 50px;  orphans: 3;   column-gap: 40px;}
.fw-600{font-weight: 600;}


@media screen and (max-width: 767px){
    .d-none{display: none!important;}
    .descContainer{column-count: 1; padding-bottom: 50px;  orphans: 3;}
}
@media  screen and (min-width:768px) {
     .d-block-md{display: block!important;}
     .text-md-start{text-align: left;}
     .pl-md-0{padding-left: 0!important;}
}


.md-modal {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 50%;
	max-width: 630px;
	min-width: 320px;
	height: auto;
	z-index: 2000;
	visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.md-show {
	visibility: visible;
}

.md-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	visibility: hidden;
	top: 0;
	left: 0;
	z-index: 1000;
	opacity: 0;
	background: rgba(40,43,49,.8);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show ~ .md-overlay {
	opacity: 1;
	visibility: visible;
}

/* Content styles */
.md-content {
	color: #333;
	background: #fff;
}

/* Effect 1: Fade in and scale up */
.md-effect-1 .md-content {
	-webkit-transform: scale(0.7);
	-ms-transform: scale(0.7);
	transform: scale(0.7);
	opacity: 0;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show.md-effect-1 .md-content {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

@media (min-width: 992px){
  #main-navigation .dropdown-menu {
      width: 280px;
  }
  #main-navigation .dropdown-menu li {
      width: 280px;
  }
}


#andrin-advantage-details{border-left: 1px solid #032f5b; margin-left: 30px; padding-left: 30px;}
#andrin-advantage-details .accordion_head{position: relative; border-top: 1px solid #032f5b; margin-bottom: 20px; padding-top: 18px;}
#andrin-advantage-details .accordion_head  .counter{position: absolute; left: -71px; top:11px; border:1px solid #032f5b; width: 50px; height: 50px; border-radius: 50%; color: #000; text-align: center; background-color: #FFF; font-size: 27px; padding-top: 7px;}
#andrin-advantage-details .andrin-advantage-block{margin-top: -15px;}

@media screen and (max-width: 767px){
    .h-48{font-size: 32px;}
    #andrin-advantage-details .accordion_head .heading{width: 80%; float: left;}
    #andrin-advantage-details .accordion_head .plusminus{width: 20%; text-align: center;}
    #andrin-advantage-details .accordion_head .h-28{font-size: 20px;}
}

#broker-portal{background-color: #132f58;
  color: white;}
  #brokerportal-form label{font-weight: 400;
  margin-bottom: 0;}
  #brokerportal-form .form-control{height: 39px;}
  .checkbox{appearance: auto!important;display: inline-block;}
  #brokerportal-form .btn-submit{border: 8px solid #132f58;background-color: white;color: #132f58;font-size: 18px; font-weight: 500;}
.d-inline-block{display: inline-block;}
  .thankyou-hero{
    background-image: url(../images/hero/hero-thank-you.jpg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 550px;
    
  }
  
  @media(max-width: 767px){
    .thankyou-hero{
      height: 250px;
    }
  }
  @media(max-width: 399px){
    .thankyou-hero{
      height: 200px;
    }
  }


  /*WARRANTY SERVICES 2022 STARTS*/
#warranty-panel .panel{background-color: #FFF; border-top: 1px solid #003f6e;  margin-top: 0;}
#warranty-panel .panel:last-child{border-bottom: 1px solid #003f6e;}

#warranty-panel .panel-heading{background-color: #FFF; color: #003f6e; background-image: url('../images/icons/plus.png'); background-position: right; background-repeat: 
no-repeat; transition: all .45s ease-in-out; padding: 22px 0 22px 15px;}
#warranty-panel .panel-heading.show{background-image: url('../images/icons/minus.png'); }
#warranty-panel .panel-heading:hover{cursor: pointer;}
#warranty-panel .panel-heading .panel-title a{display: block;}
#warranty-panel .panel-body{border: none;}
#warranty-panel .phase{padding: 9px 12px 5px; display: inline-block; margin-bottom: 5px; letter-spacing: 1px;}

#warranty-panel  .downloadLink{font-size: 22px; font-weight:600; color: #af841d; padding: 11px 55px; background-image: url('../images/icons/download_bl.png'); background-position: left; background-repeat: no-repeat; min-height: 45px; display: block; margin-bottom: 20px;}
#warranty-panel  .downloadLink:hover{text-decoration: underline; color:#d1af4b;}
.question-blk{background-color: #eff1f4; padding: 25px 40px;}

#selectWarrantyCommunity{transform: scale(1.3); margin: 15px 60px;}

@media screen and (max-width:992px) {
    .question-blk{text-align: center;}
}

/*WARRANTY SERVICES 2022 ENDS*/