/*
        @Project : bootstrapTest
        @Desc : testing of grunt file
        @type : testing
        @Author : darshan
        @Date : 08192020092252;
      */
/* config include */
/*font family*/
/*font weight*/
/* breakpoints */
/*  input-placeholder starts  */
/*

---- How To Use ----

input,  
textarea {  
    @include input-placeholder {
        color: $grey;
    }
}

*/
/*  input-placeholder Ends  */
/* Media Queries */
/*  Media Queries Ends  */
/* gradient generator starts */
/* gradient generator ends */
/* reset files */
/****** Elad Shechter's RESET *******/
/*** box sizing border-box for all elements ***/
*,
*::before,
*::after {
  box-sizing: border-box; }

a {
  text-decoration: none;
  color: inherit;
  cursor: pointer; }

button {
  background-color: transparent;
  color: inherit;
  border-width: 0;
  padding: 0;
  cursor: pointer; }

figure {
  margin: 0; }

input::-moz-focus-inner {
  border: 0;
  padding: 0;
  margin: 0; }

ul,
ol,
dd {
  margin: 0;
  padding: 0;
  list-style: none; }

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-size: inherit;
  font-weight: inherit; }

p {
  margin: 0; }

cite {
  font-style: normal; }

fieldset {
  border-width: 0;
  padding: 0;
  margin: 0; }

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0; }

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */ }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none; }

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline; }

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none; }

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none; }

/* base files */
@font-face {
  font-family: "ashiana-new";
  src: url("../fonts/ashiana-new.eot");
  src: url("../fonts/ashiana-new.eot?#iefix") format("embedded-opentype"), url("../fonts/ashiana-new.woff") format("woff"), url("../fonts/ashiana-new.ttf") format("truetype"), url("../fonts/ashiana-new.svg#ashiana-new") format("svg");
  font-weight: normal;
  font-style: normal; }
[data-icon]:before {
  font-family: "ashiana-new" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

[class^="a-icon-"]:before,
[class*=" a-icon-"]:before {
  font-family: "ashiana-new" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.a-icon-left-arrow:before {
  content: "\61"; }

.a-icon-right-arrow:before {
  content: "\62"; }

.a-icon-next:before {
  content: "\63"; }

.a-icon-inr:before {
  content: "\64"; }

.a-icon-next-i:before {
  content: "\65"; }

.a-icon-prev-i:before {
  content: "\66"; }

.a-icon-cctv:before {
  content: "\67"; }

.a-icon-download:before {
  content: "\68"; }

.a-icon-info:before {
  content: "\69"; }

.a-icon-intercom:before {
  content: "\6a"; }

.a-icon-security:before {
  content: "\6b"; }

.a-icon-store:before {
  content: "\6c"; }

.a-icon-tree:before {
  content: "\6d"; }

.a-icon-down-arrow:before {
  content: "\6e"; }

.a-icon-ambulance:before {
  content: "\6f"; }

.a-icon-care:before {
  content: "\70"; }

.a-icon-service:before {
  content: "\71"; }

.a-icon-doctor:before {
  content: "\72"; }

.a-icon-first-aid:before {
  content: "\73"; }

.a-icon-parking:before {
  content: "\74"; }

.a-icon-pipe-gas:before {
  content: "\75"; }

.a-icon-power:before {
  content: "\76"; }

.a-icon-close:before {
  content: "\78"; }

.a-icon-zoom:before {
  content: "\77"; }

.a-icon-care-homes:before {
  content: "\79"; }

.a-icon-zoom-out:before {
  content: "\7a"; }

.a-icon-check:before {
  content: "\41"; }

.a-icon-checked:before {
  content: "\42"; }

.a-icon-refresh:before {
  content: "\43"; }

.a-icon-star:before {
  content: "\44"; }

html {
  font-size: 10px;
  transition: all 0.5s ease-in; }

body {
  background: #ffffff;
  font-family: "Raleway", sans-serif;
  font-size: 1.4rem;
  color: 120%;
  font-weight: 400;
  line-height: #231f20;
  overflow-x: hidden; }

img {
  width: 100%; }

a:hover {
  text-decoration: none;
  color: #d11f2f; }

.main {
  width: 100%;
  overflow-x: hidden; }

.cm-line-break {
  display: block; }

.set-bg {
  background-size: cover; }
  .set-bg .fetch-img-src {
    display: none; }

.overlay {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  visibility: hidden;
  opacity: 0;
  z-index: 0;
  transition: all 0.2s ease-in-out; }
  .overlay.active {
    visibility: visible;
    opacity: 1;
    z-index: 20; }

button:hover, button:active, button:focus {
  outline: none;
  box-shadow: none; }

.cm-num {
  font-family: "Roboto", sans-serif !important; }

.cm-desc,
div.cm-desc p {
  font-family: "Raleway", sans-serif;
  font-size: 1.2rem;
  color: #231f20;
  font-weight: 500;
  line-height: 1.3;
  margin-bottom: 1.5rem; }
  @media only screen and (max-width: 767px) and (orientation: portrait) {
    .cm-desc,
    div.cm-desc p {
      line-height: 2.2rem; } }
  .cm-desc:last-child,
  div.cm-desc p:last-child {
    margin-bottom: 0; }

.cm-no-pad-top {
  padding-top: 0 !important; }

.cm-no-pad-bottom {
  padding-bottom: 0 !important; }

.i-embedded-chat {
 
   }
  @media only screen and (max-width: 767px) and (orientation: portrait) {
    .i-embedded-chat {
     } }

.modal-loader {
  display: none; }

.cm-load .modal-loader {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: -5rem;
  background: white;
  z-index: 2; }
  .cm-load .modal-loader .loader-wrap {
    width: 8rem;
    height: 8rem;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); }
    .cm-load .modal-loader .loader-wrap img {
      width: 100%; }

.mod-img-gallery.full-width .modal-content .modal-body .panzoom-parent {
  height: 100%;
  padding-top: 8rem; }
  @media only screen and (max-width: 767px) and (orientation: portrait) {
    .mod-img-gallery.full-width .modal-content .modal-body .panzoom-parent {
      height: 100%;
      width: 90%;
      margin: 0 auto; } }

.mod-img-gallery.full-width .modal-content .modal-body .panzoom-parent .panzoom {
  max-width: 65rem; }

.animated {
  -webkit-transition: height 0.2s;
  -moz-transition: height 0.2s;
  transition: height 0.2s; }

.stars {
  margin: 20px 0;
  font-size: 24px;
  color: #fdcd09; }

@media only screen and (max-width: 1500px) and (min-width: 1200px) {
  iframe {
    height: auto; } }
/* extented */
.js-img {
  display: none; }

.js-addto {
  background-size: cover;
  background-position: bottom center; }

.swiper-btn {
  height: 3rem;
  width: 3rem;
  position: absolute;
  transition: all 0.3s ease;
  z-index: 5; }
  .swiper-btn:hover .icon {
    color: #d11f2f; }
  .swiper-btn .icon {
    font-size: 3rem;
    color: #a8a9ad; }

.swiper-nav-container {
  position: relative;
  padding-bottom: 5rem; }
  @media only screen and (max-width: 767px) and (orientation: portrait) {
    .swiper-nav-container {
      padding-bottom: 3.5rem; } }
  .swiper-nav-container .swiper-nav {
    width: 17rem;
    height: 3rem;
    position: absolute;
    left: 50%;
    bottom: -1.5rem;
    transform: translateX(-50%);
    text-align: center;
    z-index: 2; }
    @media only screen and (max-width: 767px) and (orientation: portrait) {
      .swiper-nav-container .swiper-nav {
        width: 12rem; } }
    .swiper-nav-container .swiper-nav .swiper-btn {
      position: absolute; }
      .swiper-nav-container .swiper-nav .swiper-btn.swiper-button-next {
        right: 0; }
      .swiper-nav-container .swiper-nav .swiper-btn.swiper-button-prev {
        left: 0; }
  .swiper-nav-container .swiper-pagination {
    font-family: "Raleway", sans-serif;
    font-size: 2rem;
    color: #d11f2f;
    font-weight: 700;
    line-height: 3rem;
    max-width: 8rem;
    margin: 0 auto;
    left: 0;
    right: 0; }
    @media only screen and (max-width: 767px) and (orientation: portrait) {
      .swiper-nav-container .swiper-pagination {
        font-size: 1.4rem;
        max-width: 6rem; } }

.swiper-pagination-bullets {
  width: 10rem;
  margin: -1rem auto;
  right: 0;
  left: 0;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .swiper-pagination-bullets .swiper-pagination-bullet {
    width: 1.2rem;
    height: 1.2rem;
    background: #4b4b4c;
    cursor: pointer; }
    .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
      width: 1.6rem;
      height: 1.6rem;
      background: #f78f20; }
  @media only screen and (max-width: 767px) and (orientation: portrait) {
    .swiper-pagination-bullets {
      width: 8rem; }
      .swiper-pagination-bullets .swiper-pagination-bullet {
        width: 0.8rem;
        height: 0.8rem; }
        .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
          width: 1rem;
          height: 1rem; } }

.modal-backdrop {
  background: #231f20;
  opacity: 0.5 !important; }

.modal {
  text-align: center;
  padding: 0 !important; }
  .modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px; }
  .modal .modal-content .modal-header {
    text-align: center;
    padding: 3rem 1rem 1rem 1rem; }
    .modal .modal-content .modal-header .modal-title {
      display: inline-block;
      text-align: left;
      font-family: "Raleway", sans-serif;
      font-size: 2.8rem;
      color: #231f20;
      font-weight: 700;
      line-height: 1.3;
      text-transform: uppercase;
      padding-bottom: 0.5rem;
      position: relative; }
      @media only screen and (max-width: 767px) and (orientation: portrait) {
        .modal .modal-content .modal-header .modal-title {
          font-size: 1.8rem; } }
      .modal .modal-content .modal-header .modal-title:after {
        content: '';
        width: 4rem;
        height: 0.4rem;
        background: #d11f2f;
        position: absolute;
        left: 0;
        bottom: 0; }
        @media only screen and (max-width: 767px) and (orientation: portrait) {
          .modal .modal-content .modal-header .modal-title:after {
            width: 3rem;
            height: 0.3rem; } }
  .modal .modal-content .cp-login .modal-header {
    padding: 0; }
  .modal .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle; }
    .modal .modal-dialog.modal-sm {
      width: 40rem; }
      .modal .modal-dialog.modal-sm .modal-body {
        padding: 3rem 2rem; }
      @media only screen and (max-width: 767px) and (orientation: portrait) {
        .modal .modal-dialog.modal-sm.mod-details-form {
          width: auto; } }
  .modal.typ-video .modal-close {
    position: absolute;
    top: 2rem;
    right: 2rem; }
    .modal.typ-video .modal-close .icon {
      font-size: 2rem;
      color: #ffffff; }
  @media only screen and (max-width: 767px) and (orientation: portrait) {
    .modal.typ-video .modal-content {
      padding: 0; } }
  .modal.typ-info .modal-close {
    position: absolute;
    z-index: 2;
    right: 2rem;
    top: 2rem; }
  @media only screen and (max-width: 767px) and (orientation: portrait) {
    .modal.typ-info .modal-dialog {
      position: fixed;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0; }
      .modal.typ-info .modal-dialog .modal-content {
        height: 100%; } }
  .modal .modal-body {
    padding: 0; }
    .modal .modal-body iframe {
      height: 50rem; }
      @media only screen and (max-width: 767px) and (orientation: portrait) {
        .modal .modal-body iframe {
          height: 16.8rem; } }

.typ-gallery .modal-body .swiper-nav-container {
  height: 83vh;
  padding: 3rem 0 7rem; }
  .typ-gallery .modal-body .swiper-nav-container .swiper-container {
    height: 100%;
    padding: 0 8rem; }
  .typ-gallery .modal-body .swiper-nav-container .swiper-nav {
    bottom: 1.3rem; }
  @media only screen and (max-width: 767px) and (orientation: portrait) {
    .typ-gallery .modal-body .swiper-nav-container {
      height: 79vh;
      padding: 0 0 7rem; }
      .typ-gallery .modal-body .swiper-nav-container .swiper-container {
        padding: 0; }
        .typ-gallery .modal-body .swiper-nav-container .swiper-container .swiper-slide {
          background-position: center center; } }
@media only screen and (max-width: 767px) and (orientation: portrait) {
  .typ-gallery .modal-body .cp-tab .tab-content {
    padding: 2.5rem 1rem; } }
.typ-gallery .modal-close {
  position: absolute;
  right: 1.4rem;
  top: 1.4rem;
  z-index: 9; }
  .typ-gallery .modal-close .icon {
    color: #231f20; }
.typ-gallery.typ-lyt .swiper-slide {
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat; }
.typ-gallery.typ-lyt .modal-body .swiper-nav-container {
  height: 83vh; }
  @media only screen and (max-width: 767px) and (orientation: portrait) {
    .typ-gallery.typ-lyt .modal-body .swiper-nav-container {
      height: 73vh; } }
.typ-gallery .modal-full {
  width: 100%;
  height: 100%;
  margin: 0 auto; }
.typ-gallery .cp-tab.typ-border .nav-tabs {
  margin-top: 4.7rem; }
  @media only screen and (max-width: 767px) and (orientation: portrait) {
    .typ-gallery .cp-tab.typ-border .nav-tabs {
      margin-top: 0;
      justify-content: space-between; } }
  .typ-gallery .cp-tab.typ-border .nav-tabs > li {
    width: 100%; }
    .typ-gallery .cp-tab.typ-border .nav-tabs > li a {
      min-height: auto;
      font-size: 1.4rem;
      padding: 1rem; }
.typ-gallery .modal-content {
  height: 100%; }

@media only screen and (max-width: 767px) and (orientation: portrait) {
  .cp-modal#enquire .modal-content {
    padding-top: 0; } }
@media only screen and (max-width: 767px) and (orientation: portrait) {
  .cp-modal#enquire .modal-dialog.modal-sm .modal-body {
    padding: 1rem 2rem 3rem; } }

html.text-big p,
html.text-big .cp-info-card .ic-desc,
html.text-big .cp-project .project-variation .item,
html.text-big .cp-project .project-address,
html.text-big .cp-footer .quick-desc,
html.text-big .cp-blogs .blog-desc,
html.text-big .cp-accordian .panel-body,
html.text-big .cp-accordian .panel-body p,
html.text-big .cp-timeline .timeline-desc,
html.text-big .cm-desc,
html.text-big div.cm-desc p,
html.text-big .cp-property-detail .pd-address,
html.text-big .cp-section .sec-desc,
html.text-big .cp-flats .flat-area,
html.text-big .cp-info-card.typ-border.typ-small .ic-desc,
html.text-big .cp-comments .desc,
html.text-big .cp-info-list .info-value {
  font-size: 1.8rem;
  line-height: 2.2rem; }
html.text-big .cp-footer .link {
  font-size: 1.4rem; }
html.text-big .cp-project .project-address {
  margin-top: 1rem; }
html.text-big .cp-footer .quick-link {
  font-size: 1.5rem; }
html.text-big .cp-info-list .info-title,
html.text-big .cp-status .status-link {
  font-size: 1.6rem; }
html.text-big .cp-social-card.typ-sm .cp-section .sec-title {
  font-size: 2rem; }
html.text-big .cp-social-card .meta-info {
  font-size: 1.2rem; }
html.text-big .cp-banner.typ-property-detail .cp-property-detail {
  width: 62rem; }
  @media only screen and (max-width: 767px) and (orientation: portrait) {
    html.text-big .cp-banner.typ-property-detail .cp-property-detail {
      width: auto; } }

.loader {
  position: relative;
  float: left;
  user-select: none;
  box-sizing: border-box;
  width: 150px;
  height: 150px; }

.loader-bg {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  box-sizing: border-box;
  border: 5px solid #e4e4e4;
  display: flex;
  align-items: center;
  justify-content: center; }

.spinner-holder-one {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 50%;
  height: 50%;
  background: transparent;
  box-sizing: border-box; }

.spinner-holder-two {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  background: transparent;
  box-sizing: border-box; }

.loader-spinner {
  width: 200%;
  height: 200%;
  border-radius: 50%;
  border: 5px solid #d11f2f;
  box-sizing: border-box; }

.animate-0-25-a {
  transform: rotate(90deg);
  transform-origin: 100% 100%; }

.animate-0-25-b {
  transform: rotate(-90deg);
  transform-origin: 100% 100%; }

.animate-25-50-a {
  transform: rotate(180deg);
  transform-origin: 100% 100%; }

.animate-25-50-b {
  transform: rotate(-90deg);
  transform-origin: 100% 100%; }

.animate-50-75-a {
  transform: rotate(270deg);
  transform-origin: 100% 100%; }

.animate-50-75-b {
  transform: rotate(-90deg);
  transform-origin: 100% 100%; }

.animate-75-100-a {
  transform: rotate(0deg);
  transform-origin: 100% 100%; }

.animate-75-100-b {
  transform: rotate(-90deg);
  transform-origin: 100% 100%; }

.text {
  text-align: center;
  font-size: 20px;
  color: skyblue;
  font-weight: bold; }

.jq-stars {
  display: inline-block; }

.jq-rating-label {
  font-size: 22px;
  display: inline-block;
  position: relative;
  vertical-align: top;
  font-family: helvetica, arial, verdana; }

.jq-star {
  width: 100px;
  height: 100px;
  display: inline-block;
  cursor: pointer; }

.jq-star-svg {
  padding-left: 3px;
  width: 100%;
  height: 100%; }

.jq-star-svg path {
  /* stroke: #000; */
  stroke-linejoin: round; }

/* un-used */
.jq-shadow {
  -webkit-filter: drop-shadow(-2px -2px 2px #888);
  filter: drop-shadow(-2px -2px 2px #888); }

/* modules */
.mod-menu-nav .menu-btn {
  padding: 0;
  height: auto; }
  .mod-menu-nav .menu-btn span:last-child {
    margin-bottom: 0; }
  .mod-menu-nav .menu-btn:before {
    content: none; }
@media only screen and (max-width: 767px) and (orientation: portrait) {
  .mod-menu-nav .menu-wrap {
    right: -100%; } }
.mod-menu-nav.active .menu-wrap {
  top: 6rem; }

.mod-time {
  text-align: center;
  font-family: "Raleway", sans-serif;
  font-size: 1.6rem;
  color: #231f20;
  font-weight: 500;
  line-height: 1.3;
  cursor: pointer; }

.mod-chat {
  display: inline-block;
  width: 7.5rem;
  height: 7.5rem;
  display: inline-block;
  background: url("../images/chat.png") no-repeat 0 0 transparent;
  background-size: cover;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
  position: fixed;
  bottom: 1rem;
  right: 2rem;
  z-index: 10; }
  @media only screen and (max-width: 767px) and (orientation: portrait) {
    .mod-chat {
      bottom: 1.5rem;
      right: 1.5rem;
      width: 5.5rem;
      height: 5.5rem; } }

/* layout */
.lyt-header {
  padding: 0 4rem;
  display: flex;
  align-items: center;
  justify-content: space-evenly; }
  @media only screen and (max-width: 767px) and (orientation: portrait) {
    .lyt-header {
      padding: 0 1.5rem;
      height: 6rem; } }
  .lyt-header .logo {
    float: none;
    display: inline-block;
    width: 20rem;
    margin-top: 0; }
    @media only screen and (max-width: 767px) and (orientation: portrait) {
      .lyt-header .logo {
        width: 10rem;
        left: 1.5rem; } }
  .lyt-header .mod-main-nav {
    float: none;
    margin: 0 4rem; }
  .lyt-header .mod-menu-nav {
    position: relative;
    top: auto;
    right: auto; }
    @media only screen and (max-width: 767px) and (orientation: portrait) {
      .lyt-header .mod-menu-nav {
        position: absolute;
        left: auto;
        top: auto;
        right: 1.5rem; } }
  .lyt-header .enquire {
    margin-right: 2.5rem; }
    @media only screen and (max-width: 767px) and (orientation: portrait) {
      .lyt-header .enquire {
        margin-right: 0;
        position: absolute;
        right: 6rem;
        top: 50%;
        transform: translateY(-50%); } }
    .lyt-header .enquire .btn {
      min-width: initial; }
      @media only screen and (max-width: 767px) and (orientation: portrait) {
        .lyt-header .enquire .btn {
          padding: 1.3rem !important; } }

.lyt-content {
  padding-top: 10rem; }
  @media only screen and (max-width: 767px) and (orientation: portrait) {
    .lyt-content {
      padding-top: 6rem;
      overflow-x: hidden; } }

/* component */
.btn {
  font-family: "Raleway", sans-serif;
  font-size: 1.4rem;
  color: #231f20;
  font-weight: 400;
  line-height: 1.3;
  text-transform: uppercase; }
  @media only screen and (max-width: 767px) and (orientation: portrait) {
    .btn {
      font-size: 1.2rem;
      padding: 1rem 1.5rem !important; } }
  .btn.btn-link {
    font-family: "Raleway", sans-serif;
    font-size: 1.4rem;
    color: #f78f20;
    font-weight: 700;
    line-height: 1.3;
    text-decoration: underline;
    padding: 0; }
    @media only screen and (max-width: 767px) and (orientation: portrait) {
      .btn.btn-link {
        padding: 0 !important;
        font-size: 1.2rem; } }
    .btn.btn-link.btn-invert {
      font-family: "Raleway", sans-serif;
      font-size: 1.4rem;
      color: #ffffff;
      font-weight: 500;
      line-height: 1.3; }
  .btn.btn-text {
    font-family: "Raleway", sans-serif;
    font-size: 1.6rem;
    color: #fdcd09;
    font-weight: 700;
    line-height: 1.3;
    text-transform: lowercase; }
  .btn.btn-outline {
    border: 1px solid #231f20;
    color: #231f20;
    background: #ffffff;
    font-weight: 700;
    background-color: transparent; }
  .btn.btn-social {
    background: #ffffff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
    padding: 1rem; }
    .btn.btn-social .icon {
      display: inline-block;
      width: 3rem;
      height: 3rem;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: 0 0;
      background-color: transparent;
      vertical-align: middle;
      margin-right: 1rem; }
      @media only screen and (max-width: 767px) and (orientation: portrait) {
        .btn.btn-social .icon {
          width: 2.3rem;
          height: 2.3rem; } }
      .btn.btn-social .icon.icon-fb {
        background-image: url("../images/fb.png"); }
      .btn.btn-social .icon.icon-g {
        background-image: url("../images/google.png"); }
    .btn.btn-social .text {
      display: inline-block;
      vertical-align: middle;
      font-family: "Raleway", sans-serif;
      font-size: 1.6rem;
      color: #231f20;
      font-weight: 700;
      line-height: 1.3;
      text-transform: capitalize; }
      @media only screen and (max-width: 767px) and (orientation: portrait) {
        .btn.btn-social .text {
          font-size: 1.4rem; } }

.cp-section {
  padding: 6rem 0; }
  @media only screen and (max-width: 767px) and (orientation: portrait) {
    .cp-section {
      padding: 4rem 1.5rem; } }
  .cp-section .sec-title {
    font-family: "Raleway", sans-serif;
    font-size: 2.8rem;
    color: #231f20;
    font-weight: 700;
    line-height: 1.3;
    text-transform: uppercase;
    padding-bottom: 0.5rem;
    position: relative; }
    @media only screen and (max-width: 767px) and (orientation: portrait) {
      .cp-section .sec-title {
        font-size: 1.8rem; } }
    .cp-section .sec-title:after {
      content: '';
      width: 4rem;
      height: 0.4rem;
      background: #d11f2f;
      position: absolute;
      left: 0;
      bottom: 0; }
      @media only screen and (max-width: 767px) and (orientation: portrait) {
        .cp-section .sec-title:after {
          width: 3rem;
          height: 0.3rem; } }
    .cp-section .sec-title .text-lg {
      font-size: 3.5rem;
      color: #d11f2f; }
      @media only screen and (max-width: 767px) and (orientation: portrait) {
        .cp-section .sec-title .text-lg {
          font-size: 2rem; } }
  .cp-section .sec-subtitle {
    font-family: "Raleway", sans-serif;
    font-size: 2rem;
    color: #231f20;
    font-weight: 700;
    line-height: 1.3;
    text-transform: capitalize;
    margin-bottom: 2rem; }
    @media only screen and (max-width: 767px) and (orientation: portrait) {
      .cp-section .sec-subtitle {
        font-size: 1.4rem;
        margin-bottom: 1.6rem; } }
  .cp-section .sec-desc {
    font-family: "Raleway", sans-serif;
    font-size: 1.2rem;
    color: #231f20;
    font-weight: 500;
    line-height: 2rem;
    max-width: 73.4rem;
    margin-bottom: 2rem; }
  .cp-section .sec-head {
    margin-bottom: 3rem; }
  .cp-section .inner-sec-list .inner-item {
    margin-bottom: 4rem; }
    .cp-section .inner-sec-list .inner-item:first-child {
      margin-bottom: 1.5rem; }
      @media only screen and (max-width: 767px) and (orientation: portrait) {
        .cp-section .inner-sec-list .inner-item:first-child {
          margin-bottom: 4rem; } }
    .cp-section .inner-sec-list .inner-item:last-child {
      margin-bottom: 0; }
  .cp-section.sec-bg-grey {
    background: #f7f7f7; }
  .cp-section.sec-first {
    padding-top: 11rem; }
    @media only screen and (max-width: 767px) and (orientation: portrait) {
      .cp-section.sec-first {
        padding-top: 9rem; } }
    .cp-section.sec-first.typ-2 {
      padding-top: 19rem; }
      @media only screen and (max-width: 767px) and (orientation: portrait) {
        .cp-section.sec-first.typ-2 {
          padding-top: 14rem; } }
  .cp-section.sec-count .cp-info-card {
    position: relative;
    z-index: 4;
    margin: -3rem 0 5.2rem -3rem; }
    @media only screen and (max-width: 767px) and (orientation: portrait) {
      .cp-section.sec-count .cp-info-card {
        max-width: initial;
        width: 100%;
        margin: -2rem auto 3.2rem;
        padding: 1.7rem 1.5rem; } }
  .cp-section.sec-experience {
    position: relative; }
    .cp-section.sec-experience .cp-info-card {
      margin-top: 10rem; }
      @media only screen and (max-width: 767px) and (orientation: portrait) {
        .cp-section.sec-experience .cp-info-card {
          margin-top: 2rem; } }
    .cp-section.sec-experience:before {
      content: '';
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      background: #f7f7f7;
      z-index: -1;
      height: 47rem; }
  .cp-section.sec-kc-detail {
    margin-top: -11rem;
    position: relative;
    z-index: 4; }
  .cp-section.sec-why-kch {
    position: relative; }
    .cp-section.sec-why-kch:before {
      content: '';
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      background: #f7f7f7;
      z-index: -1;
      height: 35rem; }
    .cp-section.sec-why-kch .cp-tab {
      margin-bottom: 4rem; }
    .cp-section.sec-why-kch .number-wrap {
      display: flex;
      justify-content: space-between;
      align-items: flex-end; }
      .cp-section.sec-why-kch .number-wrap .action-wrap .btn {
        min-width: 15rem;
        margin-right: 3rem; }
        .cp-section.sec-why-kch .number-wrap .action-wrap .btn:last-child {
          margin-right: 0; }
      @media only screen and (max-width: 767px) and (orientation: portrait) {
        .cp-section.sec-why-kch .number-wrap {
          display: block; }
          .cp-section.sec-why-kch .number-wrap .cp-counter {
            margin-bottom: 3rem; }
          .cp-section.sec-why-kch .number-wrap .action-wrap {
            display: flex;
            justify-content: space-between; }
            .cp-section.sec-why-kch .number-wrap .action-wrap .btn {
              margin-right: 0;
              min-width: auto;
              width: 48%; }
              .cp-section.sec-why-kch .number-wrap .action-wrap .btn:last-child {
                margin-right: 0; } }
  .cp-section.sec-blog {
    position: relative; }
    .cp-section.sec-blog:before {
      content: '';
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      background: #f7f7f7;
      z-index: -1;
      height: 38rem; }

@media only screen and (max-width: 767px) and (orientation: portrait) {
  .cp-counter {
    width: 100%;
    text-align: center; } }
.cp-counter .counter-title {
  font-family: "Raleway", sans-serif;
  font-size: 2rem;
  color: #231f20;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 3rem; }
  @media only screen and (max-width: 767px) and (orientation: portrait) {
    .cp-counter .counter-title {
      font-size: 1.6rem;
      margin-bottom: 1.8rem; } }
.cp-counter .counter-value {
  font-family: "Raleway", sans-serif;
  font-size: 6rem;
  color: #d11f2f;
  font-weight: 700;
  line-height: 1.3; }
  @media only screen and (max-width: 767px) and (orientation: portrait) {
    .cp-counter .counter-value {
      font-size: 3rem;
      margin-bottom: 0.5rem;
      display: block; } }
.cp-counter .counter-text {
  font-family: "Raleway", sans-serif;
  font-size: 1.8rem;
  color: #231f20;
  font-weight: 500;
  line-height: 1.3; }
  @media only screen and (max-width: 767px) and (orientation: portrait) {
    .cp-counter .counter-text {
      font-size: 1.4rem; } }
.cp-counter .counter-list {
  display: flex;
  align-items: center;
  margin: 0 -5.6rem; }
  @media only screen and (max-width: 767px) and (orientation: portrait) {
    .cp-counter .counter-list {
      flex-wrap: wrap;
      margin: 0;
      align-items: flex-start; } }
  .cp-counter .counter-list .counter-item {
    padding: 0 5.6rem;
    border-right: 1px solid #a8a9ad; }
    @media only screen and (max-width: 767px) and (orientation: portrait) {
      .cp-counter .counter-list .counter-item {
        width: 50%;
        padding: 0;
        border-right: none;
        margin-bottom: 3.5rem; }
        .cp-counter .counter-list .counter-item:nth-last-child(2), .cp-counter .counter-list .counter-item:nth-last-child(1) {
          margin-bottom: 0; } }
    .cp-counter .counter-list .counter-item:last-child {
      border-right: none; }

@media only screen and (max-width: 767px) and (orientation: portrait) {
  .cp-link-tags {
    margin-bottom: -1.5rem; } }
.cp-link-tags .lt-links {
  font-family: "Raleway", sans-serif;
  font-size: 1.4rem;
  color: #231f20;
  font-weight: 500;
  line-height: 1.3;
  text-transform: uppercase;
  padding: 0.7rem 2.5rem 0.7rem 1rem;
  border-radius: 0.4rem;
  border: 1px solid #a8a9ad;
  display: block;
  position: relative;
  transition: all 0.3s ease; }
  @media only screen and (max-width: 767px) and (orientation: portrait) {
    .cp-link-tags .lt-links {
      font-size: 1.2rem; } }
  .cp-link-tags .lt-links:before {
    content: 'a';
    font-family: "ashiana-new" !important;
    text-transform: lowercase !important;
    position: absolute;
    right: 0.5rem;
    top: 50%;
    transform: translateY(-50%);
    color: #f78f20;
    font-size: 1rem;
    font-weight: 700 !important;
    transition: all 0.3s ease; }
  .cp-link-tags .lt-links:hover {
    background: #f78f20;
    border-color: #f78f20;
    color: #ffffff; }
    .cp-link-tags .lt-links:hover:before {
      color: #ffffff; }
.cp-link-tags .lt-items {
  display: inline-block;
  margin-right: 2.5rem;
  margin-bottom: 2.5rem; }
  @media only screen and (max-width: 767px) and (orientation: portrait) {
    .cp-link-tags .lt-items {
      margin: 0 1.5rem 1.5rem 0; } }
  .cp-link-tags .lt-items:last-child {
    margin-right: 0; }

.cp-info-card {
  background: #ffffff;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
  padding: 3rem;
  display: flex;
  align-items: center; }
  @media only screen and (max-width: 767px) and (orientation: portrait) {
    .cp-info-card {
      flex-flow: column; } }
  .cp-info-card .info-foot {
    align-self: flex-end;
    margin-left: auto; }
    @media only screen and (max-width: 767px) and (orientation: portrait) {
      .cp-info-card .info-foot {
        margin-left: initial;
        width: 100%;
        justify-content: space-between;
        display: flex; } }
    .cp-info-card .info-foot .btn {
      margin-right: 3rem; }
      @media only screen and (max-width: 767px) and (orientation: portrait) {
        .cp-info-card .info-foot .btn {
          margin-right: 0;
          width: 48%; } }
      .cp-info-card .info-foot .btn:last-child {
        margin-right: 0; }
      @media only screen and (max-width: 767px) and (orientation: portrait) {
        .cp-info-card .info-foot .btn.btn-black {
          min-width: initial; } }
  .cp-info-card .icon-wrap {
    margin-right: 2rem; }
    .cp-info-card .icon-wrap .icon {
      font-family: "Raleway", sans-serif;
      font-size: 10rem;
      line-height: #a8a9ad; }
  .cp-info-card .info-wrap {
    margin-right: 10rem; }
    @media only screen and (max-width: 767px) and (orientation: portrait) {
      .cp-info-card .info-wrap {
        margin-right: 0; } }
  .cp-info-card .ic-title {
    font-family: "Raleway", sans-serif;
    font-size: 2.8rem;
    color: #231f20;
    font-weight: 700;
    line-height: 1.3;
    text-transform: uppercase;
    margin-bottom: 2rem;
    padding-bottom: 0.5rem;
    position: relative; }
    @media only screen and (max-width: 767px) and (orientation: portrait) {
      .cp-info-card .ic-title {
        font-size: 1.8rem; } }
    .cp-info-card .ic-title:after {
      content: '';
      width: 4rem;
      height: 0.4rem;
      background: #d11f2f;
      position: absolute;
      left: 0;
      bottom: 0; }
      @media only screen and (max-width: 767px) and (orientation: portrait) {
        .cp-info-card .ic-title:after {
          width: 3rem;
          height: 0.3rem; } }
  .cp-info-card .ic-desc {
    font-family: "Raleway", sans-serif;
    font-size: 1.4rem;
    color: #231f20;
    font-weight: 500;
    line-height: 1.3; }
    @media only screen and (max-width: 767px) and (orientation: portrait) {
      .cp-info-card .ic-desc {
        font-size: 1.2rem;
        margin-bottom: 2rem; } }
    .cp-info-card .ic-desc .bold {
      font-family: "Raleway", sans-serif;
      font-size: 2rem;
      color: #231f20;
      font-weight: 700;
      line-height: 1.3;
      text-transform: capitalize;
      display: block; }
      @media only screen and (max-width: 767px) and (orientation: portrait) {
        .cp-info-card .ic-desc .bold {
          font-size: 1.6rem;
          margin-bottom: 0.5rem; } }
  .cp-info-card.typ-sm {
    max-width: 76.6rem; }
  .cp-info-card.typ-border {
    box-shadow: none;
    border-top: 0.4rem solid #f78f20;
    border-bottom: 0.4rem solid #f78f20;
    padding: 3rem 0;
    background-color: transparent; }
    @media only screen and (max-width: 767px) and (orientation: portrait) {
      .cp-info-card.typ-border {
        padding: 2rem 0; } }
    .cp-info-card.typ-border .ic-title {
      font-family: "Raleway", sans-serif;
      font-size: 2.8rem;
      color: #231f20;
      font-weight: 700;
      line-height: 1.3;
      text-transform: inherit;
      margin-bottom: 1rem; }
      @media only screen and (max-width: 767px) and (orientation: portrait) {
        .cp-info-card.typ-border .ic-title {
          font-size: 2rem;
          line-height: 1.4;
          margin-bottom: 0.5rem; } }
      .cp-info-card.typ-border .ic-title:after {
        content: none; }
    .cp-info-card.typ-border .ic-desc {
      font-family: "Raleway", sans-serif;
      font-size: 2rem;
      color: #231f20;
      font-weight: 500;
      line-height: 1.3; }
      @media only screen and (max-width: 767px) and (orientation: portrait) {
        .cp-info-card.typ-border .ic-desc {
          font-size: 1.2rem;
          line-height: 2.2rem; } }
    .cp-info-card.typ-border.typ-small .ic-desc {
      font-size: 1.6rem;
      max-width: 66rem; }
      @media only screen and (max-width: 767px) and (orientation: portrait) {
        .cp-info-card.typ-border.typ-small .ic-desc {
          font-size: 1.2rem;
          line-height: 1.8; } }
  @media only screen and (max-width: 767px) and (orientation: portrait) {
    .cp-info-card.typ-icon {
      align-items: flex-start;
      padding: 2rem;
      display: block; } }
  @media only screen and (max-width: 767px) and (orientation: portrait) {
    .cp-info-card.typ-icon .info-foot {
      text-align: center;
      display: inline-block; } }
  @media only screen and (max-width: 767px) and (orientation: portrait) {
    .cp-info-card.typ-icon .info-foot .btn.btn-black {
      width: auto; } }
  .cp-info-card.typ-icon .ic-title {
    margin-bottom: 1rem; }
  @media only screen and (max-width: 767px) and (orientation: portrait) {
    .cp-info-card.typ-icon .icon-wrap {
      margin-right: 0;
      margin-bottom: 1rem;
      display: inline-block;
      vertical-align: top;
      width: 25%; } }
  .cp-info-card.typ-icon .icon-wrap .icon {
    width: 10rem;
    height: 10rem; }
    @media only screen and (max-width: 767px) and (orientation: portrait) {
      .cp-info-card.typ-icon .icon-wrap .icon {
        width: 6rem;
        height: 6rem;
        font-size: 6rem; } }
  @media only screen and (max-width: 767px) and (orientation: portrait) {
    .cp-info-card.typ-icon .info-wrap {
      display: inline-block;
      width: 70%;
      vertical-align: top; } }

.cp-testimonials .testi-desc {
  font-family: "Raleway", sans-serif;
  font-size: 1.6rem;
  color: #231f20;
  font-weight: 500;
  line-height: 1.63;
  margin-bottom: 2rem; }
  @media only screen and (max-width: 767px) and (orientation: portrait) {
    .cp-testimonials .testi-desc {
      font-size: 1.4rem;
      line-height: 2rem;
      margin-bottom: 2.4rem; } }
.cp-testimonials .testi-name {
  font-family: "Raleway", sans-serif;
  font-size: 2rem;
  color: #d11f2f;
  font-weight: 700;
  line-height: 1.3;
  text-transform: capitalize;
  display: block; }
  @media only screen and (max-width: 767px) and (orientation: portrait) {
    .cp-testimonials .testi-name {
      font-size: 1.6rem; } }
.cp-testimonials .testi-place {
  font-family: "Raleway", sans-serif;
  font-size: 1.6rem;
  color: #231f20;
  font-weight: 700;
  line-height: 1.75;
  text-transform: capitalize;
  display: block; }
  @media only screen and (max-width: 767px) and (orientation: portrait) {
    .cp-testimonials .testi-place {
      font-size: 1.2rem;
      line-height: 2rem;
      margin-bottom: 1.6rem; } }
.cp-testimonials .testi-img {
  max-width: 32rem;
  display: block; }
  .cp-testimonials .testi-img img {
    width: 100%; }
.cp-testimonials .testi-item {
  padding: 5rem 17rem 5rem 3rem;
  background: #ffffff;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
  max-width: 89rem;
  position: relative;
  min-height: 25.2rem; }
  @media only screen and (max-width: 767px) and (orientation: portrait) {
    .cp-testimonials .testi-item {
      padding: 2.5rem;
      margin: 0 -2.5rem 9rem;
      min-height: 32.2rem; } }
  .cp-testimonials .testi-item .testi-img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -19%; }
    @media only screen and (max-width: 767px) and (orientation: portrait) {
      .cp-testimonials .testi-item .testi-img {
        top: auto;
        transform: none;
        left: 2.5rem;
        right: 2.5rem;
        max-width: 100%; } }
.cp-testimonials .swiper-container {
  padding: 3.5rem;
  margin: -3.5rem -3.5rem 0; }
.cp-testimonials .video-play {
  width: 4.6rem;
  height: 4.6rem;
  border-radius: 100%;
  background: #ffffff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 3; }
  .cp-testimonials .video-play:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0.8rem 0 0.8rem 1.5rem;
    border-color: transparent transparent transparent #231f20;
    position: absolute;
    left: 53%;
    top: 51%;
    transform: translate(-50%, -50%); }
  @media only screen and (max-width: 767px) and (orientation: portrait) {
    .cp-testimonials .video-play {
      width: 3.6rem;
      height: 3.6rem; }
      .cp-testimonials .video-play:after {
        border-width: 0.6rem 0 0.6rem 1.1rem; } }

.cp-blogs .blog-tile {
  background: #ffffff;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
  padding: 1.5rem;
  height: 100%;
  position: relative; }
  .cp-blogs .blog-tile .blog-icon-link {
    position: absolute;
    bottom: 1.5rem;
    right: 1.5rem;
    z-index: 2; }
.cp-blogs .blog-list {
  display: flex;
  align-items: stretch;
  justify-content: space-evenly;
  margin: 0 -1.1rem; }
  @media only screen and (max-width: 767px) and (orientation: portrait) {
    .cp-blogs .blog-list {
      display: block;
      margin: 0; } }
  .cp-blogs .blog-list .blog-item {
    padding: 0 1.1rem;
    width: 33.33%; }
    @media only screen and (max-width: 767px) and (orientation: portrait) {
      .cp-blogs .blog-list .blog-item {
        width: 100%;
        margin-bottom: 1.5rem;
        padding: 0; }
        .cp-blogs .blog-list .blog-item:last-child {
          margin-bottom: 0; } }
.cp-blogs .blog-img-wrap {
  display: block;
  max-height: 20rem;
  margin-bottom: 0.5rem;
  overflow: hidden; }
  .cp-blogs .blog-img-wrap img {
    width: 100%; }
.cp-blogs .blog-date {
  font-family: "Raleway", sans-serif;
  font-size: 1.4rem;
  color: #d11f2f;
  font-weight: 500;
  line-height: 2;
  text-transform: capitalize;
  display: block;
  margin-bottom: 0.5rem; }
.cp-blogs .blog-title {
  font-family: "Raleway", sans-serif;
  font-size: 1.8rem;
  color: #231f20;
  font-weight: 700;
  line-height: 1.33;
  margin-bottom: 1.5rem; }
.cp-blogs .blog-desc {
  font-family: "Raleway", sans-serif;
  font-size: 1.2rem;
  color: #231f20;
  font-weight: 500;
  line-height: 1.67;
  margin-bottom: 1.5rem; }
.cp-blogs .blog-read-time {
  font-family: "Raleway", sans-serif;
  font-size: 1.4rem;
  color: #a8a9ad;
  font-weight: 700;
  line-height: 2; }
.cp-blogs .blog-icon-link {
  font-size: 3rem;
  color: #f78f20;
  transition: all 0.3s ease; }
  .cp-blogs .blog-icon-link:hover {
    color: #d11f2f; }
.cp-blogs .blog-link {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1; }
.cp-blogs .blog-act-wrap {
  text-align: center;
  margin-top: 3rem; }

.cp-categories .nav-tabs {
  margin-bottom: 0; }
  @media only screen and (max-width: 767px) and (orientation: portrait) {
    .cp-categories .nav-tabs {
      margin-bottom: 0.1rem; } }
  .cp-categories .nav-tabs > li {
    margin-right: 10rem; }
    @media only screen and (max-width: 767px) and (orientation: portrait) {
      .cp-categories .nav-tabs > li {
        margin-right: 1.4rem; } }
    .cp-categories .nav-tabs > li:last-child {
      margin-right: 0; }
    .cp-categories .nav-tabs > li a {
      font-family: "Raleway", sans-serif;
      font-size: 1.8rem;
      color: #231f20;
      font-weight: 500;
      line-height: 1.3;
      text-transform: capitalize;
      border-bottom: 4px solid transparent;
      padding: 1rem 0;
      transition: all 0.3s ease; }
      .cp-categories .nav-tabs > li a:hover, .cp-categories .nav-tabs > li a:focus {
        color: #d11f2f;
        border-bottom: 4px solid transparent; }
      @media only screen and (max-width: 767px) and (orientation: portrait) {
        .cp-categories .nav-tabs > li a {
          font-size: 1.2rem; } }
    .cp-categories .nav-tabs > li.active a {
      color: #d11f2f;
      border-color: #d11f2f;
      background: transparent;
      font-weight: 700; }
      .cp-categories .nav-tabs > li.active a:hover, .cp-categories .nav-tabs > li.active a:focus {
        border-color: #d11f2f; }
.cp-categories .cat-info {
  padding: 3.5rem 3rem;
  background: #ffffff;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
  max-width: 43.5rem; }
.cp-categories .cat-title {
  font-family: "Raleway", sans-serif;
  font-size: 2rem;
  color: #231f20;
  font-weight: 700;
  line-height: 1.3;
  text-transform: capitalize;
  margin-bottom: 1.5rem; }
  @media only screen and (max-width: 767px) and (orientation: portrait) {
    .cp-categories .cat-title {
      font-size: 1.6rem;
      margin-bottom: 1rem; } }
.cp-categories .cat-desc {
  font-family: "Raleway", sans-serif;
  font-size: 1.2rem;
  color: #231f20;
  font-weight: 500;
  line-height: 1.67;
  margin-bottom: 2.5rem; }
  @media only screen and (max-width: 767px) and (orientation: portrait) {
    .cp-categories .cat-desc {
      margin-bottom: 1.2rem; } }
.cp-categories .tab-pane {
  position: relative; }
  .cp-categories .tab-pane .cat-info {
    position: absolute;
    top: -5rem;
    right: 7rem;
    z-index: 3; }
    @media only screen and (max-width: 767px) and (orientation: portrait) {
      .cp-categories .tab-pane .cat-info {
        position: relative;
        top: auto;
        right: auto;
        padding: 1.5rem; } }
  .cp-categories .tab-pane .cat-gallery {
    position: absolute;
    top: 70%;
    transform: translateY(-50%);
    left: 73rem; }
    @media only screen and (max-width: 767px) and (orientation: portrait) {
      .cp-categories .tab-pane .cat-gallery {
        position: relative;
        top: auto;
        transform: none;
        left: auto;
        margin: 2rem auto 0; } }

.cp-video {
  max-width: 70rem;
  height: 40rem;
  position: relative; }
  @media only screen and (max-width: 767px) and (orientation: portrait) {
    .cp-video {
      max-width: 100%;
      height: 15.5rem; } }
  .cp-video .video-poster-image {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1; }
  .cp-video .video-iframe {
    height: 40rem; }
  .cp-video .video-play {
    width: 5.6rem;
    height: 5.6rem;
    border-radius: 100%;
    background: #ffffff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 3; }
    .cp-video .video-play:after {
      content: '';
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 1rem 0 1rem 2rem;
      border-color: transparent transparent transparent #231f20;
      position: absolute;
      left: 53%;
      top: 51%;
      transform: translate(-50%, -50%); }
    @media only screen and (max-width: 767px) and (orientation: portrait) {
      .cp-video .video-play {
        width: 3.6rem;
        height: 3.6rem; }
        .cp-video .video-play:after {
          border-width: 0.6rem 0 0.6rem 1.1rem; } }

.cp-social-card {
  background: #f7f7f7; }
  .cp-social-card .cp-section {
    display: flex;
    align-items: flex-start;
    justify-content: space-between; }
    @media only screen and (max-width: 767px) and (orientation: portrait) {
      .cp-social-card .cp-section {
        display: block; } }
    .cp-social-card .cp-section .sec-head {
      max-width: 34.6rem; }
      @media only screen and (max-width: 767px) and (orientation: portrait) {
        .cp-social-card .cp-section .sec-head {
          max-width: auto;
          margin-bottom: 2rem; } }
  .cp-social-card .social-wrap {
    background: #ffffff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
    padding: 2rem;
    max-width: 64rem;
    min-height: 14rem; }
    @media only screen and (max-width: 767px) and (orientation: portrait) {
      .cp-social-card .social-wrap {
        max-width: initial;
        min-height: auto;
        margin: 0 -2.5rem; } }
  .cp-social-card .meta-info {
    font-family: "Raleway", sans-serif;
    font-size: 1rem;
    color: #231f20;
    font-weight: 500;
    line-height: 1.8;
    text-transform: capitalize;
    display: block;
    margin-top: 2rem; }
    @media only screen and (max-width: 767px) and (orientation: portrait) {
      .cp-social-card .meta-info {
        margin-top: 0.5rem; } }
  .cp-social-card .count {
    font-family: "Raleway", sans-serif;
    font-size: 3.5rem;
    color: #231f20;
    font-weight: 700;
    line-height: 0.8;
    display: block;
    margin-bottom: 0.7rem; }
    @media only screen and (max-width: 767px) and (orientation: portrait) {
      .cp-social-card .count {
        font-size: 1.8rem; } }
  .cp-social-card .text {
    font-family: "Raleway", sans-serif;
    font-size: 1.6rem;
    color: #231f20;
    font-weight: 700;
    line-height: 1.3;
    display: block;
    margin-bottom: 1.3rem;
    text-align: left; }
    @media only screen and (max-width: 767px) and (orientation: portrait) {
      .cp-social-card .text {
        font-size: 1rem;
        margin-bottom: 0.8rem; } }
  .cp-social-card .icon {
    width: 5rem;
    height: 5rem;
    display: block;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-color: transparent; }
    .cp-social-card .icon.icon-fb {
      background-image: url("../images/fb.png"); }
    .cp-social-card .icon.icon-g {
      background-image: url("../images/google.png"); }
    @media only screen and (max-width: 767px) and (orientation: portrait) {
      .cp-social-card .icon {
        width: 2.6rem;
        height: 2.6rem; } }
  .cp-social-card .rating {
    width: 20rem;
    display: block;
    margin-left: -1rem; }
  .cp-social-card .social-list {
    display: flex;
    margin: 0 -3rem; }
    @media only screen and (max-width: 767px) and (orientation: portrait) {
      .cp-social-card .social-list {
        justify-content: space-around;
        margin: 0; } }
    .cp-social-card .social-list .item {
      display: flex;
      align-items: flex-start;
      padding: 0 3rem;
      border-right: 1px solid #eeeded; }
      @media only screen and (max-width: 767px) and (orientation: portrait) {
        .cp-social-card .social-list .item {
          padding: 0;
          border-right: none; } }
      .cp-social-card .social-list .item:last-child {
        border-right: none; }
      .cp-social-card .social-list .item .icon-wrap {
        margin-right: 2rem; }
        @media only screen and (max-width: 767px) and (orientation: portrait) {
          .cp-social-card .social-list .item .icon-wrap {
            margin-right: 0.8rem; } }
  .cp-social-card.typ-sm .cp-section {
    flex-flow: column;
    padding: 0; }
    .cp-social-card.typ-sm .cp-section .sec-head {
      margin-bottom: 2rem; }
    .cp-social-card.typ-sm .cp-section .sec-title {
      font-size: 1.8rem; }
      .cp-social-card.typ-sm .cp-section .sec-title:after {
        width: 3rem;
        height: 0.3rem; }
      .cp-social-card.typ-sm .cp-section .sec-title .text-lg {
        font-size: 2rem; }
  .cp-social-card.typ-sm .social-wrap {
    padding: 0;
    background: transparent;
    box-shadow: none;
    min-height: auto; }
    @media only screen and (max-width: 767px) and (orientation: portrait) {
      .cp-social-card.typ-sm .social-wrap {
        padding: 2rem 1.2rem;
        max-width: 100%; } }

.cp-footer {
  background: #231f20;
  padding: 4rem 0; }
  @media only screen and (max-width: 767px) and (orientation: portrait) {
    .cp-footer {
      padding: 2.5rem; } }
  .cp-footer .container {
    overflow: hidden; }
  .cp-footer .row {
    margin: 0 -4rem; }
    .cp-footer .row > div {
      padding: 0 4rem; }
      @media only screen and (max-width: 767px) and (orientation: portrait) {
        .cp-footer .row > div {
          margin-bottom: 3.6rem; } }
    .cp-footer .row:first-child > div {
      border-right: 1px solid rgba(168, 173, 169, 0.3);
      min-height: 37rem; }
      @media only screen and (max-width: 767px) and (orientation: portrait) {
        .cp-footer .row:first-child > div {
          min-height: auto;
          margin-bottom: 3.6rem; } }
      .cp-footer .row:first-child > div:last-child {
        border-right: none; }
    .cp-footer .row:last-child {
      padding: 4rem 0;
      border-bottom: 1px solid rgba(168, 173, 169, 0.3); }
      @media only screen and (max-width: 767px) and (orientation: portrait) {
        .cp-footer .row:last-child {
          padding: 0; } }
  .cp-footer .quick-title {
    font-family: "Raleway", sans-serif;
    font-size: 1.6rem;
    color: #fdcd09;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 1.8rem; }
  .cp-footer .quick-desc {
    font-family: "Raleway", sans-serif;
    font-size: 1.2rem;
    color: #a8a9ad;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 3rem; }
    .cp-footer .quick-desc:last-child {
      margin-bottom: 0; }
    .cp-footer .quick-desc .highlight {
      font-family: "Raleway", sans-serif;
      font-size: 1.6rem;
      color: #fdcd09;
      font-weight: 700;
      line-height: 1.3; }
  .cp-footer .quick-link {
    font-family: "Raleway", sans-serif;
    font-size: 1.2rem;
    color: #a8a9ad;
    font-weight: 400;
    line-height: 2.5;
    transition: all 0.3s ease;
    padding: 1rem 0; }
    .cp-footer .quick-link:hover {
      color: #fdcd09; }
  .cp-footer .btn-invert {
    display: inline-block;
    margin-top: 1.8rem; }
  .cp-footer .footer-mid {
    padding: 3rem 0;
    border-bottom: 1px solid rgba(168, 173, 169, 0.3); }
  .cp-footer .link-wrap {
    display: block;
    margin: 0 -1rem 3rem; }
  .cp-footer .link-item {
    display: inline-block;
    padding: 0 1rem;
    border-right: 1px solid rgba(168, 173, 169, 0.3); }
    .cp-footer .link-item:last-child {
      border-right: none; }
  .cp-footer .link {
    font-family: "Raleway", sans-serif;
    font-size: 1.1rem;
    color: #a8a9ad;
    font-weight: 400;
    line-height: 1.3;
    display: block;
    transition: all 0.3s ease; }
    .cp-footer .link:hover {
      color: #fdcd09; }
  .cp-footer .footer-bottom {
    padding-top: 3rem;
    text-align: center; }
    .cp-footer .footer-bottom p {
      font-family: "Raleway", sans-serif;
      font-size: 1.2rem;
      color: #a8a9ad;
      font-weight: 400;
      line-height: 1.5; }

.cp-awards .award-item {
  display: flex;
  align-items: flex-start;
  position: relative;
  padding: 0.9rem 0.5rem;
  border-bottom: 1px solid rgba(168, 173, 169, 0.3); }
  .cp-awards .award-item .award-icon {
    width: 6.8rem;
    margin-right: 2.5rem; }
    .cp-awards .award-item .award-icon img {
      width: 100%; }
  .cp-awards .award-item .award-link {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1; }
.cp-awards .award-title {
  font-family: "Raleway", sans-serif;
  font-size: 1.2rem;
  color: #a8a9ad;
  font-weight: 400;
  line-height: 1.5; }
.cp-awards .award-period {
  font-family: "Raleway", sans-serif;
  font-size: 1.2rem;
  color: #fdcd09;
  font-weight: 400;
  line-height: 1.5; }

.cp-form .form-control {
  background: transparent;
  border: none;
  border-bottom: 1px solid rgba(168, 173, 169, 0.3);
  border-radius: 0;
  color: #ffffff;
  height: 4rem; }
  .cp-form .form-control:focus {
    outline: none;
    box-shadow: none; }
.cp-form .input-group .btn {
  padding: 0.9rem 1rem; }
.cp-form .form-foot,
.cp-form .rate-wrap {
  text-align: right; }
  @media only screen and (max-width: 767px) and (orientation: portrait) {
    .cp-form .form-foot,
    .cp-form .rate-wrap {
      text-align: left; } }
.cp-form textarea.form-control {
  border: 1px solid #a8a9ad;
  resize: none;
  font-family: "Raleway", sans-serif;
  font-size: 1.2rem;
  color: #231f20;
  font-weight: 400;
  line-height: 1.5;
  padding: 2rem; }
.cp-form .form-group {
  padding: 0; }

.cp-tab .nav-tabs {
  counter-reset: section;
  display: flex;
  border: 1px solid #e1e1e1;
  margin-bottom: 0; }
  .cp-tab .nav-tabs > li {
    transition: all 0.3s ease;
    position: relative;
    float: none;
    width: 20%;
    border-right: 1px solid #e1e1e1;
    cursor: pointer; }
    .cp-tab .nav-tabs > li:last-child {
      border-right: none; }
    .cp-tab .nav-tabs > li:after {
      content: '';
      height: 0.4rem;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      transform: translateY(100%);
      background: transparent;
      transition: all 0.3s ease; }
    .cp-tab .nav-tabs > li:hover a {
      color: #d11f2f; }
    .cp-tab .nav-tabs > li a {
      font-family: "Raleway", sans-serif;
      font-size: 1.8rem;
      color: #231f20;
      font-weight: 500;
      line-height: 1.3;
      text-transform: capitalize;
      text-align: left;
      transition: all 0.3s ease;
      background: transparent;
      padding: 2rem 5rem;
      width: 100%;
      display: block; }
      .cp-tab .nav-tabs > li a .count {
        display: block; }
        .cp-tab .nav-tabs > li a .count:before {
          counter-increment: section;
          content: counter(section,decimal-leading-zero);
          font-family: "Raleway", sans-serif;
          font-size: 2.4rem;
          color: #231f20;
          font-weight: 700;
          line-height: 1.3;
          font-family: "Roboto", sans-serif; }
    .cp-tab .nav-tabs > li.active {
      background: #f7f7f7; }
      .cp-tab .nav-tabs > li.active:after {
        background: #d11f2f; }
      .cp-tab .nav-tabs > li.active a {
        font-weight: 700;
        color: #d11f2f;
        background: transparent;
        text-transform: capitalize; }
.cp-tab .tab-content {
  margin-top: -0.1rem;
  background: #ffffff;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
  padding: 2.5rem 3rem; }
.cp-tab .pane-info-wrap {
  position: relative;
  padding-bottom: 2rem; }
  .cp-tab .pane-info-wrap .pane-info {
    font-family: "Raleway", sans-serif;
    font-size: 1.2rem;
    color: #231f20;
    font-weight: 500;
    line-height: 1.3;
    background: #f7f7f7;
    padding: 1rem;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: -3rem;
    right: -3rem; }
    @media only screen and (max-width: 767px) and (orientation: portrait) {
      .cp-tab .pane-info-wrap .pane-info {
        line-height: 2.2rem; } }
.cp-tab.typ-4col .nav-tabs > li {
  width: 25%; }
.cp-tab.typ-3col .nav-tabs > li {
  width: 33.33%; }
.cp-tab.typ-border .nav-tabs > li a {
  min-height: 9rem;
  align-items: center;
  display: flex;
  justify-content: center; }
.cp-tab.typ-border .tab-content {
  box-shadow: none;
  border: 1px solid #e1e1e1;
  padding-bottom: 0; }

.cp-message {
  display: block; }
  .cp-message .img-wrap {
    width: 28rem;
    margin-right: 2rem;
    display: inline-block;
    vertical-align: top; }
    @media only screen and (max-width: 767px) and (orientation: portrait) {
      .cp-message .img-wrap {
        width: 100%;
        display: block; } }
    .cp-message .img-wrap img {
      width: 100%; }
  .cp-message .info-wrap {
    max-width: 75rem;
    display: inline-block;
    vertical-align: top; }
    @media only screen and (max-width: 767px) and (orientation: portrait) {
      .cp-message .info-wrap {
        max-width: initial;
        width: 100%;
        display: block; } }

.cp-project .nav-tabs {
  display: none; }
.cp-project .tab-content {
  padding: 0;
  box-shadow: none; }
.cp-project .cp-seclect {
  max-width: 52rem; }
.cp-project .project-head {
  margin-bottom: 4rem; }
  @media only screen and (max-width: 767px) and (orientation: portrait) {
    .cp-project .project-head {
      margin-bottom: 3rem; } }
.cp-project .project-list {
  display: flex;
  flex-flow: row wrap;
  margin: 0 -1.1rem; }
  .cp-project .project-list > .item {
    padding: 0 1.1rem;
    margin-bottom: 2.2rem;
    width: 50%; }
    .cp-project .project-list > .item:last-child, .cp-project .project-list > .item:nth-last-child(2) {
      margin-bottom: 0; }
  @media only screen and (max-width: 767px) and (orientation: portrait) {
    .cp-project .project-list {
      display: block;
      margin: 0 -1.4rem; }
      .cp-project .project-list > .item {
        width: 100%;
        padding: 0;
        margin: 0 0 1.5rem 0; }
        .cp-project .project-list > .item:nth-last-child(2) {
          margin-bottom: 1.5rem; }
        .cp-project .project-list > .item:last-child {
          margin-bottom: 0; } }
.cp-project .project-tile {
  background: #ffffff;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
  padding: 1.5rem 0 1.5rem 1.5rem;
  display: flex;
  align-items: center;
  position: relative; }
  @media only screen and (max-width: 767px) and (orientation: portrait) {
    .cp-project .project-tile {
      padding: 1rem;
      align-items: flex-start; } }
.cp-project .project-image {
  max-width: 22rem;
  height: 18.9rem;
  margin-right: 1.5rem; }
  .cp-project .project-image img {
    width: 100%; }
  @media only screen and (max-width: 767px) and (orientation: portrait) {
    .cp-project .project-image {
      max-width: 10rem;
      height: auto;
      margin-right: 1rem; } }
.cp-project .project-info {
  width: 100%; }
.cp-project .project-type {
  display: block;
  font-family: "Raleway", sans-serif;
  font-size: 1.6rem;
  color: #a2262e;
  font-weight: 500;
  line-height: 1.5;
  text-transform: capitalize;
  margin-bottom: 1rem; }
.cp-project .project-name {
  font-family: "Raleway", sans-serif;
  font-size: 2rem;
  color: #231f20;
  font-weight: 700;
  line-height: 1.2;
  text-transform: capitalize;
  padding-right: 1rem; }
.cp-project .project-address {
  font-family: "Raleway", sans-serif;
  font-size: 1.2rem;
  color: #231f20;
  font-weight: 500;
  line-height: 1.5;
  display: block;
  margin-bottom: 1.3rem;
  font-style: initial;
  padding-right: 1rem; }
  @media only screen and (max-width: 767px) and (orientation: portrait) {
    .cp-project .project-address {
      font-size: 1rem;
      margin-bottom: 0.6rem;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; } }
.cp-project .project-price {
  font-family: "Raleway", sans-serif;
  font-size: 2rem;
  color: #d11f2f;
  font-weight: 700;
  line-height: 1.2;
  font-family: "Roboto", sans-serif;
  padding: 1rem;
  background: #f7f7f7;
  margin-bottom: 3rem; }
  .cp-project .project-price .icon {
    font-size: 2rem; }
    .cp-project .project-price .icon:before {
      position: relative;
      top: -1px; }
  @media only screen and (max-width: 767px) and (orientation: portrait) {
    .cp-project .project-price {
      font-size: 1.6rem;
      padding: 0.3rem;
      margin-bottom: 0.6rem; }
      .cp-project .project-price .icon {
        font-size: 1.6rem; } }
.cp-project .project-variation {
  margin: 0 -1rem;
  display: block; }
  @media only screen and (max-width: 767px) and (orientation: portrait) {
    .cp-project .project-variation {
      margin: 0 -0.5rem; } }
  .cp-project .project-variation .item {
    font-family: "Raleway", sans-serif;
    font-size: 1.2rem;
    color: #231f20;
    font-weight: 500;
    line-height: 1.3;
    text-transform: uppercase;
    font-family: "Roboto", sans-serif;
    display: inline-block;
    padding: 0 1rem;
    border-right: 1px solid #eeeded; }
    .cp-project .project-variation .item:last-child {
      border-right: none; }
    @media only screen and (max-width: 767px) and (orientation: portrait) {
      .cp-project .project-variation .item {
        font-size: 1rem;
        padding: 0 0.6rem; } }
.cp-project .project-icon-link {
  font-size: 3rem;
  color: #f78f20;
  position: absolute;
  right: 1.5rem;
  bottom: 1.5rem;
  z-index: 2;
  transition: all 0.3s ease; }
  .cp-project .project-icon-link:hover {
    color: #d11f2f; }
  @media only screen and (max-width: 767px) and (orientation: portrait) {
    .cp-project .project-icon-link {
      font-size: 1.8rem;
      bottom: 0.9rem; } }
.cp-project .project-link {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1; }
.cp-project .project-foot {
  text-align: center;
  margin-top: 3rem; }

@media only screen and (max-width: 767px) and (orientation: portrait) {
  .cp-accordian {
    margin: 0 -2rem; } }
.cp-accordian .panel-default {
  border: none;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
  border-radius: 0; }
.cp-accordian .panel-group .panel + .panel {
  margin-top: 2rem; }
  @media only screen and (max-width: 767px) and (orientation: portrait) {
    .cp-accordian .panel-group .panel + .panel {
      margin-top: 1rem; } }
.cp-accordian .panel-heading {
  padding: 0;
  background: transparent; }
.cp-accordian .panel-body {
  border: none;
  padding: 1.5rem 4rem;
  font-family: "Raleway", sans-serif;
  font-size: 1.2rem;
  color: #231f20;
  font-weight: 500;
  line-height: 2.2rem; }
  @media only screen and (max-width: 767px) and (orientation: portrait) {
    .cp-accordian .panel-body {
      padding: 1.5rem 2rem; } }
  .cp-accordian .panel-body p {
    font-family: "Raleway", sans-serif;
    font-size: 1.2rem;
    color: #231f20;
    font-weight: 500;
    line-height: 2.2rem; }
    @media only screen and (max-width: 767px) and (orientation: portrait) {
      .cp-accordian .panel-body p {
        padding: 0; } }
.cp-accordian .acc-link {
  padding: 2.2rem 7rem 2.2rem 4rem;
  display: block;
  font-family: "Raleway", sans-serif;
  font-size: 2rem;
  color: #231f20;
  font-weight: 700;
  line-height: 1.3;
  position: relative; }
  @media only screen and (max-width: 767px) and (orientation: portrait) {
    .cp-accordian .acc-link {
      padding: 1.2rem 4rem 1.2rem 2rem;
      font-size: 1.4rem; } }
  .cp-accordian .acc-link:after, .cp-accordian .acc-link:before {
    content: '';
    width: 2rem;
    height: 0.4rem;
    background: #f78f20;
    display: block;
    position: absolute;
    right: 4rem;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s ease; }
    @media only screen and (max-width: 767px) and (orientation: portrait) {
      .cp-accordian .acc-link:after, .cp-accordian .acc-link:before {
        width: 1.4rem;
        height: 0.3rem;
        right: 1.5rem; } }
  .cp-accordian .acc-link:after {
    transform: translateY(-50%) rotate(90deg); }
  .cp-accordian .acc-link:not(.collapsed) {
    background: #f7f7f7; }
    .cp-accordian .acc-link:not(.collapsed):after {
      transform: translateY(-50%) rotate(0deg); }
.cp-accordian .panel-group .panel-heading + .panel-collapse > .panel-body,
.cp-accordian .panel-group .panel-heading + .panel-collapse > .list-group {
  border: none; }
.cp-accordian .accordian-foot {
  margin-top: 3.2rem;
  text-align: center; }
.cp-accordian .initial .accordian-foot {
  margin-top: 2rem; }
  @media only screen and (max-width: 767px) and (orientation: portrait) {
    .cp-accordian .initial .accordian-foot {
      margin-top: 1rem; } }
.cp-accordian.typ-tabs {
  display: none;
  margin-top: 3rem; }
  .cp-accordian.typ-tabs .acc-link {
    font-family: "Raleway", sans-serif;
    font-size: 1.6rem;
    color: #231f20;
    font-weight: 500;
    line-height: 1.3;
    padding: 1.8rem 2rem; }
    @media only screen and (max-width: 767px) and (orientation: portrait) {
      .cp-accordian.typ-tabs .acc-link {
        font-size: 1.4rem;
        color: #a2262e;
        font-weight: 700;
        padding: 1.8rem 4rem 1.8rem 2rem; }
        .cp-accordian.typ-tabs .acc-link.collapsed {
          color: #231f20; } }
  .cp-accordian.typ-tabs .panel-group {
    border: solid 1px #e1e1e1; }
    .cp-accordian.typ-tabs .panel-group .panel + .panel {
      margin-top: 1rem; }
      @media only screen and (max-width: 767px) and (orientation: portrait) {
        .cp-accordian.typ-tabs .panel-group .panel + .panel {
          margin-top: -0.1rem;
          border: solid 1px #e1e1e1;
          box-shadow: none; } }
  @media only screen and (max-width: 767px) and (orientation: portrait) {
    .cp-accordian.typ-tabs .pane-info {
      display: none; } }
  @media only screen and (max-width: 767px) and (orientation: portrait) {
    .cp-accordian.typ-tabs {
      display: block;
      margin: 0; } }

.cp-banner {
  height: calc(100vh - 17rem);
  position: relative; }
  @media only screen and (max-width: 767px) and (orientation: portrait) {
    .cp-banner {
      height: calc(90vh - 6rem); } }
  .cp-banner .swiper-container {
    overflow: inherit; }
  .cp-banner.typ-home {
    height: calc(100vh - 19rem); }
    @media only screen and (max-width: 767px) and (orientation: portrait) {
      .cp-banner.typ-home {
        height: calc(87vh - 12rem); } }
    .cp-banner.typ-home .cp-info-card {
      position: absolute;
      bottom: -8rem;
      left: 10rem; }
      @media only screen and (max-width: 767px) and (orientation: portrait) {
        .cp-banner.typ-home .cp-info-card {
          padding: 1.6rem 1.5rem;
          width: auto;
          right: 1.5rem;
          left: 1.5rem;
          bottom: -6rem;
          z-index: 5; } }
  .cp-banner.typ-property-detail .cp-property-detail {
    position: absolute;
    left: 10%;
    right: auto;
    margin: 0 auto;
    bottom: -10rem;
    width: 60rem;
    transition: all 0.3s ease; }
    @media only screen and (max-width: 767px) and (orientation: portrait) {
      .cp-banner.typ-property-detail .cp-property-detail {
        bottom: -8rem;
        width: auto;
        left: 1.5rem;
        right: 1.5rem; } }
  @media only screen and (max-width: 767px) and (orientation: portrait) {
    .cp-banner.typ-property-detail .container {
      padding: 0 1.5rem; } }
  @media only screen and (max-width: 767px) and (orientation: portrait) {
    .cp-banner.typ-property-detail .swiper-container .swiper-slide {
      background-position: center center; } }
  .cp-banner.typ-category-detail {
    height: calc(100vh - 20rem); }
    @media only screen and (max-width: 767px) and (orientation: portrait) {
      .cp-banner.typ-category-detail {
        height: calc(100vh - 16.5rem);
        margin-bottom: 3rem; } }
    .cp-banner.typ-category-detail .cp-info-card {
      position: absolute;
      left: 0;
      right: 0;
      margin: 0 auto;
      bottom: -9rem; }
      @media only screen and (max-width: 767px) and (orientation: portrait) {
        .cp-banner.typ-category-detail .cp-info-card {
          left: 1.5rem;
          right: 1.5rem;
          padding: 2rem 1.5rem; } }
  .cp-banner .swiper-container {
    height: 100%;
    padding: 0; }
  .cp-banner .swiper-btn {
    width: 5rem;
    height: 5rem;
    background: #ffffff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
    padding: 1rem; }
    .cp-banner .swiper-btn.swiper-button-prev {
      left: 0; }
    .cp-banner .swiper-btn.swiper-button-next {
      right: 0; }
    @media only screen and (max-width: 767px) and (orientation: portrait) {
      .cp-banner .swiper-btn.swiper-button-next.swiper-button-disabled, .cp-banner .swiper-btn.swiper-button-prev.swiper-button-disabled {
        opacity: 1; } }
  .cp-banner .js-addto {
    background-position: top center; }

.cp-property-detail {
  position: relative;
  z-index: 4; }
  .cp-property-detail .pd-card {
    background: #ffffff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
    padding: 3rem 2.5rem;
    margin-bottom: 4rem;
    position: relative; }
    @media only screen and (max-width: 767px) and (orientation: portrait) {
      .cp-property-detail .pd-card {
        padding: 1.3rem 1.5rem; } }
    .cp-property-detail .pd-card .pd-rating {
      position: absolute;
      bottom: 3rem;
      right: 4rem; }
      @media only screen and (max-width: 767px) and (orientation: portrait) {
        .cp-property-detail .pd-card .pd-rating {
          position: relative;
          bottom: auto;
          right: auto; } }
  .cp-property-detail .pd-type {
    font-family: "Raleway", sans-serif;
    font-size: 1.6rem;
    color: #a2262e;
    font-weight: 500;
    line-height: 1.3;
    text-transform: capitalize;
    margin-bottom: 0.7rem; }
    @media only screen and (max-width: 767px) and (orientation: portrait) {
      .cp-property-detail .pd-type {
        font-size: 1.2rem; } }
  .cp-property-detail .pd-name {
    font-family: "Raleway", sans-serif;
    font-size: 2.8rem;
    color: #231f20;
    font-weight: 700;
    line-height: 1.3;
    text-transform: uppercase;
    padding-bottom: 0.5rem;
    margin-bottom: 2rem;
    position: relative; }
    @media only screen and (max-width: 767px) and (orientation: portrait) {
      .cp-property-detail .pd-name {
        font-size: 1.8rem;
        margin-bottom: 1rem; } }
    .cp-property-detail .pd-name:after {
      content: '';
      width: 4rem;
      height: 0.4rem;
      background: #d11f2f;
      position: absolute;
      left: 0;
      bottom: 0; }
      @media only screen and (max-width: 767px) and (orientation: portrait) {
        .cp-property-detail .pd-name:after {
          width: 3rem;
          height: 0.3rem; } }
  .cp-property-detail .pd-address {
    display: block;
    font-family: "Raleway", sans-serif;
    font-size: 1.6rem;
    color: #231f20;
    font-weight: 700;
    line-height: 3rem;
    font-style: initial;
    position: relative;
    padding-left: 2.9rem;
    padding-right: 20rem; }
    @media only screen and (max-width: 767px) and (orientation: portrait) {
      .cp-property-detail .pd-address {
        font-size: 1.2rem;
        line-height: 1.3;
        padding-left: 2rem;
        margin-bottom: 1rem;
        padding-bottom: 1rem;
        border-bottom: 1px solid #a8a9ad;
        padding-right: 0; } }
    .cp-property-detail .pd-address:before {
      content: '';
      width: 2.5rem;
      height: 3rem;
      display: inline-block;
      background: url("../images/map-pin.png") no-repeat 0 0 transparent;
      background-size: cover;
      position: absolute;
      left: 0;
      top: 0; }
      @media only screen and (max-width: 767px) and (orientation: portrait) {
        .cp-property-detail .pd-address:before {
          width: 1.5rem;
          height: 1.8rem; } }
  .cp-property-detail .pd-info .info-list {
    display: flex;
    justify-content: space-between;
    margin: 0 -2rem;
    align-items: center; }
    @media only screen and (max-width: 767px) and (orientation: portrait) {
      .cp-property-detail .pd-info .info-list {
        flex-flow: column;
        margin: 0; } }
    .cp-property-detail .pd-info .info-list .info-item {
      padding: 0 2rem;
      width: 33.33%; }
      @media only screen and (max-width: 767px) and (orientation: portrait) {
        .cp-property-detail .pd-info .info-list .info-item {
          padding: 0;
          width: 100%;
          margin-bottom: 2rem;
          display: flex;
          justify-content: center; }
          .cp-property-detail .pd-info .info-list .info-item:last-child {
            margin-bottom: 0; } }
      .cp-property-detail .pd-info .info-list .info-item:nth-child(2) {
        border-right: 1px solid #a8a9ad; }
        @media only screen and (max-width: 767px) and (orientation: portrait) {
          .cp-property-detail .pd-info .info-list .info-item:nth-child(2) {
            border-right: none; } }
        @media only screen and (max-width: 767px) and (orientation: portrait) {
          .cp-property-detail .pd-info .info-list .info-item:nth-child(2) .pd-item {
            text-align: center; } }
      .cp-property-detail .pd-info .info-list .info-item:last-child {
        width: 29%; }
        @media only screen and (max-width: 767px) and (orientation: portrait) {
          .cp-property-detail .pd-info .info-list .info-item:last-child {
            width: 100%; } }
        @media only screen and (max-width: 767px) and (orientation: portrait) {
          .cp-property-detail .pd-info .info-list .info-item:last-child .sec-head {
            margin-bottom: 0; } }
      @media only screen and (max-width: 767px) and (orientation: portrait) {
        .cp-property-detail .pd-info .info-list .info-item:first-child {
          width: auto;
          margin: 0 0 2rem; } }
  .cp-property-detail .pd-item {
    position: relative;
    padding: 2rem 0; }
    .cp-property-detail .pd-item .cp-status {
      margin-bottom: 3rem; }
      @media only screen and (max-width: 767px) and (orientation: portrait) {
        .cp-property-detail .pd-item .cp-status {
          margin-bottom: 0; } }
      .cp-property-detail .pd-item .cp-status.dropdown {
        margin-top: 3.2rem; }
        @media only screen and (max-width: 767px) and (orientation: portrait) {
          .cp-property-detail .pd-item .cp-status.dropdown {
            margin-top: 0; } }
    .cp-property-detail .pd-item .cp-info-list {
      margin-bottom: 2.5rem; }
      @media only screen and (max-width: 767px) and (orientation: portrait) {
        .cp-property-detail .pd-item .cp-info-list {
          margin: 2rem auto; } }
  .cp-property-detail .pd-rating {
    display: flex;
    align-items: center; }
    .cp-property-detail .pd-rating .icon {
      width: 2.5rem;
      height: 2.5rem;
      background: url("../images/google.png") no-repeat center center transparent;
      background-size: cover;
      margin-right: 1rem; }
      @media only screen and (max-width: 767px) and (orientation: portrait) {
        .cp-property-detail .pd-rating .icon {
          width: 2.5rem;
          height: 2.5rem; } }
    .cp-property-detail .pd-rating .count {
      font-family: "Raleway", sans-serif;
      font-size: 1.6rem;
      color: #231f20;
      font-weight: 400;
      line-height: 1;
      margin-right: 1rem; }
    .cp-property-detail .pd-rating .text {
      font-family: "Raleway", sans-serif;
      font-size: 1.2rem;
      color: #231f20;
      font-weight: 500;
      line-height: 1.2; }
  .cp-property-detail .pd-desc {
    margin-bottom: 0.7rem;
    font-family: "Raleway", sans-serif;
    font-size: 1.4rem;
    color: #231f20;
    font-weight: 500;
    line-height: 1.5; }

.cp-price-card {
  background: #ffffff;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
  padding: 2rem 3rem;
  max-width: 40rem; }
  @media only screen and (max-width: 767px) and (orientation: portrait) {
    .cp-price-card {
      padding: 1.5rem; } }
  .cp-price-card .pd-price {
    font-family: "Raleway", sans-serif;
    font-size: 3rem;
    color: #d11f2f;
    font-weight: 700;
    line-height: 1.3;
    font-family: "Roboto", sans-serif;
    padding-bottom: 2rem;
    margin-bottom: 2rem;
    border-bottom: 1px solid #a8a9ad; }
    @media only screen and (max-width: 767px) and (orientation: portrait) {
      .cp-price-card .pd-price {
        font-size: 2.4rem;
        padding-bottom: 1rem;
        margin-bottom: 1rem; } }
    .cp-price-card .pd-price .icon {
      font-size: 3rem; }
      @media only screen and (max-width: 767px) and (orientation: portrait) {
        .cp-price-card .pd-price .icon {
          font-size: 2.2rem; } }
      .cp-price-card .pd-price .icon:before {
        position: relative;
        top: -1px; }
  .cp-price-card .pd-meta-info {
    margin: 0 -1rem;
    display: block;
    margin-bottom: 2.5rem; }
    @media only screen and (max-width: 767px) and (orientation: portrait) {
      .cp-price-card .pd-meta-info {
        margin-bottom: 1.5rem; } }
    .cp-price-card .pd-meta-info .item {
      font-family: "Raleway", sans-serif;
      font-size: 1.6rem;
      color: #231f20;
      font-weight: 500;
      line-height: 1.8;
      text-transform: capitalize;
      display: inline-block;
      padding: 0 1rem;
      border-right: 1px solid #231f20; }
      @media only screen and (max-width: 767px) and (orientation: portrait) {
        .cp-price-card .pd-meta-info .item {
          font-size: 1.4rem;
          line-height: 1.3; } }
      .cp-price-card .pd-meta-info .item:last-child {
        border-right: none; }

.cp-status .status-link {
  font-family: "Raleway", sans-serif;
  font-size: 1.6rem;
  color: #231f20;
  font-weight: 700;
  line-height: 1.5;
  text-transform: capitalize; }
  .cp-status .status-link .icon {
    display: inline-block;
    margin-left: 1rem;
    color: #f78f20;
    font-size: 1.8rem; }
.cp-status .status-body {
  border-radius: 0;
  border: none;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
  padding: 0;
  margin-top: 1rem;
  transform: translateX(-12%); }
  @media only screen and (max-width: 767px) and (orientation: portrait) {
    .cp-status .status-body {
      position: fixed;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      z-index: 1;
      transform: translateX(0);
      background: rgba(0, 0, 0, 0.8);
      margin-top: 0 !important; } }
  .cp-status .status-body.typ-2 {
    transform: translateX(-38%); }
    @media only screen and (max-width: 767px) and (orientation: portrait) {
      .cp-status .status-body.typ-2 {
        transform: translateX(0); } }
  .cp-status .status-body:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 1rem 1rem 1rem;
    border-color: transparent transparent #ffffff transparent;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -100%); }
.cp-status .cp-table {
  width: 40rem; }
  @media only screen and (max-width: 767px) and (orientation: portrait) {
    .cp-status .cp-table {
      width: auto;
      position: absolute;
      top: 50%;
      left: 1.5rem;
      right: 1.5rem;
      transform: translateY(-50%); } }
.cp-status .icon-close {
  font-size: 2rem;
  color: #ffffff;
  position: absolute;
  top: 2rem;
  right: 2rem; }

.cp-info-list {
  display: flex;
  margin: 0 -2rem; }
  .cp-info-list .il-item {
    padding: 0 2rem;
    border-right: 1px solid #e4e4e4; }
    @media only screen and (max-width: 349px) and (orientation: portrait) {
      .cp-info-list .il-item {
        padding: 0 1rem; } }
    .cp-info-list .il-item:last-child {
      border: none; }
  .cp-info-list .info-title {
    font-family: "Raleway", sans-serif;
    font-size: 1.4rem;
    color: #231f20;
    font-weight: 700;
    line-height: 1.3;
    text-transform: capitalize;
    margin-bottom: 0.8rem; }
  .cp-info-list .info-value {
    font-family: "Raleway", sans-serif;
    font-size: 1.6rem;
    color: #231f20;
    font-weight: 400;
    line-height: 1.3;
    font-family: "Roboto", sans-serif; }

.cp-kids-gallery {
  position: relative; }
  .cp-kids-gallery .swiper-nav-container {
    margin-top: 2rem; }
    @media only screen and (max-width: 767px) and (orientation: portrait) {
      .cp-kids-gallery .swiper-nav-container {
        margin: 2rem -1.5rem 0; } }
  .cp-kids-gallery .kg-footer {
    text-align: right;
    margin-top: -3rem;
    z-index: 1;
    position: relative; }
    @media only screen and (max-width: 767px) and (orientation: portrait) {
      .cp-kids-gallery .kg-footer {
        margin-top: 2rem;
        display: flex;
        justify-content: center; } }
    .cp-kids-gallery .kg-footer .btn {
      display: inline-block;
      margin-right: 3rem;
      min-width: 15rem;
      text-align: center; }
      @media only screen and (max-width: 767px) and (orientation: portrait) {
        .cp-kids-gallery .kg-footer .btn {
          min-width: initial;
          width: 47%;
          margin-right: 1rem; } }
      .cp-kids-gallery .kg-footer .btn:last-child {
        margin-right: 0; }
  .cp-kids-gallery .swiper-container {
    height: 25rem;
    padding: 0; }
    @media only screen and (max-width: 767px) and (orientation: portrait) {
      .cp-kids-gallery .swiper-container {
        height: 16rem;
        padding: 0 3rem; } }
    @media only screen and (max-width: 767px) and (orientation: portrait) {
      .cp-kids-gallery .swiper-container .swiper-slide:not(.swiper-slide-active) {
        opacity: 0.5; } }

.cp-flats {
  position: relative; }
  .cp-flats:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 26rem;
    background: #f7f7f7;
    z-index: -1; }
    @media only screen and (max-width: 767px) and (orientation: portrait) {
      .cp-flats:before {
        height: 98%; } }
  .cp-flats .flat-variation {
    font-family: "Raleway", sans-serif;
    font-size: 2.4rem;
    color: #231f20;
    font-weight: 700;
    line-height: 1.3;
    text-transform: uppercase;
    font-family: "Roboto", sans-serif;
    margin-bottom: 0.9rem; }
    @media only screen and (max-width: 767px) and (orientation: portrait) {
      .cp-flats .flat-variation {
        font-size: 2rem; } }
    .cp-flats .flat-variation .text {
      font-family: "Raleway", sans-serif;
      font-size: 2.4rem;
      color: #666666;
      font-weight: 700;
      line-height: 1.3;
      text-transform: uppercase; }
      @media only screen and (max-width: 767px) and (orientation: portrait) {
        .cp-flats .flat-variation .text {
          font-size: 2rem; } }
  .cp-flats .flat-area {
    font-family: "Raleway", sans-serif;
    font-size: 1.4rem;
    color: #231f20;
    font-weight: 400;
    line-height: 1.8rem;
    margin-bottom: 1rem; }
    .cp-flats .flat-area .highlight {
      font-weight: 500; }
      @media only screen and (max-width: 767px) and (orientation: portrait) {
        .cp-flats .flat-area .highlight {
          font-weight: 700; } }
  .cp-flats .flat-price {
    font-family: "Raleway", sans-serif;
    font-size: 2.2rem;
    color: #d11f2f;
    font-weight: 700;
    line-height: 1.2;
    font-family: "Roboto", sans-serif;
    padding: 1rem;
    background: #f7f7f7;
    margin-bottom: 1.5rem;
    margin-right: -1.5rem; }
    @media only screen and (max-width: 767px) and (orientation: portrait) {
      .cp-flats .flat-price {
        font-size: 1.8rem; } }
    .cp-flats .flat-price .icon {
      font-size: 2rem; }
      @media only screen and (max-width: 767px) and (orientation: portrait) {
        .cp-flats .flat-price .icon {
          font-size: 1.6rem; } }
      .cp-flats .flat-price .icon:before {
        position: relative;
        top: -1px; }
  .cp-flats .flat-tile {
    background: #ffffff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
    padding: 1.5rem; }
  .cp-flats .flat-list {
    display: flex;
    margin: 0 -1.1rem;
    flex-flow: row wrap; }
    @media only screen and (max-width: 767px) and (orientation: portrait) {
      .cp-flats .flat-list {
        flex-flow: column;
        margin: 0 -1.5rem; } }
    .cp-flats .flat-list .flat-item {
      width: 33.33%;
      padding: 0 1.1rem;
      margin-bottom: 2.2rem; }
      @media only screen and (max-width: 767px) and (orientation: portrait) {
        .cp-flats .flat-list .flat-item {
          width: 100%;
          padding: 0;
          margin-bottom: 2rem; }
          .cp-flats .flat-list .flat-item:last-child {
            margin-bottom: 0; } }
  .cp-flats .action-wrap {
    display: flex;
    justify-content: space-between; }
    .cp-flats .action-wrap .btn {
      width: 48%;
      min-width: initial; }
  .cp-flats .foot {
    margin-top: 3rem;
    text-align: center; }

.cp-seclect .select2-container {
  width: 100%; }
  .cp-seclect .select2-container .select2-choice {
    height: 4rem;
    border-radius: 0;
    border-color: #a8a9ad;
    background: transparent;
    padding: 0 2rem;
    position: relative; }
    .cp-seclect .select2-container .select2-choice > .select2-chosen {
      font-family: "Raleway", sans-serif;
      font-size: 1.4rem;
      color: #231f20;
      font-weight: 500;
      line-height: 4rem;
      text-transform: capitalize; }
    .cp-seclect .select2-container .select2-choice .select2-arrow {
      background: transparent;
      border: none;
      position: absolute;
      right: 1.5rem; }
      .cp-seclect .select2-container .select2-choice .select2-arrow:before {
        content: 'n';
        font-family: "ashiana-new" !important;
        font-size: 1.5rem;
        color: #a8a9ad;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        transition: all 0.3s ease; }
      .cp-seclect .select2-container .select2-choice .select2-arrow b {
        display: none; }
  .cp-seclect .select2-container.select2-dropdown-open .select2-choice .select2-arrow:before {
    transform: translateY(-50%) rotate(180deg); }
  .cp-seclect .select2-container.select2-container-active .select2-choice {
    box-shadow: none;
    outline: none; }

.select2-drop {
  max-height: 36rem;
  overflow: auto;
  padding: 1rem 2rem; }

.select2-drop-active {
  border: none;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
  border-radius: 0; }

.select2-results {
  padding: 0;
  margin: 0; }
  .select2-results .select2-result-label {
    font-family: "Raleway", sans-serif;
    font-size: 1.6rem;
    color: #231f20;
    font-weight: 400;
    line-height: 4rem;
    text-transform: capitalize;
    border-bottom: 1px solid #e1e1e1; }
  .select2-results .select2-highlighted {
    background: transparent; }
    .select2-results .select2-highlighted .select2-result-label {
      font-weight: 700; }
  .select2-results .select2-result:last-child .select2-result-label {
    border-bottom: none; }

.cp-download {
  background: #f7f7f7; }
  .cp-download .cp-section {
    display: flex;
    justify-content: space-between; }
    @media only screen and (max-width: 767px) and (orientation: portrait) {
      .cp-download .cp-section {
        flex-flow: column; } }
    .cp-download .cp-section .sec-body {
      display: flex; }
    .cp-download .cp-section .sec-head {
      margin-bottom: 0; }
      @media only screen and (max-width: 767px) and (orientation: portrait) {
        .cp-download .cp-section .sec-head {
          margin-bottom: 2rem; } }
  .cp-download .cp-seclect {
    width: 60rem;
    margin-right: 3rem; }
    @media only screen and (max-width: 767px) and (orientation: portrait) {
      .cp-download .cp-seclect {
        width: 100%;
        margin-right: 1rem; } }
  .cp-download .btn {
    padding: 1rem 1.5rem;
    min-width: auto;
    max-height: 4rem; }
    @media only screen and (max-width: 767px) and (orientation: portrait) {
      .cp-download .btn {
        padding: 1rem 1.2rem !important; } }
    @media only screen and (max-width: 767px) and (orientation: portrait) {
      .cp-download .btn .icon {
        font-size: 1.4rem; } }

.cp-property .property-info-wrap {
  display: flex;
  align-items: center;
  padding: 2rem 0.5rem;
  background: #f7f7f7; }
  .cp-property .property-info-wrap .info-item {
    font-family: "Raleway", sans-serif;
    font-size: 2.2rem;
    color: #231f20;
    font-weight: 700;
    line-height: 1;
    text-transform: capitalize;
    padding: 0 1.5rem;
    border-right: 1px solid #a8a9ad; }
    @media only screen and (max-width: 767px) and (orientation: portrait) {
      .cp-property .property-info-wrap .info-item {
        font-size: 1.4rem; } }
    .cp-property .property-info-wrap .info-item:last-child {
      border-right: none; }
.cp-property .property-img-wrap {
  max-height: 28.6rem;
  overflow: hidden;
  display: block; }
  .cp-property .property-img-wrap img {
    width: 100%;
    transition: all 0.3s ease; }
.cp-property .list {
  display: flex;
  margin: 0 -1.1rem; }
  @media only screen and (max-width: 767px) and (orientation: portrait) {
    .cp-property .list {
      flex-flow: column;
      margin: 0 -1.5rem; } }
  .cp-property .list .item {
    width: 50%;
    padding: 0 1.1rem; }
    @media only screen and (max-width: 767px) and (orientation: portrait) {
      .cp-property .list .item {
        width: 100%;
        padding: 0;
        margin-bottom: 1.5rem; } }
    @media only screen and (max-width: 767px) and (orientation: portrait) {
      .cp-property .list .item:last-child {
        margin-bottom: 0; } }
.cp-property .property-tile {
  position: relative; }
  .cp-property .property-tile .property-link {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1; }
    .cp-property .property-tile .property-link:hover + .property-img-wrap img {
      transform: scale(1.1); }

@media only screen and (max-width: 767px) and (orientation: portrait) {
  .cp-review {
    position: relative; } }
.cp-review .review-band {
  background: #f7f7f7;
  padding: 2rem 3rem;
  display: flex;
  align-items: center;
  margin-bottom: 3rem; }
  @media only screen and (max-width: 767px) and (orientation: portrait) {
    .cp-review .review-band {
      padding: 2rem 2.5rem;
      flex-flow: column;
      margin: 0 -1.5rem 3rem;
      align-items: initial; } }
  .cp-review .review-band .initial {
    width: 4rem;
    height: 4rem;
    padding: 1.2rem 0.9rem;
    border-radius: 100%;
    display: inline-block;
    text-align: center;
    font-family: "Raleway", sans-serif;
    font-size: 1.4rem;
    color: #ffffff;
    font-weight: 700;
    line-height: 1.3;
    text-transform: uppercase; }
    @media only screen and (max-width: 767px) and (orientation: portrait) {
      .cp-review .review-band .initial {
        width: 3rem;
        height: 3rem;
        font-size: 1.2rem;
        padding: 0.9rem 0.75rem; } }
  .cp-review .review-band .user-img {
    width: 4rem;
    height: 4rem;
    border-radius: 100%;
    display: inline-block;
    overflow: hidden; }
    @media only screen and (max-width: 767px) and (orientation: portrait) {
      .cp-review .review-band .user-img {
        width: 3rem;
        height: 3rem; } }
.cp-review .user-initials {
  display: flex;
  align-items: center;
  margin-right: 3rem; }
  @media only screen and (max-width: 767px) and (orientation: portrait) {
    .cp-review .user-initials {
      margin-right: 0;
      margin-bottom: 1rem; } }
  .cp-review .user-initials .item {
    margin-right: 1rem;
    display: flex;
    align-items: center; }
    .cp-review .user-initials .item:last-child {
      margin-right: 0; }
    .cp-review .user-initials .item:nth-child(3n+1) .initial {
      background: #be9d7b; }
    .cp-review .user-initials .item:nth-child(3n+2) .initial {
      background: #7282a5; }
    .cp-review .user-initials .item:nth-child(3n+3) .initial {
      background: #b0c09f; }
.cp-review .review-text {
  font-family: "Raleway", sans-serif;
  font-size: 1.6rem;
  color: #231f20;
  font-weight: 500;
  line-height: 1.3; }
.cp-review .review-rating {
  margin-left: auto;
  font-family: "Raleway", sans-serif;
  font-size: 3.2rem;
  color: #d11f2f;
  font-weight: 700;
  line-height: 1.3; }
  @media only screen and (max-width: 767px) and (orientation: portrait) {
    .cp-review .review-rating {
      font-size: 2.4rem;
      position: absolute;
      top: 2rem;
      right: 0.5rem; } }
.cp-review .review-body {
  max-width: 88rem;
  margin: 0 auto; }
.cp-review .cp-lg-rating {
  display: inline-block; }

.cp-comments {
  max-width: 88rem;
  margin: 0 auto; }
  .cp-comments .comments-item {
    margin-bottom: 1.5rem; }
    .cp-comments .comments-item:last-child {
      margin-bottom: 3rem; }
    .cp-comments .comments-item:nth-child(3n+1) .user-initial {
      background: #be9d7b; }
    .cp-comments .comments-item:nth-child(3n+2) .user-initial {
      background: #7282a5; }
    .cp-comments .comments-item:nth-child(3n+3) .user-initial {
      background: #b0c09f; }
  .cp-comments .comment {
    background: #ffffff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
    padding: 3rem; }
    @media only screen and (max-width: 767px) and (orientation: portrait) {
      .cp-comments .comment {
        padding: 1.5rem; } }
  .cp-comments .comment-foot {
    text-align: center; }
  .cp-comments .comment-date,
  .cp-comments .reply-date {
    font-family: "Raleway", sans-serif;
    font-size: 1.4rem;
    color: #d11f2f;
    font-weight: 500;
    line-height: 1.3;
    text-transform: capitalize; }
    @media only screen and (max-width: 767px) and (orientation: portrait) {
      .cp-comments .comment-date,
      .cp-comments .reply-date {
        font-size: 1.2rem; } }
  .cp-comments .desc {
    font-family: "Raleway", sans-serif;
    font-size: 1.4rem;
    color: #231f20;
    font-weight: 500;
    line-height: 2.2rem; }
    @media only screen and (max-width: 767px) and (orientation: portrait) {
      .cp-comments .desc {
        font-size: 1.2rem; } }
  .cp-comments .comment-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 2rem;
    margin-bottom: 2rem;
    border-bottom: 1px solid #e4e4e4; }
    @media only screen and (max-width: 767px) and (orientation: portrait) {
      .cp-comments .comment-head {
        align-items: flex-end;
        padding-bottom: 1rem;
        margin-bottom: 1rem; } }
  .cp-comments .reply-cont {
    margin-top: 2.5rem; }
    @media only screen and (max-width: 767px) and (orientation: portrait) {
      .cp-comments .reply-cont {
        margin-top: 1.5rem; } }
    .cp-comments .reply-cont .icon-wrap {
      width: 4rem;
      height: 4rem;
      display: inline-block;
      box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
      border-radius: 100%;
      background: #ffffff;
      padding: 1rem;
      position: relative; }
      @media only screen and (max-width: 767px) and (orientation: portrait) {
        .cp-comments .reply-cont .icon-wrap {
          width: 3rem;
          height: 3rem; } }
      .cp-comments .reply-cont .icon-wrap:before {
        content: '';
        width: 1.3rem;
        height: 2rem;
        background: url("../images/a.png") no-repeat 0 0 transparent;
        background-size: cover;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%); }
        @media only screen and (max-width: 767px) and (orientation: portrait) {
          .cp-comments .reply-cont .icon-wrap:before {
            width: 1rem;
            height: 1.5rem; } }
  .cp-comments .reply-head {
    display: flex;
    align-items: center;
    position: relative; }
    .cp-comments .reply-head .icon-wrap {
      margin-right: 2rem; }
      @media only screen and (max-width: 767px) and (orientation: portrait) {
        .cp-comments .reply-head .icon-wrap {
          margin-right: 1rem; } }
    .cp-comments .reply-head:before {
      content: '';
      height: 1px;
      background: #e4e4e4;
      position: absolute;
      right: 0;
      left: 21%;
      top: 50%;
      transform: translateY(-50%); }
      @media only screen and (max-width: 767px) and (orientation: portrait) {
        .cp-comments .reply-head:before {
          left: 50%; } }
  .cp-comments .reply-body {
    padding-left: 6rem; }
    @media only screen and (max-width: 767px) and (orientation: portrait) {
      .cp-comments .reply-body {
        padding-left: 4rem; } }

.cp-user {
  display: flex;
  align-items: center; }
  .cp-user .user-initial {
    width: 4rem;
    height: 4rem;
    padding: 1.2rem 0.9rem;
    border-radius: 100%;
    display: inline-block;
    text-align: center;
    margin-right: 1rem;
    font-family: "Raleway", sans-serif;
    font-size: 1.4rem;
    color: #ffffff;
    font-weight: 700;
    line-height: 1.3;
    text-transform: uppercase; }
    @media only screen and (max-width: 767px) and (orientation: portrait) {
      .cp-user .user-initial {
        width: 3rem;
        height: 3rem;
        font-size: 1.2rem;
        padding: 0.9rem 0.75rem; } }
  .cp-user .user-img {
    width: 4rem;
    height: 4rem;
    border-radius: 100%;
    display: inline-block;
    margin-right: 1rem;
    overflow: hidden; }
    @media only screen and (max-width: 767px) and (orientation: portrait) {
      .cp-user .user-img {
        width: 3rem;
        height: 3rem; } }
    .cp-user .user-img img {
      width: 100%; }
  .cp-user .user-name {
    font-family: "Raleway", sans-serif;
    font-size: 1.6rem;
    color: #231f20;
    font-weight: 700;
    line-height: 1.3;
    text-transform: capitalize; }
    @media only screen and (max-width: 767px) and (orientation: portrait) {
      .cp-user .user-name {
        font-size: 1.4rem; } }
  .cp-user .cp-rating span {
    width: 1.5rem;
    height: 1.5rem;
    margin-right: 0.5rem;
    margin-top: 0.5rem; }
    @media only screen and (max-width: 767px) and (orientation: portrait) {
      .cp-user .cp-rating span {
        width: 1.2rem;
        height: 1.2rem; } }

.cp-icon-text ul:nth-last-child(2):after {
  content: none; }
.cp-icon-text .icon {
  font-size: 6rem;
  margin-bottom: 2.2rem;
  background: -webkit-gradient(linear, right bottom, left top, from(#c24e25), to(#f78f20));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block; }
  @media only screen and (max-width: 767px) and (orientation: portrait) {
    .cp-icon-text .icon {
      font-size: 4rem;
      margin-bottom: 1rem; } }
.cp-icon-text .icon-title {
  font-family: "Raleway", sans-serif;
  font-size: 1.6rem;
  color: #231f20;
  font-weight: 700;
  line-height: 1.3;
  text-transform: uppercase; }
  @media only screen and (max-width: 767px) and (orientation: portrait) {
    .cp-icon-text .icon-title {
      font-size: 1.4rem; } }
.cp-icon-text .list-wrap {
  display: flex;
  align-items: stretch;
  margin: 0 -4.5rem;
  padding: 3rem 0;
  position: relative; }
  .cp-icon-text .list-wrap:after {
    content: '';
    height: 1px;
    position: absolute;
    left: 1.5rem;
    right: 1.5rem;
    background: #d3d3d3;
    bottom: 0; }
  .cp-icon-text .list-wrap:last-child:after {
    content: none; }
  .cp-icon-text .list-wrap .item {
    padding: 0 4.5rem;
    border-right: 1px solid #d3d3d3;
    width: 25%;
    text-align: center;
    max-width: 23.3rem; }
    @media only screen and (max-width: 767px) and (orientation: portrait) {
      .cp-icon-text .list-wrap .item {
        width: 50%;
        padding: 0 1.5rem;
        margin-bottom: 2.5rem;
        min-height: 9.5rem; } }
    .cp-icon-text .list-wrap .item:last-child {
      border-right: none; }
    @media only screen and (max-width: 767px) and (orientation: portrait) {
      .cp-icon-text .list-wrap .item:nth-child(even) {
        border-right: none; } }
    @media only screen and (max-width: 767px) and (orientation: portrait) {
      .cp-icon-text .list-wrap .item:last-child, .cp-icon-text .list-wrap .item:nth-last-child(2) {
        margin-bottom: 0; } }
.cp-icon-text .mobile-list {
  display: none;
  margin: 0 -1.5rem;
  padding: 0; }
  @media only screen and (max-width: 767px) and (orientation: portrait) {
    .cp-icon-text .mobile-list {
      display: flex;
      align-items: baseline;
      flex-flow: row wrap; } }
  @media only screen and (max-width: 767px) and (orientation: portrait) {
    .cp-icon-text .mobile-list .item {
      width: 50%;
      padding: 0 1.5rem;
      margin-bottom: 2.5rem;
      min-height: 9.5rem;
      text-align: center;
      max-width: 23.3rem;
      border-right: 1px solid #d3d3d3; } }
  @media only screen and (max-width: 767px) and (orientation: portrait) {
    .cp-icon-text .mobile-list .item:nth-child(even) {
      border-right: none; } }
  @media only screen and (max-width: 767px) and (orientation: portrait) {
    .cp-icon-text .mobile-list .item:last-child, .cp-icon-text .mobile-list .item:nth-last-child(2) {
      margin-bottom: 0; } }

.cp-rating {
  display: flex;
  align-items: center; }
  .cp-rating span {
    width: 2.9rem;
    height: 2.9rem;
    margin-right: 1rem;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: transparent; }
    .cp-rating span:last-child {
      margin-right: 0; }
    .cp-rating span.star {
      background-image: url("../images/star.svg"); }
    .cp-rating span.star-half {
      background-image: url("../images/star-half.svg"); }
  @media only screen and (max-width: 767px) and (orientation: portrait) {
    .cp-rating span {
      width: 1.2rem;
      height: 1.2rem;
      margin-right: 0.6rem; } }

.cp-table td {
  padding: 1.3rem 2rem 1.1rem;
  font-family: "Raleway", sans-serif;
  font-size: 1.2rem;
  color: #231f20;
  font-weight: 500;
  line-height: 1.3;
  border-right: 1px solid #dddfe5; }
  @media only screen and (max-width: 767px) and (orientation: portrait) {
    .cp-table td {
      padding: 1rem; } }
  @media only screen and (max-width: 349px) and (orientation: portrait) {
    .cp-table td {
      font-size: 1rem; } }
  .cp-table td.bold {
    font-weight: 700; }
.cp-table .heading {
  border-top: 1px solid #dddfe5;
  border-bottom: 1px solid #dddfe5; }
  .cp-table .heading td {
    font-family: "Raleway", sans-serif;
    font-size: 1.4rem;
    color: #231f20;
    font-weight: 700;
    line-height: 1.3;
    padding: 1rem 2rem; }
    @media only screen and (max-width: 767px) and (orientation: portrait) {
      .cp-table .heading td {
        font-size: 1.2rem;
        padding: 1rem; } }
    @media only screen and (max-width: 349px) and (orientation: portrait) {
      .cp-table .heading td {
        font-size: 1rem; } }
.cp-table tr:not(.heading) td {
  background: #f7f7f7; }
@media only screen and (max-width: 767px) and (orientation: portrait) {
  .cp-table tr.heading td {
    background: #ffffff; } }

.cp-gallery {
  position: relative;
  padding: 0 0 3rem 0; }
  .cp-gallery:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: #f7f7f7;
    z-index: -1;
    height: 43rem; }
  .cp-gallery .swiper-container {
    height: 50rem;
    padding: 0 8rem; }
    .cp-gallery .swiper-container .swiper-slide {
      transition: all 0.3s ease; }
      .cp-gallery .swiper-container .swiper-slide:not(.swiper-slide-active) {
        opacity: 0.5; }
  @media only screen and (max-width: 767px) and (orientation: portrait) {
    .cp-gallery {
      padding: 0 1.5rem 3rem; }
      .cp-gallery .swiper-container {
        height: 45rem;
        padding: 0; } }
  .cp-gallery .js-addto {
    background-position: bottom center; }

.cp-timeline {
  position: relative; }
  .cp-timeline.typ-sec {
    margin-bottom: 18rem; }
  .cp-timeline .cp-banner {
    height: calc(100vh - 22rem); }
    @media only screen and (max-width: 767px) and (orientation: portrait) {
      .cp-timeline .cp-banner {
        height: calc(100vh - 19rem); } }
  .cp-timeline .timeline-title {
    font-family: "Raleway", sans-serif;
    font-size: 2.8rem;
    color: #231f20;
    font-weight: 700;
    line-height: 1.3;
    text-transform: uppercase;
    padding-bottom: 0.5rem;
    position: relative; }
    @media only screen and (max-width: 767px) and (orientation: portrait) {
      .cp-timeline .timeline-title {
        font-size: 1.8rem; } }
    .cp-timeline .timeline-title:after {
      content: '';
      width: 4rem;
      height: 0.4rem;
      background: #d11f2f;
      position: absolute;
      left: 0;
      bottom: 0; }
      @media only screen and (max-width: 767px) and (orientation: portrait) {
        .cp-timeline .timeline-title:after {
          width: 3rem;
          height: 0.3rem; } }
  .cp-timeline .timeline-desc {
    font-family: "Raleway", sans-serif;
    font-size: 1.6rem;
    color: #231f20;
    font-weight: 500;
    line-height: 2.2rem; }
    @media only screen and (max-width: 767px) and (orientation: portrait) {
      .cp-timeline .timeline-desc {
        font-size: 1.2rem; } }
  .cp-timeline .timeline-info-wrap {
    background: #ffffff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
    padding: 2.5rem;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -11rem;
    z-index: 4; }
    @media only screen and (max-width: 767px) and (orientation: portrait) {
      .cp-timeline .timeline-info-wrap {
        padding: 1.5rem;
        left: 1.5rem;
        right: 1.5rem; } }
  .cp-timeline .timeline-thumbs {
    margin: 3rem 0; }
    @media only screen and (max-width: 767px) and (orientation: portrait) {
      .cp-timeline .timeline-thumbs {
        margin: 1.5rem 0; } }
    .cp-timeline .timeline-thumbs .swiper-container {
      padding: 0.2rem 0; }
    .cp-timeline .timeline-thumbs .swiper-wrapper {
      margin-bottom: 0; }
    .cp-timeline .timeline-thumbs .swiper-slide {
      width: 6.5rem !important;
      height: 6.5rem !important;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0;
      position: relative;
      transition: all 0.3s ease; }
      .cp-timeline .timeline-thumbs .swiper-slide:after {
        content: '';
        height: 2px;
        width: 6rem;
        display: inline-block;
        background: #ecedf1;
        position: absolute;
        top: 50%;
        transform: translate(120%, -50%); }
        @media only screen and (max-width: 767px) and (orientation: portrait) {
          .cp-timeline .timeline-thumbs .swiper-slide:after {
            content: none; } }
      .cp-timeline .timeline-thumbs .swiper-slide:last-child:after {
        content: none; }
      .cp-timeline .timeline-thumbs .swiper-slide a {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0; }
        .cp-timeline .timeline-thumbs .swiper-slide a > div {
          position: absolute;
          left: 0;
          right: 0;
          top: 0;
          bottom: 0; }
          .cp-timeline .timeline-thumbs .swiper-slide a > div .loader-bg {
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0; }
      @media only screen and (max-width: 767px) and (orientation: portrait) {
        .cp-timeline .timeline-thumbs .swiper-slide:not(.swiper-slide-active) {
          transform: scale(0.9); } }
      @media only screen and (max-width: 349px) and (orientation: portrait) {
        .cp-timeline .timeline-thumbs .swiper-slide:not(.swiper-slide-active) {
          transform: scale(0.7); } }
  @media only screen and (max-width: 767px) and (orientation: portrait) {
    .cp-timeline .nav-tabs {
      margin-top: 0; } }
  .cp-timeline .nav-tabs li.active a,
  .cp-timeline .nav-tabs li.active a:focus,
  .cp-timeline .nav-tabs li.active a:hover {
    background: transparent;
    color: #231f20;
    font-weight: 700; }
    @media only screen and (max-width: 767px) and (orientation: portrait) {
      .cp-timeline .nav-tabs li.active a,
      .cp-timeline .nav-tabs li.active a:focus,
      .cp-timeline .nav-tabs li.active a:hover {
        padding: 0.2rem; } }
  .cp-timeline .nav-tabs li a {
    padding: 0; }
  .cp-timeline .nav-tabs li.active .mod-time {
    font-weight: 700; }
  .cp-timeline .nav-tabs li:not(.active) .loader-bg,
  .cp-timeline .nav-tabs li:not(.active) .loader-spinner {
    border-color: transparent; }

.cp-font-zoom {
  position: fixed;
  right: 2rem;
  top: 12.1rem;
  z-index: 9; }
  @media only screen and (max-width: 767px) and (orientation: portrait) {
    .cp-font-zoom {
      right: 1.5rem;
      top: 7.5rem; } }
  .cp-font-zoom .font-btn {
    width: 5rem;
    height: 5rem;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
    background: #ffffff; }
    .cp-font-zoom .font-btn .icon {
      font-size: 2.5rem; }
      .cp-font-zoom .font-btn .icon.a-icon-zoom {
        display: none; }
      .cp-font-zoom .font-btn .icon.a-icon-zoom-out {
        display: block; }
  .cp-font-zoom.act .font-btn .icon.a-icon-zoom {
    display: block; }
  .cp-font-zoom.act .font-btn .icon.a-icon-zoom-out {
    display: none; }

.cp-detail-list {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .cp-detail-list .btn.btn-black {
    font-size: 1.2rem;
    min-width: initial;
    padding: 1rem !important; }
    @media only screen and (max-width: 349px) and (orientation: portrait) {
      .cp-detail-list .btn.btn-black {
        padding: 0.7rem !important; } }
  .cp-detail-list li {
    max-width: 10.5rem;
    word-wrap: break-word;
    vertical-align: middle; }

.cp-detail-info {
  padding: 3rem; }
  .cp-detail-info .di-title {
    font-family: "Raleway", sans-serif;
    font-size: 2.8rem;
    color: #231f20;
    font-weight: 700;
    line-height: 1.3;
    text-transform: uppercase;
    padding-bottom: 0.5rem;
    position: relative;
    margin-bottom: 3rem; }
    @media only screen and (max-width: 767px) and (orientation: portrait) {
      .cp-detail-info .di-title {
        font-size: 1.8rem; } }
    .cp-detail-info .di-title:after {
      content: '';
      width: 4rem;
      height: 0.4rem;
      background: #d11f2f;
      position: absolute;
      left: 0;
      bottom: 0; }
      @media only screen and (max-width: 767px) and (orientation: portrait) {
        .cp-detail-info .di-title:after {
          width: 3rem;
          height: 0.3rem; } }
  .cp-detail-info .di-desc p {
    font-family: "Raleway", sans-serif;
    font-size: 1.4rem;
    color: #231f20;
    font-weight: 500;
    line-height: 1.3;
    margin-bottom: 2rem; }
    .cp-detail-info .di-desc p:last-child {
      margin-bottom: 0; }
    @media only screen and (max-width: 767px) and (orientation: portrait) {
      .cp-detail-info .di-desc p {
        font-size: 1.2rem; } }

.cp-checkbox input[type=checkbox]:not(old) {
  width: 28px;
  margin: 0;
  padding: 0;
  opacity: 0; }
  .cp-checkbox input[type=checkbox]:not(old) + label {
    cursor: pointer;
    padding-left: 2.5rem;
    position: relative;
    font-family: "Raleway", sans-serif;
    font-size: 1.4rem;
    color: #231f20;
    font-weight: 500;
    line-height: 2rem; }
    @media only screen and (max-width: 767px) and (orientation: portrait) {
      .cp-checkbox input[type=checkbox]:not(old) + label {
        font-size: 1.2rem; } }
    .cp-checkbox input[type=checkbox]:not(old) + label:before {
      content: 'A';
      font-family: "ashiana-new" !important;
      font-size: 2rem;
      color: #231f20;
      position: absolute;
      left: 0;
      top: 0;
      transition: all 0.3s ease; }
  .cp-checkbox input[type=checkbox]:not(old):checked + label:before {
    content: 'B'; }

.cp-captcha .modal-dialog {
  max-width: 40rem; }
.cp-captcha .captcha-group {
  padding: 2rem; }
.cp-captcha .captcha-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .cp-captcha .captcha-wrap .img-wrap {
    max-width: 18rem; }
.cp-captcha .btn-refresh {
  padding: 1rem;
  color: #f78f20;
  font-size: 2rem; }
@media only screen and (max-width: 767px) and (orientation: portrait) {
  .cp-captcha .modal-content {
    padding-top: 0; } }

.cp-login .form-list .item {
  display: none; }
  .cp-login .form-list .item.active {
    display: block; }
.cp-login .modal-header {
  padding: 0;
  margin-bottom: 2rem; }
.cp-login .cpl-subtitle {
  font-family: "Raleway", sans-serif;
  font-size: 1.8rem;
  color: #231f20;
  font-weight: 500;
  line-height: 1.3;
  text-transform: capitalize;
  display: block;
  text-align: center;
  margin-bottom: 2rem; }
  @media only screen and (max-width: 767px) and (orientation: portrait) {
    .cp-login .cpl-subtitle {
      font-size: 1.4rem; } }
.cp-login .action-wrap {
  display: flex;
  align-items: center;
  justify-content: space-around; }
  .cp-login .action-wrap .btn {
    min-width: 16rem; }
    @media only screen and (max-width: 767px) and (orientation: portrait) {
      .cp-login .action-wrap .btn {
        min-width: 12rem; } }
.cp-login .form-action {
  margin-top: 3rem; }
.cp-login .cpl-separator {
  display: block;
  text-align: center;
  margin: 3rem 0;
  position: relative; }
  .cp-login .cpl-separator .text {
    padding: 1rem;
    background: #fff;
    font-family: "Raleway", sans-serif;
    font-size: 2.4rem;
    color: #231f20;
    font-weight: 700;
    line-height: 1.3;
    text-transform: uppercase;
    position: relative;
    z-index: 1; }
    @media only screen and (max-width: 767px) and (orientation: portrait) {
      .cp-login .cpl-separator .text {
        font-size: 2rem; } }
  .cp-login .cpl-separator:after {
    content: '';
    left: 0;
    right: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 1px;
    background: #e4e4e4; }
.cp-login .link-spce-top {
  margin-top: 3rem;
  display: inline-block; }

/* Bootstrap */
/* page */
.pg-home {
  position: relative; }
  .pg-home:before {
    content: '';
    width: 81.1rem;
    height: 130.4rem;
    display: inline-block;
    background: url("../images/a.svg") no-repeat 0 0 transparent;
    background-size: cover;
    position: absolute;
    top: 35%;
    right: 0;
    z-index: -1; }

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