@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('../fonts/opensans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal; 
} 
@font-face {
    font-family: 'open_sansbold';
    src: url('../fonts/opensans-bold-webfont.woff2') format('woff2'),
         url('../fonts/opensans-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal; 
} 
@font-face {
    font-family: 'regattiabold';
    src: url('../fonts/regattia-bold-webfont.woff2') format('woff2'),
         url('../fonts/regattia-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
html {
  scroll-behavior: smooth;
}  
body {
  font-family: 'open_sansregular';
  color: #222;
} 
header {
  background: #fff;
}
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999; 
  -webkit-box-shadow: -2px -2px 5px #000;
    -moz-box-shadow: -2px -2px 5px #000;
    box-shadow: -2px -2px 5px #000;
} 
.sticky .navbar-brand {
  padding: 0px;
}
.sticky .navbar-nav li {
  margin: 7px 15px;
}
.navbar-light .navbar-nav .nav-link {
    color: #000;
}
.navbar-light .navbar-nav .nav-link:focus, 
.navbar-light .navbar-nav .nav-link:hover {
  color: #E6A223;
} 
.sticky .navbar-brand img {
  height: 60px;
} 
.navbar .container {
  align-items: start;
}
.navbar-nav li {
  margin: 25px 15px;
}
.navbar-nav .nav-link { 
  font-size: 1.2rem;
  color: #000;
}
.navbar-nav .nav-link.current {
  color: #E6A223;
}
#BannerCarousel .carousel-caption {
  top: 50%;
  transform: translate(34%, -42%);
  bottom: initial;
  width: 42%; 
  font-size: 1.4rem; 
}
#BannerCarousel .carousel-caption img {
  max-width: 100%;
}
#BannerCarousel .carousel-caption p {
  text-shadow: 0 0 3px #000;
}
.carousel-indicators li {
  width: 14px;
  height: 14px;
  border-radius: 30px;
  border-width: 0px;
  margin: 5px; 
}
#BannerCarousel .carousel-indicators li { 
  background-color: #E6A223;
} 
.carousel-item:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.35);
  z-index: 9;
}
#story {
  padding: 9% 0 7%;
} 
#films,
#portfolio,
#clients,
#testimonials {
  padding: 7% 0;
} 
section h2 {
  font-family: 'regattiabold';
  font-size: 3rem;
}
section h3 { 
  font-size: 1.6rem;
}
#story p {
  line-height: 34px;
  font-size: 1.2rem;
  margin-bottom: 1.6rem;
}
#films p {
  line-height: 30px;
  font-size: 1.1rem; 
}
#films p span {
  font-family: 'regattiabold';
}
.brand-text-color {
  color: #E6A223;
}
#portfolio {
  background: url('../images/work-bg.jpg') repeat;
} 
#portfolio .col-lg-2 { 
    overflow: hidden;
    max-height: 120px;
    padding: 0 5px;
    margin: 5px 0;
} 
#swati .swati-wrapper {
  background: url('../images/swati.jpg') no-repeat top right;
  background-size: cover;
  color: #fff; 
  padding: 4% 0;
}
#swati .mobile-pic {
  display: none;
}
#swati .about-swati {
  background: #fff;
  color: #000;
  padding: 2% 5%;
  border: 2px solid #E5A223;
  border-radius: 3px;
} 
#clients p { 
  font-size: 1.4rem; 
  margin-bottom: 0.4rem;
}
#clients .client-country {
  font-size: 1.05rem;
}
#testimonials {
  background: #F7F7F7;
} 
#testimonials .carousel-inner {
  width: 82%;
  margin: 0 auto;
}
#testimonials .carousel-item:before {
  display: none;
}
#testimonials .carousel-control-next, 
#testimonials .carousel-control-prev {
  width: 65px;
}
#testimonials .carousel-control-next-icon {
  background: url('../images/arrow-next.png') no-repeat 0 0;
  width: 65px;
  height: 65px;
}
#testimonials .carousel-control-prev-icon {
  background: url('../images/arrow-prev.png') no-repeat 0 0;
  width: 65px;
  height: 65px;
}
#testimonials p {
  line-height: 32px;
  font-size: 1.2rem; 
}
#testimonials h4 {
  font-family: 'open_sansbold';
}
#connect {
  background: #F7F7F7;
}
#connect .connect-top {
  background: #E5A223;
  padding: 7% 0 8%;
}
#connect .connect-bottom {
  padding: 0 0 4%;
}
#connect .connect-dtls { 
  margin-top: -110px;
  background: #222;
  color: #fff;
  padding: 3%;
  border: 1px solid #E5A223;
  border-radius: 26px;
}
#connect .connect-phone,
#connect .connect-email {
  font-family: 'open_sansbold';
  font-size: 1.6rem;
}
#connect .connect-email a {
  color: #fff;
}
#connect .connect-address { 
  font-size: 1.2rem;
}
#connect .connect-dtls img {
  margin-right: 5px;
}
#connect .form-control {
  border-radius: .75rem;
  border-color: #d2d2d2; 
  padding: .375rem 1.2rem;
}
#connect input.form-control { 
  height: calc(1.5em + 1rem + 5px); 
}
#connect .form-control:focus { 
  border-color: #E6A223; 
  box-shadow: 0 0 0 0.2rem #e6a22326;
}
.btn-brand {
  background-color: #E6A223;
  border-color: #E6A223;
  color: #fff;
  padding: 10px 40px;
  font-weight: 700;
  font-size: 1.1rem;
  border-radius: 15px;
}
.btn-brand:hover,
.btn-brand:focus {
  background-color: #c58713;
  border-color: #c58713; 
  color: #fff;
}
#connect .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #A5A5A5;
}
#connect .form-control::-moz-placeholder { /* Firefox 19+ */
  color: #A5A5A5;
}
#connect .form-control:-ms-input-placeholder { /* IE 10+ */
  color: #A5A5A5;
}
#connect .form-control:-moz-placeholder { /* Firefox 18- */
  color: #A5A5A5;
}
textarea {
  resize: none;
}
.formErrorSelf {
  color: #fe000c; 
  font-size: 11px; 
  margin-right: 17px;   
  width: auto; 
  display: inline-block;
} 
footer {
  background: #222;
  color: #E6A223;
  padding: 3% 0;
}  
.social-links {
  list-style-type: none;
  padding: 0;
}
.social-links li { 
  padding: 2px;
  display: inline-block
} 

@media screen and (max-width: 980px) { 
  .navbar-brand {
    padding: 0px;
  }
  .navbar-light .navbar-brand img {
    height: 80px;
  }
  .navbar-nav .nav-link {
    font-size: 1rem; 
  }
  .navbar-nav li,
  .sticky .navbar-nav li {
    margin: 10px 0px;
  }
  section h2 {
    font-size: 2.6rem;
  } 
  section h3 {
    font-size: 1.4rem;
  }
  #story p { 
    margin-bottom: 1.6rem;
  }
  #story p,
  #films p {
    line-height: 30px;
    font-size: 1.1rem;
  }
  #swati .swati-wrapper {
    background: none; 
    padding: 0 15px;
  }
  #swati .mobile-pic {
    display: block;
  }
  #swati .swati-wrapper .col-lg-5 {
    padding-left: 0;
    padding-right: 0;
  }
  #testimonials .carousel-control-next, 
  #testimonials .carousel-control-prev {
    width: 35px;
  }
  #testimonials .carousel-control-next-icon {
    background: url('../images/arrow-next-sm.png') no-repeat 0 0;
    width: 35px;
    height: 35px;
  }
  #testimonials .carousel-control-prev-icon {
    background: url('../images/arrow-prev-sm.png') no-repeat 0 0;
    width: 35px;
    height: 35px;
  }
  #testimonials p {
    line-height: 26px;
    font-size: 1rem; 
  }
  #testimonials h4 {
    font-size: 1.05rem;
  }
}
@media screen and (max-width: 767px) { 
  .navbar-light .navbar-brand img {
    height: 60px;
  }
  .navbar-light .navbar-toggler {
    margin-top: 10px;
  }
  .navbar .navbar-collapse { 
    padding-top: 5px;
    margin-top: 5px;
  }
  .sticky .navbar-nav li,
  .navbar-nav li {
    margin: 0;
    border-top: 1px solid #000;
  }
  .navbar-light .navbar-nav .nav-link { 
    font-size: 1.1rem;
  }  
  #BannerCarousel .carousel-indicators {
    margin-bottom: 5px;
  }
  #BannerCarousel .carousel-caption {
    width: 80%;
    transform: translate(-6%, -38%);
    font-size: 0.8rem;
  }
  #BannerCarousel .carousel-caption img {
    height: 55px;
  }
  section h2 {
    font-size: 2.2rem;
  }
  section h2.mb-5 { 
    margin-bottom: 1.4rem !important;
  }
  section h2.mb-4 { 
    margin-bottom: 1rem !important;
  }
  section h3 {
    font-size: 1.4rem;
  }
  #story p { 
    margin-bottom: 1.4rem;
  }
  #story p,
  #films p {
    line-height: 26px;
    font-size: 1rem;
  }
  #swati .about-swati {
    border: 0;
  }
  #swati .swati-wrapper .col-lg-5,
  #swati .swati-wrapper .col-lg-7 {
    padding-left: 0;
    padding-right: 0;
  }
  #clients .row {
    display: block;
  }   
  #clients .col {
    margin: 0 !important;
  }
  #clients .col .w-100 {
    width: auto !important;
    margin: 0 auto;
  } 
  #clients p {
    font-size: 1.2rem; 
  }
  #clients .client-country {
    font-size: 1rem;
  }
  #portfolio .col-lg-2 {
    overflow: visible;
    max-height: none;
    padding: 0 15px;
  }
  #connect .connect-dtls {
    margin-top: -40px;
    border-radius: 0;
    padding: 7% 4%;
  }
  #connect .connect-phone, 
  #connect .connect-email { 
    font-size: 1.2rem;
  }
  #connect .connect-address {
    font-size: 1rem;
  }
}