.page-caption {

    margin-bottom: 20px;

}

.page-caption h2 {

    font-size: 18px;

}

.page-caption-right {

    margin-bottom: -40px;

}

.projDtl-wrap {

    display: block;

    width: 100%}

.projDtl-wrap .projdtl-banner {

    display: block;

    width: 100%;

    position: relative;

}

.projDtl-wrap .projdtl-banner .banner {

    display: block;

    width: 100%}

.projDtl-wrap .projdtl-banner .banner .copy {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%) scale(1.3);

    width: 80%;

    text-align: center;

    z-index: 9;

}

.projDtl-wrap .projdtl-banner .banner .page-banner-caption {

    left: 10%;

    top: 23%;

    width: 80%;

    z-index: 9;

}

.projDtl-wrap .projdtl-banner .banner .btn-scrolldown {

    position: absolute;

    bottom: 10px;

    left: 30px;

    transform: translateX(-50%);

    text-align: center;

    width: 28px;

    height: 60px;

    border-radius: 40px;

    background: rgba(255, 255, 255, .6);

    transition: all .6s ease;

}

.projDtl-wrap .projdtl-banner .banner .btn-scrolldown:hover {

    background: rgba(0, 0, 0, .4);

    transition: all .6s ease;

}

.amends-main{

    margin-bottom: 80px;

}

.amends-short-desc{ 

    position: relative;

    padding: 30px 0;

    text-align: center;

    background-color: rgba(204, 204,204, 0.15);

    transition: all .6s ease-out;

    display: none;

    opacity: 0;

    visibility: hidden;

}

.amends-inn-desc{

    width: 100%;

    max-width: 800px;

    margin: 0 auto;

}

.amends-short-desc .btn.black {

    position: relative;

    bottom: auto;

    left: auto;

    transform: none;

    margin: 0 0 20px 0;

}

.amends-short-desc p{

    text-align: center;

}

.amends-main.active /*.projDtl-wrap*/ .amenities-wrap .amints-icons-wrap{

    z-index: 1;

    opacity: 1;

    visibility: visible;

    transition: all .6s ease-out;

}

.amends-main.active .amends-short-desc{

    opacity: 1;

    visibility: visible;

	display: block;

}

/* .chevron {

    position: absolute;

    width: 16px;

    height: 2px;

    opacity: 0;

    transform: scale3d(.5, .5, .5);

    animation: move 3s ease-out infinite;

    left: 6px;

    top: -3px;

}

.chevron:first-child {

    animation: move 3s ease-out 1s infinite;

}

.chevron:nth-child(2) {

    animation: move 3s ease-out 2s infinite;

}

.chevron:after, .chevron:before {

    content: ' ';

    position: absolute;

    top: 0;

    height: 100%;

    width: 51%;

    background: #252525;

    transition: all .6s ease;

}

.btn-scrolldown:hover .chevron:after, .btn-scrolldown:hover .chevron:before {

    background: #fff;

}

.chevron:before {

    left: 0;

    transform: skew(0deg, 30deg);

}

.chevron:after {

    right: 0;

    width: 50%;

    transform: skew(0deg, -30deg);

} */

/* @keyframes move {

    25% {

    opacity: 1;

}

33% {

    opacity: 1;

    transform: translateY(30px);

}

67% {

    opacity: 1;

    transform: translateY(40px);

}

100% {

    opacity: 0;

    transform: translateY(55px) scale3d(.5, .5, .5);

}

} */



p.tabbed-section-content-p {

    text-align-last: left !important;

}



.projDtl-wrap .projdtl-banner .banner .copy h1 {

    text-transform: uppercase;

    font-family: OpenSansBold;

    color: #fff;

    font-size: 32px;

    letter-spacing: 8px;

    font-weight: 400;

    margin-bottom: 0;

    text-shadow: 1px 1px 1px rgba(0, 0, 0, .4);

}

.projDtl-wrap .projdtl-banner .banner .copy h2 {

    text-transform: uppercase;

    font-family: OpenSansBold;

    color: #fff;

    font-size: 32px;

    letter-spacing: 8px;

    font-weight: 400;

    margin-bottom: 0;

    text-shadow: 1px 1px 1px rgba(0, 0, 0, .4);

}

.projDtl-wrap .projdtl-banner .banner .copy h3 {

    text-transform: uppercase;

    font-family: OpenSansBold;

    color: #fff;

    font-size: 32px;

    letter-spacing: 8px;

    font-weight: 400;

    margin-bottom: 0;

    text-shadow: 1px 1px 1px rgba(0, 0, 0, .4);

}

.projDtl-wrap .projdtl-banner .banner .copy p {

    color: #fff;

    letter-spacing: 1px;

    text-align: center;

    font-size: 22px;

    margin-bottom: 40px;

    text-shadow: 1px 1px 1px rgba(0, 0, 0, .4);

}

.projDtl-wrap .projdtl-banner .ban-crsl {

    display: block;

    width: 80%;

    position: absolute;

    left: 50%;

    margin-left: -40%;

    bottom: 0;

}

.projDtl-wrap .projdtl-banner .ban-crsl .fcl {

    width: 15%;

    margin: 8px 2px;

    position: relative;

    padding: 10px 0 0 0;

    transition: all .4s ease-out;

}

.projDtl-wrap .projdtl-banner .ban-crsl .fcl img {

    width: 100%;

    display: block;

    border: 3px solid transparent;

    transition: all .4s ease-out;

}

.projDtl-wrap .projdtl-banner .ban-crsl .fcl p {

    position: absolute;

    top: 20px;

    left: 15px;

    font-size: 16px;

    text-transform: uppercase;

    color: #fff;

    text-shadow: 0 1px 1px #000;

    font-family: OpenSansBold;

}

.projDtl-wrap .projdtl-banner .ban-crsl .fcl.is-selected {

    margin: 8px 2px 0 2px;

    padding: 0;

    box-shadow: -1px 5px 5px rgba(0, 0, 0, .5);

    transition: all .4s ease-out;

}

.projDtl-wrap .projdtl-banner .ban-crsl .fcl.is-selected img {

    border: 3px solid #fff;

}

.projDtl-wrap .projdtl-banner .ban-crsl .fcl:hover {

    margin: 8px 2px -8px 2px;

    padding: 0;

    box-shadow: 0 5px 5px rgba(0, 0, 0, .5);

    transition: all .4s ease-out;

}

.projDtl-wrap .projdtl-banner .ban-crsl .fcl:hover img {

    border: 3px solid #fff;

    transition: all .4s ease-out;

}

.thumb-crsl {

    display: block;

    width: 100%}

.thumb-crsl .fcl {

    width: 15%;

    margin: 8px 2px;

    position: relative;

    padding: 10px 0 0 0;

    transition: all .4s ease-out;

}

.thumb-crsl .fcl img {

    width: 100%;

    display: block;

    border: 3px solid transparent;

    transition: all .4s ease-out;

}

.thumb-crsl .fcl p {

    position: absolute;

    top: 20px;

    left: 15px;

    font-size: 16px;

    text-transform: uppercase;

    color: #fff;

    text-shadow: 0 1px 1px #000;

    font-family: OpenSansBold;

}

.thumb-crsl .fcl:hover {

    margin: 8px 2px -8px 2px;

    padding: 0;

    box-shadow: 0 5px 5px rgba(0, 0, 0, .5);

    transition: all .4s ease-out;

}

.thumb-crsl .fcl:hover img {

    border: 3px solid #fff;

    transition: all .4s ease-out;

}

.projDtl-wrap .prj-info {

    display: block;

    margin: 10px auto;

    text-align: left;

}

.projDtl-wrap .prj-info .pg-title {

    margin-bottom: 40px;

}

.projDtl-wrap .prj-info h1 {

    font-size: 15px;

    font-family: OpenSansBold;

    letter-spacing: 2px;

    text-transform: uppercase;

    line-height: 1.3em;

    font-weight: 400;

}

.projDtl-wrap .prj-info h2 {

    font-size: 18px;

    font-family: OpenSansBold;

    letter-spacing: 2px;

    text-transform: uppercase;

    line-height: 1.3em;

    font-weight: 400;

    margin-bottom: 5px;

}

.projDtl-wrap .prj-info p {

    text-align: left;

    text-align-last: left;

}

.projDtl-wrap .prj-info .proj-stus-wrap {

    margin: 0 0 40px 0;

}

.projDtl-wrap .prj-info .proj-stus {

    display: block;

    text-align: center;

}

.projDtl-wrap .prj-info .proj-stus li {

    display: inline-block;

    vertical-align: bottom;

    text-align: center;

    font-size: 13px;

    line-height: 1.4em;

    letter-spacing: 1px;

    margin-bottom: 5px;

    font-family: OpenSansSemibold;

    position: relative;

}

.projDtl-wrap .prj-info .proj-stus li strong {

    font-size: 14px;

    font-weight: 400;

    text-transform: uppercase;

    margin-right: 5px;

}

.projDtl-wrap .prj-info .proj-stus li a {

    color: #000;

}

.projDtl-wrap .prj-info .proj-stus li a:hover {

    text-decoration: underline;

}

.projDtl-wrap .prj-info .proj-stus li:after {

    content: "|";

    display: inline-block;

    margin: 0 6px;

    vertical-align: bottom;

}

.projDtl-wrap .prj-info .proj-stus li:last-child:after {

    content: none;

}

.proj-sticky {

    display: block;

    text-align: center;

    padding: 20px 0;

    margin: 30px 0 10px 0;

    width: 100%;

    left: 0;

}

.proj-sticky ul {

    display: inline-block;

    width: 100%}

.proj-sticky ul li {

    display: inline-block;

    margin: 0;

    vertical-align: middle;

    letter-spacing: 3px;

    font-size: 16px;

}

.proj-sticky ul li:after {

    content: "\e90c";

    font-family: icomoon;

    font-size: 14px;

    display: inline-block;

    color: #000;

    vertical-align: middle;

    margin: 0 30px;

}

.proj-sticky ul li:last-child:after {

    content: none;

}

.proj-sticky ul li a {

    color: #292929;

}

.proj-sticky ul li .icon-enqyire {

    content: "";

    background: url(../images/icon-enquiry.png) 50% 50% no-repeat;

    background-size: contain;

    width: 15px;

    height: 15px;

    display: inline-block;

    vertical-align: middle;

}

.projDtl-wrap .projdtl-gal {

    display: block;

    position: relative;

}

.projDtl-wrap .projdtl-gal .gal-crsl {

    display: block;

    width: 100%}

.projDtl-wrap .projdtl-gal .gal-crsl .item {

    display: block;

    width: 100%;

    margin: 0;

}

.projDtl-wrap .projdtl-gal .gal-crsl .item img {

    display: block;

    width: 100%}

.projDtl-wrap .projdtl-gal {

    text-align: center;

}

.projDtl-wrap .projdtl-gal .gal-crsl {

    margin-bottom: 60px;

}

.projDtl-wrap .projdtl-gal .item {

    position: relative;

}

.projDtl-wrap .projdtl-gal .item h3 {

    position: absolute;

    z-index: 3;

    top: 30px;

    left: 60px;

    color: #fff;

    font-family: OpenSansRegular;

    font-size: 15px;

    font-weight: 400;

    text-align: left;

}

.projDtl-wrap .projdtl-gal .item h3 strong {

    display: block;

    letter-spacing: 1px;

    text-transform: uppercase;

    font-family: OpenSansBold;

    font-weight: 400;

}

.projDtl-wrap .projdtl-gal .item .btn {

    position: absolute;

    bottom: 30px;

    left: 60px;

}

.projDtl-wrap .projdtl-gal .grid-imgs {

    display: inline-block;

    width: 100%}

.projDtl-wrap .projdtl-gal .grid-imgs li {

    display: inline-block;

    float: left;

    overflow: hidden;

    position: relative;

}

.projDtl-wrap .projdtl-gal .grid-imgs li img {

    display: block;

    margin: 0;

    width: 100%;

    transition: all ease 1s;

    transform: scale(1);

}

.projDtl-wrap .projdtl-gal .grid-imgs li:hover img {

    transform: scale(1.2);

}

.projDtl-wrap .projdtl-gal .grid-imgs li.img1 {

    width: 60%}

.projDtl-wrap .projdtl-gal .grid-imgs li.img2 {

    width: 20%}

.projDtl-wrap .projdtl-gal .grid-imgs li.img3 {

    width: 20%}

.projDtl-wrap .projdtl-gal .grid-imgs li.img4 {

    width: 40%}

.projDtl-wrap .projdtl-gal .grid-imgs-new {

    display: inline-block;

    width: 100%}

.projDtl-wrap .projdtl-gal .grid-imgs-new li {

    display: inline-block;

    float: left;

    overflow: hidden;

    position: relative;

}

.projDtl-wrap .projdtl-gal .grid-imgs-new li img {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: scale(1) translate(-50%, -50%);

    transition: all ease 1s;

    width: 100.2%}

.projDtl-wrap .projdtl-gal .item .grid-imgs-new img {

    display: block;

    width: 100.2%}

.projDtl-wrap .projdtl-gal .grid-imgs-new li:hover img {

    transform: scale(1.05) translate(-50%, -50%);

    transition: all ease 1s;

}

.projDtl-wrap .projdtl-gal .grid-imgs-new li:first-child .mask {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%}

.projDtl-wrap .projdtl-gal .grid-imgs-new li:first-child .mask:before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: 1;

    background: -moz-linear-gradient(top, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .1) 20%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0) 100%);

    background: -webkit-linear-gradient(top, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .1) 20%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0) 100%);

    background: linear-gradient(to bottom, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .1) 20%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0) 100%);

}

.projDtl-wrap .projdtl-gal .grid-imgs-new.grid-1 li {

    width: 100%;

    padding-top: 36.9%}

.projDtl-wrap .projdtl-gal .grid-imgs-new.grid-2 li {

    width: 50%;

    padding-top: 36.9%}

.projDtl-wrap .projdtl-gal .grid-imgs-new.grid-3 li:first-child {

    width: 60%;

    padding-top: 36.9%}

.projDtl-wrap .projdtl-gal .grid-imgs-new.grid-3 li {

    width: 40%;

    padding-top: 18.45%}

.projDtl-wrap .projdtl-gal .grid-imgs-new.grid-4 li:first-child {

    width: 60%;

    padding-top: 36.9%}

.projDtl-wrap .projdtl-gal .grid-imgs-new.grid-4 li:last-child {

    width: 40%;

    padding-top: 18.45%}

.projDtl-wrap .projdtl-gal .grid-imgs-new.grid-4 li {

    width: 20%;

    padding-top: 18.45%}

.projDtl-wrap .projdtl-gal .grid-imgs-new.grid-4 li:first-child img {

    width: 100.2%;

    height: auto;

}

.projDtl-wrap .projdtl-gal .grid-imgs-new.grid-4 li:last-child img {

    width: 100.2%;

    height: auto;

}

.projDtl-wrap .projdtl-gal .grid-imgs-new.grid-4 li img {

    width: auto;

    height: 100%}

.projDtl-wrap .projdtl-gal .grid-imgs-new li.img3x2 {

    width: 60%;

    padding-top: 36.9%}

.projDtl-wrap .projdtl-gal .grid-imgs-new li.img1x1 {

    width: 20%;

    padding-top: 18.45%}

.projDtl-wrap .projdtl-gal .grid-imgs-new li.img2x1 {

    width: 40%;

    padding-top: 18.45%}

.projDtl-wrap .projdtl-gal .grid-imgs-new li.img5x2 {

    width: 100%;

    padding-top: 36.9%}

.projDtl-wrap .projdtl-gal .grid-imgs-new li.img2x2 {

    width: 50%;

    padding-top: 36.9%}

.projDtl-wrap .projdtl-gal .grid-imgs-new li.img3x2 {

    width: 60%;

    padding-top: 36.9%}

.gal-crsl .flickity-button {

    background: 0 0;

    transform: none;

    width: 50px;

    height: 60px;

}

.gal-crsl .flickity-button svg {

    display: none;

}

.gal-crsl .flickity-prev-next-button {

    position: absolute;

    bottom: -52px;

    top: auto;

}

.gal-crsl .flickity-prev-next-button.previous {

    left: 60px;

}

.gal-crsl .flickity-prev-next-button.next {

    right: 60px;

}

.gal-crsl .flickity-prev-next-button.previous:before {

    content: "\e902";

    font-family: icomoon;

    font-size: 50px;

    color: #000;

    position: absolute;

    top: 0;

    left: 0;

    display: block;

}

.gal-crsl .flickity-prev-next-button.next:before {

    content: "\e901";

    font-family: icomoon;

    font-size: 50px;

    color: #000;

    position: absolute;

    top: 0;

    left: 0;

    display: block;

}

.gal-crsl .flickity-prev-next-button:hover {

    background: 0 0;

}

.projDtl-wrap .amenities-wrap {

    display: block;

    width: 100%;

    position: relative;

/*    margin-bottom: 80px;*/

}

.projDtl-wrap .amenities-wrap h3 {

    position: absolute;

    z-index: 3;

    top: 30px;

    left: 60px;

    color: #fff;

    font-family: OpenSansRegular;

    font-size: 15px;

    font-weight: 400;

    text-align: left;

    letter-spacing: 3px;

}

.projDtl-wrap .amenities-wrap .animts-crsl h4 {

    position: absolute;

    left: 60px;

    top: 50px;

    color: #fff;

    letter-spacing: 1px;

    font-size: 15px;

    font-weight: 400;

}

.projDtl-wrap .amenities-wrap .animts-crsl .item {

    width: 100%;

    margin: 0;

}

.projDtl-wrap .amenities-wrap .animts-crsl .item img {

    display: block;

    width: 100%}

.projDtl-wrap .amenities-wrap .animts-crsl .item .mask {

    position: relative;

}

.projDtl-wrap .amenities-wrap .amints-icons-wrap .grid-wrap {

    overflow-x: auto;

    overflow-y: auto;

    /*white-space: nowrap;*/

}

.projDtl-wrap .amenities-wrap .animts-crsl .item .mask:before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: 1;

    background: -moz-linear-gradient(top, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .1) 20%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, .1) 80%, rgba(0, 0, 0, .5) 100%);

    background: -webkit-linear-gradient(top, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .1) 20%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, .1) 80%, rgba(0, 0, 0, .5) 100%);

    background: linear-gradient(to bottom, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .1) 20%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, .1) 80%, rgba(0, 0, 0, .5) 100%);

}

.projDtl-wrap .amenities-wrap .btn {

    position: absolute;

    bottom: 50px;

    left: 50%;

    transform: translateX(-50%);

    transition: all .6s ease-out;

}

.projDtl-wrap .amenities-wrap .btn.disable {

    opacity: 0;

    transition: all .6s ease-out;

}

.projDtl-wrap .amenities-wrap .amints-icons-wrap {

    z-index: -1;

    opacity: 0;

    visibility: hidden;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(255, 255, 255, .4);

    transition: all .6s ease-out;

}

.projDtl-wrap .amenities-wrap .amints-icons-wrap.active {

    z-index: 1;

    opacity: 1;

    visibility: visible;

    transition: all .6s ease-out;

}

.projDtl-wrap .amenities-wrap .amints-icons-wrap .grid-wrap {

    display: inline-grid;

    grid-template-columns: auto auto auto auto;

    background-color: rgba(255, 255, 255, .9);

    padding: 10px;

    height: 100%;

    width: 100%}

.projDtl-wrap .amenities-wrap .amints-icons-wrap .grid-wrap .item {

    border: 1px solid #fff;

    padding: 40px;

    font-size: 30px;

    text-align: center;

    position: relative;

    transition: all .6s ease;

}

.projDtl-wrap .amenities-wrap .amints-icons-wrap .grid-wrap .item:hover {

    background-color: rgba(255, 255, 255, .8);

    transition: all .6s ease;

}

.projDtl-wrap .amenities-wrap .amints-icons-wrap .grid-wrap .item .center {

    position: absolute;

    width: 100%;

    left: 0;

    text-align: center;

    top: 50%;

    transform: translateY(-50%);

}

.projDtl-wrap .amenities-wrap .amints-icons-wrap .grid-wrap .item .center img {

    max-width: 50px;

}

.projDtl-wrap .amenities-wrap .amints-icons-wrap .grid-wrap .item .center p {

    text-align: center;

}

.animts-crsl .flickity-button {

    background: 0 0;

    transform: none;

    width: 50px;

    height: 60px;

}

.animts-crsl .flickity-button svg {

    display: none;

}

.animts-crsl .flickity-prev-next-button {

    position: absolute;

    bottom: 40px;

    top: auto;

}

.animts-crsl .flickity-prev-next-button.previous {

    left: 60px;

}

.animts-crsl .flickity-prev-next-button.next {

    right: 60px;

}

.animts-crsl .flickity-prev-next-button.previous:before {

    content: "\e902";

    font-family: icomoon;

    font-size: 50px;

    color: #fff;

    position: absolute;

    top: 0;

    left: 0;

    display: block;

}

.animts-crsl .flickity-prev-next-button.next:before {

    content: "\e901";

    font-family: icomoon;

    font-size: 50px;

    color: #fff;

    position: absolute;

    top: 0;

    left: 0;

    display: block;

}

.animts-crsl .flickity-prev-next-button:hover {

    background: 0 0;

}

.projDtl-tab-wrap {

    display: block;

    margin: 0 auto 80px auto;

}

ul.projtab-nav {

    display: inline-block;

    width: 100%;

    text-align: center;

    margin: 30px 0;

}

ul.projtab-nav li {

    display: inline-block;

    position: relative;

    text-transform: uppercase;

    font-size: 18px;

    letter-spacing: 3px;

    margin: 0;

    line-height: 14px;

    cursor: pointer;

}

ul.projtab-nav li:before {

    content: "\e90c";

    font-family: icomoon;

    font-size: 14px;

    display: inline-block;

    color: #000;

    vertical-align: middle;

    margin: 0 10px;

}

ul.projtab-nav li:last-child:after {

    content: "\e90c";

    font-family: icomoon;

    font-size: 14px;

    display: inline-block;

    color: #000;

    vertical-align: middle;

    margin: 0 10px;

}

ul.projtab-nav li {

    color: #363d3d;

}

ul.projtab-nav li.current {

    color: #000;

    font-family: OpenSansBold;

}

.prodtltab-content {

    display: none;

    padding: 15px;

    max-width: 1000px;

    margin: 0 auto;

    border: 1px solid #c9c9c9;

    position: relative;

}

.prodtltab-content.current {

    display: block;

}

.prodtltab-content .item {

    width: 100%;

    margin: 0;

    text-align: center;

}

.prodtltab-content .item img {

    display: block;

    width: 100%}

.prodtltab-content .item p {

    color: #333;

    text-align: center;

    font-size: 14px;

    margin: 10px 0 0 0;

}

.prodtltab-content .status {

    position: absolute;

    bottom: -30px;

    right: 0;

    font-size: 14px;

    letter-spacing: 2px;

    font-family: OpenSansBold;

}

.prodtltab-content ul.spfc-list {

    display: block;

    padding: 20px;

}

.prodtltab-content ul.spfc-list li {

    border: 1px solid #ccc;

    font-size: 15px;

    font-family: OpenSansRegular;

    line-height: 1.5em;

    margin-bottom: 10px;

}

.prodtltab-content ul.spfc-list li:last-child {

    xmargin-bottom: 10px;

}

.prodtltab-content ul.spfc-list li h3 {

    display: block;

    padding: 10px 20px;

    background: #424242;

    font-family: OpenSansBold;

    font-weight: 400;

    letter-spacing: 1px;

    font-size: 14px;

    border-bottom: 1px solid #ccc;

    margin-bottom: 10px;

    color: #fff;

}

.prodtltab-content ul.spfc-list li h3 .spfc-icon {

    display: inline-block;

    height: 30px;

    margin-right: 15px;

    vertical-align: middle;

}

.prodtltab-content ul.spfc-list li ul li {

    border: none;

    padding: 0 20px 0 20px;

}

.prodtltab-content ul.spfc-list li p {

    font-size: 15px;

    font-family: OpenSansRegular;

    line-height: 1.5em;

    margin-bottom: 0;

    padding: 0 20px 10px 20px;

}

.carousel .flickity-page-dots {

    display: none;

}

.carousel .flickity-button {

    background: 0 0;

    transform: none;

    width: 50px;

    height: 60px;

}

.carousel .flickity-button svg {

    display: none;

}

.carousel .flickity-prev-next-button {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

}

.carousel .flickity-prev-next-button.previous {

    left: -90px;

}

.carousel .flickity-prev-next-button.next {

    right: -90px;

}

.carousel .flickity-prev-next-button.previous:before {

    content: "\e902";

    font-family: icomoon;

    font-size: 50px;

    color: #000;

    position: absolute;

    top: 0;

    left: 0;

    display: block;

}

.carousel .flickity-prev-next-button.next:before {

    content: "\e901";

    font-family: icomoon;

    font-size: 50px;

    color: #000;

    position: absolute;

    top: 0;

    left: 0;

    display: block;

}

.prodtltab-content .item .btn-zoom {

    position: relative;

    display: inline-block;

}

.prodtltab-content .item .btn-zoom:before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    /*background: rgba(255, 255, 255, .6);*/

	background: url(https://www.houseofhiranandani.com/images/search-icomoon.png?v=0.1) rgba(255, 255, 255, 0.6) no-repeat;

	background-position: center;

    width: 100%;

    height: 100%;

    opacity: 0;

    transition: all .6s ease-out;

}

.prodtltab-content .item .btn-zoom:after {

    /*content: "\e900";*/

    font-family: icomoon;

    font-size: 20px;

    color: #333;

    position: absolute;

    top: 50%;

    left: 50%;

    opacity: 0;

    transform: translate(-50%, -50%);

    transition: all .6s ease-out;

}

.prodtltab-content .item:hover .btn-zoom:after, .prodtltab-content .item:hover .btn-zoom:before {

    opacity: 1;

}

.location-wrap {

    display: block;

    margin: 0 auto 80px auto;

    max-width: 1000px;

}

.location-wrap .map-wrap {

    position: relative;

    height: 550px;

    overflow: hidden;

    border: 1px solid #c9c9c9;

    opacity: 0;

    display: none;

    visibility: hidden;

    padding-bottom: 54px;

}

.location-wrap .map-wrap.active {

    opacity: 1;

    display: block;

    visibility: visible;

}

.location-wrap .map-wrap .map-div img {

    display: block;

    width: 100%}

ul.loc-nav {

    display: inline-block;

    width: 100%;

    text-align: center;

    margin: 30px 0;

}

ul.loc-nav li {

    display: inline-block;

    position: relative;

    text-transform: uppercase;

    font-size: 18px;

    letter-spacing: 3px;

    margin: 0;

    line-height: 14px;

    cursor: pointer;

}

ul.loc-nav li:before {

    content: "\e90c";

    font-family: icomoon;

    font-size: 14px;

    display: inline-block;

    color: #000;

    vertical-align: middle;

    margin: 0 10px;

}

ul.loc-nav li:last-child:after {

    content: "\e90c";

    font-family: icomoon;

    font-size: 14px;

    display: inline-block;

    color: #000;

    vertical-align: middle;

    margin: 0 10px;

}

ul.loc-nav li a {

    color: #363d3d;

}

ul.loc-nav li.active a {

    color: #000;

    font-family: OpenSansBold;

}

ul.map-tab {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    background: #3e3e3e;

    padding: 10px;

    display: inline-block;

    text-align: left;

    margin: 0;

}

ul.map-tab li {

    display: inline-block;

    position: relative;

    font-size: 16px;

    letter-spacing: 2px;

    margin: 0 20px;

    line-height: 14px;

    cursor: pointer;

    color: #fff;

    padding: 10px 0;

}

ul.map-tab li {

    color: #fff;

}

ul.map-tab li.active, ul.map-tab li.current {

    color: #d4b54b;

}

.loctab-content {

    position: absolute;

    bottom: -110%;

    width: 100%;

    left: 0;

    padding: 0;

    background: #fff;

    opacity: 0;

    transition: all .8s ease;

}

.loctab-content.current {

    opacity: 1;

    bottom: 0;

    transition: all .8s ease;

}

.loctab-content .item {

    width: 100%;

    margin: 0;

}

.loctab-content .item img {

    display: block;

    width: 30%;

    float: left;

}

.loctab-content .status {

    position: absolute;

    bottom: -30px;

    right: 0;

    font-size: 14px;

    letter-spacing: 2px;

    font-family: OpenSansBold;

}

.loctab-content .close-maptab {

    position: absolute;

    top: 0;

    right: 10px;

    font-size: 30px;

    color: #000;

    text-transform: none;

    z-index: 1;

}

.map-crsl .flickity-page-dots {

    display: none;

}

.map-crsl .flickity-prev-next-button.previous {

    right: 65px;

    top: 25px;

    left: inherit;

}

.map-crsl .flickity-prev-next-button.next {

    right: 35px;

    top: 25px;

    left: inherit;

}

.loctab-content .status {

    position: absolute;

    bottom: 20px;

    right: 10px;

    color: #333;

    font-size: 14px;

    letter-spacing: 2px;

    z-index: 1;

}

.loctab-content .item img {

    display: inline-block;

    vertical-align: top;

    width: 30%;

    margin-right: 20px;

}

.loctab-content .item p {

    display: inline-block;

    vertical-align: top;

    font-size: 16px;

    font-family: OpenSansBold;

    text-align: left;

}

.loctab-content .item p strong {

    font-weight: 400;

    font-family: OpenSansRegular;

    display: block;

    margin-top: 20px;

    font-size: 14px;

}

.btns-wrap {

    display: inline-block;

    text-align: center;

    width: 100%;

    padding: 30px 0;

}

.btns-wrap .btn {

    display: inline-block;

    vertical-align: middle;

    margin: 10px;

}

.bannerInfo {

    display: block;

    top: 300px;

    position: absolute;

    width: 100%;

    z-index: 10;

}

.bannerInfo h2 {

    display: block;

    font-size: 18px;

    color: #191919;

    letter-spacing: 2px;

    text-transform: uppercase;

}

.bannerInfo p {

    display: block;

    font-size: 18px;

    color: #191919;

}

.allproj-list {

    display: block;

    margin: 40px auto;

    text-align: left;

}

.allproj-list h3 {

    text-align: center;

    font-size: 16px;

    letter-spacing: 3px;

    font-weight: 400;

    margin-bottom: 20px;

    font-family: OpenSansBold;

    text-transform: uppercase;

}

.allproj-list ul {

    display: inline-block;

    width: 100%;

    margin-bottom: 20px;

    text-align: center;

}

.allproj-list ul li {

    display: inline-block;

    width: 22%;

    margin: 10px 30px;

    vertical-align: bottom;

}

.allproj-list ul li img {

    width: 100%;

    display: block;

}

.allproj-list ul li p {

    text-align: center;

    margin-top: 10px;

    font-size: 15px;

    letter-spacing: 1px;

}

.allproj-list ul li a {

    color: #000;

}

.pop-wrap {

    text-align: center;

}

.pop-wrap p a {

    color: #000;

    text-decoration: underline;

}

.prj-info .pg-title h3 {text-transform:capitalize;}
.bhk-page .text-center h1 {
    font-size: 40px;
    font-weight: 400;
    letter-spacing: 3px;
    color: #000;
    position: relative;
    font-family: OpenSansBold;
    left: 0;
}
.bhk-page {
    margin: 20px auto !important;
}
.allproj-list .inside-wrap .data h3, .allproj-list .inside-wrap .data .loc-name {
    font-size: 16px;
    margin-bottom: 5px;
    font-family: OpenSansRegular;
    text-align: left;
    text-transform: unset;
}
.bhk-page .inside-wrap .data .loc-name {
    font-size: 20px !important;
}
.allproj-list.allproj-cont.bhk-page h2 {
    margin-top: 2.5rem;
    margin-bottom: 0.5rem;
    font-size: 30px;
}
.allproj-list.allproj-cont.bhk-page p {
    margin-bottom: 1.56rem;
}
.allproj-list .prj-info h3 {
    text-align: left;
}
.chevron {
    position: absolute;
    width: 16px;
    height: 2px;
    opacity: 0;
    transform: scale3d(.5, .5, .5);
    animation: move 3s ease-out infinite;
    left: 6px;
    top: -3px
}

.chevron:first-child {
    animation: move 3s ease-out 1s infinite
}

.chevron:nth-child(2) {
    animation: move 3s ease-out 2s infinite
}

.chevron:after,
.chevron:before {
    content: ' ';
    position: absolute;
    top: 0;
    height: 100%;
    width: 51%;
    background: #252525;
    transition: all .6s ease
}

.btn-scrolldown:hover .chevron:after,
.btn-scrolldown:hover .chevron:before {
    background: #fff
}

.chevron:before {
    left: 0;
    transform: skew(0deg, 30deg)
}

.chevron:after {
    right: 0;
    width: 50%;
    transform: skew(0deg, -30deg)
}

@keyframes move {
    25% {
        opacity: 1
    }

    33% {
        opacity: 1;
        transform: translateY(30px)
    }

    67% {
        opacity: 1;
        transform: translateY(40px)
    }

    100% {
        opacity: 0;
        transform: translateY(55px) scale3d(.5, .5, .5)
    }

}

.video-container-nri {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; /* 16:9 ratio */
  height: 0;
  overflow: hidden;
}

.video-container-nri iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}



.pb-60 {padding-bottom:60px!important;}
@media(max-width:1600px) {

    .bannerInfo {

    top: 200px;

}

.bannerInfo .container {

    padding-left: 165px;

}

}@media(max-width:1400px) {

    .page-caption {

    margin-bottom: 10px;

}

.thumb-crsl .fcl {

    width: 22%}

.projDtl-wrap .projdtl-banner .banner .copy h2 {

    font-size: 18px;

    letter-spacing: 2px;

}

.projDtl-wrap .projdtl-banner .banner .copy p {

    font-size: 16px;

    letter-spacing: 1px;

}

.proj-sticky ul li .icon-enqyire {

    width: 13px;

    height: 13px;

}

}@media(max-width:1300px) {

    .projDtl-wrap .projdtl-banner .ban-crsl .fcl {

    width: 25%}

.projDtl-wrap .prj-info {

    margin: 40px auto;

}

.prodtltab-content {

    max-width: 80%}

.projDtl-wrap .amenities-wrap .animts-crsl .item img {

    display: block;

    width: 100%}

.projDtl-wrap .amenities-wrap .btn {

    bottom: 15px;

}

.location-wrap {

    width: 80%}

.bannerInfo {

    top: 160px;

}

}@media(max-width:1100px) {

    .bannerInfo .container {

    padding-left: 145px;

}

.allproj-list ul {

    margin-bottom: 20px;

}

.allproj-list ul li {

    width: 30%}

.allproj-list ul li p {

    margin-bottom: 5px;

}

.thumb-crsl .fcl {

    width: 25%}

.projDtl-wrap .prj-info .pg-title {

    margin-bottom: 30px;

}

}

@media(max-width:992px) {

    .projDtl-wrap .projdtl-banner .ban-crsl .fcl {

    width: 38%}

.thumb-crsl .fcl {

    width: 40%}

.projDtl-wrap .amenities-wrap .amints-icons-wrap .grid-wrap .item .center img {

    max-width: 30px;

}

.projDtl-wrap .amenities-wrap .amints-icons-wrap .grid-wrap .item .center p {

    font-size: 12px;

    line-height: 1.2em;

    margin: 0 auto;

    padding: 0 5px;

}

.prodtltab-content ul.spfc-list {

    padding: 0;

}



/* high-street */

.residential-wrap.high-street .inPageTab-nav.resdential-tabs{

    width: 100%;

    /*justify-content: space-between;*/
    justify-content: center;

    align-items: center;

}



.residential-wrap.high-street .inPageTab-nav.resdential-tabs li{

    font-size: 11px;

    width: 33.33%;

    margin: 0;

}

}



@media(max-width:767px) {

    .page-caption-right {

    margin-bottom: 0;

    text-align: center;

}

.projDtl-wrap .projdtl-banner .ban-crsl {

    width: 100%;

    margin-left: 0;

    left: auto;

}

.projDtl-wrap .projdtl-banner .ban-crsl .fcl {

    width: 48%}

.projDtl-wrap .prj-info {

    margin: 0 auto;

}

.projDtl-wrap .prj-info .proj-stus li {

    font-size: 13px;

    letter-spacing: 1px;

}

.projDtl-wrap .projdtl-banner .banner .page-banner-caption {

    transform: none;

    left: 5%;

    max-width: 85%;

    top: 25%}

.projDtl-wrap .projdtl-banner .banner .copy h2 {

    font-size: 16px;

    letter-spacing: 1px;

}

.projDtl-wrap .projdtl-banner .banner .copy p {

    font-size: 12px;

    letter-spacing: 1px;

}

.animts-crsl .flickity-prev-next-button, .carousel .flickity-prev-next-button, .gal-crsl .flickity-button {

    width: 34px;

    height: 34px;

}

.animts-crsl .flickity-prev-next-button.next:before, .animts-crsl .flickity-prev-next-button.previous:before, .carousel .flickity-prev-next-button.next:before, .carousel .flickity-prev-next-button.previous:before, .gal-crsl .flickity-prev-next-button.next:before, .gal-crsl .flickity-prev-next-button.previous:before {

    font-size: 32px;

}

.animts-crsl .flickity-prev-next-button.previous, .gal-crsl .flickity-prev-next-button.previous {

    left: 10px;

}

.animts-crsl .flickity-prev-next-button.next, .gal-crsl .flickity-prev-next-button.next {

    right: 10px;

}

.gal-crsl .flickity-prev-next-button {

    bottom: -35px;

}

.carousel .flickity-prev-next-button.previous {

    left: 0;

}

.carousel .flickity-prev-next-button.next {

    right: 0;

}

.animts-crsl .flickity-prev-next-button {

    bottom: 14px;

}

ul.map-tab {

    text-align: center;

}

ul.map-tab li {

    font-size: 12px;

    letter-spacing: 0;

    margin: 0 5px;

}

.projDtl-wrap .amenities-wrap .animts-crsl .item img {

    /* width: auto;

    height: 350px; */

    width: 100%;

    height: 350px;

    object-fit: cover;

}

.proj-sticky ul li {

    font-size: 10px;

    letter-spacing: 0;

}





.proj-sticky ul li i {

    font-size: 12px;

}

.proj-sticky ul li:after {

    margin: 0 5px;

}

.projDtl-wrap .projdtl-gal .gal-crsl {

    margin-bottom: 40px;

}

.projDtl-wrap .amenities-wrap h3, .projDtl-wrap .projdtl-gal .item h3 {

    top: 10px;

    left: 20px;

}

.projDtl-wrap .amenities-wrap .animts-crsl h4 {

    top: 35px;

    left: 20px;

}

ul.loc-nav li, ul.projtab-nav li {

    font-size: 16px;

    letter-spacing: 0;

    margin-bottom: 5px;

}

.projDtl-wrap .amenities-wrap {

    margin-bottom: 20px;

}

.bannerInfo {

    top: 110px;

}

.bannerInfo .container {

    padding-left: 30px;

}

.bannerInfo h2 {

    font-size: 15px;

}

.bannerInfo p {

    font-size: 15px;

}

.loctab-content .item {

    padding: 20px 10px 10px 10px;

}

.loctab-content .close-maptab {

    line-height: 22px;

}

.loctab-content .item img {

    display: none;

}

.loctab-content .item p {

    margin: 10px;

    font-size: 13px;

}

.loctab-content .item p strong {

    font-size: 13px;

    margin: 0;

}

.map-crsl .flickity-prev-next-button.next, .map-crsl .flickity-prev-next-button.previous {

    top: 12px;

}

.location-wrap {

    width: 90%}

.location-wrap .map-wrap .map-div img {

    width: auto;

}

.allproj-list {

    margin: 0 auto;

}

.allproj-list ul li {

    width: 100%;

    margin: 10px auto;

    max-width: 400px;

}

.thumb-crsl .fcl {

    width: 52%}

.prodtltab-content ul.spfc-list li h3 {

    padding: 10px;

}

.prodtltab-content ul.spfc-list li h3 .spfc-icon {

    height: 26px;

    margin-right: 5px;

}

.projDtl-wrap .prj-info .proj-stus-wrap {

    margin-bottom: 20px;

}

.proj-sticky ul li .icon-enqyire {

    width: 12px;

    height: 12px;

    margin-right: 1px;

}

}.page-content img {

    max-width: 100%;

    max-height: 100%}

.section-title {

    font-size: 18px;

    text-transform: uppercase;

    letter-spacing: 2px;

    margin-bottom: 10px;

}

.text-center {

    text-align: center;

}

.text-left {

    text-align: left;

}

.text-right {

    text-align: right;

}

.text-justify {

    text-align: justify;

}

.overflow-vis {

    overflow: visible!important;

}

.inner-wrap {

    min-height: 80vh;

}

.page-content {

    overflow: hidden;

    margin-bottom: -40px;

    font-size: 14px;

}

.page-banner {

    position: relative;

    height: 100%;

}

.page-banner .page-banner-img {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: 1;

}

.page-banner .page-banner-img:before {

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: rgba(255, 255, 255, .1);

}

.page-banner .container {

    height: 100%;

    position: relative;

    z-index: 2;

}

.page-banner-caption {

    position: absolute;

    left: 15px;

    top: 50%;

    transform: translateY(-50%);

    color: #000;

}

.page-banner-caption h2 {

    margin: 0;

    padding: 0;

    font-size: 18px;

    letter-spacing: 3px;

    text-transform: uppercase;

    font-weight: 400;

    line-height: 2;

    font-family: OpenSansBold;

}

.page-banner-caption h3 {

    font-size: 16px;

    font-weight: 400;

    letter-spacing: 2px;

}

.page-banner-caption.white-color {

    color: #fff;

}

.page-banner.banner-full {

    height: 80vh;

}

.page-banner:before, .projdtl-banner:before {

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 40%;

    z-index: 2;

    background: rgba(255, 255, 255, 1);

    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 100%);

    background: -webkit-gradient(left top, left bottom, color-stop(0, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 0)));

    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 100%);

    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 100%);

    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 100%);

    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 100%);

    opacity: .75;

}

.breadcrumb {

    padding: 10px 0;

    margin-bottom: 15px;

    list-style: none;

    position: relative;

    z-index: 2;

}

.breadcrumb .breadcrumb-item {

    font-size: 14px;

    display: inline-block;

    color: #9f9f9f;

}

.breadcrumb .breadcrumb-item a {

    color: #9f9f9f;

}

.breadcrumb-item+.breadcrumb-item {

    padding-left: 10px;

}

.breadcrumb-item+.breadcrumb-item::before {

    display: inline-block;

    padding-right: 10px;

    content: "\203A";

    font-size: 18px;

    color: #9f9f9f;

}

.breadcrumb .breadcrumb-item.active {

    color: #010101;

}

.fill-sec {

    position: relative;

}

.fill-sec .container {

    position: static;

}

.fill-content {

    padding: 80px 0;

}

.fill-content h2 {

    font-size: 18px;

    text-transform: uppercase;

    letter-spacing: 2px;

    margin: 0 0 15px 0;

}

.fill-content .btn {

    margin-top: 10px;

}

.fill-sec:nth-child(even) .fill-content {

    float: right;

}

.fill-content.values-content {

    padding-bottom: 200px;

}

.fill-image {

    position: absolute;

    width: 55%;

    min-height: 100%;

    top: 0;

    bottom: -40px;

    z-index: -1;

}

.fill-image.values-img {

    width: 60%;

    bottom: 0;

}

.fill-image.bottom-zero {

    bottom: 0;

}

.fill-sec:nth-child(odd) .fill-image {

    left: 0;

}

.fill-sec:nth-child(even) .fill-image {

    right: 0;

    top: -60px;

}

.founder-container {

    padding-bottom: 60px;

}

.founder-sec {

    padding-top: 60px;

}

.founder-img {

    margin: 0 80px 0 auto;

    animation-duration: .6s;

    transition-timing-function: ease-in;

}

.founder-img img {

    display: block;

    width: 100%}

.founder-content {

    animation-delay: .4s;

}

.founder-content h2 {

    margin: 0;

}

.founder-name {

    margin-bottom: 15px;

}

.founder-name span {

    font-size: 14px;

}

.founder-cta {

    margin-top: 25px;

    position: relative;

    overflow: hidden;

}

.founder-cta:before {

    content: '';

    background: #252525;

    height: 2px;

    display: block;

    position: absolute;

    top: 50%;

    margin-top: -1px;

}

.founder-sec:nth-child(even) .col-sm-6:first-child {

    float: right;

}

.founder-sec:nth-child(even) .col-sm-6:first-child .founder-img {

    margin: 0 auto 0 80px;

}

.founder-sec:nth-child(even) .founder-content {

    float: right;

}

.founder-sec:nth-child(odd) .founder-cta {

    padding-left: 50%}

.founder-sec:nth-child(even) .founder-cta {

    text-align: right;

    padding-right: 50%}

.founder-sec:nth-child(odd) .founder-cta .btn {

    margin-left: 10px;

}

.founder-sec:nth-child(even) .founder-cta .btn {

    margin-right: 10px;

}

.founder-sec:nth-child(odd) .founder-cta:before {

    right: 50%;

    left: 0;

    margin-right: -10px;

}

.founder-sec:nth-child(even) .founder-cta:before {

    left: 50%;

    right: 0;

    margin-left: -10px;

}

.founder-pop {

    display: none;

}

.founder-pop .pop-wrap {

    padding: 20px;

    display: inline-block;

    max-width: 1000px;

    text-align: left;

}

.founder-pop .pop-wrap .founder-img img {

    display: block;

    max-width: 100%}

.founder-pop .pop-wrap .founder-content {

    max-width: none;

}

.csr-sec {

    text-align: center;

    padding: 40px 0;

}

.csr-sec .csr-copy {

    max-width: 1000px;

    margin: 0 auto;

}

.csr-slide {

    margin: 40px auto;

    text-align: center;

}

.csr-slide .item {

    margin: 0 5px;

    width: 270px;

}

.csr-slide .flickity-viewport {

    overflow: visible;

}

.csr-block {

    position: relative;

    max-width: 270px;

    transition: all ease .3s;

    z-index: 1;

    overflow: hidden;

}

.csr-block img {

    display: block;

    transition: all ease 2s;

    width: 100%}

.csr-block a {

    color: #fff;

}

.csr-caption {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: 1;

    text-align: center;

    display: flex;

    align-items: center;

}

.csr-caption .csr-cell {

    display: table-cell;

    vertical-align: middle;

    width: 100%;

    padding: 0 15px;

}

.csr-block h2 {

    font-size: 18px;

    letter-spacing: 1px;

}

.csr-block p {

    margin: 0;

}

.csr-block:hover {

    transform: scale(1.1);

    z-index: 2;

    box-shadow: 0 0 6px rgba(0, 0, 0, .2);

}

.csr-block:hover img {

    transform: scale(1.1);

}

.page-inner {

    padding: 30px 0 60px 0;

}

.value-sec {

    text-align: center;

    padding: 40px 0;

}

.value-sec .value-copy {

    max-width: 1000px;

    margin: 0 auto;

}

.value-slide {

    margin: 40px auto;

    text-align: center;

}

.value-slide .item {

    margin: 0 5px;

    width: 270px;

}

.value-slide .flickity-viewport {

    overflow: visible;

}

.value-caption .value-cell {

    display: table-cell;

    vertical-align: middle;

    width: 100%;

    padding: 0 15px;

}

.value-block {

    position: relative;

    max-width: 270px;

    transition: all ease .3s;

    z-index: 1;

    overflow: hidden;

}

.value-block img {

    display: block;

    transition: all ease 2s;

    width: 100%}

.value-block a {

    color: #fff;

}

.value-caption {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: 1;

    text-align: center;

    display: flex;

    align-items: center;

}

.value-caption .csr-cell {

    display: table-cell;

    vertical-align: middle;

    width: 100%;

    padding: 0 15px;

}

.value-block h2 {

    font-size: 18px;

    letter-spacing: 1px;

}

.value-block p {

    margin: 0;

}

.value-block:hover {

    transform: scale(1.1);

    z-index: 2;

    box-shadow: 0 0 6px rgba(0, 0, 0, .2);

}

.value-block:hover img {

    transform: scale(1.1);

}

.value-block figcaption {

    display: none;

}

.pop-value .pop-wrap {

    max-width: 1000px;

}

.pop-value img {

    width: 100%;

    margin-bottom: 10px;

}

.award-caption {

    text-align: center;

}

.award-caption h3 {

    font-size: 14px;

    font-family: OpenSansSemibold;

    letter-spacing: 0;

    font-weight: 400;

    margin-bottom: 10px;

}

.award-caption h2 {

    font-size: 16px;

    font-family: OpenSansSemibold;

    letter-spacing: 1px;

    font-weight: 400;

    margin-bottom: 10px;

}

.award-caption p {

    text-align: center;

    font-size: 13px;

}

.form-wrap {

    margin: 50px auto 0 auto;

    border: 1px solid #3f3c3d;

}

.form-wrap .form-title {

    background: #363636;

    text-align: center;

    background-size: contain;

    position: relative;

    height: 300px;

    width: 100%}

.form-wrap .form-title .copy {

    font-size: 2em;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    position: absolute;

    color: #fff;

    font-family: OpenSansBold;

    line-height: 1.2em;

}

.form-wrap .form-title .copy i {

    display: block;

    margin-bottom: 10px;

    font-size: 1.6em;

}

.form-box {

    background: #fff;

    min-height: 100px;

    margin: 50px auto 0;

    border: 1px solid #3f3c3d;

}

.form-label {

    background: #3f3c3d;

    padding: 8px 60px;

}

.form-label h2 {

    margin: 0;

    padding: 0;

    color: #fff;

    font-size: 18px;

    font-weight: 400;

}

.form-field {

    position: relative;

    margin-bottom: 25px;

}

.form-field span.error {

    position: absolute;

    top: 100%;

    left: 0;

    margin-top: 2px;

    color: red;

    font-size: 11px;

}

.form-field span.errormsg {

    position: absolute;

    top: 100%;

    left: 0;

    margin-top: 2px;

    color: red;

    font-size: 11px;

}

.form-container {

    padding: 40px 60px;

}

.form-container .form-control {

    font-size: 16px;

    font-family: OpenSansRegular;

    border-radius: 0;

    border-color: transparent;

    border-bottom-color: #000;

    box-shadow: none;

    padding: 4px 12px;

    height: 34px;

}

.form-container .form-control::-moz-placeholder {

    color: #a1a1a1;

    opacity: 1;

}

.form-container .form-control:-ms-input-placeholder {

    color: #a1a1a1;

}

.form-container .form-control::-webkit-input-placeholder {

    color: #a1a1a1;

}

.form-container .checkbox {

    font-size: 16px;

    position: relative;

    border-bottom: 1px solid #000;

    margin: 0;

    line-height: 1;

    padding: 6px 0;

    height: 34px;

}

.form-container .checkbox input[type=checkbox] {

    height: 1px;

    width: 1px;

    visibility: hidden;

    left: 0;

    margin: 0;

}

.form-container .checkbox label {

    padding-left: 30px;

    position: relative;

    color: #a1a1a1;

}

.form-container .checkbox label:before {

    content: '';

    display: inline-block;

    vertical-align: middle;

    height: 16px;

    width: 16px;

    background: #fff;

    border: 1px solid #000;

    transition: all ease .3s;

    transform: scale(1);

    position: absolute;

    left: 5px;

    top: 1px;

    font-size: 10px;

    text-align: center;

    line-height: 14px;

    font-weight: 600;

}

.form-container .checkbox input[type=checkbox]:checked~label:before {

    background: #000 url(../images/icon-check.svg) center center no-repeat;

    background-size: 110% 110%}

.ref-field {

    position: relative;

    padding-left: 25px;

}

.ref-field .ref-fieldgroup {

    padding-right: 100px;

}

.ref-field .btn {

    float: right;

    position: absolute;

    right: 0;

    top: 0;

    min-width: 80px;

}

.ref-form {

    counter-reset: section;

}

.ref-field:before {

    counter-increment: section;

    content: counter(section) ".";

    font-size: 16px;

    position: absolute;

    left: 0;

    top: 0;

    z-index: 2;

    line-height: 34px;

}

.nav-sub {

    border-top: 1px solid #a4a4a4;

    border-bottom: 1px solid #a4a4a4;

    text-align: center;

}

.nav-sub .item {

    display: inline-block;

    vertical-align: top;

}

.nav-sub a {

    display: block;

    font-size: 16px;

    text-transform: uppercase;

    letter-spacing: 3px;

    color: #000;

    padding: 15px 20px;

    position: relative;

}

.nav-sub a.active {

    font-family: OpenSansBold;

}

.nav-sub a:after, .nav-sub a:before {

    content: '';

    display: block;

    width: 4px;

    height: 4px;

    border-radius: 50%;

    background: #000;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

}

.nav-sub a:before {

    left: -2px;

}

.nav-sub a:after {

    right: -2px;

}

.nav-sub a.active:after, .nav-sub a.active:before {

    transform: translateY(-50%) scale(1.4);

}

.content-spacetop {

    margin-top: 40px;

}
.accordion-body{display:none;}
.hoh-accordion h3.accordion-head {text-transform:none;}
.hoh-accordion .accordion-row {

    margin: 0 0 10px 0;

    border: 1px solid #a4a4a4;

}

.hoh-accordion .accordion-head {

    padding: 15px 30px;

    position: relative;

    margin: 0;

    cursor: pointer;

    transition: all ease 0s;

    font-size: 16px;

    font-weight: 400;

    font-family: OpenSansSemibold;

    letter-spacing: 1px;

}

.hoh-accordion .accordion-head:after {

    content: '+';

    position: absolute;

    top: 13px;

    right: 15px;

    display: block;

    font-size: 18px;

    transition: all ease .3s;

}

.hoh-accordion .accordion-row.is-open .accordion-head:after {

    transform: rotate(135deg) scale(1.3);

}

.hoh-accordion ul.qlty-constn {

    margin: 0;

}

.hoh-accordion ul.qlty-constn li {

    list-style-type: disc;

    color: #000;

}

.hoh-accordion ul.qlty-constn li ul li {

    list-style-type: circle;

    color: #000;

}

.accordion-content {

    padding: 15px 30px;

    color: #a1a1a1;

}

.accordion-content ol, .accordion-content ul {

    padding-left: 20px;

    margin-bottom: 15px;

}

.accordion-content ul {

    list-style-type: disc;

}

.accordion-content ol {

    list-style-type: decimal;

}

.currency-box {

    background: #fff;

    min-height: 100px;

    margin: 50px auto 0;

    border: 1px solid #a4a4a4;

    padding: 25px 25px;

}

.currency-box h3 {

    font-weight: 400;

    font-size: 16px;

}

.form-container.currency-form {

    padding: 40px 0;

    max-width: 480px;

}

.form-container.currency-form .btn {

    width: 100%}

.currency-result {

    font-size: 30px;

    font-weight: 600;

    padding-left: 12px;

}

.text-to {

    line-height: 33px;

}

.disclaimer {

    font-size: 11px;

}

.media-filter {

    margin: 25px 0;

}

.media-filter:after, .media-filter:before {

    content: '';

    display: table;

}

.media-filter:after {

    clear: both;

}

.media-filter .filter-lhs {

    float: left;

}

.media-filter .filter-rhs {

    float: right;

}

.media-filter .item {

    display: inline-block;

    vertical-align: top;

    border-left: 1px solid #7d7d7d;

    margin-left: 10px;

    padding-left: 10px;

}

.media-filter .item:first-child {

    border-left: none;

    padding-left: 0;

    margin-left: 0;

}

.media-filter .form-control {

    border-radius: 0;

    font-size: 16px;

    font-family: OpenSansRegular;

    border: none;

    box-shadow: none;

}

.media-filter select.form-control {

    padding: 0 25px 0 12px;

    height: 25px;

    text-align: center;

}

.info-pop {

    position: relative;

    height: 25px;

}

.btn-info {

    width: 45px;

    height: 45px;

    border: none;

    border-radius: 50%;

    line-height: 45px;

    text-align: center;

    font-family: OpenSansBold;

    font-size: 22px;

    color: #5c5c5c;

    box-shadow: 1px 1px 2px #5c5c5c;

    margin-top: -10px;

    display: inline-block;

    position: relative;

}

.btn-info .toltip {

    font-size: 11px;

    position: absolute;

    top: 9px;

    right: 60px;

    white-space: nowrap;

    color: #fff;

    background: #252525;

    padding: 10px;

    height: auto;

    line-height: 1em;

    opacity: 0;

    visibility: hidden;

    transition: all .4s ease;

}

.btn-info .toltip:before {

    content: "";

    position: absolute;

    right: -9px;

    top: 10px;

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 5px 0 5px 10px;

    border-color: transparent transparent transparent #252525;

}

.btn-info:hover .toltip {

    opacity: 1;

    visibility: visible;

    transition: all .4s ease;

}

.media-group {

    margin-top: 0;

}

.media-row {

    margin-bottom: 30px;

    border: 1px solid #b7b7b7;

    display: inline-block;

    align-items: center;

    width: 100%}

.media-row:first-child {

    margin-top: 0;

}

.media-row .col-media {

    width: 45%;

    display: inline-block;

    vertical-align: middle;

}

/* .media-row .col-media:first-child {

    width: 54%} */

.img-media {

    text-align: center;

    height: 228px;

    background: #eee;

}

.img-media img {

    width: 100%;

    height: 100%}

.media-row:nth-child(even) {

    flex-direction: row-reverse;

}

.media-row:nth-child(even) .col-media:first-child .img-media {

    margin: -1px -1px 0 -1px;

}

.info-media {

    padding: 20px 30px;

}

.info-media h3 {

    font-size: 14px;

    margin-bottom: 0;

}

.info-media h2 {

    font-size: 16px;

    margin-bottom: 5px;

    font-family: OpenSansSemibold;

    letter-spacing: 0;

    line-height: 1.2em;

}

.info-media p {

    font-size: 14px;

    margin-bottom: 0;

}

.info-media a {

    color: #000;

    font-size: 30px;

}

.info-media a i {

    font-weight: 600;

}

.award-group {

    margin-top: 0;

}

.col-award {

    margin-bottom: 30px;

    border: 1px solid #b7b7b7;

    display: flex;

    align-items: center;

}

.img-award {

    margin: -1px 0 -1px -1px;

    width: 40%}

.img-award img {

    display: block;

    width: 100%}

.award-row:nth-child(even) {

    flex-direction: row-reverse;

}

.award-row:nth-child(even) .col-media:first-child .img-media {

    margin: -1px -1px 0 -1px;

}

.info-award {

    padding: 10px 20px;

    width: 60%}

.info-award h2 {

    font-size: 14px;

    margin-bottom: 10px;

    font-weight: 400;

    font-family: OpenSansSemibold;

    letter-spacing: 1px;

}

.info-award h3 {

    font-size: 14px;

    margin-bottom: 10px;

    font-weight: 400;

}

.info-award a {

    color: #000;

    font-size: 30px;

}

.info-award a i {

    font-weight: 600;

}

.form-box.form-contact {

    margin-top: 0;

}

.form-contact .form-field label.error {

    position: absolute;

    top: 100%;

    left: 0;

    margin-top: 2px;

    color: red;

    font-size: 11px;

    width: 100%}

.hoh-contact {

    margin: 30px auto 0;

    background: #ebebeb;

    padding: 40px 60px;

}

.contact-block {

    padding: 30px 40px;

}

.grid-4box {

    display: flex;

    flex-wrap: wrap;

}

.grid-4box .item {

    width: 50%;

    border-top: 1px solid #959595;

}

.grid-4box .item:nth-child(1), .grid-4box .item:nth-child(2) {

    border-top: none;

}

.grid-4box .item:nth-child(odd) {

    border-right: 1px solid #959595;

}

.contact-block h2 {

    font-size: 16px;

    margin-bottom: 10px;

    letter-spacing: 2px;

}

.contact-block a {

    color: #000;

}

.contact-block a:hover {

    text-decoration: underline;

}

.contact-block p {

    margin: 0;

}

.acrd-cont ul.green-hub {

    list-style-type: disc;

    padding-left: 20px;

    max-width: 700px;

    margin: 0 auto;

}

.acrd-cont ul.green-hub li {

    list-style-type: disc;

    color: #000;

    font-size: 16px;

    margin-bottom: 5px;

}

.inPageTab-content .green-hub p.hub-txt {

    padding: 0 20px;

    text-align: left;

    text-align-last: left;

}

.green-hub .loc-adv ul li .copy p {

    text-align: left;

    text-align-last: left;

}

.propertyCarousel .owl-nav button.owl-next {

    position: absolute;

    right: -6px;

    top: 35%;

    transform: translate(-50%, 0);

}

.propertyCarousel .owl-nav button.owl-next:before {

    content: "\e901";

    font-family: icomoon;

    font-size: 40px;

    color: #000;

    position: absolute;

    top: 0;

    left: 0;

    display: block;

}

.propertyCarousel .owl-nav button.owl-prev {

    position: absolute;

    left: -48px;

    top: 35%;

    transform: translate(-50%, 0);

}

.propertyCarousel .owl-nav button.owl-prev:before {

    content: "\e902";

    font-family: icomoon;

    font-size: 40px;

    color: #000;

    position: absolute;

    top: 0;

    left: 0;

    display: block;

}

.propertyCarousel .owl-nav button.owl-next span, .propertyCarousel .owl-nav button.owl-prev span {

    display: none;

}

@media(max-width:1500px) {

    .media-row .col-media: first-child {

    width: 50%}

.media-row .col-media {

    width: 49%}

.info-media {

    padding: 15px;

}

.info-media h2 {

    font-size: 16px;

    letter-spacing: 0;

    line-height: 1.2em;

    margin-bottom: 10px;

}

.info-media p {

    font-size: 12px;

    letter-spacing: 0;

    line-height: 1.2em;

    margin-bottom: 10px;

}

.img-media {

    height: 220px;

}

}@media(max-width:1400px) {

    .page-banner {

    height: 100%;

}

.fill-content {

    padding: 40px 0;

}

.fill-content.values-content {

    padding-bottom: 100px;

}

.founder-sec {

    padding-top: 40px;

}

.founder-img {

    margin: 0 40px 0 auto;

}

.founder-sec:nth-child(even) .col-sm-6:first-child .founder-img {

    margin: 0 auto 0 40px;

}

.info-media {

    padding: 20px;

}

.acrd-cont ul.green-hub li {

    font-size: 14px;

}

}@media(max-width:1200px) {

    .fill-image.values-img {

    background-position: center right!important;

    background-size: auto 100%!important;

}

}@media(max-width:1100px) {

    .media-row .col-media, .media-row .col-media: first-child {

    width: 100%}

.img-media {

    margin: 0;

}

.info-media {

    height: 160px;

}

.form-wrap .form-title .copy {

    font-size: 1.8em;

}

}@media(max-width:992px) {

    .container-980 {

    max-width: 740px;

}

.container-800 {

    max-width: 740px;

}

.page-banner {

    height: 600px;

}

.fill-content {

    padding: 40px 0;

}

.fill-image.values-img {

    width: 75%}

.founder-img {

    max-width: 400px;

}

.info-media {

    padding: 15px 30px;

}

.info-media h2 {

    font-size: 16px;

}

.hoh-contact {

    padding: 30px 30px;

}

.contact-block {

    padding: 15px 30px;

}

.award-group .col-sm-6 {

    width: 100%}

.founder-img {

    margin: 0 20px 0 auto;

}

.founder-sec:nth-child(even) .col-sm-6:first-child .founder-img {

    margin: 0 auto 0 20px;

}

.propertyCarousel .owl-nav button.owl-prev {

    left: -28px;

}

.propertyCarousel .owl-nav button.owl-next {

    right: 10px;

}

}@media(max-width:767px) {

    .page-inner {

    padding-bottom: 0;

}

.page-content {

    margin-bottom: 0;

}

.page-banner {

    height: 480px

}

.page-banner-caption h2 {

    font-size: 16px;

    line-height: 1.4;

}

.page-banner-caption h3 {

    font-size: 14px;

}

.fill-content {

    padding: 20px 0 30px 0;

}

.fill-content.values-content {

    padding-bottom: 30px;

}

.fill-image {

    position: static;

    height: 200px;

    width: 100%}

.fill-image.abt-img1 {

    width: auto;

    margin: 0 -15px;

}

.fill-image.abt-img2 {

    background-position: center top!important;

}

.fill-image.values-img {

    width: auto;

    margin: 0 -15px;

    background-position: center center!important;

}

.founder-sec {

    padding-top: 40px;

    text-align: center;

}

.founder-sec:first-child {

    padding-top: 0;

}

.founder-content {

    margin-top: 15px;

}

.founder-cta {

    text-align: left;

}

.founder-sec:nth-child(even) .col-sm-6:first-child {

    float: none;

}

.founder-sec:nth-child(even) .founder-content {

    float: none;

}

.founder-sec:nth-child(even) .founder-cta {

    padding: 0;

    text-align: left;

}

.founder-sec:nth-child(odd) .founder-cta {

    padding: 0;

}

.founder-sec:nth-child(odd) .founder-cta .btn {

    margin-left: 0;

}

.founder-sec:nth-child(even) .founder-cta .btn {

    margin-right: 0;

}

.founder-sec:nth-child(odd) .founder-cta:before {

    right: 0;

    left: 0;

    margin-right: 0;

}

.founder-sec:nth-child(even) .founder-cta:before {

    left: 0;

    right: 0;

    margin-left: 0;

}

.founder-img {

    margin: 0 auto;

}

.founder-sec:nth-child(even) .col-sm-6:first-child .founder-img {

    margin: 0 auto;

}

.form-label {

    padding: 8px 15px;

}

.form-container {

    padding: 20px 15px;

}

.ref-field {

    margin-bottom: 15px;

    text-align: right;

}

.ref-field .ref-fieldgroup {

    padding-right: 0;

    text-align: left;

}

.ref-field .btn {

    position: relative;

    float: none;

}

.nav-sub a {

    padding: 10px 20px;

    font-size: 16px;

}

.hoh-accordion .accordion-head {

    padding: 10px 40px 10px 15px;

    font-size: 14px;

}

.hoh-accordion .accordion-head:after {

    top: 7px;

}

.accordion-content {

    padding: 15px;

}

.currency-box {

    padding: 15px;

}

.currency-box .col-sm-1 {

    text-align: center;

}

.media-group {

    margin: 30px auto 0;

    max-width: 360px;

}

.media-row {

    flex-direction: column;

}

.media-row:nth-child(even) {

    flex-direction: column;

}

.media-row .col-media {

    width: 100%}

.info-media {

    padding: 15px;

    height: auto;

}

.img-media {

    margin: -1px -1px 0 -1px;

}

.media-row:nth-child(even) .col-media:first-child .img-media {

    margin: -1px -1px 0 -1px;

}

.nav-subslide {

    padding: 5px 0;

}

.nav-sub a {

    font-size: 14px;

    letter-spacing: 1px;

    padding: 5px 10px;

}

.hoh-contact {

    padding: 15px;

}

.grid-4box .item {

    width: 100%}

.grid-4box .item:nth-child(odd) {

    border-right: none;

}

.grid-4box .item:nth-child(2) {

    border-top: 1px solid #959595;

}

.contact-block {

    padding: 15px 15px;

}

.award-group {

    margin: 0 auto;

    max-width: 360px;

}

.col-award, .img-award, .info-award {

    display: block;

    width: 100%}

.img-award {

    margin: 0;

}

.form-wrap .form-title {

    height: auto;

    padding: 20px 60px;

}

.form-wrap .form-title .copy {

    font-size: 1.6em;

    transform: none;

    position: static;

}

.propertyCarousel .item {

    padding: 0 0;

}

.propertyCarousel .owl-nav button.owl-prev {

    left: -23px;

}

.propertyCarousel .owl-nav button.owl-next {

    right: 18px;

}

.inPageTab-content .green-hub p.hub-txt {

    padding: 0;

    text-align: left;

    text-align-last: left;

}

.green-hub .loc-adv ul li .copy p {

    text-align: center;

    text-align-last: center;

}

.green-hub .loc-adv ul li {

    width: 100%}

}.rhs-hdr-cont {

    padding-top: 0;

}

.form-container .mndry-field {

    text-align: right;

    font-family: OpenSansRegular;

    color: #333;

    font-weight: 400;

}

.offer-wrap {

    background: #e9e9e9;

    margin: 60px auto;

}

.offer-carousel {

    margin-top: -50px;

}

.offer-carousel .item {

    width: 100%;

    margin: 0;

    padding: 20px;

}

.offer-carousel .item .img-div {

    display: inline-block;

    width: 26%;

    vertical-align: top;

    box-shadow: -10px 10px 10px rgba(0, 0, 0, .4);

}

.offer-carousel .item .img-div img {

    display: block;

    width: 100%}

.offer-carousel .item .copy {

    display: inline-block;

    padding: 60px 40px 20px 40px;

    width: 72%}

.offer-carousel .item .copy p {

    margin-bottom: 3px;

    text-align: left;

    font-size: 1.6em;

}

.offer-carousel .item .copy h3 {

    text-transform: uppercase;

    margin-bottom: 0;

    font-family: OpenSansBold;

    letter-spacing: 1px;

    font-size: 15px;

}

.offer-carousel .item .copy h2 {

    line-height: 1.5em;

    font-family: OpenSansBold;

    letter-spacing: 1px;

    font-size: 15px;

}

.offer-carousel .flickity-prev-next-button {

    background: 0 0;

    height: 60px;

    width: 60px;

}

.offer-carousel .flickity-prev-next-button.previous {

    left: -8%}

.offer-carousel .flickity-prev-next-button.next {

    right: -8%}

@media(max-width:1100px) {

    .offer-carousel .item .copy {

    padding: 50px 20px 20px 30px;

}

.offer-carousel .flickity-prev-next-button.previous {

    left: -4%}

.offer-carousel .flickity-prev-next-button.next {

    right: -4%}



    

.residential-wrap.high-street .inPageTab-nav.resdential-tabs li{margin: 0;}

}@media(max-width:992px) {

    .offer-carousel .item .img-div {

    width: 40%}

.offer-carousel .item .copy {

    width: 59%}

.offer-carousel .flickity-prev-next-button.previous {

    left: -5%}

.offer-carousel .flickity-prev-next-button.next {

    right: -5%}

}@media(max-width:767px) {

    .offer-wrap {

    margin: 60px auto 20px auto;

}

.offer-carousel .item .img-div {

    width: 80%;

    display: block;

    margin: 0 auto;

    text-align: center;

    box-shadow: 2px 2px 10px rgba(0, 0, 0, .4);

}

.offer-carousel .item .copy {

    width: 80%;

    display: block;

    margin: 0 auto;

    padding: 20px 10px;

    text-align: center;

}

.offer-carousel .item .copy p {

    text-align: center;

}

.offer-carousel .flickity-prev-next-button.previous {

    left: -5%}

.offer-carousel .flickity-prev-next-button.next {

    right: -5%}

	

}.rera-advtg {

    display: inline-block;

    width: 100%;

    text-align: center;

    background: #000;

    position: relative;

    margin: 40px 0;

}

.rera-advtg:before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    background: #fff;

    height: 50px;

}

.rera-advtg:after {

    content: "";

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    background: #fff;

    height: 50px;

}

.rera-advtg .video-wrap {

    position: relative;

    z-index: 2;

    display: block;

    box-shadow: 0 0 30px rgba(0, 0, 0, .6);

    width: 80%;

    margin: 0 auto;

    max-width: 680px;

}

.rera-advtg .video-wrap img {

    display: block;

    margin: 0 auto;

}

.videoWrapper {

    position: relative;

    padding-bottom: 56.25%;

    padding-top: 25px;

    height: 0;

}

.videoWrapper iframe {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%}

.r-accordion {

    margin: 30px 0;

}

.r-accordion .accordion-row {

    display: inline-block;

    margin: 0 0 20px 0;

    width: 100%}

.r-accordion .accordion-row .accordion-head {

    display: inline-block;

    vertical-align: middle;

    width: 100%;

    background: #e1e1e1;

    padding: 15px 40px;

    position: relative;

}

.r-accordion .accordion-row .accordion-head:before {

    content: "";

    position: absolute;

    top: 50%;

    right: 20px;

    width: 12px;

    height: 2px;

    background: #383838;

    transform-origin: left center;

    transform: translateX(-50%) rotate(40deg);

    transition: all .4s ease;

}

.r-accordion .accordion-row .accordion-head:after {

    content: "";

    position: absolute;

    top: 50%;

    right: 14px;

    width: 12px;

    height: 2px;

    background: #383838;

    transform-origin: right center;

    transform: translateX(-50%) rotate(-40deg);

    transition: all .4s ease;

}

.r-accordion .accordion-row.is-open .accordion-head:before {

    transform: translateX(-50%) rotate(-40deg);

    transition: all .4s ease;

}

.r-accordion .accordion-row.is-open .accordion-head:after {

    transform: translateX(-50%) rotate(40deg);

    transition: all .4s ease;

}

.r-accordion .accordion-row .accordion-head span {

    text-transform: uppercase;

    letter-spacing: 1px;

    font-family: OpenSansSemibold;

    font-weight: 400;

    font-size: 14px;

}

.r-accordion .accordion-row .accordion-head a {

    color: #333;

    float: right;

    text-decoration: underline;

    font-size: 12px;

    margin-right: 30px;

}

.r-accordion .accordion-row .accordion-body {

    padding: 0 40px;

}

.r-accordion .accordion-row .accordion-body .proj {

    margin: 20px 0;

}

.r-accordion .accordion-row .accordion-body p {

    margin: 0;

    line-height: 1.4em;

    font-size: 13px;

    letter-spacing: normal;

    text-align: left;

}

.r-accordion .accordion-row .accordion-body h5 {

    text-transform: uppercase;

    font-size: 12px;

    line-height: 1.3em;

    margin-bottom: 5px;

}

.r-accordion .accordion-row .accordion-body h5 a {

    text-decoration: underline;

    color: #383838;

}

@media(max-width:767px) {

    .rera-advtg: before {

    height: 30px;

}

.rera-advtg:after {

    height: 30px;

}

.r-accordion .accordion-row .accordion-head {

    padding: 10px 20px;

}

.r-accordion .accordion-row .accordion-body {

    padding: 0 20px;
	

}

.r-accordion .accordion-row .accordion-head a {

    display: block;

    margin-right: 0;

    float: none;

}

}.explore-wrap h2 {

    text-align: center;

    margin: 30px 0;

    overflow: hidden;

    font-size: 18px;

    text-transform: uppercase;

    xcolor: #363636;

}

.explore-wrap h2 span {

    display: inline-block;

    position: relative;

}

.explore-wrap h2 span:before {

    content: "";

    position: absolute;

    right: 110%;

    width: 300%;

    height: 1px;

    background: #363636;

    top: 50%;

    transform: translateY(-50%);

    display: block;

}

.explore-wrap h2 span:after {

    content: "";

    position: absolute;

    left: 110%;

    width: 300%;

    height: 1px;

    background: #363636;

    top: 50%;

    transform: translateY(-50%);

    display: block;

}

.loc-adv {

    display: inline-block;

    width: 100%;

    margin-bottom: 40px;

}

.loc-adv ul {

    display: inline-block;

    width: 100%;

    text-align: center;

}

.loc-adv ul li {

    display: inline-block;

    vertical-align: top;

    width: 33%;

    padding: 20px;

}

.loc-adv ul li .img-div {

    float: left;

    width: 20%;

    margin-right: 30px;

    max-width: 98px;

}

.loc-adv ul li .img-div img {

    display: block;

    width: 100%}

.loc-adv ul li .copy {

    float: left;

    width: 70%}

.loc-adv ul li .copy p {

    text-align: left;

}

.infra-wrap {

    background: #eaeaea;

    padding: 20px 0;

}

.infra-wrap ul {

    display: inline-block;

    width: 100%;

    text-align: center;

}

.infra-wrap ul li {

    display: inline-block;

    vertical-align: top;

    width: 49%;

    padding: 20px;

    text-align: center;

}

.infra-wrap ul li .img-div {

    display: block;

    margin-bottom: 20px;

    overflow: hidden;

}

.infra-wrap ul li .img-div img {

    display: block;

    width: 100%;

    transition: all .4s ease-out;

}

.infra-wrap ul li:hover .img-div img {

    transform: scale(1.1);

}

.infra-wrap ul li .copy {

    display: block;

}

.infra-wrap ul li .copy p {

    text-align: center;

}

.social-amnt {

    padding: 20px 0;

}

.social-amnt ul {

    display: inline-block;

    width: 100%;

    text-align: center;

}

.social-amnt ul li {

    display: inline-block;

    vertical-align: top;

    width: 49%;

    padding: 20px;

    text-align: center;

}

.social-amnt ul li .img-div {

    float: left;

    width: 20%;

    margin-right: 30px;

    max-width: 100px;

}

.social-amnt ul li .img-div img {

    display: block;

    width: 100%}

.social-amnt ul li .copy {

    float: left;

    width: 70%}

.social-amnt ul li .copy p {

    text-align: left;

}

.suburb-wrap {

    padding: 20px 0;

}

.suburb-wrap ul {

    display: inline-block;

    width: 100%;

    text-align: center;

}

.suburb-wrap ul li {

    display: inline-block;

    vertical-align: top;

    width: 49%;

    padding: 20px;

    text-align: center;

}

.suburb-wrap ul li .img-div {

    display: block;

    margin-bottom: 20px;

    overflow: hidden;

}

.suburb-wrap ul li .img-div img {

    display: block;

    width: 100%;

    transition: all .4s ease-out;

}

.suburb-wrap ul li:hover .img-div img {

    transform: scale(1.1);

}

.suburb-wrap ul li .copy {

    display: block;

}

.suburb-wrap ul li .copy p {

    text-align: center;

}

@media(max-width:1100px) {

    .loc-adv ul li {

    width: 49%}

.explore-wrap h2 {

    font-size: 16px;

    margin: 10px auto;

}

}@media(max-width:767px) {

    .loc-adv ul li {

    padding: 10px;

}

.loc-adv ul li .img-div, .social-amnt ul li .img-div {

    display: block;

    text-align: center;

    width: 60px;

    float: none;

    margin: 0 auto 10px auto;

}

.loc-adv ul li .copy, .social-amnt ul li .copy {

    float: none;

    display: block;

    width: auto;

    text-align: center;

}

.loc-adv ul li .copy p, .social-amnt ul li .copy p {

    text-align: center;

}

.infra-wrap ul li, .suburb-wrap ul li {

    display: block;

    width: 100%}

.infra-wrap ul li .img-div, .suburb-wrap ul li .img-div {

    max-width: 340px;

    margin: 0 auto 10px auto;

}

}.sitemap-wrap {

    display: inline-block;

    width: 100%;

    text-align: left;

}

.sitemap-wrap .frm {

    display: inline-block;

    width: 100%;

    padding: 20px 0;

    border-bottom: 1px solid #333;

    margin-bottom: 10px;

}

.sitemap-wrap .frm:last-child {

    border: none;

    padding-bottom: 0;

    margin-bottom: 0;

}

.sitemap-wrap .col {

    display: inline-block;

    vertical-align: top;

    margin: 20px 0;

    text-align: left;

}

.sitemap-wrap h2 a, .sitemap-wrap h2 a:active {

    color: #363636;

}

.sitemap-wrap h2 a:hover {

    color: #000;

    text-decoration: underline;

}

.sitemap-wrap h3 {

    text-transform: uppercase;

    margin-bottom: 10px;

}

.sitemap-wrap ul {

    text-align: left;

    margin-bottom: 20px;

    display: inline-block;

    vertical-align: top;

    width: 24%}

.sitemap-wrap ul li {

    font-family: OpenSansBold;

    color: #363636;

    margin-bottom: 6px;

}

.sitemap-wrap ul li a {

    font-family: OpenSansRegular;

    color: #363636;

    font-weight: 400;

}

.sitemap-wrap ul li a:hover {

    color: #000;

    text-decoration: underline;

}

.sitemap-wrap ul li ul {

    margin-top: 6px;

    padding-left: 15px;

    display: block;

    width: 100%}

@media(max-width:1100px) {

    .sitemap-wrap ul {

    width: 32%}

}@media(max-width:767px) {

    .sitemap-wrap ul {

    width: 100%;

    margin-bottom: 10px;

}

}.inPageTab-tab-wrap {

    display: block;

    margin: 60px auto 0 auto;

    background: #efefef;

}

ul.inPageTab-nav {

    display: inline-block;

    width: 100%;

    text-align: center;

    margin: 0 0 10px 0;

    background: #fff;

}

ul.inPageTab-nav li {

    color: #363d3d;

    display: inline-block;

    position: relative;

    font-size: 18px;

    letter-spacing: 1px;

    margin: 0 20px;

    line-height: 14px;

    cursor: pointer;

    padding: 0 5px 18px 5px;

}

ul.inPageTab-nav li.current {

    font-family: OpenSansBold;

}

ul.inPageTab-nav li.current:before {

    content: "";

    position: absolute;

    left: 0;

    width: 100%;

    top: 100%;

    height: 2px;

    background: #383838;

}

ul.inPageTab-nav li.current:after {

    content: "";

    position: absolute;

    left: 50%;

    bottom: -10px;

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 10px 8px 0 8px;

    border-color: #383838 transparent transparent transparent;

    transform: translateX(-50%);

}

.inPageTab-content {

    display: none;

    padding: 40px 0;

    margin: 0 auto;

    position: relative;

    background: #efefef;

}

.inPageTab-content.current {

    display: block;

}

.inPageTab-content p {

    text-align: justify;

    text-align-last: center;

}

.inPageTab-content .hoh-accordion .accordion-head {

    background: #e1e1e1;

}

.inPageTab-content .hoh-accordion .accordion-row.is-open .accordion-head {

    background: #262626;

    color: #fff;

}

.inPage-img-crsl {

    margin: 60px 0 0 0;

    display: block;

}

.award-frm {

    width: 600px;

    padding: 20px 10px 10px 10px;

    background: #fff;

}

.award-frm img {

    width: auto!important;

    max-width: 100%;

    height: auto;

    max-height: none;

    margin: 0 auto 15px auto;

}

.flipster-carousel .flip-current .flip-content {

    box-shadow: 0 5px 10px rgba(0, 0, 0, .5);

}

.inPage-img-crsl .flipster__item.flipster__item--current {

    xbox-shadow: 0 0 20px #000;

}

.inPage-img-crsl .flipster__item__content {

    xbackground: #fff;

    text-align: center;

    xpadding: 20px;

    box-shadow: 0 5px 10px rgba(0, 0, 0, .5);

}

.inPage-img-crsl .flipster__item__content img {

    display: block;

    margin: 0 auto 10px auto;

}

.inPage-img-crsl .flipster-carousel .flip-items img {

    max-width: 520px;

}

.inPage-img-crsl .flipster__button {

    font-size: 40px;

}

.inPage-img-crsl .flipster__button .btnPrev:before {

    content: "\e901";

    font-family: icomoon;

    font-size: 40px;

    color: #000;

    position: absolute;

    top: 0;

    left: 0;

    display: block;

}

.tab2accord .acrd-frm .toggle {

    display: none;

}

.abt-list ul {

    display: inline-block;

    width: 100%;

    margin: 20px 0;

    text-align: center;

}

.abt-list ul li {

    display: inline-block;

    vertical-align: top;

    margin: 10px 20px;

    text-align: center;

}

.abt-list ul li img {

    display: block;

    max-width: 98px;

    margin: 0 auto 10px auto;

}

.abt-list ul li p {

    display: block;

    font-size: 1.1em;

    margin: 0 auto;

    text-align: center;

}

.abt-list ul li p strong {

    display: block;

}

@media(max-width:1300px) {

    .inPageTab-tab-wrap {

    xmargin-bottom: -30px;

}

}@media(max-width:992px) {

    .inPage-img-crsl {

    margin-top: 20px;

}

.inPageTab-tab-wrap {

    margin-bottom: 0;

    background: 0 0;

    margin: 20px 0;

}

ul.inPageTab-nav {

    display: none;

}

.inPageTab-content {

    padding: 0;

    background: 0 0;

}

.tab2accord {

    display: inline-block;

    width: 100%}

.tab2accord .acrd-frm {

    display: inline-block;

    width: 100%;

    margin: 0 0 10px 0;

}

.tab2accord .acrd-frm .toggle {

    display: block;

    padding: 20px;

    position: relative;

    color: #262626;

    background: #e1e1e1;

}

.tab2accord .acrd-frm .toggle:before {

    content: "\e912";

    font-family: icomoon;

    position: absolute;

    top: 50%;

    right: 20px;

    transform: translateY(-50%);

    color: #000;

    font-size: 14px;

    transition: all .4s ease;

}

.tab2accord .acrd-frm .toggle.active {

    background: #262626;

    color: #fff;

}

.tab2accord .acrd-frm .toggle.active:before {

    content: "--";

    color: #fff;

    transform: translateY(-50%) rotate(180deg);

}

.tab2accord .acrd-frm .acrd-cont {

    overflow: hidden;

    display: none;

    background: #f3f3f3;

    padding: 20px;

}

/* added by rakesh */

  .acrd-cont:nth-last-child(n + 2), .tab2accord .acrd-frm .acrd-cont:last-child {

    display: block!important;

}

.tab2accord .acrd-frm .acrd-cont .btn-download {

    display: inline-block;

    min-width: 31%;

    max-width: 280px;

    vertical-align: middle;

    margin: 6px 5px;

    background: #209cab;

    padding: 20px 30px;

    border-radius: 4px;

    color: #fff;

    font-size: 1.6em;

    position: relative;

    transition: all .4s ease;

}

.tab2accord .acrd-frm .acrd-cont .btn-download:before {

    content: "\e930";

    font-family: icomoon;

    position: absolute;

    top: 50%;

    right: 20px;

    transform: translateY(-50%);

    color: #fff;

    font-size: 1.4em;

}

.tab2accord .acrd-frm .acrd-cont .btn-download:hover {

    background: #1a7a85;

}

}.flipster {

    padding-bottom: 50px;

}

@media(max-width:767px) {

    .award-frm {

    width: 300px;

}

.abt-list ul li {

    width: 38%;

    margin: 10px;

}

}a.anchor {

    display: block;

    position: relative;

    top: -180px;

    visibility: hidden;

}

.hoh-gal {

    padding: 0 80px;

}

.gal-filter {

    margin-bottom: 30px;

    text-align: left;

}

.gal-filter li {

    display: inline-block;

    vertical-align: top;

    margin-right: 5px;

}

.gal-filter .form-control {

    width: 200px;

    border: 1px solid #000;

    height: 38px;

    color: #000;

    font-weight: 600;

    padding-right: 22px;

}

.hoh-gal .carousel-main .item {

    width: 100%;

    border-radius: 0;

}

.hoh-gal .carousel-main .item img {

    width: 100%;

    display: block;

}

.hoh-gal .carousel-main .flickity-prev-next-button.previous {

    left: -90px;

}

.hoh-gal .carousel-main .flickity-prev-next-button.next {

    right: -90px;

}

.hoh-gal .carousel-main .flickity-prev-next-button.previous:before {

    content: "\e902";

    font-family: icomoon;

    font-size: 50px;

    color: #000;

    position: absolute;

    top: 0;

    left: 0;

    display: block;

}

.hoh-gal .carousel-main .flickity-prev-next-button.next:before {

    content: "\e901";

    font-family: icomoon;

    font-size: 50px;

    color: #000;

    position: absolute;

    top: 0;

    left: 0;

    display: block;

}

.hoh-gal .carousel-nav {

    margin-top: 5px;

}

.hoh-gal .carousel-nav .item {

    width: 16.66777%;

    transition: all ease .3s;

    background: #fff;

    overflow: hidden;

}

.hoh-gal .carousel-nav .item img {

    transition: all ease-in-out .2s;

    opacity: .7;

    display: block;

}

.hoh-gal .carousel-nav .item.is-nav-selected img {

    opacity: 1;

    transform: scale(1.05);

}

@media(max-width:1200px) {

    .hoh-gal {

    padding: 0 40px;

}

.hoh-gal .carousel-main .flickity-prev-next-button.previous {

    left: -40px;

}

.hoh-gal .carousel-main .flickity-prev-next-button.next {

    right: -40px;

}

.hoh-gal .carousel-main .flickity-prev-next-button.previous:before {

    font-size: 30px;

}

.hoh-gal .carousel-main .flickity-prev-next-button.next:before {

    font-size: 30px;

}

}@media(max-width:992px) {

    .hoh-gal .carousel-nav .item {

    width: 20%}

}@media(max-width:767px) {

    .hoh-gal {

    padding: 0;

}

.hoh-gal .carousel-nav .item {

    width: 33.3333%}

.gal-filter {

    margin-bottom: 15px;

}

.gal-filter li {

    margin: 0 5px 5px 0;

}

.gal-filter .form-control {

    height: 30px;

    width: 133px;

    font-size: 14px;

}

.hoh-gal .flickity-prev-next-button {

    position: relative;

    transform: scale(.87);

    border: 1px solid #f1f1f1;

    margin: 5px 3px 0;

    vertical-align: baseline;

    display: inline-block;

    color: #fff;

}

.hoh-gal .carousel-main .flickity-prev-next-button.previous {

    left: auto;

}

.hoh-gal .carousel-main .flickity-prev-next-button.next {

    right: auto;

}

.hoh-gal .carousel-main .flickity-prev-next-button.next:before, .hoh-gal .carousel-main .flickity-prev-next-button.previous:before {

    width: 100%;

    height: 100%;

    transform: scale(.6);

}

}



#gallery_container {

    float: left;

     width: 100%;

     position: relative;

}



.carousel-main .flickity-viewport {

    min-height: 400px;

}

.upcoming-info .info-media p {

    font-size: 13px;

    line-height: 22px;

    margin-bottom: 0px;

}



.upcoming-info .img-media {

    height: 235px;

}





ul.media-coverage-list {

     width: 100%;

     float: left;

     margin: 0;

     padding: 0;

     list-style: none;

}



ul.media-coverage-list li {

     width: 33.33%;

     float: left;

     margin: 0;

     padding: 10px 20px;

     list-style: none;

 }



ul.media-coverage-list li .col-sm-6 {

     width: 100%;

     padding: 0;

    border-bottom: 1px solid rgba(0, 0, 0, 0.3);

}



ul.media-coverage-list li .col-media {

     width: 100%;

     float: left;

     margin: 0;

    padding: 0;

}



ul.media-coverage-list li .col-media  .image-box {

     width: 100%;

     float: left;

     margin: 0;

     padding: 0;

     height: auto;

    border-radius: 20px;

     overflow: hidden;

    background:  transparent;

}



ul.media-coverage-list li .col-media  .image-box img {

      max-height: auto;

     height: auto;

    border-radius: 20px;

    border:  1px solid #a4a4a4;

 }



ul.media-coverage-list li .col-media.data-box {

     width: 100%;

     float: left;

     margin: 0;

     padding: 0;

}



ul.media-coverage-list li .col-media.data-box p {

     width: auto;

     display: inline-block;

     float: right;

     color: #a8a8a8;

}



ul.media-coverage-list li .col-media.data-box p.view {

    float: left;

    float:  left;

     background:  url(../images/right-arrow.png) no-repeat;

     background-size:  18px;

    

    background-position:  90% center;

    padding:  0 30px 0 0;

     font-size:  14px;

    color: #000;

    line-height:  normal;

}



ul.media-coverage-list li .col-media.data-box a {

     width: auto;

     display: inline-block;

     float: left;

     background: url(../images/right-arrow.png) no-repeat;

     background-size:  18px;

    

    background-position:  90% center;

     padding:  0 30px 0 0;

     font-size:  14px;

}



ul.media-coverage-list li .col-media .info-media {

    padding: 15px 0;

    width:  100%;

     float:  left;

}



ul.media-coverage-list li .col-media .info-media h2 {

    color: #000;

     margin-bottom: 20px;

    padding-right:  65px;

     line-height:  24px;

}



ul.media-coverage-list li  .media-row {

     border: 0;

     margin: 0;

}



.item.in-the-news a.active {

     color: #ee003c;

}



.item.in-the-news a:after  {

     background: #ee003c;

}



.item.in-the-news a.active:before {

     background: #ee003c;

}



.item.content a:before {

    display: none;

}



.item.content a.active {

    color: #ee003c;

}



.item.content a.active:after {

     background: #ee003c;

}



.item.content a.active:after,  .item.content a.active:before {

    transform:  translateY(-50%) scale(1);

}

.item.in-the-news a.active:after,  .item.in-the-news a.active:before {

    transform:  translateY(-50%) scale(1);

}

.item.in-the-news a:after,  .item.in-the-news a:before {

    width:  6px;

     height:  6px;

}



.item.content a:after,  .item.content a:before {

    width:  6px;

     height:  6px;

}





/* sitemap css--------------- */

.sitemap h1 {

    position: relative;

    top: auto;

    left: auto;

    font-size: 32px;

    color: #000;

    text-transform: uppercase;

    padding: 0 0 30px;

    margin:  0 0 70px;

}



.sitemap h1:after {

    content: "";

    display: inline-block;

    width: 100%;

    height: 2px;

    background: #000;

    position: absolute;

    bottom: 0;

    left: 0;

}



.sitemap .main-tab {

    position: relative;

    text-align: center;

    padding: 0 0 30px;

}



.sitemap .main-tab:before {

    content: "";

    display: inline-block;

    width: 2px;

    height: 30px;

    background: #c5ab67;

    position: absolute;

    bottom: 0;

    left: 50%;

}



.sitemap .main-tab a {

    color: #fff;

    border: 1px solid #fff;

    background: #000;

    font-family: OpenSansBold;

}



.sitemap a {

    display: inline-block;

    color: #000;

    font-size: 14px;

    padding: 12px 5px;

    min-width: 200px;

    margin: 0;

    text-align: center;

    text-transform: uppercase;

}



.sitemap {

    float: left;

    width: 100%;

    margin: 0;

    padding: 0;

}



.sitemap ul {

    position: relative;

    float: left;

    width: 100%;

    margin: 0;

    padding: 0;

}



.sitemap ul li {

    position: relative;

    display: inline-block;

    text-align: center;

    margin: 0;

    padding: 0;

    width: 100%;

}



ul.sitemap-tree {

    display: flex;

    justify-content: center;

}



ul.sitemap-tree > li {

    width: 17%;

}



ul.sitemap-tree > li > a {

    color: #fff;

    background: #c5ab67;

    border: 1px solid #fff;

}





ul.sitemap-tree ul.sub-tree li {

    padding: 20px 0 0;

}



ul.sitemap-tree ul.sub-tree > li:before {

    content: "";

    display: inline-block;

    width: 2px;

    height: 20px;

    background: #fff;

    position: absolute;

    top: 0;

    left: 50%;

}



ul.sitemap-tree ul.sub-tree ul.sub-tree > li:before {

    background: #acacac;

}



ul.sitemap-tree ul.sub-tree ul.sub-tree  ul.sub-tree > li:before {

    background: #cccccc;

}



ul.sitemap-tree ul.sub-tree ul.sub-tree  ul.sub-tree  ul.sub-tree > li:before {

    background: #e1e1e1;

}



ul.sitemap-tree ul.sub-tree a {

    background: #fff;

    position: relative;

    border: 1px solid #ebebeb;

}



ul.sitemap-tree ul.sub-tree ul.sub-tree {

    padding-left: 12px;

}



ul.sitemap-tree ul.sub-tree ul.sub-tree a {

    background: #acacac;

    border: 1px solid #fff;

     position: relative;

}



ul.sitemap-tree ul.sub-tree ul.sub-tree ul.sub-tree a {

    background: #cccccc;

    border: 1px solid #fff;

}



ul.sitemap-tree ul.sub-tree ul.sub-tree ul.sub-tree {

    padding-left: 15px;

}



ul.sitemap-tree ul.sub-tree ul.sub-tree ul.sub-tree  ul.sub-tree li:not(:first-child) {

    padding: 0;

}



ul.sitemap-tree ul.sub-tree ul.sub-tree ul.sub-tree  ul.sub-tree li:not(:first-child)::before {

    display: none;

}



ul.sitemap-tree ul.sub-tree ul.sub-tree ul.sub-tree ul.sub-tree a {

    border: 1px solid #fff;

    background: #e1e1e1;

}



ul.sitemap-tree  a.expand:before {

     content: "";

     display: inline-block;

     position: absolute;

     top: 20px;

     right: 10px;

     font-size: 20px;

     width: 12px;

     height: 12px;

      background: url(../images/down-arrow.png) no-repeat;

     background-size: 100%;

     line-height: 20px;

 }



ul.sitemap-tree  a.expand.active:before {

    transform:  rotate(-180deg);

    top: 15px;

}







/* award */

.award-select.media-filter {

    padding: 25px 0;

    margin: 0 0 50px;

    border-bottom: 1px solid #dcdcdc;

}



.award-select.media-filter select.form-control {

    padding-left: 0;

}



.award-new .col-award {

    flex-flow: row wrap;

    padding: 4px;

    margin:  0 0 40px;

    transform:  scale(0.92);

    transition: all 0.4s ease-in-out;

    overflow: hidden;

    border: 1px solid #727685;

}



.award-new .col-award .img-award {

    width: 100%;

    margin: 0;

    border: 1px solid #727685;

}



.award-new .col-award .info-award {

    position: absolute;

    left: 4px;

    bottom: -100%;

    width:  calc(100% - 8px);

    height:  calc(100% - 8px);

    opacity: 0;

    visibility: hidden;

    transition: all 0.3s ease-in-out;

    background:  rgba(255, 255, 255, 0.9);

    padding: 35px 15px 15px;

    border: 1px solid #727685;

}



.award-new .col-award:hover {

    transform:  scale(1.090);

    box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);

}



.award-new .col-award:hover .info-award {

    bottom: 4px;

    opacity: 1;

    visibility: visible;

}



.award-new .info-award h3, .award-new .info-award h2 {

    font-size: 15px;

    font-family:  OpenSansBold;

    margin:  0 0 10px;

    color: #000;

    letter-spacing:  normal;

}



.award-new .info-award p {

    margin: 40px 0 0;

    color: #000;

    text-align:  left;

}



.info-award a.btn.read-more {

    color:  #FFF;

     font-size:  12px;

     background:  #000;

     padding: 8px;

     margin-top:  15px;

}



.info-award a.btn.read-more:hover {

    color:  #666;

     border-color:  #666;

     background:  #fff;

}



.info-award a.btn.read-more:before {

     background:  #fff;

}



/* .btn:focus:before,  .btn:hover:before  {

     bottom:  -50px;

}

 */

   



.award-popup {

    display: flex;

    position: absolute;

    top: 60px;

    left: 0;

    align-items:  flex-start;

    justify-content: center;

    width: 100%;

    height: 100%;

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

    display: none;

    z-index: 9;

}



/* .award-popup:after {

    content: "";

    display: inline-block;

    width: 100%;

    height: 100%;

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

    position: absolute;

    top: 0;

    right: -100%;

}



.award-popup:before {

    content: "";

    display: inline-block;

    width: 100%;

    height: 100%;

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

    position: absolute;

    top: 0;

    right: 100%;

}

 */

.award-popup .popup-data {

    background: #fff;

    width: 70%;

    height: auto;

    margin: 100px 0 0;

    padding: 12px;

}



.award-popup .award-data {

    position: relative;

    display: flex;

    flex-flow:  row wrap;

    width: 100%;

    margin: 0;

    padding: 0;

    height:  100%;

}



.award-popup .award-data img {

    height: 100%;

    object-fit: cover;

    object-position: center;

}



.close-btn {

    display: inline-block;

    cursor: pointer;

    position: absolute;

    right: 0;

    top: 0;

    font-size:  18px;

    font-family:  sans-serif;

}



.award-new .award-popup .info-award {

    display: flex;

    flex-flow: row wrap;

    align-content: center;

}



.award-new .award-popup .info-award h3,  .award-new .award-popup .info-award h2 {

    width: 100%;

    font-size: 18px;

}



/**/

.gptw-offer {

    width:  68px;

     float:  right;

     margin:  0;

     padding:  0;

     display:  inline-block;

     position:  absolute;

     right:  8%;

     height:  auto;

}





/* New project pages 12 jan 2022========================= */

.projDtl-wrap .prj-info .prj-info-ttl {

    font-size: 18px;

    text-transform: none;

  }

  .projDtl-wrap .prj-info .prj-info-dtl p {

    text-align-last: left;

    text-align: left;

  }

  .prj-info-specificatn {

    display: flex;

    justify-content: space-between;

    margin-top: 30px;

  }

  .prj-info-specificatn .specificatn-col {

    display: flex;

    flex-direction: column;

    justify-content: flex-start;

    align-items: center;

  }

  .projDtl-wrap .prj-info .specificatn-col h3 {

    font-size: 24px;

    margin-bottom: 0px;

    letter-spacing: 2px;

  }

  .prj-info-specificatn .specificatn-col p {

    font-family: OpenSansSemiBold;

    font-size: 12px;

    letter-spacing: 1.2px;

  }

  

  /*gallery slider css*/

  .projectGallerySlider {

    position: relative;

    width: 100%;

    margin: 0 0 60px;

  }

  .tab-wrp {

    position: absolute;

    bottom: 2px;

    left: 0;

    right: 0;

    margin: 0 auto;

    text-align: center;

    border-top: 1px solid #fff;

    z-index: 2;

    display: flex;

    align-items: center;

    justify-content: space-between;
	overflow-x: auto;

  }

  .tab-wrp a {

    display: inline-block;

    padding: 10px 20px;

    font-size: 22px;

    position: relative;

    color: #ffffff;

    width: auto;

    height: auto;

    transition: 0.6s cubic-bezier(0.14, 1, 0.34, 1);

    text-transform: uppercase;

  }

  .tab-wrp a.active {

    color: #f37920;

  }

  .tab-wrp a:before {

    content: "";

    background-color: #f37920;

    width: 6px;

    height: 6px;

    border-radius: 50%;

    position: absolute;

    left: 0;

    right: 0;

    top: -3px;

    margin: auto;

    transition: 0.6s cubic-bezier(0.14, 1, 0.34, 1);

    transform: scale(0);

  }

  .tab-wrp a:after {

    content: "";

    background-color: #ffffff26;

    width: 24px;

    height: 24px;

    border-radius: 50%;

    position: absolute;

    left: 0;

    right: 0;

    top: -13px;

    margin: auto;

    transition: 0.6s cubic-bezier(0.14, 1, 0.34, 1);

    transform: scale(0);

  }

  .tab-wrp a.active:before,

  .tab-wrp a.active:after {

    transform: scale(1);

  }

  .tab-wrp a.tab:nth-child(5) {

    display: block;

}

  .content-wrp {

    width: 100%;

  }

  .tabcontent {

    width: 100%;

  }

  .allproj-list .tab-content-slider {

    width: 100%;

    margin: 0;

  }

  .allproj-list .content-wrp .tab-content-slider li {

    width: 100%;

    margin: 0px;

	height:auto;

  }

  .allproj-list .content-wrp .tab-content-slider li .img-box {

    position: relative;

  }

  .allproj-list .content-wrp .tab-content-slider li .img-box:before {

    content: "";

    background: linear-gradient(0deg, #000000d4 0%, rgba(101, 34, 53, 0) 100%);

    width: 100%;

    height: 40%;

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0px;

  }

  .tab-content-slider .slick-arrow {

    position: absolute;

    z-index: 1;

    top: 50%;

    transform: translateY(-50%);

    width: 40px;

    height: 40px;

    border: 0;

    border-radius: 100%;

    background: rgba(241, 241, 241, 0.75);

    outline: 0;

    color: transparent;

    padding: 0;

    transition: 0.5s cubic-bezier(0.14, 1, 0.34, 1);

  }

  .tab-content-slider .slick-arrow:hover {

    background: rgba(241, 241, 241, 1);

  }

  .tab-content-slider .slick-arrow.slick-prev {

    left: 30px;

  }

  .tab-content-slider .slick-arrow.slick-prev:after {

    content: "";

    position: absolute;

    display: inline-block;

    width: 100%;

    height: 100%;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    background: url(../images/left-arrow_1.png) no-repeat center center;

    background-size: 60%;

  }

  .tab-content-slider .slick-arrow.slick-next {

    right: 30px;

  }

  .tab-content-slider .slick-arrow.slick-next:after {

    content: "";

    position: absolute;

    display: inline-block;

    width: 100%;

    height: 100%;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    background: url(../images/right-arrow_1.png) no-repeat center center;

    background-size: 60%;

  }





  



@media screen and (min-width:1023px) {

    

	/* more tree css */

	ul.sitemap-tree > li.more > ul.sub-tree > li: not(:last-child):after {

    content: "";

    display: inline-block;

    width: 2px;

    height: 100%;

    background: #fff;

    position: absolute;

    top: 10px;

    left: 0;

}



	ul.sitemap-tree > li.more > ul.sub-tree > li::before {

    display: none;

}



	ul.sitemap-tree > li.more > ul.sub-tree > li:first-child::before {

    display: inline-block;

    height: 12px;

}



	ul.sitemap-tree > li.more > ul.sub-tree > li:last-child::before {

     display: inline-block;

    top:  10px;

    left: 0;

       height:  34px;

}



	ul.sitemap-tree > li.more > ul.sub-tree:before {

    content: "";

    display: inline-block;

    width: 50%;

    height: 2px;

    background: #fff;

    position: absolute;

    top: 10px;

    left: 0;

}



	ul.sitemap-tree > li.more > ul.sub-tree > li > a:after {

    content: "";

    display: inline-block;

    width: 19px;

    height: 2px;

    background: #fff;

    position: absolute;

    top: 50%;

    left: -18px;

}



}

@media screen and (max-width:1500px) {

    

/* sitemap css--------------- */

ul.sitemap-tree > li  {

    width:  20%;

}



.sitemap h1 {

    font-size:  26px;

    padding:  0 0 20px;

     margin:  0 0 50px;

}



/* New project pages 12 jan 2022========================= */

  /*gallery slider css*/

  .tab-wrp a {

    padding: 8px 12px;

    font-size: 14px;

  }

  .tab-wrp a:before {

    width: 8px;

    height: 8px;

    top: -5px;

  }

  .tab-wrp a:after {

    width: 18px;

    height: 18px;

    top: -10px;

  }



}

@media screen and (max-width:1300px) {

    

/* sitemap css--------------- */

.sitemap a {

    min-width:  180px;

    font-size:  12px;

}



	

}

@media screen and (max-width:1100px) {

    

.upcoming-info .info-media {

    height: auto;

}



/* sitemap css--------------- */

.sitemap h1 {

    font-size: 22px;

}



.sitemap a {

    min-width:  160px;

    font-size:  11px;

}



ul.sitemap-tree > li.more > ul.sub-tree > li > a:after {

    left:  -13px;

}



ul.sitemap-tree > li.more > ul.sub-tree > li:last-child::before {

    height:  32px;

}



}

@media screen and (max-width:1023px) {

    

ul.media-coverage-list li {

     width: 50%;

}

	

.award-new .info-award h3, .award-new .info-award h2 {

    font-size: 12px;

    margin: 0 0 5px;

}



.award-new .col-award {

     margin:  0 0 30px;

}



.award-popup .popup-data {

    width: 95%;

    margin:  50px 0 0;

    padding: 20px 12px 15px;

}



.award-new .award-popup .info-award {

    align-content:  flex-start;

}



.close-btn {

    top:  -17px;

    right:  -8px;

        font-size:  15px;

}



/* sitemap css--------------- */

.sitemap h1 {

    font-size: 16px;

    margin:  0px 0 40px;

}



.sitemap .main-tab {

    display: none;

}



ul.sitemap-tree {

    flex-flow: row wrap;

    padding: 0 0 20px;

}



ul.sitemap-tree li {

    text-align: left;

}



ul.sitemap-tree > li {

    width: 100%;

    padding: 0px 20px;

    margin: 0 0 30px;

    border: 1px solid #c5ab67;

}



ul.sitemap-tree ul.sub-tree {

    padding-left: 15px;

    padding-bottom:  25px;

}



ul.sitemap-tree ul.sub-tree ul.sub-tree, ul.sitemap-tree ul.sub-tree ul.sub-tree ul.sub-tree {

    padding-left: 30px;

    padding-bottom:  0px;

}



ul.sitemap-tree ul.sub-tree li {

    padding: 0;

}



.sitemap ul li a {

    width: 100%;

    padding: 12px 0 12px 30px;

    background: transparent !important;

    border: none !important;

    color: #000;

    letter-spacing: 1px;

    text-align: left;

}



ul.sitemap-tree > li > a {

    font-size: 20px;

    font-weight:  600;

    padding-left: 0;

    letter-spacing: 1.4px;

}



ul.sitemap-tree ul.sub-tree a {

    font-size: 16px;

}



ul.sitemap-tree ul.sub-tree ul.sub-tree a {

    font-size: 15px;

    padding:  10px 0 10px 20px;

}



ul.sitemap-tree ul.sub-tree ul.sub-tree ul.sub-tree a {

    font-size: 14px;

}



ul.sitemap-tree ul.sub-tree ul.sub-tree ul.sub-tree ul.sub-tree a {

    font-size: 13px;

}



ul.sitemap-tree > li.more > ul.sub-tree:before, 

ul.sitemap-tree ul.sub-tree > li:before, 

ul.sitemap-tree > li.more > ul.sub-tree > li:first-child::before, 

ul.sitemap-tree > li.more > ul.sub-tree > li > a:after, 

ul.sitemap-tree > li.more > ul.sub-tree > li:last-child::before {

    display: none;

}



ul.sitemap-tree ul.sub-tree li:after {

    content: "";

    display: inline-block;

    width: 10px;

    height: 11px;

    background: #555555;

    border: 1px solid #555555;

    position: absolute;

    top: 17px;

    left: 0;

}



ul.sitemap-tree ul.sub-tree ul.sub-tree li:after {

    top:  15px;

    background:  #ceb55d;

    border:  1px solid #ceb55d;

}



ul.sitemap-tree ul.sub-tree ul.sub-tree ul.sub-tree li:after {

    background:  #e4d8af;

    border:  1px solid #e4d8af;

}



ul.sitemap-tree ul.sub-tree ul.sub-tree ul.sub-tree ul.sub-tree li:after {

    background:  #fff;

    border:  1px solid #ceb55d;

}





}

	

@media screen and (max-width:767px) {

    

.upcoming-info .img-media {

    border: 1px solid #b7b7b7;

    border-bottom: 0;

}



.carousel-main .flickity-viewport {

    min-height: 165px;

}



/* New project pages 12 jan 2022========================= */

  /*gallery slider css*/

  .tab-wrp a {

    padding: 8px 12px;

    font-size: 11px;

  }

  .projectGallerySlider {

    margin: 0 0 30px;

  }

  .prj-info-specificatn {

    flex-flow: row wrap;

  }

  .specificatn-col {

    width: 50%;

    padding: 10px 20px;

  }



  .breadcrumb .breadcrumb-item {

padding-left: 0px;

padding-right: 10px !important;

}



.proj-sticky.mob-proj-sticky {

    text-align: left;

    /* padding: 20px; */

}



.proj-sticky.mob-proj-sticky ul li {

    display: block;

    font-size: 16px;

    line-height: 28px;

}



.proj-sticky.mob-proj-sticky ul li i {

    font-size: 16px !important;

    margin-right: 10px;

}



.proj-sticky.mob-proj-sticky ul li:after {

    display: none;

}



.mob-location-wrap {

    width: 100%;

}



.mob-location-wrap  ul.loc-nav {

        text-align: left;

}

.mob-location-wrap ul.loc-nav li {

    display: block;

    line-height: 20px;

}



.mob-location-wrap ul.loc-nav li:last-child:after {

    display: none;

}



.mob-projtab-nav .projtab-nav{

    text-align: left;

}

.mob-projtab-nav ul.projtab-nav li {

display: block;

line-height: 20px;

}



.mob-projtab-nav .projtab-nav li:last-child:after {

    display: none;

}



.mob-projtab-nav .prodtltab-content {

    max-width: 100%;

}



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

/* .projdtl-gal .flickity-viewport {

    height: 100% !important;

} */



.flickity-viewport .grid-imgs-new li {

    width: 100% !important;

    height: 350px !important;

    padding: 0px !important;

    float: unset !important;

}



.projDtl-wrap .projdtl-gal .grid-imgs-new.grid-4 li:first-child img {

    width: 100% !important;

    height: 100% !important;

    object-fit: cover;

}

.projDtl-wrap .projdtl-gal .grid-imgs-new.grid-4 li:last-child img {

    width: 100% !important;

    height: 100% !important;

    object-fit: cover;

}



.projDtl-wrap .projdtl-gal .grid-imgs-new li img {

    width: 100% !important;

    height: 100% !important;

    object-fit: cover;

}



.map-tab li:first-child{display: block;}



.mob-proj-sticky ul li:after {

    display: none; 

}

.mob-proj-sticky ul li {

    display: block;

    font-size: 14px;

    line-height: 26px;

}



.mob-proj-sticky ul {

    text-align: left;

    padding: 20px;

}

   

}

@media screen and (max-width:640px) {

    

ul.media-coverage-list li {

     width: 100%;

}



ul.media-coverage-list li .col-media .info-media h2 {

     padding: 0;

     font-size: 14px;

}



.award-select.media-filter {

    margin: 0 0 30px;

}

	

.award-new .col-award {

    padding:  4px;

     margin:  0 0 20px;

}

	

.award-new .col-sm-4 {

    padding: 0 30px;

}



.award-new .info-award {

    padding:  30px 12px 12px;

}



.award-new .info-award p {

    margin:  30px 0 0;

}



.info-award a.btn.read-more {

    font-size:  10px;

}



.gptw-offer {

     width: 50px;

}



}

@media screen and (max-width:480px) {

    

ul.sitemap-tree ul.sub-tree ul.sub-tree,  ul.sitemap-tree ul.sub-tree ul.sub-tree ul.sub-tree {

    padding-left:  20px;

}



ul.sitemap-tree > li {

    padding:  0px 15px;

    margin:  0 0 25px;

}



ul.sitemap-tree > li > a {

    font-size:  18px;

}



ul.sitemap-tree ul.sub-tree a {

    padding:  10px 0 10px 25px;

}



ul.sitemap-tree ul.sub-tree a {

    font-size: 14px;

}



ul.sitemap-tree ul.sub-tree ul.sub-tree a {

    font-size: 13px;

    padding:  8px 0 8px 15px;

}



ul.sitemap-tree ul.sub-tree ul.sub-tree ul.sub-tree a {

    font-size: 12px;

}



ul.sitemap-tree ul.sub-tree ul.sub-tree ul.sub-tree ul.sub-tree a {

    font-size: 11px;

}



ul.sitemap-tree ul.sub-tree li:after {

    width: 8px;

    height: 9px;

    top: 15px;

}



ul.sitemap-tree ul.sub-tree ul.sub-tree li:after {

    top:  12px;

}



}



@media(max-width:440px) {

    .nav-sub a {

        font-size: 12px;

        letter-spacing: 0px;

        padding:  5px 6px;}

    

    }



.proj-omr .carousel .flickity-prev-next-button.previous:before {

    display: none !important;

}



.proj-omr .carousel .flickity-prev-next-button.next:before {

    display: none !important;

}





.pg-title .my-proj-h1{

    color: #000;

    position: static;

    margin-bottom: 5px;



}





/* ====== HOH awards popup changes ======================== */

.award-select.media-filter select.form-control{

    border-bottom: 1px solid #455a64;

}

.hoh-main-content {

    -webkit-transform: unset;

    -moz-transform: unset;

    -ms-transform: unset;

    -o-transform: unset;

    transform: unset !important;

    will-change: unset !important;

}

.html-hidden .hoh-main-header{

    z-index: 1;

} 



.award-popup {

    align-items: center;

    justify-content: center;

    position: fixed;

    top: 0;

    left: 0;

    height: 100%;

    padding: 40px 0;

}

.award-popup .popup-data {

    margin: 0;

}

.award-popup .award-data img{

    height: auto;

}

.award-popup .award-data{

    height: auto;

}

@media(max-width:767px) {

    .award-popup .award-data{

        flex-flow: column;

        align-items: center;

    }

    .popup-data .img-award{

        width: 70%;

    }

}



.allproj-list h1.prj-info-ttl, .container h1.section-title{

    position: static;

    text-align: center;

    color: #000;

}





/* relate-blog 30-5-23 */

.infra-wrap.relate-blog{

    background-color: #fff;

    text-align: center;

  }

  .infra-wrap.relate-blog ul{

    padding: 30px 0;

  }

  .infra-wrap.relate-blog ul li{

    background: #f4f4f4;

    width: 33.33%;

    width: calc(33.33% - 20px);

    margin: 0 10px;

    padding: 15px 25px;

  }

  .infra-wrap.relate-blog ul li a{

    display: inline-block;

    color: #000;

  }

  .infra-wrap.relate-blog ul li a.read-more span{

    position: absolute;

    right: 17px;

    bottom: 5px;

    width: 98px;

    height: 1px;

    background: #252525;

    z-index: 99;

    text-align: center;

  

  }

  

  @media (max-width: 767px){

    .infra-wrap.relate-blog ul li a.read-more span {

      right: 11px;

      bottom: 4px;

      width: 82px;

  }

  .infra-wrap.relate-blog ul li {

    display: block;

    width: 100% !important;



  }

  }

  

  @media (max-width: 1400px){

    .infra-wrap.relate-blog .carousel .flickity-prev-next-button.previous {

        left: -60px;

    }

    .infra-wrap.relate-blog .carousel .flickity-prev-next-button.next {

        right: -60px;

    }

  

    .infra-wrap.relate-blog ul li .copy{

      min-height: 28px;

    }

  }