@import url("//fonts.googleapis.com/css?family=Lato:700,400,300|Open+Sans:700,400,300|Open+Sans+Condensed:300");
/* -------------------------------------------------------------
  Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library
  By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets

  List of CSS3 Sass Mixins File to be @imported and @included as you need

  The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER
  ENDING css files

  note: All CSS3 Properties are being supported by Safari 5
  more info: http://www.findmebyip.com/litmus/#css3-properties

  Mixins available:
    -   css3-prefix             - arguments: Property, Value
    -   background-gradient     - arguments: Start Color: #3C3C3C, End Color: #999999
    -   background-radial       - arguments: Start Color: #FFFFFF, Start position: 0%, End Color: #000000, End position: 100%
    -   background-size         - arguments: Width: 100%, Height: 100%
    -   background-opacity      - arguments: Color: #000, Opacity: .85
    -   border-radius           - arguments: Radius: 5px
    -   border-radius-separate  - arguments: Top Left: 5px, Top Left: 5px, Bottom Left: 5px, Bottom Right: 5px
    -   box                     - arguments: Orientation: horizontal, Pack: center, Align: center
    -   box-rgba                - arguments: R: 60, G: 3, B: 12, Opacity: 0.23, Color: #3C3C3C
    -   box-shadow              - arguments: X: 2px, Y: 2px, Blur: 5px, Color: rgba(0,0,0,.4)
    -   box-sizing              - arguments: Type: border-box
    -   columns                 - arguments: Count: 3, Gap: 10
    -   double-borders          - arguments: Color One: #3C3C3C, Color Two: #999999, Radius: 0
    -   flex                    - arguments: Value: 1
    -   flip                    - arguments: ScaleX: -1
    -   font-face               - arguments: Font Family: myFont, Eot File Src: myFont.eot, Woff File Src: myFont.woff, Ttf File Src: myFont.ttf
    -   opacity                 - arguments: Opacity: 0.5
    -   outline radius          - arguments: Radius: 5px
    -   resize                  - arguments: Direction: both
    -   rotate                  - arguments: Degree: 0, M11: 0, M12: 0, M21: 0, M22: 0
    CSS Matrix Rotation Calculator http://www.boogdesign.com/examples/transforms/matrix-calculator.html
    -   text-shadow             - arguments: X: 2px, Y: 2px, Blur: 5px, Color: rgba(0,0,0,.4)
    -   transform               - arguments: Parameters: null
    -   transform-style         - arguments: Style: preserve-3d
    -   transition              - Default arguments: What: all, Length: 1s, Easing: ease-in-out
    -                            - Examples: @include transition (all 2s ease-in-out);
    -                                        @include transition (opacity 1s ease-in 2s, width 2s ease-out);
    -   triple-borders          - arguments: Color One: #3C3C3C, Color Two: #999999, Color Three: #000000, Radius: 0
    -   keyframes               - arguments: Animation name
                                - content:   Animation css
    -   animation               - arguments: name duration timing-function delay iteration-count direction fill-mode play-state
                                             (http://www.w3schools.com/cssref/css3_pr_animation.asp)

------------------------------------------------------------- */
/* ADDS A BROWSER PREFIX TO THE PROPERTY */
/* BACKGROUND GRADIENT */
/* BACKGROUND RADIAL */
/* BACKGROUND SIZE */
/* BACKGROUND COLOR OPACITY */
/* BORDER RADIUS */
/* BOX */
/* BOX RGBA */
/* BOX SHADOW */
/* BOX SIZING */
/* COLUMNS */
/* DOUBLE BORDERS */
/* FLEX */
/* FLIP */
/* FONT FACE */
/* OPACITY */
/* OUTLINE RADIUS */
/* RESIZE */
/* ROTATE*/
/* TEXT SHADOW */
/* TRANSFORM  */
/* TRANSFORM STYLE */
/* TRANSITION */
/* TRIPLE BORDERS */
/* KEYFRAMES */
/* ANIMATION */
/*

     @include grid-md {
        min-height: 40vh;        
    }    

*/
.leftImgShadow, .shadowImageContainer::after {
  position: absolute;
  background: #D5CEBE;
  content: "";
  bottom: 13px;
  left: 48px;
  width: 44%;
  height: 53%;
  z-index: -1; }
  @media only screen and (max-width: 1199.98px) {
    .leftImgShadow, .shadowImageContainer::after {
      display: none; } }

.leftImgShadow_1, .shadowImageContainer::before {
  position: absolute;
  background: #D5CEBE;
  content: "";
  top: -25px;
  right: 65px;
  width: 14%;
  height: 23%;
  z-index: -1; }
  @media only screen and (max-width: 1199.98px) {
    .leftImgShadow_1, .shadowImageContainer::before {
      display: none; } }

.rightImgShadow, .shadowImageContainerRight::after {
  position: absolute;
  background: linear-gradient(45deg, #d8ab27 0%, #ecd593 100%);
  content: "";
  bottom: 0px;
  right: 0px;
  width: 85%;
  height: 75%;
  z-index: -1; }
  @media only screen and (max-width: 767.98px) {
    .rightImgShadow, .shadowImageContainerRight::after {
      width: 100%; } }

.shadowImage {
  padding: 0 0px 60px 95px;
  box-sizing: border-box; }
  @media only screen and (max-width: 1199.98px) {
    .shadowImage {
      padding: 0 20px 20px 0px; } }
  @media only screen and (max-width: 991.98px) {
    .shadowImage {
      padding: 0; } }
  .shadowImage img {
    border: 12px solid #ffffff;
    max-height: 420px; }
    @media only screen and (max-width: 991.98px) {
      .shadowImage img {
        border: 0px solid #ffffff; } }

.shadowImageRight {
  padding: 0 60px 60px 40px;
  box-sizing: border-box; }
  @media only screen and (max-width: 1199.98px) {
    .shadowImageRight {
      padding: 0 20px 20px 0px; } }
  @media only screen and (max-width: 991.98px) {
    .shadowImageRight {
      padding: 0; } }
  .shadowImageRight img {
    border: 12px solid #ffffff; }
    @media only screen and (max-width: 991.98px) {
      .shadowImageRight img {
        border: 0px solid #ffffff; } }

.shadowImageTallSmall {
  padding: 0 20px 30px 30px;
  box-sizing: border-box; }
  .shadowImageTallSmall img {
    border: 10px solid #ffffff; }

.shadowImageContainer {
  position: relative;
  z-index: 0; }

.shadowImageContainer {
  position: relative;
  z-index: 0; }

.shadowImageContainerRight {
  position: relative;
  z-index: 0; }

/*--------------------------------------
Html and Body
--------------------------------------*/
body {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 1.5;
  color: #142843;
  font-weight: 500; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Lato", sans-serif; }

a, p, button, li {
  font-family: "Open Sans", sans-serif; }

p {
  line-height: 24px;
  font-weight: 400;
  margin-bottom: 24px; }

a:hover {
  text-decoration: none; }

/*------------------------
    Responsive Video Container
--------------------------*/
.resp-container {
  position: relative;
  overflow: hidden;
  padding-top: 56.25%; }
  .resp-container .resp-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0; }

/*------------------------
    Subpage Banner
--------------------------*/
.subpageBanner {
  position: relative;
  min-height: 200px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  -webkit-box-shadow: 0 8px 12px -10px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: 0 8px 12px -10px rgba(0, 0, 0, 0.7);
  box-shadow: 0 8px 12px -10px rgba(0, 0, 0, 0.7); }
  @media only screen and (max-width: 991.98px) {
    .subpageBanner {
      min-height: 100px; } }

.about-banner {
  background-image: url("../images/banners/people.jpg"); }

.article-banner {
  background-image: url("../images/banners/people.jpg"); }

.product-banner {
  background-image: url("../images/banners/people.jpg"); }

.connect-banner {
  background-image: url("../images/banners/people.jpg"); }

.product-details-banner {
  background-image: url("../images/banners/people.jpg"); }

#page-products .subpageBannerWrapper, #page-confirmation .subpageBannerWrapper {
  margin-bottom: 0px; }

/*
#page-careers {
  .subpageBannerWrapper  {
    h1 {
      text-align: left;
    }
  }
}
*/
.subpageBannerWrapper {
  background: linear-gradient(#F1F2F6, #ffffff);
  padding: 60px 0 24px; }

.subpageBannerTitle h1 {
  text-transform: uppercase;
  font-size: 2.0rem;
  font-weight: 600; }
  .subpageBannerTitle h1.blog-article {
    font-size: 1.8rem;
    text-transform: capitalize; }

.bg-light-blue {
  background-color: #f9fafb; }

.btn-blue {
  border-radius: 0;
  background-color: #295297;
  color: #ffffff;
  line-height: 2em; }
  .btn-blue:hover {
    background-color: #143264;
    color: #ffffff; }

.btn-blue-outline {
  border: 1px solid #4f84cc;
  color: #4f84cc;
  line-height: 2em; }
  .btn-blue-outline:hover {
    background-color: #4f84cc;
    color: #ffffff; }

.btn-yellow {
  border-radius: 0;
  background-color: #d8ab27;
  color: #ffffff;
  line-height: 2em; }
  .btn-yellow:hover {
    background-color: #143264;
    color: #ffffff; }

/* home banner end */
.top-banner {
  position: relative;
  min-height: 340px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  margin-bottom: 60px; }
  @media only screen and (max-width: 767.98px) {
    .top-banner {
      min-height: 280px; } }
  .top-banner .top-banner-content {
    position: absolute;
    bottom: 15%;
    padding-left: 0px; }
    @media only screen and (max-width: 767.98px) {
      .top-banner .top-banner-content {
        padding-left: 0; } }
    .top-banner .top-banner-content .top-banner-heading h2 {
      color: #ffffff;
      font-size: 36px;
      text-transform: capitalize;
      position: relative;
      /*
      &::before {
        content: "";
        width: 100px;
        height: 3px;
        background-color: $yellow-color;
        position: absolute;
        top: -20px;
        left: 0;
      }
      */ }
      @media only screen and (max-width: 767.98px) {
        .top-banner .top-banner-content .top-banner-heading h2 {
          font-size: 33px; } }
    .top-banner .top-banner-content .top-banner-heading ul {
      padding-left: 0; }
      @media only screen and (max-width: 767.98px) {
        .top-banner .top-banner-content .top-banner-heading ul {
          display: block !important;
          padding-left: 20px; } }
      .top-banner .top-banner-content .top-banner-heading ul li {
        padding-right: 20px;
        margin-right: 15px;
        font-weight: 400;
        text-transform: uppercase;
        color: #ffffff; }
        .top-banner .top-banner-content .top-banner-heading ul li a {
          color: #ffffff;
          font-weight: 400; }
          .top-banner .top-banner-content .top-banner-heading ul li a:hover {
            color: #d8ab27; }
        .top-banner .top-banner-content .top-banner-heading ul li:first-child {
          list-style: none; }
          @media only screen and (max-width: 767.98px) {
            .top-banner .top-banner-content .top-banner-heading ul li:first-child {
              list-style: unset; } }
  .top-banner time {
    font-size: 24px;
    color: #ffffff;
    font-weight: 200; }
  .top-banner h4 {
    color: #ffffff; }

/* home banner end */
/*------------------------
    Parallax
--------------------------*/
.prlx-content {
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-position: 50% 50%;
  background-attachment: fixed;
  height: 65vh; }
  @media only screen and (max-width: 1199.98px) {
    .prlx-content {
      display: none; } }
  .prlx-content.prlx-01 {
    background-image: url("../images/prlx/photo01.jpg"); }
  .prlx-content.prlx-02 {
    background-image: url("../images/prlx/photo02.jpg"); }
  .prlx-content.prlx-03 {
    background-image: url("../images/prlx/photo03.jpg"); }
  .prlx-content.prlx-04 {
    background-image: url("../images/prlx/photo04.jpg"); }
  .prlx-content.prlx-05 {
    background-image: url("../images/prlx/photo05.jpg"); }
  .prlx-content.prlx-06 {
    background-image: url("../images/prlx/photo06.jpg"); }
  .prlx-content.prlx-07 {
    background-image: url("../images/prlx/photo07.jpg"); }
  .prlx-content.prlx-08 {
    background-image: url("../images/prlx/photo08.jpg"); }
  .prlx-content.prlx-09 {
    background-image: url("../images/prlx/photo09.jpg"); }

/*--------------------------------------
  Animation
--------------------------------------*/
@keyframes flipText {
  0% {
    margin-top: -300px; }
  5% {
    margin-top: -200px; }
  33% {
    margin-top: -200px; }
  38% {
    margin-top: -100px; }
  66% {
    margin-top: -100px; }
  71% {
    margin-top: 0; }
  99.99% {
    margin-top: 0; }
  100% {
    margin-top: -300px; } }
/*------------------------
    FOOTER
--------------------------*/
/* Major City start */
.major-cities {
  margin-top: 120px;
  padding: 100px 0 60px;
  background-color: #F1F2F6; }
  .major-cities .heading {
    text-align: center; }
    .major-cities .heading h2 {
      font-size: 34px;
      max-width: 786px;
      margin: 0 auto;
      text-transform: uppercase;
      font-weight: 600; }
      .major-cities .heading h2 span {
        font-size: 30px; }
        @media only screen and (max-width: 767.98px) {
          .major-cities .heading h2 span {
            display: block; } }
    .major-cities .heading h3 {
      text-transform: capitalize;
      font-size: 28px; }
  .major-cities .city-container {
    padding-bottom: 40px; }
    @media only screen and (max-width: 767.98px) {
      .major-cities .city-container .media {
        flex-direction: column; } }
    .major-cities .city-container h5 {
      font-weight: 600;
      font-size: 22px;
      text-transform: capitalize;
      position: relative;
      color: #142843; }
      .major-cities .city-container h5:before {
        content: "";
        width: 70px;
        height: 3px;
        background-color: #d8ab27;
        position: absolute;
        bottom: -10px; }
    .major-cities .city-container p {
      margin-bottom: 0; }
  .major-cities .map-img {
    max-width: 220px; }
    @media only screen and (max-width: 991.98px) {
      .major-cities .map-img {
        max-width: 100%;
        margin-bottom: 10px; } }
    @media only screen and (max-width: 767.98px) {
      .major-cities .map-img img {
        margin: 0 auto !important;
        display: block; } }
  .major-cities .city-link {
    font-size: 16px;
    color: #d8ab27; }

/* Major City end */
/* footer start */
.main-footer {
  background: #1d2c4d;
  color: #ffffff;
  padding: 70px 0 50px;
  position: relative; }
  .main-footer .footer-content {
    border-bottom: 2px solid #162443;
    padding-bottom: 25px; }
    .main-footer .footer-content .newsletter {
      padding-top: 30px; }
      .main-footer .footer-content .newsletter span {
        font-family: "Open Sans", sans-serif;
        text-transform: uppercase;
        padding-bottom: 20px;
        display: block; }
      .main-footer .footer-content .newsletter input {
        width: 100%;
        height: 50px;
        margin-bottom: 5px; }
        .main-footer .footer-content .newsletter input:nth-child(2) {
          background: #192744;
          border: 1px solid #192744;
          color: white;
          padding-left: 10px; }
        .main-footer .footer-content .newsletter input:nth-child(3) {
          text-align: center;
          text-transform: uppercase;
          color: #ffffff;
          background: #374a75;
          border: 1px solid #374a75; }
    @media only screen and (max-width: 767.98px) {
      .main-footer .footer-content .col-md-2 {
        max-width: 50%; } }
    .main-footer .footer-content .social-icon a {
      color: #ffffff;
      font-size: 20px; }
    .main-footer .footer-content .links-header {
      font-family: "Open Sans", sans-serif;
      text-transform: uppercase;
      font-weight: 600;
      color: #d8ab27; }
    @media only screen and (max-width: 767.98px) {
      .main-footer .footer-content .footer-links {
        padding-top: 25px; } }
    .main-footer .footer-content .footer-links ul li a {
      color: #ffffff;
      text-transform: capitalize;
      padding: 2px 0;
      display: block;
      font-size: 11pt; }
      .main-footer .footer-content .footer-links ul li a:hover {
        text-decoration: underline; }
    @media only screen and (max-width: 991.98px) {
      .main-footer .footer-content .award-logo img {
        max-height: 230px; } }
    .main-footer .footer-content .footer-navigation-arrow {
      position: absolute;
      right: 50px;
      width: 5%;
      top: 150px; }
      @media only screen and (max-width: 767.98px) {
        .main-footer .footer-content .footer-navigation-arrow {
          right: 0;
          width: 20%;
          top: 70px; } }
      .main-footer .footer-content .footer-navigation-arrow a {
        border: 1px solid white;
        padding: 25px 20px;
        border-radius: 25px; }
  .main-footer .footer-copyright {
    color: #8390ab;
    text-align: center;
    padding-top: 30px;
    font-size: 14px;
    text-transform: capitalize; }

/* footer end */
.steiner-header {
  background: white;
  position: absolute;
  top: 15px;
  z-index: 2;
  left: 50%;
  transform: translateX(-50%);
  padding: 20px; }
  .steiner-header .navbar {
    background-color: white;
    padding: 0; }
    .steiner-header .navbar .navbar-brand {
      padding-top: 0px;
      padding-bottom: 0px;
      margin-right: 0px; }
      @media only screen and (max-width: 991.98px) {
        .steiner-header .navbar .navbar-brand img {
          width: 200px; } }
  .steiner-header ul li + li {
    margin-left: 35px; }
    @media only screen and (max-width: 991.98px) {
      .steiner-header ul li + li {
        margin: 0; } }
  .steiner-header ul li a.nav-link {
    border-bottom: solid 2px transparent;
    position: relative;
    width: max-content; }
    .steiner-header ul li a.nav-link:hover:after {
      content: "";
      position: absolute;
      bottom: 0;
      height: 2px;
      left: 50%;
      transform: translateX(-50%);
      width: 29px;
      background-color: #EFC803;
      z-index: 3; }
  .steiner-header ul li.active a.nav-link:after {
    content: "";
    position: absolute;
    bottom: 0;
    height: 2px;
    left: 50%;
    transform: translateX(-50%);
    width: 29px;
    background-color: #EFC803;
    z-index: 3; }

.studio-footer {
  background: #58585a;
  background: #58585a;
  margin-top: 80px;
  height: 100px; }
  @media only screen and (max-width: 991.98px) {
    .studio-footer {
      height: auto; } }
  .studio-footer .footer-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100px; }
    @media only screen and (max-width: 991.98px) {
      .studio-footer .footer-bar {
        flex-wrap: wrap;
        height: auto;
        text-align: center; } }
    .studio-footer .footer-bar ul.footer-contact {
      margin: 0;
      display: flex;
      border: solid 1px white;
      list-style-type: none;
      padding-left: 0;
      padding: 12px; }
      @media only screen and (max-width: 991.98px) {
        .studio-footer .footer-bar ul.footer-contact {
          flex-wrap: wrap;
          margin-top: 15px;
          justify-content: center;
          margin-bottom: 15px; } }
      .studio-footer .footer-bar ul.footer-contact li {
        color: white; }
        .studio-footer .footer-bar ul.footer-contact li a {
          color: white; }
        .studio-footer .footer-bar ul.footer-contact li + li {
          margin-left: 15px; }
          @media only screen and (max-width: 991.98px) {
            .studio-footer .footer-bar ul.footer-contact li + li {
              margin: 0; } }
    .studio-footer .footer-bar ul.copyright {
      padding-left: 0;
      list-style-type: none;
      margin: 0; }
      @media only screen and (max-width: 991.98px) {
        .studio-footer .footer-bar ul.copyright {
          margin-bottom: 15px; } }
      .studio-footer .footer-bar ul.copyright li {
        color: white; }
        .studio-footer .footer-bar ul.copyright li a {
          color: white; }

.btn-service {
  background-color: #efc703;
  width: 130px;
  height: 55px;
  text-align: center;
  vertical-align: middle;
  line-height: 40px;
  border-radius: none;
  color: black; }

.home-slider .carousel-caption {
  top: 50%; }
.home-slider a.carousel-control-prev, .home-slider a.carousel-control-next {
  width: 50px;
  height: 50px;
  top: 50%;
  background-color: rgba(20, 40, 67, 0.2); }
.home-slider .carousel-indicators li {
  border-radius: 50%;
  width: 10px;
  height: 10px;
  background-color: rgba(255, 255, 255, 0.502); }
  .home-slider .carousel-indicators li.active:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: solid 1px white;
    transform: translate(-50%, -50%); }
.home-slider i.fa.fa-angle-double-down {
  position: absolute;
  top: 67%;
  font-size: 25px;
  color: white; }
  @media only screen and (max-width: 767.98px) {
    .home-slider i.fa.fa-angle-double-down {
      top: 71%; } }
.home-slider .slider-image {
  height: 100vh;
  object-fit: cover;
  object-position: center; }
.home-slider .slider-caption {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 3; }
  @media only screen and (max-width: 767.98px) {
    .home-slider .slider-caption {
      top: 55%; } }
  .home-slider .slider-caption .caption-overlay {
    background-color: black;
    opacity: 0.4;
    height: 180px;
    width: 370px; }
    @media only screen and (max-width: 767.98px) {
      .home-slider .slider-caption .caption-overlay {
        height: 150px;
        width: 210px; } }
  .home-slider .slider-caption .caption-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    white-space: nowrap;
    color: white; }
    @media only screen and (max-width: 767.98px) {
      .home-slider .slider-caption .caption-content h1 {
        font-size: 24px; } }
    @media only screen and (max-width: 767.98px) {
      .home-slider .slider-caption .caption-content h3 {
        font-size: 18px; } }

.about-studio-section {
  position: relative; }
  .about-studio-section .studio-main-row {
    padding-top: 45px; }
    @media only screen and (max-width: 991.98px) {
      .about-studio-section .studio-main-row {
        height: auto; } }
    .about-studio-section .studio-main-row .left {
      position: relative; }
      .about-studio-section .studio-main-row .left .main-image img {
        margin-top: 10px; }
  .about-studio-section .member-info-row {
    margin-top: 50px; }
    @media only screen and (max-width: 991.98px) {
      .about-studio-section .member-info-row {
        margin-top: 0px; } }
    .about-studio-section .member-info-row .left .main-content {
      padding-top: 35px; }
      @media only screen and (max-width: 991.98px) {
        .about-studio-section .member-info-row .left .main-content {
          padding-top: 0px; } }
      .about-studio-section .member-info-row .left .main-content p {
        line-height: 28px; }
    .about-studio-section .member-info-row .right .studio-custom-gallary .studio-image-first {
      position: relative;
      margin-bottom: 10px;
      text-align: right; }
      .about-studio-section .member-info-row .right .studio-custom-gallary .studio-image-first img {
        width: 442px;
        height: 300px;
        object-fit: cover;
        object-position: center;
        margin-top: -90px; }
        @media only screen and (max-width: 991.98px) {
          .about-studio-section .member-info-row .right .studio-custom-gallary .studio-image-first img {
            margin-top: 25px; } }
      .about-studio-section .member-info-row .right .studio-custom-gallary .studio-image-first:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0px;
        height: 116px;
        width: 26%;
        background-color: #EFC803; }
        @media only screen and (max-width: 991.98px) {
          .about-studio-section .member-info-row .right .studio-custom-gallary .studio-image-first:before {
            display: none; } }
      .about-studio-section .member-info-row .right .studio-custom-gallary .studio-image-first:after {
        content: "";
        position: absolute;
        top: -35px;
        left: 15px;
        width: 20%;
        height: 100%;
        background-image: url("../images/home-page/before-image.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        z-index: -1; }
        @media only screen and (max-width: 991.98px) {
          .about-studio-section .member-info-row .right .studio-custom-gallary .studio-image-first:after {
            display: none; } }
    .about-studio-section .member-info-row .right .studio-custom-gallary .studio-image img {
      width: 100%;
      object-fit: cover;
      object-position: center;
      height: 250px; }
  .about-studio-section:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background-color: #EFC803;
    width: calc(41.6% - 15px);
    height: 300px; }
    @media only screen and (max-width: 991.98px) {
      .about-studio-section:before {
        width: 100%; } }

.service-hero-section .hero-image img {
  object-position: center;
  height: 400px;
  width: 100%;
  object-fit: cover; }

.service-studio-section {
  position: relative; }
  @media only screen and (max-width: 991.98px) {
    .service-studio-section .studio-main-row {
      height: auto; } }
  .service-studio-section .studio-main-row .left {
    position: relative;
    height: 320px; }
    .service-studio-section .studio-main-row .left .main-image {
      margin-top: 10px; }
  .service-studio-section .studio-main-row .right .main-content {
    padding: 30px;
    padding-top: 40px; }
    @media only screen and (max-width: 991.98px) {
      .service-studio-section .studio-main-row .right .main-content {
        padding: 0; } }
    .service-studio-section .studio-main-row .right .main-content h1 {
      margin-bottom: 25px; }
    .service-studio-section .studio-main-row .right .main-content p {
      margin-bottom: 30px;
      line-height: 30px; }
      @media only screen and (max-width: 991.98px) {
        .service-studio-section .studio-main-row .right .main-content p {
          width: 100%; } }
  .service-studio-section:before {
    content: '';
    position: absolute;
    top: -30px;
    left: 0;
    background-color: #EFC803;
    width: calc(41.6% - 15px);
    height: 300px; }
    @media only screen and (max-width: 991.98px) {
      .service-studio-section:before {
        width: 100%; } }

.single-portfolio-section .image-box {
  height: 215px;
  max-width: 290px;
  margin-bottom: 30px; }
  @media only screen and (max-width: 991.98px) {
    .single-portfolio-section .image-box {
      max-width: 100%; } }
  .single-portfolio-section .image-box img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center; }
.single-portfolio-section .btn {
  max-width: 120px;
  width: 100%; }

.portfolio-section {
  padding: 60px 0 0; }
  .portfolio-section .section-title {
    text-align: center;
    text-transform: uppercase; }
  .portfolio-section .card {
    text-align: center;
    border: none;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.3); }
    .portfolio-section .card .card-title {
      font-size: 22px;
      color: #000000;
      text-transform: uppercase; }
    .portfolio-section .card .card-header {
      position: relative;
      padding: 0;
      height: 300px;
      overflow: hidden; }
      .portfolio-section .card .card-header img {
        height: 100%;
        object-fit: cover;
        object-position: center; }
      .portfolio-section .card .card-header .card-overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #0000007a;
        z-index: 1;
        transition: 0.5s ease-in; }
      .portfolio-section .card .card-header:hover .card-overlay {
        top: 0;
        height: 0; }

@media only screen and (min-width: 1200px) {
  .container {
    max-width: 1280px; } }

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