/*--------------------------- Color variations ----------------------*/

/* Medium Layout: 1280px */

/* Tablet Layout: 768px */

/* Mobile Layout: 320px */

/* Wide Mobile Layout: 480px */

/* =================================== */

/*  Basic Style 

/* =================================== */



@font-face {

font-family: "Gotham";

src: url("../fonts/Gotham-Book.ttf") format("opentype"), 

url("../fonts/Gotham-Medium.ttf") format("opentype"),

url("../fonts/MyriadPro-Regular.otf") format("opentype");

}

@font-face{
font-family: "Gotham-Rounded";
src: url("../fonts/GothamRoundedBold.otf") format("opentype");

}

.banner-content {
  font-family: "Gotham-Rounded";
  margin-left: 110px;
}

::-webkit-input-placeholder {

  /* WebKit, Blink, Edge */

  color: #cccccc;

  font-weight: 300;

}



:-moz-placeholder {

  /* Mozilla Firefox 4 to 18 */

  color: #cccccc;

  opacity: 1;

  font-weight: 300;

}



::-moz-placeholder {

  /* Mozilla Firefox 19+ */

  color: #cccccc;

  opacity: 1;

  font-weight: 300;

}



:-ms-input-placeholder {

  /* Internet Explorer 10-11 */

  color: #cccccc;

  font-weight: 300;

}



::-ms-input-placeholder {

  /* Microsoft Edge */

  color: #cccccc;

  font-weight: 300;

}



body {

  /*color: #777777;*/

  color: #000;

  font-family: "Gotham";

  font-size: 14px;

  font-weight: 300;

  line-height: 1.5em;

  position: relative;

}



ol, ul {

  margin: 0;

  padding: 0;

/*  list-style: none; */

}



select {

  display: block;

}



figure {

  margin: 0;

}



a {

  -webkit-transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

}



iframe {

  border: 0;

}



a, a:focus, a:hover {

  text-decoration: none;

  outline: 0;

  color: #777777;

}



.btn.active.focus,

.btn.active:focus,

.btn.focus,

.btn.focus:active,

.btn:active:focus,

.btn:focus {

  text-decoration: none;

  outline: 0;

}



.card-panel {

  margin: 0;

  padding: 60px;

}



/**

 *  Typography

 *

 **/

.btn i, .btn-large i, .btn-floating i, .btn-large i, .btn-flat i {

  font-size: 1em;

  line-height: inherit;

}



.gray-bg {

  background: #f9f9ff;

}



h1, h2, h3,

h4, h5, h6 {

  font-family: "Gotham";

  color: #222222;

  line-height: 1.5em;

  margin-bottom: 0;

  margin-top: 0;

  font-weight: 600;

}



.h1, .h2, .h3,

.h4, .h5, .h6 {

  margin-bottom: 0;

  margin-top: 0;

  font-family: "Gotham";

  font-weight: 600;

  color: #222222;

}



h1, .h1 {

  font-size: 36px;

}



h2, .h2 {

  font-size: 30px;

}



h3, .h3 {

  font-size: 24px;

}



h4, .h4 {

  font-size: 18px;

}



h5, .h5 {

  font-size: 16px;

}



h6, .h6 {

  font-size: 14px;

  color: #222222;

}



td, th {

  border-radius: 0px;

}



/**

 * For modern browsers

 * 1. The space content is one way to avoid an Opera bug when the

 *    contenteditable attribute is included anywhere else in the document.

 *    Otherwise it causes space to appear at the top and bottom of elements

 *    that are clearfixed.

 * 2. The use of `table` rather than `block` is only necessary if using

 *    `:before` to contain the top-margins of child elements.

 */

.clear::before, .clear::after {

  content: " ";

  display: table;

}



.clear::after {

  clear: both;

}



.fz-11 {

  font-size: 11px;

}



.fz-12 {

  font-size: 12px;

}



.fz-13 {

  font-size: 13px;

}



.fz-14 {

  font-size: 14px;

}



.fz-15 {

  font-size: 15px;

}



.fz-16 {

  font-size: 16px;

}



.fz-18 {

  font-size: 18px;

}



.fz-30 {

  font-size: 30px;

}



.fz-48 {

  font-size: 48px !important;

}



.fw100 {

  font-weight: 100;

}



.fw300 {

  font-weight: 300;

}



.fw400 {

  font-weight: 400 !important;

}



.fw500 {

  font-weight: 500;

}



.f700 {

  font-weight: 700;

}



.fsi {

  font-style: italic;

}



.mt-10 {

  margin-top: 10px;

}



.mt-15 {

  margin-top: 15px;

}



.mt-20 {

  margin-top: 20px;

}



.mt-25 {

  margin-top: 25px;

}



.mt-30 {

  margin-top: 30px;

}



.mt-35 {

  margin-top: 35px;

}



.mt-40 {

  margin-top: 40px;

}



.mt-50 {

  margin-top: 50px;

}



.mt-60 {

  margin-top: 60px;

}



.mt-70 {

  margin-top: 70px;

}



.mt-80 {

  margin-top: 80px;

}



.mt-100 {

  margin-top: 100px;

}



.mt-120 {

  margin-top: 120px;

}



.mt-150 {

  margin-top: 150px;

}



.ml-0 {

  margin-left: 0 !important;

}



.ml-5 {

  margin-left: 5px !important;

}



.ml-10 {

  margin-left: 10px;

}



.ml-15 {

  margin-left: 15px;

}



.ml-20 {

  margin-left: 20px;

}



.ml-30 {

  margin-left: 30px;

}



.ml-50 {

  margin-left: 50px;

}



.mr-0 {

  margin-right: 0 !important;

}



.mr-5 {

  margin-right: 5px !important;

}



.mr-15 {

  margin-right: 15px;

}



.mr-10 {

  margin-right: 10px;

}



.mr-20 {

  margin-right: 20px;

}



.mr-30 {

  margin-right: 30px;

}



.mr-50 {

  margin-right: 50px;

}



.mb-0 {

  margin-bottom: 0px;

}



.mb-0-i {

  margin-bottom: 0px !important;

}



.mb-5 {

  margin-bottom: 5px;

}



.mb-10 {

  margin-bottom: 10px;

}



.mb-15 {

  margin-bottom: 15px;

}



.mb-20 {

  margin-bottom: 20px;

}



.mb-25 {

  margin-bottom: 25px;

}



.mb-30 {

  margin-bottom: 30px;

}



.mb-40 {

  margin-bottom: 40px;

}



.mb-50 {

  margin-bottom: 50px;

}



.mb-60 {

  margin-bottom: 60px;

}



.mb-70 {

  margin-bottom: 70px;

}



.mb-80 {

  margin-bottom: 80px;

}



.mb-90 {

  margin-bottom: 90px;

}



.mb-100 {

  margin-bottom: 100px;

}



.pt-0 {

  padding-top: 0px;

}



.pt-10 {

  padding-top: 10px;

}



.pt-15 {

  padding-top: 15px;

}



.pt-20 {

  padding-top: 20px;

}



.pt-25 {

  padding-top: 25px;

}



.pt-30 {

  padding-top: 30px;

}



.pt-40 {

  padding-top: 40px;

}



.pt-50 {

  padding-top: 50px;

}



.pt-60 {

  padding-top: 60px;

}



.pt-70 {

  padding-top: 70px;

}



.pt-80 {

  padding-top: 80px;

}



.pt-90 {

  padding-top: 90px;

}



.pt-100 {

  padding-top: 100px;

}



.pt-150 {

  padding-top: 150px;

}



.pb-0 {

  padding-bottom: 0px;

}



.pb-10 {

  padding-bottom: 10px;

}



.pb-15 {

  padding-bottom: 15px;

}



.pb-20 {

  padding-bottom: 20px;

}



.pb-25 {

  padding-bottom: 25px;

}



.pb-30 {

  padding-bottom: 30px;

}



.pb-40 {

  padding-bottom: 40px;

}



.pb-50 {

  padding-bottom: 50px;

}



.pb-60 {

  padding-bottom: 60px;

}



.pb-70 {

  padding-bottom: 70px;

}



.pb-80 {

  padding-bottom: 80px;

}



.pb-90 {

  padding-bottom: 90px;

}



.pb-100 {

  padding-bottom: 100px;

}



.pb-150 {

  padding-bottom: 80px;

}



.pr-30 {

  padding-right: 30px;

}



.pl-30 {

  padding-left: 30px;

}



.p-40 {

  padding: 40px;

}



.float-left {

  float: left;

}



.float-right {

  float: right;

}



.text-italic {

  font-style: italic;

}



.text-white {

  color: #fff;
  font-family: "Gotham-Rounded";

}



.transition {

  -webkit-transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

}



.section-full {

  padding: 80px 0;

}



.section-half {

  padding: 75px 0;

}



.flex {

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flexbox;

  display: flex;

}



.inline-flex {

  display: -webkit-inline-box;

  display: -webkit-inline-flex;

  display: -moz-inline-flex;

  display: -ms-inline-flexbox;

  display: inline-flex;

}



.flex-grow {

  -webkit-box-flex: 1;

  -webkit-flex-grow: 1;

  -moz-flex-grow: 1;

  -ms-flex-positive: 1;

  flex-grow: 1;

}



.flex-wrap {

  -webkit-flex-wrap: wrap;

  -moz-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

}



.flex-left {

  -webkit-box-pack: start;

  -ms-flex-pack: start;

  -webkit-justify-content: flex-start;

  -moz-justify-content: flex-start;

  justify-content: flex-start;

}



.flex-middle {

  -webkit-box-align: center;

  -ms-flex-align: center;

  -webkit-align-items: center;

  -moz-align-items: center;

  align-items: center;

}



.flex-right {

  -webkit-box-pack: end;

  -ms-flex-pack: end;

  -webkit-justify-content: flex-end;

  -moz-justify-content: flex-end;

  justify-content: flex-end;

}



.flex-top {

  -webkit-align-self: flex-start;

  -moz-align-self: flex-start;

  -ms-flex-item-align: start;

  align-self: flex-start;

}



.flex-center {

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  -webkit-justify-content: center;

  -moz-justify-content: center;

  justify-content: center;

}



.flex-bottom {

  -webkit-align-self: flex-end;

  -moz-align-self: flex-end;

  -ms-flex-item-align: end;

  align-self: flex-end;

}



.space-between {

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  -webkit-justify-content: space-between;

  -moz-justify-content: space-between;

  justify-content: space-between;

}



.space-around {

  -ms-flex-pack: distribute;

  -webkit-justify-content: space-around;

  -moz-justify-content: space-around;

  justify-content: space-around;

}



.flex-column {

  -webkit-box-direction: normal;

  -webkit-box-orient: vertical;

  -webkit-flex-direction: column;

  -moz-flex-direction: column;

  -ms-flex-direction: column;

  flex-direction: column;

}



.flex-cell {

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-flex: 1;

  -webkit-flex-grow: 1;

  -moz-flex-grow: 1;

  -ms-flex-positive: 1;

  flex-grow: 1;

}



.display-table {

  display: table;

}



.light {

  color: #fff;

}



.dark {

  color: #000;

}



.relative {

  position: relative;

}



.overflow-hidden {

  overflow: hidden;

}



.overlay {

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

}



.container.fullwidth {

  width: 100%;

}



.container.no-padding {

  padding-left: 0;

  padding-right: 0;

}



.no-padding {

  padding: 0;

}



.section-bg {

  background: #f9fafc;

}



@media (max-width: 767px) {

  .no-flex-xs {

    display: block !important;

  }

}



.row.no-margin {

  margin-left: 0;

  margin-right: 0;

}



.primary-btn {

  line-height: 19px;

  padding: 0 40px;

  /*border-radius: 20px;*/

  background: #7b8b39;

  border: 1px solid #7b8b39;

  color: #222222;

  display: inline-block;

  font-weight: 600;

  -webkit-transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

  cursor: pointer;

}



.primary-btn:focus {

  outline: none;

}



.primary-btn.banner-btn {

  color: #fff;

  margin-top: 60px;

}



.primary-btn span {

  margin-left: 15px;

}



/*.primary-btn:hover {

  background: #00ff8c;

  color: #fff;

  box-shadow: 0px 10px 20px 0px rgba(60, 64, 143, 0.2);

}*/



.section-title {

  padding-bottom: 70px;

}



.section-title h3 {

  font-weight: 300;

  font-size: 24px;

  color: #777777;

}



.section-title h3 b {

  font-weight: 300;

  color: #222222;

}



.progressBar,

.progressBar-contentCircle {

  display: table;

  height: 150px;

  position: absolute;

  width: 150px;

}



.progressBar-circle,

.progressBar-background {

  fill: none;

  stroke: #777777;

  stroke-width: 5;

  stroke-linecap: round;

  stroke-dasharray: 0;

  stroke-dashoffset: 0;

  position: relative;

  z-index: 10;

  -webkit-transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

}



.progressBar-background {

  stroke: #f9f9ff;

  stroke-width: 4;

  z-index: 0;

}



.progressBar-percentage {

  color: #222222;

  font-size: 24px;

  text-align: center;

  width: 100%;

  display: table-cell;

  vertical-align: middle;

  -webkit-transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

}



/************************/

/* structure de la page */

/************************/

.list {

  list-style: none;

  margin: 10px auto;

  padding: 0px;

}



.list:hover .progressBar-circle {

  stroke: #00ff8c;

}



.list:hover .progressBar-percentage {

  color: #00ff8c;

}



.list-item {

  height: 150px;

  width: 150px;

  margin-bottom: 20px;

}



.details-btn {

  border: 1px solid #00ff8c;

  width: 40px;

  height: 40px;

  border-radius: 20px;

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flexbox;

  display: flex;

  overflow: hidden;

}



.details-btn .details {

  visibility: hidden;

  opacity: 0;

  margin-left: -53px;

  font-weight: 600;

  text-transform: uppercase;

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flexbox;

  display: flex;

}



.details-btn:hover {

  width: 140px;

  background: #00ff8c;

  box-shadow: 0px 10px 20px 0px rgba(60, 64, 143, 0.2);

}



.details-btn:hover .details {

  margin-left: 0;

  visibility: visible;

  opacity: 1;

  margin-right: 20px;

}



.details-btn:hover span {

  color: #fff;

  font-weight: 600;

}



.default-header {

  /*position: absolute;*/

  background-color: #fff!important;

  box-shadow: 0 6px 6px -6px #000!important; 

  /*position: sticky;*/

  top: 0;

  left: 0;

  width: 100%;

  z-index: 9;

}

/*.my-header {

    position: sticky;

}*/

.default-header .right-bar {

  position: relative;

}



.default-header nav .main-menu {

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  -webkit-align-items: center;

  -moz-align-items: center;

  align-items: center;

}



@media (max-width: 767px) {

  .default-header nav .main-menu {

    display: none;

  }

}



.default-header nav .main-menu a {

  display: inline-block;

  /*color: rgba(255, 255, 255, 0.5);*/

  font-weight: 800;

  color: #4d4d4d;

  margin: 0 55px;

  text-transform: uppercase;

  font-size: 15px;

  font-family: "Gotham-Rounded";

}



@media (max-width: 991px) {

  .default-header nav .main-menu a {

    margin: 0 5px;

  }

}



.default-header nav .main-menu a:hover {

  color: #7b8b39;

}



.default-header nav .mobile-btn {

  display: none;

  font-size: 36px;

  color: rgba(255, 255, 255, 0.5);

}

@media (max-width: 767px) {

.default-header nav .mobile-btn {

  display: block!important;

  font-size: 36px;

  color: #000;

  margin-top: 45px;

}}



@media (max-width: 767px) {

  .default-header .main-menu {

    -webkit-box-direction: normal;

    -webkit-box-orient: vertical;

    -webkit-flex-direction: column;

    -moz-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    position: absolute;

    top: 40px;

    right: 0;

    background: #fff;

    border: 1px solid #000;

    padding: 30px 20px;

  }

  .default-header .main-menu a {

    margin: 5px 20px !important;

  }

  .default-header .mobile-btn {

    display: block !important;

    font-size: 36px !important;

    position: absolute;

    top: 0;

    right: 0;

  }

}



/*.sticky-header {

  padding: 15px 0;

}*/

.sticky-header {

    padding: 18px 0 0px 0;

    margin-bottom: 0px;

}



/*.is-sticky .sticky-header {

  background: -moz-linear-gradient(left, rgba(60, 64, 143, 0.95) 0%, rgba(91, 97, 207, 0.95) 100%);

  background: -webkit-linear-gradient(left, rgba(60, 64, 143, 0.95) 0%, rgba(91, 97, 207, 0.95) 100%);

  background: linear-gradient(to right, rgba(60, 64, 143, 0.95) 0%, rgba(91, 97, 207, 0.95) 100%);

}*/

.is-sticky .sticky-header{/*background: linear-gradient(to right, white 0%, white 100%);*/

  background: linear-gradient(to right, black 0%, #7b8b39a3 100%);

-webkit-box-shadow: 0 4px 9px -8px black;

z-index: 1;}



.search {

  padding: 6px 20px;

  border-right: 1px solid rgba(255, 255, 255, 0.5);

  cursor: pointer;

}



.search span {

  color: #fff;

}



.search:hover .search-field {

  transform: scaleY(1) !important;

}



@media (max-width: 767px) {

  .search {

    margin-right: 60px;

  }

}



.search-field {

  transform: scaleY(0);

  -webkit-transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

  position: absolute;

  top: -13px;

  right: -2px;

}



.search-field:hover {

  transform: scaleY(1) !important;

}



.search-field input {

  line-height: 60px;

  background: #4a4fad;

  width: 600px;

  border: none;

  color: #fff;

  padding: 0 70px 0 25px;

  font-weight: 400;

}



@media (max-width: 991px) {

  .search-field input {

    width: 400px;

  }

}



@media (max-width: 767px) {

  .search-field input {

    width: 300px;

  }

}



@media (max-width: 575px) {

  .search-field input {

    width: 200px;

  }

}



.search-field .search-submit {

  width: 60px;

  height: 60px;

  border: none;

  background: transparent;

  cursor: pointer;

  position: absolute;

  top: 0;

  right: 0;

}



.search-field .search-submit span {

  color: #fff;

}



.header-social {

  margin-left: 20px;

}



@media (max-width: 767px) {

  .header-social {

    display: none !important;

  }

}



.header-social a {

  margin: 0 5px;

  padding: 0 5px;

  display: inline-block;

  color: rgba(255, 255, 255, 0.5);

}



.header-social a:hover {

  color: #00ff8c;

}



.footer-social {

  margin-right: -5px;

}



.footer-social a {

  font-size: 18px;

  margin: 0 5px;

  padding: 0 5px;

  display: inline-block;

  color: rgba(255, 255, 255, 0.5);

}



.footer-social a:hover {

  color: #00ff8c;

}



.banner-area {

  /*background: url(../img/nandhi-housing-slide.jpg) no-repeat;*/

    background: url(../img/nandhi-housing-slide.jpg) no-repeat center center fixed;

    background-size: cover;

}



/*.banner-area .overlay-bg {

  background: -moz-linear-gradient(left, rgba(60, 64, 143, 0.95) 0%, rgba(91, 97, 207, 0.95) 100%);

  background: -webkit-linear-gradient(left, rgba(60, 64, 143, 0.95) 0%, rgba(91, 97, 207, 0.95) 100%);

  background: linear-gradient(to right, rgba(60, 64, 143, 0.95) 0%, rgba(91, 97, 207, 0.95) 100%);

}*/



.signle-service {

  margin-top: 30px;

}



.signle-service figcaption {

  background: #fff;

  padding: 40px 20px;

}



.signle-service figcaption h5 {

  margin-bottom: 15px;

}



.signle-service figcaption p {

  margin-bottom: 30px;

}



.title-bg {

  background: #222222;

}



.product-area-title {

  padding-bottom: 70px;

}



@media (max-width: 991px) {

  .product-area-title h2 br {

    display: none;

  }

}



.single-product {

  margin-top: 30px;

  background: #fff;

  border-bottom: 2px solid #00ff8c;

  padding: 70px 20px;

  -webkit-transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

}



.single-product .icon {

  text-align: center;

  margin-bottom: 20px;

}



.single-product .icon span {

  font-size: 48px;

  color: #00ff8c;

  -webkit-transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

}



.single-product .desc {

  text-align: center;

}



.single-product .desc h4 {

  margin-bottom: 10px;

  -webkit-transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

}



.single-product .desc p {

  margin-bottom: 0;

  -webkit-transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

}



.single-product:hover {

  background: #00ff8c;

}



.single-product:hover .icon span, .single-product:hover .desc h4, .single-product:hover .desc p {

  color: #fff;

}



.controls .filter {

  margin: 0 20px 10px 20px;

  display: inline-block;

  text-transform: uppercase;

  font-weight: 500;

  cursor: pointer;

}



.controls .filter:hover {

  color: #00ff8c !important;

}



.controls .filter.active {

  color: #00ff8c !important;

}



.single-filter-content {

  height: 350px;

  position: relative;

}



.single-filter-content .overlay-bg-content {

  background: -moz-linear-gradient(left, rgba(60, 64, 143, 0.95) 0%, rgba(91, 97, 207, 0.95) 100%);

  background: -webkit-linear-gradient(left, rgba(60, 64, 143, 0.95) 0%, rgba(91, 97, 207, 0.95) 100%);

  background: linear-gradient(to right, rgba(60, 64, 143, 0.95) 0%, rgba(91, 97, 207, 0.95) 100%);

  text-align: center;

  padding: 50px 100px;

  opacity: 0;

  -webkit-transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

}



.single-filter-content .overlay-bg-content p {

  margin: 0;

}



.single-filter-content .overlay-bg-content .line {

  margin: 10px 0 15px 0;

  width: 100%;

  height: 1px;

  background: #00ff8c;

}



.single-filter-content:hover .overlay-bg-content {

  opacity: 1;

}



.single-filter-content.content-1 {

  background: url(../img/c1.jpg) no-repeat center center/cover;

}



.single-filter-content.content-2 {

  background: url(../img/c2.jpg) no-repeat center center/cover;

}



.single-filter-content.content-3 {

  background: url(../img/c3.jpg) no-repeat center center/cover;

}



.single-filter-content.content-4 {

  background: url(../img/c4.jpg) no-repeat center center/cover;

}



.single-filter-content.content-5 {

  background: url(../img/c5.jpg) no-repeat center center/cover;

}



.single-filter-content.content-6 {

  background: url(../img/c6.jpg) no-repeat center center/cover;

}



.single-filter-content.content-7 {

  background: url(../img/c7.jpg) no-repeat center center/cover;

}



.single-filter-content.content-8 {

  background: url(../img/c8.jpg) no-repeat center center/cover;

}



.single-member {

  margin-top: 30px;

}



.single-member .thumb {

  background-repeat: no-repeat !important;

  background-position: center center !important;

  background-size: cover !important;

  height: 300px;

}



.single-member .thumb .overlay-member {

  background: -moz-linear-gradient(left, rgba(60, 64, 143, 0.95) 0%, rgba(91, 97, 207, 0.95) 100%);

  background: -webkit-linear-gradient(left, rgba(60, 64, 143, 0.95) 0%, rgba(91, 97, 207, 0.95) 100%);

  background: linear-gradient(to right, rgba(60, 64, 143, 0.95) 0%, rgba(91, 97, 207, 0.95) 100%);

  text-align: center;

  padding: 30px;

  opacity: 0;

  -webkit-transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

}



.single-member .thumb .overlay-member p {

  margin: 0;

  font-size: 12px;

}



.single-member .thumb .overlay-member .line {

  margin: 20px 0 20px 0;

  width: 100%;

  height: 1px;

  background: #00ff8c;

}



.single-member .thumb .overlay-member .social a {

  color: rgba(255, 255, 255, 0.5);

  margin: 0 4px;

  padding: 2px;

}



.single-member .thumb .overlay-member .social a:hover {

  color: #00ff8c;

}



.single-member .thumb:hover .overlay-member {

  opacity: 1;

}



.single-member .desc {

  padding: 30px;

}



.single-member .desc h5 a {

  color: #222222;

}



.single-member .desc h5 a:hover {

  color: #00ff8c;

}



.single-member .desc p {

  margin: 0;

}



.studio-area {

  position: relative;

}



.studio-area .container {

  position: relative;

  z-index: 3;

}



.studio-area:before {

  position: absolute;

  content: "";

  left: 0;

  top: 0;

  width: 50%;

  height: 100%;

  background: #404598;

  z-index: 2;

}



@media (max-width: 991px) {

  .studio-area:before {

    background: rgba(64, 69, 152, 0.95);

    width: 100%;

  }

}



.studio-area:after {

  position: absolute;

  content: "";

  right: 0;

  top: 0;

  width: 50%;

  height: 100%;

  background: url(../img/studio-bg.jpg) no-repeat center center/cover;

  z-index: 1;

}



@media (max-width: 991px) {

  .studio-area:after {

    width: 100%;

  }

}



.single-pricing-table {

  margin-top: 30px;

}



.single-pricing-table .top {

  background-image: -moz-linear-gradient(0deg, #3c408f 0%, #5b61cf 100%);

  background-image: -webkit-linear-gradient(0deg, #3c408f 0%, #5b61cf 100%);

  background-image: -ms-linear-gradient(0deg, #3c408f 0%, #5b61cf 100%);

}



.single-pricing-table .top .head {

  padding: 35px 20px;

}



.single-pricing-table .top .head span {

  font-size: 48px;

  color: #00ff8c;

}



.single-pricing-table .top .head h5 {

  margin-top: 20px;

}



.single-pricing-table .top .package {

  padding: 30px 20px;

  background: rgba(0, 0, 0, 0.1);

}



.single-pricing-table .top .package .price {

  color: #00ff8c;

  font-size: 36px;

  margin-bottom: 10px;

  line-height: 1em;

}



.single-pricing-table .bottom {

  background: #f9f9ff;

  padding: 35px 20px 50px 20px;

}



.single-pricing-table .bottom ul {

  margin-bottom: 50px;

}



.single-pricing-table .bottom ul li {

  margin-top: 15px;

}



.active-testimonial-carousel .single-testimonial {

  padding: 40px 20px;

  background: #fff;

  text-align: center;

}



.active-testimonial-carousel .single-testimonial img {

  display: inline-block !important;

  width: auto !important;

  margin-bottom: 30px;

}



.active-testimonial-carousel .single-testimonial .author h6 a {

  color: #222222;

}



.active-testimonial-carousel .single-testimonial .author h6 a:hover {

  color: #00ff8c;

}



.active-testimonial-carousel .owl-dots {

  padding-top: 70px;

  margin-left: -5px;

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  -webkit-justify-content: center;

  -moz-justify-content: center;

  justify-content: center;

}



.active-testimonial-carousel .owl-dots .owl-dot {

  width: 10px;

  height: 10px;

  border-radius: 50%;

  background: #eeeeee;

  display: inline-block;

  margin-left: 10px;

}



.active-testimonial-carousel .owl-dots .owl-dot.active {

  background: #777777;

}



.single-publish {

  margin-top: 30px;

}



.single-publish .top {

  padding-top: 30px;

  padding-bottom: 20px;

  border-bottom: 1px solid #eee;

  margin-bottom: 20px;

}



.single-publish .top .line {

  display: inline-block;

  margin: 0 10px;

}



.single-publish .top h6 a {

  color: #222222;

}


@media (max-width: 1349px) {
.single-input input {

  width: 100%;

  line-height: 40px;

  padding: 0 20px;

  background: #fff;

  border: none;

  font-size: 12px;

}}



.single-input input:focus {

  outline: none;

  border: 1px solid transparent;

  box-shadow: 0px 10px 20px 0px rgba(60, 64, 143, 0.2);

}



.single-input textarea {

  width: 100%;

  line-height: 50px;

  padding: 0 20px;

  height: 140px;

  resize: none;

  border: none;

  background: #fff;

  border: none;

}



.single-input textarea:focus {

  outline: none;

  border: 1px solid transparent;

  box-shadow: 0px 10px 20px 0px rgba(60, 64, 143, 0.2);

}



.cta-area {

  /*background: #3d4191;

  padding: 60px 0;*/

  background: url(../img/footer-bg.jpg) no-repeat center;

    padding: 32px 0;
    background-size: cover;
}



@media (max-width: 767px) {

  .cta-area .primary-btn {

    margin-top: 10px;

  }

}



footer {

  background: #000;
  color:#fff;

  line-height:70px;
  text-align:center;

}



footer .footer-nav {

  margin-top: -7px;

}



footer .footer-nav li {

  margin-top: 8px;

}



footer .footer-nav li a:hover {

  color: #00ff8c;

}



.subscription input {

  width: 100%;

  line-height: 40px;

  border: 1px solid #333333;

  padding: 0 50px 0 25px;

  background: transparent;

  color: #fff;

  font-weight: 300;

}



.subscription .newsletter-btn {

  width: 42px;

  height: 40px;

  line-height: 42px;

  text-align: center;

  background: transparent;

  color: #fff;

  position: absolute;

  top: 1px;

  right: 0;

  border: 1px solid #00ff8c;

  -webkit-transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

  cursor: pointer;

}



.subscription .newsletter-btn:focus {

  outline: none;

  cursor: pointer;

}



.subscription .newsletter-btn:hover {

  background: #00ff8c;

}



.subscription .info {

  position: absolute;

  top: 50px;

  left: 0;

  color: #fff;

  font-size: 12px;

}



.subscription .info.valid {

  color: #00ff8c;

}



.subscription .info.error {

  color: red;

}



.instafeed {

  margin: -5px;

}



.instafeed li {

  width: 25%;

}



.instafeed li img {

  margin: 5px;

}



.single-footer-widget {

  margin-bottom: 30px;

}



.footer-bottom {

  padding-top: 20px;

  /*border-top: 1px solid #eee;*/

  padding-bottom: 0px;

}



.footer-bottom .footer-text a:hover {

  color: #00ff8c;

}









.paragraph1 p {

    color: #000;

    font-size: 15px;

    text-align: justify;

    font-family: "Gotham";

    margin-bottom: 8px;

    padding-top: 10px;

}



.paragraph p {

    color: #000;

    font-size: 15px;

    text-align: justify;

    font-family: "Gotham";

    margin-bottom: 8px;

}



.img-left{

  float: right;

  padding-top: 5px;

}

.img-icon p {

    padding-top: 18px;

}

.row.img-padding {

    padding-top: 100px;

}

.coltop {

    /*padding-top: 20px;*/

    padding-left: 60px;

}

.coltop1 {

    padding-left: 60px;

}

.coltop2 {

    padding-top: 12px;

    padding-left: 60px;

  }



h3.head-color {

    font-size: 35px;

    color: #7b8b39;

}

p.footer-text.m-0 {

    line-height: 13px;

    font-size: 11px;

}

.contact-padding{

  padding-top: 200px;

}

div#undefined-sticky-wrapper {

   /* height: 77px!important; */

    position: sticky!important;

    z-index: 9!important;

}

.default-header .right-bar{

  margin-top: -120px;

}

.border-icon i {

    border: 1px solid #fff;

    color: #000;

    padding: 4px;

    border-radius: 33px;

    background-color: #fff;

}

/*p.text-uppercase.text-white.border-icon {

    display: flex;

    text-align: center;

    margin-left: 195px;

}
*/
.row.fullscreen.justify-content-center.align-items-center{

/*  height: 550px !important; */

}

.custom-btn {    

line-height: 40px;    

padding: 0px 12px;    /* border-radius: 20px; */    

background: #3498db;

border: 1px solid #3498db;    

color: #fff;    

display: inline-block;    

font-weight: 600;    

-webkit-transition: all 0.3s ease 0s;    

-moz-transition: all 0.3s ease 0s;    

-o-transition: all 0.3s ease 0s;    

transition: all 0.3s ease 0s;    

cursor: pointer;

}

.home-phone {    

color: #fff;    

font-size: 18px;    

font-weight: bold;

padding-top: 10px;

}

.full-width-div {
    position: absolute;
    width: 100%;
    bottom: 0px;
    left: 0;
    background: #00000057;
}

.back-btn {

    line-height: 20px;

    padding: 0px 12px;

    border: 1px solid #7b8b39;

    color: #fff;

    display: inline-block;

    font-weight: 600;

    -webkit-transition: all 0.3s ease 0s;

    -moz-transition: all 0.3s ease 0s;

    -o-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

    cursor: pointer;

}

.img-right {

    float: left;

    padding-top: 4px;

    margin-right: 20px;

    padding-bottom: 4px;

}

p.back-p {

    display: contents;

}

/*.carousel-indicators{display: none;}*/

@media (max-width: 320px) {

  .banner-content {

    margin-left: 0px!important;

}

}

@media (max-width: 767px) {

.full-width-div {
    position: relative !important;
    position: relative;
    
} 
.mobileview {
    margin-top: 0px;
}




img.logo-size {

    width: 50px;

}

.row.img-padding {

    padding-top: 15px;

}

.section-full {

    padding: 15px 0;

}

.mt-70 {

    margin-top: 25px;

}

.pb-150 {

    padding-bottom: 30px;

}

ol.carousel-indicators {

    bottom: -5px;

}

h1.text-uppercase.text-white {

    font-size: 17px;

    margin-top: -180px;

    text-align: left;

}

p.text-uppercase.text-white.border-icon {

    display: flex;

    margin-left: -1px;}

  .col-md-4.carousel-img {

    margin-bottom: 15px;

}

a.right.carousel-control,a.left.carousel-control {

    display: none;

}

.contact-padding {

    padding-top: 0px;

}

.default-header nav .mobile-menu a{

  border-bottom: 1px dotted #000;

  }

.img-left {

    float: left;

    }

  .col-md-6.font-para {

    font-size: 11px;
    padding-top: 10px;
}

.enquire-btn {

    width: 100%;

}

.banner-content {

    margin-left: 16px;

}
 
.banner-content.mobileview {
    margin-top: 0px !important;
    margin-top: 150px;
}
    
}





/*.is-sticky .sticky-header{

  width: 100%!important;

  margin-left: -121px!important;

z-index: 111;}*/

.is-sticky .sticky-header{
width: 100%!important;
z-index: 111;
left: 0;
background: #00000057;}
.sticky-form {
    max-width: 1140px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
}
ol.carousel-indicators {
    display: none;
}


@media screen and (-webkit-min-device-pixel-ratio:0) { /* Safari only override */ ::i-block-chrome,

.default-header .right-bar{margin-left: 150px;margin-top: -180px;}

::i-block-chrome,.banner-area{margin-top: 0px;z-index: -1;

  }

::i-block-chrome,.is-sticky .sticky-header{background: linear-gradient(to right, white 0%, white 100%);

-webkit-box-shadow: 0 4px 9px -8px black;

z-index: 999;}

::i-block-chrome,.sticky-header {

background-color: white;}

::i-block-chrome,p.text-uppercase.text-white.border-icon {

display: -webkit-box;}}

@media (max-width: 767px) {
.is-sticky .sticky-header {
    display:none;
}
.col-md-12.mbbutton {
  display: table-cell !important;
  position: fixed;
  bottom: 0px;
}
img.citadel-mobile{
  display: table-cell !important;
  margin-left: auto;
  margin-right: auto;
}
img.citadel-laptop {
    display: none;
}
.coltop1,.coltop,.coltop2 {
    padding-left: 0px!important;
    padding-bottom: 10px;
}
.pcontact p, .contact-padding {
    text-align: center;
}
.but-enq {
    width: auto!important;
}
}
.col-md-12.mbbutton {
    display: none;
}
img.citadel-mobile{
display: none;
}
.alert {
    display: none;
}
section#nandihouse {
    animation-delay: 1s;
}
section#gallery {
    animation-delay: 2s;
}


@media (max-width: 768px) {
  .custom-btn{
    line-height: 18px;
    padding: 0px 12px;
    font-size: 8px;
  }

.row.fullscreen.justify-content-center.align-items-center{

   height: 220px !important; 

} 
  
.home-phone{
  font-size: 15px;
}
img.citadel-mobile{
  display: table-cell !important;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 10px;
}
img.citadel-laptop {
    display: none;
}
.pcontact p, .contact-padding {
    text-align: center;
}
}
@media (max-width: 1024px) {
  .custom-btn{
    line-height: 38px;
    padding: 0px 12px;
    font-size: 11px;
  }
.home-phone{
  font-size: 15px;
}
}

h1.text-uppercase.text-white {
    line-height: 50px;
    text-transform: initial!important;
	margin-bottom:10px;
}
p.text-uppercase.text-white.border-icon {
    line-height: 30px;
    text-transform: initial!important;
	font-family:Gotham;
	font-weight:500;
	font-size:14px;
}
.container.form-container {
    max-width: 1250px!important;
}
.paragraph.pcontact {
    line-height: 10px;
    margin-top: 21px;
    font-family: Gotham;
}
.btn-custom {
    font-weight: 100;
    padding: 0 37px;
    line-height: 35px;
    margin-top: 6px;
}
.font-para {
    font-size: 11px;
  line-height: 12px;
}



@media (max-width: 767px) {
h1.text-uppercase.text-white {
    line-height: 28px;
}
.paragraph.pcontact{
      margin-top: 0px;
}
p.text-uppercase.text-white.border-icon {
    line-height: 25px;
}
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}




@media (min-width: 1350px) {
.single-input input {
    /*width: 100%;*/
    line-height: 32px;
    padding: 0 20px;
    background: #fff;
    border: none;
    font-size: 12px;
    /* max-width: 172px; */
	width:100%;
    margin-top: 7px;
	border: 1px solid #ccc;
}
.custom-btn{
  line-height: 30px;
    padding: 0 18px;
    max-width: 172px;
    margin-top: 7px;
}
}
.col-md-8 img {
    width: 100%;
}

section#gallery {
    padding: 40px 0;
}





@media screen and (min-device-width: 768px) and (max-device-width: 800px){
  .custom-btn{
  line-height: 19px!important;
    padding: 0px 12px;
    font-size: 10px;
}
.contact-padding {
    padding-top: 50px;
    padding-left: 2px;
}
}

b, strong {font-weight:bold !important;}

.rightsideform {padding: 20px;}