/*
 Theme Name:   Arn Child
 Theme URI:    http://demo.goodlayers.com/financity
 Description:  Goodlayers Financity Child Theme
 Author:       Goodlayers
 Author URI:   http://goodlayers.com
 Template:     arn
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, right-sidebar, responsive-layout
 Text Domain:  financity-child

 START YOUR CHILD THEME CSS HERE
*/

/* Architecture Service */
.architecture-service-container {
  position: relative;
  background: #fff;
  overflow: hidden; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .authenthic-service h1.heading-h1 {
    font-size: 37px; } }
.architecture-bg-thumbnail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
  .architecture-bg-thumbnail .inner {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 1;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
    .architecture-bg-thumbnail .inner .architecture-hover-image {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      -webkit-transition: all 1.5s;
      -o-transition: all 1.5s;
      transition: all 1.5s;
      opacity: 0;
      z-index: -1;
      overflow: hidden;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center; }
      .architecture-bg-thumbnail .inner .architecture-hover-image.active {
        z-index: 1;
        opacity: 1;
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05); }
      .architecture-bg-thumbnail .inner .architecture-hover-image .bg-thumb {
        -webkit-transition: all 1s;
        -o-transition: all 1s;
        transition: all 1s;
        height: 100%;
        width: 100%;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center; }
        .architecture-bg-thumbnail .inner .architecture-hover-image .bg-thumb.bg-image--1 {
          background-image: url(img/slider/type/bg-image-19.jpg); }
        .architecture-bg-thumbnail .inner .architecture-hover-image .bg-thumb.bg-image--2 {
          background-image: url(img/slider/type/bg-image-20.jpg); }
        .architecture-bg-thumbnail .inner .architecture-hover-image .bg-thumb.bg-image--3 {
          background-image: url(img/slider/type/bg-image-21.jpg); }
        .architecture-bg-thumbnail .inner .architecture-hover-image .bg-thumb.bg-image--4 {
          background-image: url(img/slider/type/bg-image-22.jpg); }

.architecture-service {
  min-height: 450px;
  border-right: 1px solid rgba(255, 255, 255, 0.21);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  position: relative;
  z-index: 9;
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .architecture-service {
      min-height: auto;
      height: auto;
      padding: 0 30px; } }
  @media only screen and (max-width: 767px) {
    .architecture-service {
      min-height: auto;
      height: auto;
      padding: 0 30px; } }
  .architecture-service .architecture-inner {
    padding: 97px 50px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .architecture-service .architecture-inner {
        padding: 60px 0px; } }
    @media only screen and (min-width: 1200px) and (max-width: 1599px) {
      .architecture-service .architecture-inner {
        padding: 97px 19px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .architecture-service .architecture-inner {
        padding: 60px 0px; } }
    @media only screen and (max-width: 767px) {
      .architecture-service .architecture-inner {
        padding: 60px 0px; } }
    .architecture-service .architecture-inner .view-more-btn {
      height: 0;
      opacity: 0;
      visibility: hidden;
      -webkit-transform: translateY(10px);
      -ms-transform: translateY(10px);
      transform: translateY(10px);
      -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
      -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
      transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .architecture-service:hover .architecture-inner .view-more-btn {
    height: auto;
    opacity: 1;
    visibility: visible;
    margin-top: 24px;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }

.architecture-service .architecture-inner p {
  color: #fff; }

.service-content h3 {
  font-size: 40px;
  line-height: 1.28;
  font-weight: 200;
  margin-bottom: 30px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .service-content h3 {
      font-size: 28px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .service-content h3 {
      font-size: 28px; } }
  @media only screen and (max-width: 767px) {
    .service-content h3 {
      font-size: 28px; } }

.service-content p {
  font-size: 18px;
  line-height: 1.78;
  margin-bottom: 60px; }
	
h4.heading-h4 {
  font-size: 24px !important;color:#ffffff !important; }
@media only screen and (max-width: 767px) {
    h4.heading-h4 {
      font-size: 18px !important;color:#ffffff !important; } 
}
p.bk_pra {
  margin-bottom: 0;
  word-wrap: break-word;
  max-width: 100%;
  font-weight: 500;
  line-height: 1.58;
  font-size: 14px;
  font-family: "Poppins", sans-serif; 
}			
.view-more-btn a {
  font-size: 14px; }
  .view-more-btn a span {
    color: #ffffff;
    -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }
    .view-more-btn a span.btn-arrow {
      -webkit-transition: all .5s !important;
      -o-transition: all .5s !important;
      transition: all .5s !important;
      display: inline-block;
      vertical-align: middle;
      position: relative;
      width: 73px;
      height: 2px;
      background: currentColor;
      margin-left: 14px;
      color: #FCB72B;
      font-size: 14px;
      font-family: "Poppins", sans-serif; }
      .view-more-btn a span.btn-arrow::before {
        content: "";
        position: absolute;
        right: 1px;
        width: 15px;
        height: 15px;
        border: 2px solid currentColor;
        border-left: 0;
        border-bottom: 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        top: -6px; }
  .view-more-btn a:hover span.btn-arrow {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%); }

.view-more-btn.brown-color a span.btn-arrow {
  background: #CE8F4F;
  color: #CE8F4F; }
.mb--25 {
  margin-bottom: 25px; }

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

@media (min-width: 992px){
.col-lg-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}
}
/*
@media (min-width: 768px)
{
.col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
}
@media (min-width: 576px){
.col-sm-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
}	
.col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
*/