@font-face { font-family:'Optima nova LT Pro'; src:url('../fonts/OptimaNovaLTPro-BoldItalic.eot'); src:url('../fonts/OptimaNovaLTPro-BoldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/OptimaNovaLTPro-BoldItalic.woff2') format('woff2'), url('../fonts/OptimaNovaLTPro-BoldItalic.woff') format('woff'), url('../fonts/OptimaNovaLTPro-BoldItalic.ttf') format('truetype'), url('../fonts/OptimaNovaLTPro-BoldItalic.svg#OptimaNovaLTPro-BoldItalic') format('svg'); font-weight:bold; font-style:italic; font-display:swap; }
@font-face { font-family:'Optima nova LT Pro'; src:url('../fonts/OptimaNovaLTPro-BlackItalic.eot'); src:url('../fonts/OptimaNovaLTPro-BlackItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/OptimaNovaLTPro-BlackItalic.woff2') format('woff2'), url('../fonts/OptimaNovaLTPro-BlackItalic.woff') format('woff'), url('../fonts/OptimaNovaLTPro-BlackItalic.ttf') format('truetype'), url('../fonts/OptimaNovaLTPro-BlackItalic.svg#OptimaNovaLTPro-BlackItalic') format('svg'); font-weight:900; font-style:italic; font-display:swap; }
@font-face { font-family:'Optima nova LT Pro'; src:url('../fonts/OptimaNovaLTPro-Bold.eot'); src:url('../fonts/OptimaNovaLTPro-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/OptimaNovaLTPro-Bold.woff2') format('woff2'), url('../fonts/OptimaNovaLTPro-Bold.woff') format('woff'), url('../fonts/OptimaNovaLTPro-Bold.ttf') format('truetype'), url('../fonts/OptimaNovaLTPro-Bold.svg#OptimaNovaLTPro-Bold') format('svg'); font-weight:bold; font-style:normal; font-display:swap; }
@font-face { font-family:'Optima nova LT Pro'; src:url('../fonts/OptimaNovaLTPro-Black.eot'); src:url('../fonts/OptimaNovaLTPro-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/OptimaNovaLTPro-Black.woff2') format('woff2'), url('../fonts/OptimaNovaLTPro-Black.woff') format('woff'), url('../fonts/OptimaNovaLTPro-Black.ttf') format('truetype'), url('../fonts/OptimaNovaLTPro-Black.svg#OptimaNovaLTPro-Black') format('svg'); font-weight:900; font-style:normal; font-display:swap; }
@font-face { font-family:'Optima nova LT Pro'; src:url('../fonts/OptimaNovaLTPro-Condensed.eot'); src:url('../fonts/OptimaNovaLTPro-Condensed.eot?#iefix') format('embedded-opentype'), url('../fonts/OptimaNovaLTPro-Condensed.woff2') format('woff2'), url('../fonts/OptimaNovaLTPro-Condensed.woff') format('woff'), url('../fonts/OptimaNovaLTPro-Condensed.ttf') format('truetype'), url('../fonts/OptimaNovaLTPro-Condensed.svg#OptimaNovaLTPro-Condensed') format('svg'); font-weight:normal; font-style:normal; font-display:swap; }
@font-face { font-family:'Optima nova LT Pro Condensed'; src:url('../fonts/OptimaNovaLTPro-BoldCond.eot'); src:url('../fonts/OptimaNovaLTPro-BoldCond.eot?#iefix') format('embedded-opentype'), url('../fonts/OptimaNovaLTPro-BoldCond.woff2') format('woff2'), url('../fonts/OptimaNovaLTPro-BoldCond.woff') format('woff'), url('../fonts/OptimaNovaLTPro-BoldCond.ttf') format('truetype'), url('../fonts/OptimaNovaLTPro-BoldCond.svg#OptimaNovaLTPro-BoldCond') format('svg'); font-weight:bold; font-style:normal; font-display:swap; }
@font-face { font-family:'Optima nova LT Pro'; src:url('../fonts/OptimaNovaLTPro-Italic.eot'); src:url('../fonts/OptimaNovaLTPro-Italic.eot?#iefix') format('embedded-opentype'), url('../fonts/OptimaNovaLTPro-Italic.woff2') format('woff2'), url('../fonts/OptimaNovaLTPro-Italic.woff') format('woff'), url('../fonts/OptimaNovaLTPro-Italic.ttf') format('truetype'), url('../fonts/OptimaNovaLTPro-Italic.svg#OptimaNovaLTPro-Italic') format('svg'); font-weight:normal; font-style:italic; font-display:swap; }
@font-face { font-family:'Optima nova LT Pro'; src:url('../fonts/OptimaNovaLTPro-Light.eot'); src:url('../fonts/OptimaNovaLTPro-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/OptimaNovaLTPro-Light.woff2') format('woff2'), url('../fonts/OptimaNovaLTPro-Light.woff') format('woff'), url('../fonts/OptimaNovaLTPro-Light.ttf') format('truetype'), url('../fonts/OptimaNovaLTPro-Light.svg#OptimaNovaLTPro-Light') format('svg'); font-weight:300; font-style:normal; font-display:swap; }
@font-face { font-family:'Optima nova LT Pro'; src:url('../fonts/OptimaNovaLTPro-Demi.eot'); src:url('../fonts/OptimaNovaLTPro-Demi.eot?#iefix') format('embedded-opentype'), url('../fonts/OptimaNovaLTPro-Demi.woff2') format('woff2'), url('../fonts/OptimaNovaLTPro-Demi.woff') format('woff'), url('../fonts/OptimaNovaLTPro-Demi.ttf') format('truetype'), url('../fonts/OptimaNovaLTPro-Demi.svg#OptimaNovaLTPro-Demi') format('svg'); font-weight:normal; font-style:normal; font-display:swap; }
@font-face { font-family:'Optima nova LT Pro'; src:url('../fonts/OptimaNovaLTPro-HeavyItalic.eot'); src:url('../fonts/OptimaNovaLTPro-HeavyItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/OptimaNovaLTPro-HeavyItalic.woff2') format('woff2'), url('../fonts/OptimaNovaLTPro-HeavyItalic.woff') format('woff'), url('../fonts/OptimaNovaLTPro-HeavyItalic.ttf') format('truetype'), url('../fonts/OptimaNovaLTPro-HeavyItalic.svg#OptimaNovaLTPro-HeavyItalic') format('svg'); font-weight:900; font-style:italic; font-display:swap; }
@font-face { font-family:'Optima nova LT Pro'; src:url('../fonts/OptimaNovaLTPro-Heavy.eot'); src:url('../fonts/OptimaNovaLTPro-Heavy.eot?#iefix') format('embedded-opentype'), url('../fonts/OptimaNovaLTPro-Heavy.woff2') format('woff2'), url('../fonts/OptimaNovaLTPro-Heavy.woff') format('woff'), url('../fonts/OptimaNovaLTPro-Heavy.ttf') format('truetype'), url('../fonts/OptimaNovaLTPro-Heavy.svg#OptimaNovaLTPro-Heavy') format('svg'); font-weight:900; font-style:normal; font-display:swap; }
@font-face { font-family:'Optima nova LT Pro Light Cond'; src:url('../fonts/OptimaNovaLTPro-DemiCond.eot'); src:url('../fonts/OptimaNovaLTPro-DemiCond.eot?#iefix') format('embedded-opentype'), url('../fonts/OptimaNovaLTPro-DemiCond.woff2') format('woff2'), url('../fonts/OptimaNovaLTPro-DemiCond.woff') format('woff'), url('../fonts/OptimaNovaLTPro-DemiCond.ttf') format('truetype'), url('../fonts/OptimaNovaLTPro-DemiCond.svg#OptimaNovaLTPro-DemiCond') format('svg'); font-weight:normal; font-style:normal; font-display:swap; }
@font-face { font-family:'Optima nova LT Pro'; src:url('../fonts/OptimaNovaLTPro-DemiItalic.eot'); src:url('../fonts/OptimaNovaLTPro-DemiItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/OptimaNovaLTPro-DemiItalic.woff2') format('woff2'), url('../fonts/OptimaNovaLTPro-DemiItalic.woff') format('woff'), url('../fonts/OptimaNovaLTPro-DemiItalic.ttf') format('truetype'), url('../fonts/OptimaNovaLTPro-DemiItalic.svg#OptimaNovaLTPro-DemiItalic') format('svg'); font-weight:normal; font-style:italic; font-display:swap; }
@font-face { font-family:'Optima nova LT Pro'; src:url('../fonts/OptimaNovaLTPro-LightCond.eot'); src:url('../fonts/OptimaNovaLTPro-LightCond.eot?#iefix') format('embedded-opentype'), url('../fonts/OptimaNovaLTPro-LightCond.woff2') format('woff2'), url('../fonts/OptimaNovaLTPro-LightCond.woff') format('woff'), url('../fonts/OptimaNovaLTPro-LightCond.ttf') format('truetype'), url('../fonts/OptimaNovaLTPro-LightCond.svg#OptimaNovaLTPro-LightCond') format('svg'); font-weight:300; font-style:normal; font-display:swap; }
@font-face { font-family:'Optima nova LT Pro'; src:url('../fonts/OptimaNovaLTPro-Medium.eot'); src:url('../fonts/OptimaNovaLTPro-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/OptimaNovaLTPro-Medium.woff2') format('woff2'), url('../fonts/OptimaNovaLTPro-Medium.woff') format('woff'), url('../fonts/OptimaNovaLTPro-Medium.ttf') format('truetype'), url('../fonts/OptimaNovaLTPro-Medium.svg#OptimaNovaLTPro-Medium') format('svg'); font-weight:500; font-style:normal; font-display:swap; }
@font-face { font-family:'Optima nova LT Pro'; src:url('../fonts/OptimaNovaLTPro-LightItalic.eot'); src:url('../fonts/OptimaNovaLTPro-LightItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/OptimaNovaLTPro-LightItalic.woff2') format('woff2'), url('../fonts/OptimaNovaLTPro-LightItalic.woff') format('woff'), url('../fonts/OptimaNovaLTPro-LightItalic.ttf') format('truetype'), url('../fonts/OptimaNovaLTPro-LightItalic.svg#OptimaNovaLTPro-LightItalic') format('svg'); font-weight:300; font-style:italic; font-display:swap; }
@font-face { font-family:'Optima nova LT Pro'; src:url('../fonts/OptimaNovaLTPro-MediumCond.eot'); src:url('../fonts/OptimaNovaLTPro-MediumCond.eot?#iefix') format('embedded-opentype'), url('../fonts/OptimaNovaLTPro-MediumCond.woff2') format('woff2'), url('../fonts/OptimaNovaLTPro-MediumCond.woff') format('woff'), url('../fonts/OptimaNovaLTPro-MediumCond.ttf') format('truetype'), url('../fonts/OptimaNovaLTPro-MediumCond.svg#OptimaNovaLTPro-MediumCond') format('svg'); font-weight:500; font-style:normal; font-display:swap; }
@font-face { font-family:'Optima nova LT Pro'; src:url('../fonts/OptimaNovaLTPro-Regular.eot'); src:url('../fonts/OptimaNovaLTPro-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/OptimaNovaLTPro-Regular.woff2') format('woff2'), url('../fonts/OptimaNovaLTPro-Regular.woff') format('woff'), url('../fonts/OptimaNovaLTPro-Regular.ttf') format('truetype'), url('../fonts/OptimaNovaLTPro-Regular.svg#OptimaNovaLTPro-Regular') format('svg'); font-weight:normal; font-style:normal; font-display:swap; }
@font-face { font-family:'Optima nova LT Pro'; src:url('../fonts/OptimaNovaLTPro-MediumIta.eot'); src:url('../fonts/OptimaNovaLTPro-MediumIta.eot?#iefix') format('embedded-opentype'), url('../fonts/OptimaNovaLTPro-MediumIta.woff2') format('woff2'), url('../fonts/OptimaNovaLTPro-MediumIta.woff') format('woff'), url('../fonts/OptimaNovaLTPro-MediumIta.ttf') format('truetype'), url('../fonts/OptimaNovaLTPro-MediumIta.svg#OptimaNovaLTPro-MediumIta') format('svg'); font-weight:500; font-style:italic; font-display:swap; }
@font-face { font-family:'Neue Haas Grotesk Display Pro'; src:url('../fonts/NeueHaasDisplay-Roman.eot'); src:url('../fonts/NeueHaasDisplay-Roman.eot?#iefix') format('embedded-opentype'), url('../fonts/NeueHaasDisplay-Roman.woff2') format('woff2'), url('../fonts/NeueHaasDisplay-Roman.woff') format('woff'), url('../fonts/NeueHaasDisplay-Roman.ttf') format('truetype'), url('../fonts/NeueHaasDisplay-Roman.svg#NeueHaasDisplay-Roman') format('svg'); font-weight:500; font-style:normal; font-display:swap; }

.header-style-two .header-lower .shape { right:0; padding-right:70px; position:absolute; z-index:100000; color:#fff; padding-top:10px; }
.header-style-two .header-lower .shape a { color:#fff; }
.header-style-two .header-lower .shape a:hover { color:#ee1c24; }

.home-banner { position:relative; display:block; width:100%; height:100vh; background:#000; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; clear:both !important; }
.home-banner .content-box { position:absolute; width:100%; margin:100px auto 0px; text-align:center; align-items:center !important; }
.home-banner .content-box .bnr-arrow img { margin:0px auto 50px !important; text-align:center !important; }
.home-banner .content-box h2 { position:relative; display:inline-block; color:#fff; font-family:'Optima nova LT Pro'; font-weight:normal; font-size:40px; line-height:50px; margin-bottom:15px; opacity:0; -webkit-transition:all 1000ms ease; -moz-transition:all 1000ms ease; -ms-transition:all 1000ms ease; -o-transition:all 1000ms ease; transition:all 1000ms ease; transform:scaleX(0); }
.home-banner .content-box h2 { opacity:1; transform:scaleX(1); }
.home-banner .content-box p { line-height:28px; color:#fff; opacity:0; -webkit-transform:translateY(100px); -moz-transform:translateY(100px); -ms-transform:translateY(100px); -o-transform:translateY(100px); transform:translateY(100px); -webkit-transition:all 1000ms ease; -moz-transition:all 1000ms ease; -ms-transition:all 1000ms ease; -o-transition:all 1000ms ease; transition:all 1000ms ease; }
.home-banner .content-box p { opacity:1; -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0); -webkit-transition-delay:1000ms; -moz-transition-delay:1000ms; -ms-transition-delay:1000ms; -o-transition-delay:1000ms; transition-delay:1000ms; }
.home-banner .content-box .btn-box { position:relative; opacity:0; -webkit-transform:translateY(50px); -moz-transform:translateY(50px); -ms-transform:translateY(50px); -o-transform:translateY(50px); transform:translateY(50px); -webkit-transition:all 1000ms ease; -moz-transition:all 1000ms ease; -ms-transition:all 1000ms ease; -o-transition:all 1000ms ease; transition:all 1000ms ease; }
.home-banner .content-box .btn-box { opacity:1; -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0); -webkit-transition-delay:1300ms; -moz-transition-delay:1300ms; -ms-transition-delay:1300ms; -o-transition-delay:1300ms; transition-delay:1300ms; }
video { width:100vw; height:100vh; object-fit:cover; position:absolute; top:0; left:0; _z-index:-1; background:#000; opacity:0.5;  }


.about-menu { min-width:260px !important; }
/*
.h-cent-line { position:relative; margin:0px auto; background:#000; margin-top:-93px; z-index:20000000000; width:2px; height:186px; pointer-events:none; }
*/
.h-title { color:#6F00B7; font-family:'Optima nova LT Pro'; font-size:40px; }

/*
.h-about { margin-top:-93px; }
.h-about-mid { text-align:left; padding:0px; }
.h-about-mid p { padding-top:100px; font-size:20px; }
.h-about-right { text-align:right !important; }
.h-about-right .arrow img { max-width:150px; margin-bottom:50px; }
.h-about-right h2 { text-align:right !important; font-size:50px; line-height:54px; margin-bottom:100px; color:#6F00B7 !important; }
*/

.h-about { margin-top:0px; padding:180px 0px 280px; background:#e8e0dd url("../../assets/img/building-bottom-bg.png") no-repeat bottom right; }
.h-about .h-about-title h2 { color:#000; font-size:40px; line-height:45px; margin-bottom:30px; }
.h-about .h-about-left { border-right:solid 1px #6f00b7 !important; }
.h-about .h-about-left p { padding-right:100px; color:#000; }
.h-about .h-about-right { padding-left:50px; }
.h-about .h-about-right .textL { float:left; display:inline; color:#6f00b7; font-size:145px; line-height:145px; font-family:'Optima nova LT Pro'; font-weight:600; }
.h-about .h-about-right .textR { float:left; display:inline; color:#6f00b7; font-size:36px; line-height:42px; font-family:'Neue Haas Grotesk Display Pro'; font-weight:600; padding-top:46px; padding-left:20px; letter-spacing:2px; }



.h-projects { position:relative; padding:100px 0px 20px; }
.h-projects .h-projects-block { }
.h-projects-block .image_block_21 .image-box { position:relative;  display:block; padding-right:240px; padding-bottom:140px; margin-right:30px; }
.h-projects-block .image_block_21 .image-box img { width:100%; }
.h-projects-block .image_block_21 .image-box .image { overflow:hidden; }
.h-projects-block .image_block_21 .image-box .image:before { position:absolute; top:0; left:-80%; display:block; content:''; width:50%; height:100%; background:-o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%); background:-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .3))); background:linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%); -webkit-transform:skewX(-25deg); -ms-transform:skewX(-25deg); transform:skewX(-25deg); }
.h-projects-block .image_block_21 .image-box .image:hover:before  { -webkit-animation:shine 1s; animation:shine 1s; }
.h-projects-block .image_block_21 .image-box .image-2 { box-shadow:0px 20px 50px 0px rgba(0, 0, 0, 0.15); }
.h-projects-block .content-box { position:relative; display:block; margin-left:30px; }
.h-projects-block .content-box .sec-title { position:relative; display:block; margin-block:25px; }
.h-projects-block .content-box .sec-title h5 { position:relative; display:inline-block; font-size:17px; line-height:30px; font-weight:400; margin-bottom:11px; color:#6f00b7; text-transform:uppercase; }
.h-projects-block .content-box .sec-title h2 { display:block; font-size:40px; font-weight:bold; line-height:50px; color:#6f00b7; }
.h-projects-block .content-box .text p { position:relative; display:block; margin-bottom:30px; padding-right:100px; }
.h-projects-block .content-box .btnH_Projects { border:solid 1px #6f00b7; color:#6f00b7; font-size:16px; text-transform:uppercase; padding:10px 20px; letter-spacing:1px; transition:.5s; }
.h-projects-block .content-box .btnH_Projects:hover { background:#6f00b7; color:#fff; }

.h-projects .vertical .carousel-item { height:600px; min-height:350px; background:no-repeat center center scroll; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; }
.h-projects .vertical .carousel-item-next.carousel-item-left,
.h-projects .vertical .carousel-item-prev.carousel-item-right { -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); }
.h-projects .vertical .carousel-item-next,
.h-projects .vertical .active.carousel-item-right { -webkit-transform:translate3d(0, 100%, 0); transform:translate3d(0, 100% 0); }
.h-projects .vertical .carousel-item-prev,
.h-projects .vertical .active.carousel-item-left { -webkit-transform:translate3d(0, -100%, 0); transform:translate3d(0, -100%, 0); }
.h-projects .carousel-indicators { position:absolute; _top:0; bottom:200px; margin:auto; height:20px; right:10px; left:auto; width:auto; -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -o-transform:rotate(90deg); transform:rotate(90deg); }
.h-projects .carousel-indicators > li { display:block; border:solid 1px #6e00b7; border-radius:12px; width:12px; height:12px; }
.h-projects .carousel-indicators li.active { margin-bottom:5px; background:#6e00b7; }
.h-projects .carousel-caption { max-width:100%; width:100%; height:85%; left:0; }


.h-timeline { position:relative; margin:0px 0px 0; background:url("../../assets/img/timeline-bg.jpg") center bottom no-repeat; padding:60px 0 0; color:#fff !important; width:100vw; overflow:hidden; height:700px; background-size:cover; clear:both; }
/*
.h-timeline .timeline-block-one { height:100%; position:relative; }
.h-timeline .timeline-block-one .marker { height:100%; position:relative; overflow:visible; }
.h-timeline .timeline-block-one .marker .dot { width:20px; height:20px; position:absolute; border-radius:50%; left:-10px; background-color:#fff; border:none; transition:background-color 550ms 0ms ease; transition:border 550ms 0ms ease; }
.h-timeline .timeline-block-one .marker .year { color:#fff; position:absolute; left:2vw; font-size:21px; transition:color 550ms 0ms ease; }
.h-timeline .timeline-block-one .marker .line { height:100%; bottom:0px; width:1px; margin-right:14.33333vw; border-left:2px solid #fff; transition:border-left 550ms 0ms ease; }
.h-timeline .timeline-block-one .text { width:25vw; position:absolute; left:2vw; z-index:9; top:120px; opacity:1; transition:opacity 350ms 0ms ease; }
.h-timeline .timeline-block-one .text p { line-height:36px; color:#fff; font-size:14px; }
*/
.h-timeline .h-timeline-hd-left { _position:absolute; _z-index:1000; _top:30px; _left:0px; margin-bottom:50px; }
.h-timeline .h-timeline-hd-left .h-title, .h-timeline .h-timeline-hd-left p { color:#fff !important; }

.h-timeline-container { position:relative; _margin:30px 0px 0; padding:0px 0 0 300px; color:#fff !important; _width:100vw; _overflow:hidden; _height:700px; clear:both; }
.h-timeline-container .h-timeline-hd { position:absolute; z-index:1000; font-size:14px; font-family:'Neue Haas Grotesk Display Pro'; color:#fff; text-align:right; top:-50px; right:260px; }

.h-timeline-block { width:300px; height:500px; _opacity:0.3; }
.h-timeline-block .h-timeline-top { _margin-left:-45px; }
.h-timeline-block .h-timeline-top h3 { font-size:30px; color:#fff; font-family:'Optima nova LT Pro'; font-weight:300; }
.h-timeline-block .h-timeline-bot { background:url("../../assets/img/journey-line.png") top left no-repeat; padding:50px 0px 50px 90px; height:100%; }
.h-timeline-block .h-timeline-bot p { font-size:14px; line-height:20px; color:#fff; }
.h-timeline-container .owl-nav { position:absolute; z-index:1000; top:-60px; right:120px;  color:#fff !important; }
.h-timeline-container .owl-nav:before { position:absolute; content:''; background:#fff !important; width:1px; height:35px; top:5px; right:45px; }

.btnTimeline { position:absolute; z-index:1000000; background:transparent; width:35px; height:35px; border-radius:50%; top:43px; left:43px; cursor:pointer; }

.h-timeline-container .owl-nav button.owl-next:before  { content:''; position:absolute; top:50%; right:0px; -webkit-transform:translateY(-50%) scaleX(1); -ms-transform:translateY(-50%) scaleX(1); transform:translateY(-50%) scaleX(1); width:45px; height:2px; -webkit-transition:.5s cubic-bezier(.858, .01, .068, .99); -o-transition:.5s cubic-bezier(.858, .01, .068, .99); transition:.5s cubic-bezier(.858, .01, .068, .99); -webkit-transform-origin:right; -ms-transform-origin:right; transform-origin:right; background:#fff; }
.h-timeline-container .owl-nav button.owl-next:hover:before { background:#f4244f; right:-8px; width:20px; }
.h-timeline-container .owl-nav button.owl-next:after  { content:''; position:absolute; top:50%; right:0px; width:10px; height:10px; border-right:3px solid #fff; border-top:3px solid #fff; -webkit-transform:translateY(-50%) rotate(45deg); -ms-transform:translateY(-50%) rotate(45deg); transform:translateY(-50%) rotate(45deg); -webkit-transition:.5s cubic-bezier(.858, .01, .068, .99); -o-transition:.5s cubic-bezier(.858, .01, .068, .99); transition:.5s cubic-bezier(.858, .01, .068, .99); }
.h-timeline-container .owl-nav button.owl-next:hover:after { border-right:2px solid #f4244f; border-top:2px solid #f4244f; right:-8px; }

.h-timeline-container .owl-nav button.owl-prev:before  { content:''; position:absolute; top:50%; left:-10px; -webkit-transform:translateY(-50%) scaleX(1); -ms-transform:translateY(-50%) scaleX(1); transform:translateY(-50%) scaleX(1); width:45px; height:2px; -webkit-transition:.5s cubic-bezier(.858, .01, .068, .99); -o-transition:.5s cubic-bezier(.858, .01, .068, .99); transition:.5s cubic-bezier(.858, .01, .068, .99); -webkit-transform-origin:right; -ms-transform-origin:right; transform-origin:right; background:#fff; }
.h-timeline-container .owl-nav button.owl-prev:hover:before { background:#f4244f; left:-18px; width:20px; }
.h-timeline-container .owl-nav button.owl-prev:after  { content:''; position:absolute; top:50%; left:-10px; width:10px; height:10px; border-left:3px solid #fff; border-bottom:3px solid #fff; -webkit-transform:translateY(-50%) rotate(45deg); -ms-transform:translateY(-50%) rotate(45deg); transform:translateY(-50%) rotate(45deg); -webkit-transition:.5s cubic-bezier(.858, .01, .068, .99); -o-transition:.5s cubic-bezier(.858, .01, .068, .99); transition:.5s cubic-bezier(.858, .01, .068, .99); }
.h-timeline-container .owl-nav button.owl-prev:hover:after { border-left:2px solid #f4244f; border-bottom:2px solid #f4244f; left:-18px; }


.h-blogs { position:relative; padding:100px 0px 150px; }
.h-blogs .content-box { position:relative; display:block; }
.h-blogs .content-box .sec-title { position:relative; display:block; margin-block:25px; }
.h-blogs .content-box .sec-title h5 { position:relative; display:inline-block; font-size:17px; line-height:30px; font-weight:400; margin-bottom:11px; color:#6f00b7; text-transform:uppercase; }
.h-blogs .content-box .sec-title h2 { display:block; font-size:40px; font-weight:bold; line-height:50px; color:#6f00b7; }
.h-blogs .content-box .text { position:relative; display:block; margin-bottom:25px; }

.h-blog-block-one .inner-box { background:#000; overflow:hidden; transition:all 500ms ease; }
.h-blog-one .h-blog-block-one .inner-box:hover { box-shadow:0px 0px 50px 0px rgba(0, 0, 0, 0.15); }
.h-blog-block-one .inner-box .image { overflow:hidden; }
.h-blog-block-one .inner-box .image img { width:100%; transition:all 500ms ease; }
.h-blog-block-one .inner-box:hover .image img { opacity:0.5; transform:scale(1.05); }
.h-blog-block-one .theme-btn-two { padding-top:11px; padding-bottom:11px; border:1px solid #e7e7e7; }


.h-blog-block-one .inner-box .h-blog-title {  position:absolute; left:30px; bottom:20px; text-align:center; padding-top:10px; padding-bottom:10px; }
.h-blog-block-one .inner-box .h-blog-title h4 { font-size:20px; color:#fff; }
.h-blog-block-one .inner-box .h-blog-btn {  position:absolute; right:30px; bottom:20px; text-align:right; padding:3px 15px; color:#fff; font-size:13px; text-transform:uppercase; border:solid 1px #fff; background:rgba(0,0,0,0.8); }
.h-blog-block-one .inner-box .h-blog-btn:hover { background:#fff; color:#000 !important; }

.h-blog-block-two .inner-box .h-blog-title {  position:absolute; left:30px; top:20px; text-align:center; padding-top:10px; padding-bottom:10px; }
.h-blog-block-two .inner-box .h-blog-title h4 { font-size:20px; color:#fff; }
.h-blog-block-two .inner-box .h-blog-btn {  position:absolute; left:30px; bottom:20px; text-align:left; padding:5px 10px; color:#fff; font-size:13px; text-transform:uppercase; border:solid 1px #fff; }
.h-blog-block-two .inner-box .h-blog-btn:hover { background:#fff; color:#000 !important; }











.h-journey { padding:100px 0px;  }
.h-journey h2.h-title { text-transform:uppercase; color:#000; }
.h-project-block .inner-box { position:relative; display:block; text-align:center !important; margin-right:45px; margin-bottom:45px; }
.h-project-block .inner-box .image-box { margin:0px auto; position:relative; display:block; background:#000; text-align:center !important; overflow:hidden; }
.h-project-block .inner-box .image-box img { width:100%; transition:all 500ms ease; text-align:center !important; }
.h-project-block .inner-box:hover .image-box img { opacity:0.5; transform:scale(1.05); }
.h-project-block .inner-box .lower-content { margin:0px auto; width:80%; left:50%; transform: translate(-50%);background:#fff; position:absolute; bottom:0px; box-shadow: 0 0 40px rgba(0, 0, 0, 0.10);  padding:30px 0px; z-index:1; transition:.5s; text-align:center; }
.h-project-block .inner-box .lower-content h4 { display:block; font-family:'Optima nova LT Pro'; font-size:30px; color:#6f00b7; line-height:36px; margin-bottom:2px; transition:.5s; }
.h-project-block .inner-box .lower-content .location { font-family:'Neue Haas Grotesk Display Pro'; font-size:16px; line-height:20px; }
.h-project-block .inner-box .lower-content:before { position:absolute; content:''; width:100%; height:0%; left:0px; bottom:0px; z-index:-1; transition:all 500ms ease; }
.h-project-block .inner-box:hover .lower-content:before { height:100%; top:0px; }
.h-project-block .inner-box:hover .lower-content { padding-bottom:75px; }
.h-project-block .inner-box:hover .lower-content h4 { color:#fff; display:block; margin-bottom:2px; transition:.5s; }
.h-project-block .inner-box:hover .lower-content .location { color:#fff; position:relative; display:block;  transition:.5s; }
.h-project-block .inner-box .lower-content h4:hover { color:#fff; }
.h-project-block .inner-box .lower-content:before{ background:-webkit-linear-gradient(45deg, #6e42c3 0%, #ad4bc6 100%); }

.h-project-block .inner-box .lower-content .btnKnowMore { opacity:0; margin:20px auto; position:absolute; left:0; right:0; width:120px; padding:5px 10px; transition:.5s; color:#fff; text-transform:uppercase; border:solid 1px #fff; font-family:'Neue Haas Grotesk Display Pro'; font-size:10px; line-height:10px; }
.h-project-block .inner-box .lower-content .btnKnowMore:hover { background:#fff; color:#6f00b7;  }
.h-project-block .inner-box:hover .lower-content .btnKnowMore { opacity:1; }


.project-block-one .project-info { position:relative; z-index:20000; padding-left:20px; margin-top:-58px; }
.project-block-one .project-info .year { position:relative; display:block; width:100px; font-family:'Neue Haas Grotesk Display Pro'; font-size:40px; font-weight:800; color:#fff; border-bottom:12px solid #ee1c24; padding-bottom:25px; margin-bottom:15px; letter-spacing:1px; }
.project-block-one .project-info .title { color:#444; font-size:20px; line-height:24px; font-weight:500; }
.project-block-one .project-info .location { font-size:15px; }

.h-leaders { background:#7200a8; }
.h-leaders .h-title { position:absolute; margin-top:50px; margin-left:50px; }
.leader-panel { margin-left:-100px; }
.leader-block { float:left; display:inline; position:relative; display:block; text-align:left !important; }
.leader-block-first { margin-left:200px; margin-bottom:30px; }
.leader-block .leader-pic { float:left; display:inline; }
.leader-block .leader-info { float:left; display:inline; width:260px; background:url("../../assets/img/quote-icon.png") no-repeat top left; padding-left:35px; color:#fff !important; font-family:'Neue Haas Grotesk Display Pro'; margin-left:-30px; margin-top:80px; }
.leader-block .leader-info .leader-quote { font-size:18px; margin-bottom:10px; }
.leader-block .leader-info .leader-name { font-size:18px; }
.leader-block .leader-info .leader-desig { font-size:13px; }


.propertyPage { margin-bottom:50px; }
.propertyPageIntro { padding:50px 0px; }
.propertyPageIntro h1 { color:#6F00B7 !important; font-family:'Optima nova LT Pro'; font-size:38px; margin-bottom:10px; }
.propertyPageIntroInfo { border-bottom:solid 1px #6f00b7 !important; padding-bottom:50px; }
.propertyPageBlock { }
.propertyPageBlockPic { width:100%; }
.propertyPageBlockPic img { height:100%; width:100%; object-fit:contain; }
.propertyPageBlock .propertyPageBlockLogo { border-bottom:solid 1px #6f00b7 !important; padding-bottom:20px; margin-bottom:20px; }
.propertyPageBlock .propertyPageBlockInfo a { color:#000; }
.propertyPageBlock .propertyPageBlockInfo a:hover { color:#ed1c24; }
.propertyPageBlockLeft .propertyPageBlockColLeft { padding-right:60px !important; }
.propertyPageBlockRight {}
.propertyPageBlockRight .propertyPageBlockColRight { padding-left:60px !important; }

.on-project-block .inner-box { position:relative; display:block; text-align:center !important; margin-right:45px; margin-bottom:45px; }
.on-project-block .inner-box .image-box { margin:0px auto; position:relative; display:block; background:#000; text-align:center !important; overflow:hidden; }
.on-project-block .inner-box .image-box img { width:100%; transition:all 500ms ease; text-align:center !important; }
.on-project-block .inner-box:hover .image-box img { opacity:0.5; transform:scale(1.05); }
.on-project-block .inner-box .lower-content { margin:0px auto; width:80%; left:50%; transform: translate(-50%);background:#fff; position:absolute; bottom:0px; box-shadow: 0 0 40px rgba(0, 0, 0, 0.10);  padding:30px 0px; z-index:1; transition:.5s; text-align:center; }
.on-project-block .inner-box .lower-content img { display:block; text-align:center; margin-bottom:2px; transition:.5s; }
.on-project-block .inner-box .lower-content:before { position:absolute; content:''; width:100%; height:0%; left:0px; bottom:0px; z-index:-1; transition:all 500ms ease; }
.on-project-block .inner-box:hover .lower-content:before { height:100%; top:0px; }
.on-project-block .inner-box:hover .lower-content { padding-bottom:75px; }
.on-project-block .inner-box:hover .lower-content img { display:block; transition:.5s; }
.on-project-block .inner-box .lower-content:before{ background:-webkit-linear-gradient(45deg, #e1e1e1 0%, #ffffff 100%); }
.on-project-block .inner-box .lower-content .btnKnowMore { opacity:0; margin:20px auto; position:absolute; left:0; right:0; width:120px; padding:5px 10px; transition:.5s; color:#000; text-transform:uppercase; border:solid 1px #000; font-family:'Neue Haas Grotesk Display Pro'; font-size:10px; line-height:10px; }
.on-project-block .inner-box .lower-content .btnKnowMore:hover { background:#fff; color:#6f00b7; border:solid 1px #6f00b7; }
.on-project-block .inner-box:hover .lower-content .btnKnowMore { opacity:1; }



.property-tabs-titles { }
.property-tabs-onlist { margin-bottom:30px; }
.property-tabs-onlist h4 a { font-size:22px; line-height:45px; color:#141417; font-family:'Optima nova LT Pro'; font-weight:500; transition:.5s; }
.property-tabs-onlist a { color:#000;}
.property-tabs-onlist a:hover { color:#ed1c24;}

.propertyPageOnAmenities { border-bottom:solid 1px #6f00b7 !important; padding-bottom:30px; margin-bottom:50px; }
.propertyPageOnAmenities h3 { color:#6F00B7 !important; font-family:'Optima nova LT Pro'; font-size:34px; margin-bottom:20px; }
.leafList { background:url("../../assets/img/leaf.png") no-repeat top left;  padding-left:34px; margin-bottom:20px; }  
.btnAvana { border:solid 1px #2d4e42; color:#2d4e42; font-size:16px; text-transform:uppercase; padding:10px 20px; letter-spacing:1px; transition:.5s;  }
.btnAvana:hover { background:#2d4e42; color:#fff; }

.btnGardenCity { border:solid 1px #be922f; color:#be922f; font-size:16px; text-transform:uppercase; padding:10px 20px; letter-spacing:1px; transition:.5s;  }
.btnGardenCity:hover { background:#be922f; color:#fff; }

.avanaPage { _margin-bottom:50px; }
.avanaPageIntro { padding:80px 0px 80px; }
.avanaPageIntro h1 { color:#6F00B7 !important; font-family:'Optima nova LT Pro'; font-size:38px; margin-bottom:10px; }
.avanaPageIntroInfo {}

.resiIL { background:#f7f7f7; padding:80px 0px 80px; }
.resiIL h3 { color:#6F00B7 !important; font-family:'Optima nova LT Pro'; font-size:34px; margin-bottom:40px; text-align:center; }
.resiIL .blockLeaves { background:url("../../assets/img/icoLeaves.png") no-repeat left top; padding-left:55px; font-size:18px; min-height:130px;  }

.avanaPageLocation { background:#fff; padding:100px 0px 0px; }
.avanaPageLocation h3 { color:#6F00B7 !important; font-family:'Optima nova LT Pro'; font-size:34px; margin-bottom:30px; }
.avanaPageLocation h3 span { font-size:45px; margin-bottom:30px; }
.location-map { padding:60px 0px; }
.location-map  h2 { color:#c39269 !important; font-size:67px; margin-bottom:80px; text-align:center; }

.location-accordion-box .block { position:relative; display:block; margin-bottom:20px; }
.location-accordion-box .block .acc-btn .icon-outer { top:14px; right:30px; color:#000; position:absolute; font-size:10px; transition:.5s; z-index:1; }
.location-accordion-box .block .acc-btn.active .icon-outer { transform:rotate(180deg); }
.location-accordion-box .block .acc-btn { background:#f6f6f6; color:#000; cursor:pointer; position:relative; display:block; transition:.5s; padding:10px 80px 10px 20px; }
.location-accordion-box .block .acc-btn h4 { position:relative; display:block; color:#000; font-size:20px; line-height:22px; letter-spacing:1px; font-weight:300; text-transform:uppercase; }
.location-accordion-box .block .acc-btn.active { border-radius:5px; border-color:transparent; box-shadow:0px 15px 20px 0px rgba(0, 0, 0, 0.08); background:#ddd; color:#000; }
.location-accordion-box .block .acc-content { display:none; background:#f9f9f9; position:relative; padding:15px 0px 15px 20px; }
.location-accordion-box .block .acc-content.current { display:block; }
.location-accordion-box .block .acc-content .amenities-list li a { color:#000;  }
.location-accordion-box .block .acc-content .amenities-list li a:hover { color:#6fbb42; }


.avanaPageAmenities { position:relative; padding:80px 0px; background:#f7f7f7; }
.avanaPageAmenities h3 { color:#6F00B7 !important; font-family:'Optima nova LT Pro'; font-size:34px; margin-bottom:30px; }
.avana-amenities-block { margin-bottom:30px; }
.avana-amenities-block .inner-box { position:relative; display:block; background:#AFBD77; color:#fff; overflow:hidden; border-radius:20px; padding:50px 0px 0px; min-height:200px; text-align:center !important; box-shadow:0 10px 30px #edf2f2; }
.avana-amenities-block .inner-box:before { position:absolute; content:''; width:100%; height:0%; left:0px; bottom:0px; transition:all 500ms ease; }
.avana-amenities-block .inner-box:hover:before_{ height:100%; _top:0px; }
.avana-amenities-block .inner-box .icon-box{ position:relative; display:inline-block; font-size:60px; line-height:60px; margin-bottom:10px; transition:all 500ms ease; }
.avana-amenities-block .inner-box h4 { display:block; font-size:20px; line-height:26px; font-weight:700; margin-bottom:19px; color:#fff; }
.avana-amenities-block .inner-box:hover .icon-box, .avana-amenities-block .inner-box:hover h4 { color:#fff; }

.gardencityAmenities { text-align:center; margin-bottom:30px; line-height:20px; }
.gardencityAmenitiesIcon { text-align:center; margin-bottom:10px !important; }


.gardencity-amenities-block { margin-bottom:30px; }
.gardencity-amenities-block .inner-box { position:relative; display:block; background:#be922f; color:#fff; overflow:hidden; border-radius:20px; padding:50px 0px 0px; min-height:200px; text-align:center !important; box-shadow:0 10px 30px #edf2f2; }
.gardencity-amenities-block .inner-box:before { position:absolute; content:''; width:100%; height:0%; left:0px; bottom:0px; transition:all 500ms ease; }
.gardencity-amenities-block .inner-box:hover:before_{ height:100%; _top:0px; }
.gardencity-amenities-block .inner-box .icon-box{ position:relative; display:inline-block; font-size:60px; line-height:60px; margin-bottom:10px; transition:all 500ms ease; }
.gardencity-amenities-block .inner-box h4 { display:block; font-size:20px; line-height:26px; font-weight:700; margin-bottom:19px; color:#fff; }
.gardencity-amenities-block .inner-box:hover .icon-box, .avana-amenities-block .inner-box:hover h4 { color:#fff; }

.listGardenCity { margin-top:20px; }
.listGardenCity li { margin-bottom:20px; border-bottom:dotted 1px #be922f; padding-bottom:10px; }
.listGardenCity li:last-child { border-bottom:none; padding-bottom:0px; }
.listGardenCity li span { font-weight:600; text-align:right !important; }





.avana-floorplans { position:relative; padding:80px 0px; }
.avana-floorplans .owl-nav { position:absolute; top:-80px; right:390px; }
.avana-floorplans .owl-nav:before { position:absolute; content:''; background:#eaeaea; width:1px; height:35px; top:5px; right:45px; }
.avana-floorplans h3 { color:#6F00B7 !important; font-family:'Optima nova LT Pro'; font-size:34px; margin-bottom:30px; }
.avana-floorplans .inner-content { position:relative; display:block; margin-right:-400px; }
.avana-floorplans-block .inner-box .image-box { overflow:hidden; _background:#000; }
.avana-floorplans-block .inner-box .image-box img { width:100%; transition:all 500ms ease; }
.avana-floorplans-block .inner-box:hover .image-box img { _opacity:0.4; transform:scale(1.05); }

.avana-floorplans-block .inner-box .content-box { text-align:center; width:100%; _opacity:0; _bottom:-30px; _visibility:hidden; transition:all 500ms ease; }
.avana-floorplans-block .inner-box:hover .content-box_ { opacity:1; visibility:visible; bottom:0px; }
.avana-floorplans-block .inner-box .content-box .shape { bottom:0px; width:100%; height:191px; background-repeat:no-repeat; background-size:cover; }
.avana-floorplans-block .inner-box .content-box h4 a { color:#000; }
.avana-floorplans-block .inner-box .content-box h4 a:hover { text-decoration:underline; }
.avana-floorplans-block .inner-box .content-box .link a { border:2px solid #000; color:#000; }
.avana-floorplans-block .inner-box .content-box .link a:hover { background:#fff; }
.avana-floorplans-block a { color:#333; }
.avana-floorplans-block a:hover { color:#ed1c24 !important; }



.footer-form-area { background:#f7f7f7; padding:80px 50px; }
.footer-form-area .form-group { margin-bottom:20px; }
.footer-form-area .form-group:last-child  { margin-bottom:0px; }
.footer-form-area .form-group input[type='text'],
.footer-form-area .form-group input[type='email'],
.footer-form-area .form-group input[type='phone'],
.footer-form-area .form-group textarea { position:relative; display:inline-block; width:100%; height:50px; font-size:16px; color:#333; border-bottom:1px solid #333; transition:all 500ms ease; }
.footer-form-area .form-group textarea { height:60px; resize:none; }
.footer-form-area .theme-btn { padding:13px 31px; background:#6F00B7; color:#fff !important; border:none; }

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active { background-color:#0a2d27 !important; }




.propertyPageOnDestination { padding-bottom:30px; margin-bottom:30px; }
.propertyPageOnDestination h3 { color:#6F00B7 !important; font-family:'Optima nova LT Pro'; font-size:34px; margin-bottom:20px; }


.propertyPageOnLocation { margin-bottom:50px; }


.propertyPageOnOther { background:#cfc1a7; padding:50px; }
.propertyPageOnOther h3 { color:#000 !important; font-family:'Optima nova LT Pro'; font-size:34px; margin-bottom:20px; }


.property-tabs-section {}
.property-tabs-section .tab-content>.tab-pane { display:block; }
.property-tabs-section .tab-content>.active { display:block !important; } 
.property-tabs-section .nav-tabs.tab-btn-style-one { border:none; }
.property-tabs-section .nav-tabs.tab-btn-style-one li.nav-item { margin:0; border:none; display:block; width:100%; margin-bottom:3px; }
.property-tabs-section .nav-tabs.tab-btn-style-one li.nav-item .nav-link { border:none; font-size:15px; line-height:35px; color:#141417; display:block; padding:0; transition:.5s; }
.property-tabs-section .nav-tabs.tab-btn-style-one li.nav-item .nav-link h4 { font-size:20px; line-height:42px; color:#141417; font-family:'Optima nova LT Pro'; transition:.5s; }
.property-tabs-section .nav-tabs.tab-btn-style-one li.nav-item .nav-link.active h4, .property-tabs-section .nav-tabs.tab-btn-style-one li.nav-item .nav-link:hover h4 { color:#6F00B7 !important; }
.property-tabs-section .tab-content {  }
.property-tabs-section .tab-content h2 { color:#6F00B7 !important; font-family:'Optima nova LT Pro'; font-size:32px; margin-bottom:20px; }

.property-tabs-info { margin:0px auto; clear:both; }
.contact-address { border-bottom:solid 1px #6f00b7 !important; padding:30px 0px; margin-bottom:30px; }
.contact-form-section h2 { color:#6F00B7 !important; font-family:'Optima nova LT Pro'; font-size:34px; line-height:34px; }
#contact-form { border-bottom:solid 1px #6f00b7 !important; padding:30px 0px 50px; margin-bottom:30px; }


.contact-form-section #contact-form .form-group { margin-bottom:20px; }
.contact-form-section #contact-form .form-group:last-child { margin-bottom:0px; }
.contact-form-section #contact-form .form-group input[type='text'],
.contact-form-section #contact-form .form-group input[type='email'],
.contact-form-section #contact-form .form-group input[type='phone'],
.contact-form-section #contact-form .form-group textarea { position:relative; display:block; width:100%; height:50px; background:#fff; border-bottom:1px solid #e5e5e5; font-size:16px; font-family:'Poppins', sans-serif; color:#808080; padding:10px 0px; }
.contact-form-section #contact-form .form-group textarea { height:120px; resize:none; }
.contact-form-section #contact-form .form-group input:focus,
.contact-form-section #contact-form .form-group textarea:focus { }

#sendingMail { padding-left:20px; display:inline-block; font-size:20px; }
#sendingMail img { height:60px; }
#sliderOC_sendingMail { display:inline-block; font-size:16px; padding-top:10px; }
#sliderOC_sendingMail img { height:50px; }



.contact-social li{ position:relative; display:inline-block; float:left; margin-right:15px; }
.contact-social li:last-child{ margin:0px !important; }
.contact-social li a{ position:relative; display:inline-block; width:42px; height:42px; line-height:42px; font-size:22px; color:#141417; text-align:center; border-radius:5px; z-index:1; }
.contact-social li a:before{ position:absolute; content:''; width:100%; height:100%; left:0px; top:0px; transform:scale(0,0); z-index:-1; border-radius:5px; transition:all 500ms ease; }
.contact-social li a:hover{ color:#ed1c24 !important; }
.contact-social li a:hover:before{ transform:scale(1,1); }



.innerPage { margin-bottom:50px; }
.innerPageIntro { padding:50px 0px; }
.innerPageIntro h2 { color:#6F00B7 !important; font-family:'Optima nova LT Pro'; font-size:38px; margin-bottom:15px; }
.innerPageIntro p { padding-bottom:30px; }

.aboutThreeBlocks { position:relative; background:#f7f7f7; padding:80px 0px 40px; }
.aboutThreeBlocks .pattern-layer .pattern-1 { width:667px; height:500px; left:-100px; background-repeat:no-repeat; }
.aboutThreeBlocks .pattern-layer .pattern-2 { width:405px; height:683px; background-repeat:no-repeat; }
.aboutThreeBlocks h2 { color:#6F00B7 !important; font-family:'Optima nova LT Pro'; font-size:38px; margin-bottom:15px; }
.about-block-one { margin-bottom:80px; }
.about-block-one .inner-box { background:#000; overflow:hidden; transition:all 500ms ease; box-shadow:0px 20px 50px 0px #cfcfcf; }
.about-one .about-block-one .inner-box:hover { box-shadow:0px 0px 50px 0px rgba(0, 0, 0, 0.15); }
.about-block-one .inner-box .about-block-content { position:absolute; left:0; right:0; top:0; bottom:0; overflow:hidden; color:#fff !important; text-align:center !important; padding:130px 30px 0px; pointer-events:none; }
.about-block-one .inner-box .about-block-content h3 { margin:10px auto; font-size:26px; color:#fff !important; text-align:center; text-transform:uppercase; }
.about-block-one .inner-box .about-block-content p { font-size:13px; line-height:15px; color:#fff !important; }
.about-block-one .inner-box .image { overflow:hidden; }
.about-block-one .inner-box .image img { width:100%; transition:all 500ms ease; }
.about-block-one .inner-box:hover .image img { transform:scale(1.05); }
	
.about-block-two { padding:80px 0px 60px; }
.about-block-two h2 { color:#6F00B7 !important; font-family:'Optima nova LT Pro'; font-size:38px; margin-bottom:15px; }
.about-block-two p { margin-bottom:30px; } 
.about-block-two .inner-box { background:#000; overflow:hidden; transition:all 500ms ease; box-shadow:0px 20px 50px 0px #cfcfcf; }
.about-two .about-block-two .inner-box:hover { box-shadow:0px 0px 50px 0px rgba(0, 0, 0, 0.15); }
.about-block-two .inner-box .about-block-two-content { position:absolute; left:0; right:0; top:0; bottom:0; overflow:hidden; color:#fff !important; text-align:left !important; padding:60px 50px 0px; pointer-events:none; }
.about-block-two .inner-box .about-block-two-content h3 { margin:10px auto; font-size:22px; color:#fff !important; text-align:left; text-transform:uppercase; }
.about-block-two .inner-box .about-block-two-content p { font-size:13px; line-height:15px; color:#fff !important; text-align:left; }
.about-block-two .inner-box .image { overflow:hidden; }
.about-block-two .inner-box .image img { width:100%; transition:all 500ms ease; }
.about-block-two .inner-box:hover .image img { transform:scale(1.05); }
.about-block-two .inner-box .about-block-two-content-mid h3, .about-block-two .inner-box .about-block-two-content-mid p { color:#6f00b7 !important; }
/*		
.aboutThreeCols { border-bottom:solid 2px #ed1c24; padding-bottom:30px;  margin-bottom:60px; }
.aboutThreeCols .content-box {   }
.aboutThreeCols .pads { padding-left:30px;  }
.aboutThreeCols h2 { color:#6F00B7 !important; font-family:'Optima nova LT Pro'; font-size:34px; margin-bottom:15px; }
.aboutThreeCols .content-box h3 {  color:#6F00B7 !important; font-family:'Optima nova LT Pro'; font-size:26px; margin-bottom:15px; }
.aboutThreeCols .mid-box {  border-left:solid 2px #ed1c24;  border-right:solid 2px #ed1c24;  }
*/

.aboutMission  { position:relative; width:100%; background-size:cover; background-repeat:no-repeat; background-position:center; background-attachment:fixed; padding:130px 0px 140px; text-align:center; }
.aboutMission:before { position:absolute; content:''; width:100%; height:100%; top:0px; right:0px; background:#000; mix-blend-mode:multiply; opacity:0.70; }
.aboutMission .inner-box { position:relative; z-index:1; width:100%; margin:0 auto; }
.aboutMission .inner-box .sec-title { position:relative; display:block; margin-bottom:20px; }
.aboutMission .inner-box .sec-title .sub-title { position:relative; display:inline-block; font-size:15px; font-weight:medium; margin-bottom:19px; }
.aboutMission .inner-box h3 { display:block; font-size:24px; line-height:28px; font-weight:bold; margin-bottom:20px; color:#fff; }
.aboutMission { overflow:hidden; }
.aboutMission:before { z-index:1; }

.aboutVision { padding:80px 0px 60px; position:relative; }
.aboutVision .content_block_nine .content-box {  position:relative; display:block; margin-right:50px; }
.aboutVision .content_block_nine .content-box .sec-title-eight { position:relative; display:block; margin-bottom:25px; }
.aboutVision .content_block_nine .content-box .sec-title-eight h5 { position:relative; display:inline-block; font-size:16px; line-height:30px; font-weight:600; margin-bottom:7px; color:#6e00b7 !important; }
.aboutVision .image_block_eight .image-box { position:relative; display:block; margin-left:30px; padding-left:140px; }
 

.image_block_eight .image-box .image { overflow:hidden; }
.image_block_eight .image-box .image img { width:100%; }
.image_block_eight .image-box .image:before { position:absolute; top:0; left:-80%; display:block; content:''; width:50%; height:100%; background:-o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%); background:-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .3))); background:linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%); -webkit-transform:skewX(-25deg); -ms-transform:skewX(-25deg); transform:skewX(-25deg); }
.image_block_eight .image-box .image:hover:before  { -webkit-animation:shine 1s; animation:shine 1s; }
.image_block_eight .image-box .text { width:270px; background:#2b2f2e; }
.image_block_eight .image-box .text p { color:#fff; }
.image_block_eight .image-box .shape .shape-1 { left:30px !important; width:230px; height:240px; background-repeat:no-repeat; }
.image_block_eight .image-box .shape .shape-2 { left:65% !important; top:65% !important; width:230px; height:240px; background-repeat:no-repeat; }
.image_block_eight .image-box .shape .shape-3 { left:80% !important; top:-60px !important; width:135px; height:135px; background-repeat:no-repeat; }


/*
.aboutMissionVision { margin-bottom:40px; }
.aboutMissionVision h2 { color:#6F00B7 !important; font-family:'Optima nova LT Pro'; font-size:38px; margin-bottom:15px; text-transform:uppercase; }
.aboutMissionBlock { border:solid 1px #6f00b7; _padding:22px 50px 0px; padding:50px; _text-align:center; _height:300px; margin-bottom:30px; _align-items:center;  }
.aboutMissionBlock p { font-size:18px; line-height:22px; color:#6f00b7; font-family:'Neue Haas Grotesk Display Pro'; }
*/

.aboutVisionBlock { border:solid 1px #6f00b7; _padding:50px 50px 0px; padding:50px; _text-align:center;  _height:300px;  _align-items:center;  }
.aboutVisionBlock p { _padding-top:50px; font-size:18px; line-height:22px; color:#6f00b7; font-family:'Neue Haas Grotesk Display Pro'; }

.aboutValues { background:#f7f7f7; padding:80px 0px 60px;  }
.aboutValues h2 { color:#6F00B7 !important; font-family:'Optima nova LT Pro'; font-size:38px; margin-bottom:15px; text-transform:uppercase; text-align:center; }
.aboutValuesBlock { text-align:center; margin-bottom:30px; padding:20px; }
.aboutValuesBlock h3 { text-transform:uppercase; color:#6f00b7; font-size:22px; font-family:'Optima nova LT Pro'; }
.aboutValuesBlock p { font-size:16px; line-height:20px; font-family:'Optima nova LT Pro'; color:#000; }
.values-pic { margin:0px auto; width:186px; height:186px; text-align:center; margin-bottom:20px; }
.values-pic img { border-radius: 50%; width:186px; height:186px; text-align:center; }


.aboutFounder { position:relative; padding:100px 0px; }
.aboutFounder .titleFounder { position:relative; display:block; color:#6F00B7 !important; font-family:'Optima nova LT Pro'; font-size:34px; margin-bottom:40px; font-weight:600; text-transform:uppercase; }
.aboutFounder .team-details-content { position:relative; display:block; margin-left:30px; }
.aboutFounder .content-one { position:relative; display:block; margin-bottom:100px; } 
.titleTeam { position:relative; display:block; color:#6F00B7 !important; font-family:'Optima nova LT Pro'; font-size:34px; margin-bottom:40px; text-transform:uppercase; }

.aboutTeam { position:relative; padding:80px 0px; background:#f7f7f7; }
.aboutTeam .mteam-block-one .inner-box .image-box { position:relative; display:block; } 
.aboutTeam .mteam-block-one .inner-box .image-box image { position:relative; display:block; } 
.aboutTeam-details {  position:absolute; z-index:100;  left: 0;  bottom: 0;  background-color: #ffffffb3;  padding: 24px;  transform: none;  height: 100%;  width: 100%;  text-align: center;  opacity:0;  overflow: auto; }
.aboutTeam-details:hover {  opacity: 1;  background-color:#4c4c4d;  color:#fff; }
.aboutTeam-details p { margin-bottom: 10px;  color:#fff;  text-align: left; }
.aboutTeam-details::-webkit-scrollbar {  width: 10px;  height: 8px; }
.aboutTeam-details::-webkit-scrollbar-track {  background:#fff; }
.aboutTeam-details::-webkit-scrollbar-thumb {  background:#4c4c4d;  border-left: 2px solid #fff; }


.aboutDownload { padding:80px 0px 60px;  }
.aboutDownload h2 { color:#6F00B7 !important; font-family:'Optima nova LT Pro'; font-size:34px; margin-bottom:15px; }
.aboutDownload .d-btn { line-height:106px; color:#000; font-size:20px; }
.aboutDownload .d-btn a { display:inline-block; border-left:solid 1px #000; padding-left:30px; margin-left:30px; }

.valuesPoints { margin-top:-40px; margin-bottom:100px; }
.valuesBlock { border-bottom:solid 1px #ed1c24; margin-bottom:20px; padding-bottom:20px; }
.valuesBlock h3 { color:#6F00B7; font-weight:400; }
.valuesBlock p {  }
p.big { font-size:18px !important; }

.commList li { border-bottom:solid 1px #6f00b7; padding-bottom:6px; margin-bottom:10px; }
.commList li:last-child { border-bottom:none; }

.commList-nb li { padding-bottom:6px; margin-bottom:10px; }

.career-apply h3 { color:#6F00B7 !important; font-family:'Optima nova LT Pro'; font-size:34px; margin-bottom:15px; }

#career-form .map-inner { position:absolute; top:0px; left:0px; width:50%; height:100%; }
#career-form .map-inner #contact-google-map { width:100%; height:100%; }
#career-form .form-inner { background:#fff; }
#career-form .form-group { margin-bottom:20px; }
#career-form .form-group:last-child { margin-bottom:0px; }
#career-form .form-group input[type='text'],
#career-form .form-group input[type='email'],
#career-form .form-group input[type='phone'],
#career-form .form-group textarea { position:relative; display:block; width:100%; height:50px; background:#fff; border-bottom:1px solid #e5e5e5; font-size:16px; font-family:'Poppins', sans-serif; color:#808080; padding:10px 0px; }
#career-form .form-group textarea { height:120px; resize:none; }
#career-form .form-group input:focus,
#career-form .form-group textarea:focus { }
#career-form .pattern-layer { width:50%; height:100%; background-size:cover; background-repeat:no-repeat; background-position:center; }


.leaders-block-one { margin-bottom:40px; }
.leaders-block-one h2 { color:#6F00B7 !important; font-family:'Optima nova LT Pro'; font-size:34px; font-weight:400; line-height:36px; }
.leaders-block-one h3 { color:#000 !important; font-family:'Optima nova LT Pro'; font-size:20px; font-weight:400; margin-bottom:10px; }
.leaders-block-withBorder { border-bottom:solid 1px #ed1c24 !important; padding-bottom:40px; }

.btn-more { font-weight:500; border-radius:0px; padding:13px 26px 11px 26px; background:#6f00b7; font-size:15px; text-transform:uppercase; }
.btn-more:before{ webkit-transition-duration:800ms; transition-duration:800ms; position:absolute; width:200%; height:200%; content:""; bottom:110%; left:50%; background-color:#141417; -webkit-transform:translateX(-50%); transform:translateX(-50%); border-radius:50%; z-index:-1; }
.btn-more:hover:before{ bottom:-40%; }

.propertyPageResidentail { margin-top:50px; margin-bottom:50px; }
.propertyPageResidentail .propertyPageResidentailRight{ border-top:solid 1px #6f00b7 !important; padding-top:50px; }
.propertyPageResidentail h3 { color:#6f00b7; margin-bottom:30px; }
.btnPublicNotice { border:solid 1px #6f00b7; color:#6f00b7; font-size:16px; line-height:24px !important; text-transform:uppercase; padding:20px 20px 10px; letter-spacing:1px; transition:.5s; }
.btnPublicNotice:hover { background:#6f00b7; color:#fff; }
.btnPublicNoticeRight { margin-left:50px; }
.btnPublicNotice i { color:#f00 !important; font-size:24px; line-height:24px; }
.btnPublicNotice:hover i { color:#fff !important; }




#sliderOC { width:300px; top:175px; position:fixed; z-index:10000000000; }
#sliderOC #sidebar_header { width:260px; min-height:360px; position:absolute; right:0; border:1px solid #d8d8d8; background:#fff; _margin-left:40px; padding:20px 30px; border-radius:3px; box-shadow:0 0 8px gray; }
#sliderOC #sidebar { position:absolute; top:80px; left:0px; box-shadow:0 0 8px gray; }
#sliderOC #sidebar1 { position:absolute; top:80px; left:0px; box-shadow:0 0 8px gray; }

#sliderOC input[type=text], #sliderOC input[type=email], #sliderOC input[type=phone] { margin-top:10px; padding:6px; width:100%; font-size:15px; border-radius:2px; border:1px solid #002d5b; }
#sliderOC div#title_ { position:absolute; top:300px; left:650px; }
#sliderOC select { padding:6px; width:100%; font-size:15px; border-radius:2px; border:3px solid #002d5b; }
#sliderOC textarea { padding:6px; font-size:15px; border-radius:2px; border:1px solid #002d5b; margin-top:10px; _height:80px; width:100%; }
#btnGetACallBackSubmit { background:#000; border:none; color:#fff; width:100%; font-size:18px; font-weight:500; padding:8px 0; border-radius:3px; _cursor:pointer; margin-top:10px;  }
#btnGetACallBackSubmit:bover { background:#6f00b7 !important; }


.whyBoxPurple { background:#6f00b7; color:#fff; margin-top:50px; }
.whyBoxPurple .whyBoxPurpleLeft { color:#fff !important; padding:0px 50px; }
.whyBoxPurple .whyBoxPurpleLeft h3, .whyBoxPurple .whyBoxPurpleLeft p { color:#fff !important; }

.whyBoxGray { background:#b3b3b3; color:#6f00b7; margin-top:50px; }
.whyBoxGray .whyBoxGrayLeft { color:#6f00b7 !important; padding:0px 50px; }
.whyBoxGray .whyBoxGrayLeft h3, .whyBoxGray .whyBoxGrayLeft p { color:#6f00b7 !important; }

.social-updates { padding:60px 0px; }
.social-updates h2 { font-size:36px; }
.social-updates h3 { font-size:24px; margin-bottom:20px; }
.social-updates h3 a { color:#6f00b7 !important; }

.h-news-block { padding:20px 20px 0px 0px; border-top:solid 2px #333; margin-bottom:30px; }
.h-news-block h3 { }
.h-news-block p { text-align:justify;  }
.h-news-block .news-logo { min-height:62px; }
.h-news-block .news-heading { min-height:90px; text-align:justify;  font-size:20px; margin-top:20px; margin-bottom:20px; font-weight:700; bottom:0; }
.h-news-block .btnNewsReadMore { padding-top:20px; color:#6F00B7; font-weight:600; }
.h-news-block .btnNewsReadMore:hover { color:#000; }


.media-block { padding:40px 0px; }
.media-bg-grey_ { background:#f7f7f7; }
.media-logo { background:#fff; width:300px; height:300px; padding:30px; text-align:center; box-shadow:20px 20px 25px #eee; }
.media-logo img { text-align:center; }
.media-info { }
.media-top { margin-bottom:15px; clear:both; }
.media-top .media-date { float:left; display:inline; min-width:150px; }
.media-top .media-source { float:left; display:inline; color:#6F00B7; }
.media-block .media-heading { font-size:20px; margin-bottom:10px; font-weight:600; }
.media-block p { margin-bottom:10px; }
.media-block .btnMediaReadMore { padding-top:20px; color:#000; font-weight:600; }
.media-block .btnMediaReadMore:hover { color:#6F00B7; }


.xl { display:block !important; }
.xs { display:none !important; }

.h-corporate-film { padding:100px 0px; }


@media only screen and (max-width:599px){
* { text-align:center !important; }
.xl { display:none !important; }
.xs { display:block !important; }
.mobile-nav-toggler { margin-top:-20px !important; }
#sliderOC { display:none !important; }
.home-banner h2 { font-size:30px; line-height:45px; padding:0px 30px !important; margin-bottom:30px;  }
.home-menu { padding-right:50px !important; }
.home-menu a { text-align:right !important; }
.home-menu a { font-size:24px !important; }
.about-menu li a { padding-right:0px !important; }
.h-about { padding-top:100px; }
.h-about-left p { float:none !important; text-align:center !important; padding:0px 30px 30px 30px !important;  }
.h-about .h-about-right { padding:0px 30px; }
.h-about .h-about-right .textR { float:none !important; text-align:center !important; padding:0px !important; }
.h-projects .vertical .carousel-item { height:auto; }
.h-projects-block .content-box { margin-left:0px; padding-bottom:20px; }
.h-projects-block .content-box .text p { padding-left:50px !important; padding-right:50px !important; }

.h-project-block .inner-box { margin-right:0px; }
.h-blog-block-one .inner-box { margin-bottom:20px; }
.h-blog-block-one .inner-box .h-blog-title, .h-blog-block-two .inner-box .h-blog-title { position:relative; left:0; bottom:0; text-align:center; padding:0px; }
.h-timeline-container { padding:0px; margin-top:20px; margin-left:20px !important; }

.h-timeline-block { margin-top:30px !important; }

.residential-property-tabs-list li a { border-bottom:dotted 2px #ccc !important; padding-top:15px !important; padding-bottom:15px !important; }
.residential-property-tabs-list li:last-child a { border-bottom:none !important; padding-top:15px !important; padding-bottom:15px !important; }
.residential-property-tabs-list { margin-bottom:30px !important; }

.aboutVision .content_block_nine .content-box { margin-right:0px; }
.aboutVision .image_block_eight .image-box { margin-left:0px; padding-left:0px; }

.aboutFounder .content-one { margin-bottom:0px; } 
.aboutTeam .mteam-block-one { margin-bottom:50px; } 
.aboutFounder .team-details-content { margin-left:0px; padding:0px 20px; }

.whyBoxPurple { padding:50px 20px 20px; }
.whyBoxGray { padding:20px; }
.whyBoxGray .whyBoxGrayLeft { padding-top:30px; }

.propertyPageBlockLeft .propertyPageBlockColLeft { padding-right:0px !important; }
.propertyPageBlockRight .propertyPageBlockColRight { padding-left:0px !important; }
.propertyPageBlockPic { margin-bottom:20px; }
.propertyPageBlockInfo { margin-bottom:80px; }
.on-project-block .inner-box { margin-right:0px; }

.avana-floorplans .owl-nav { top:-80px; right:0px; }
.avana-floorplans .inner-content { margin-right:0px; }

.propertyPageCyberparkSpecs img { margin-bottom:30px !important; }

.propertyPageCyberparkSpecs { background:#fff !important; }
.listPropertyPageCyberparkSpecs li { border-bottom:solid 1px #ccc !important; padding:8px 0px; }

.h-news-block { margin-bottom:50px; }

.commList-nb  { margin-top:50px !important; }
.commList-nb li { border-bottom:solid 1px #ccc; }
.commList-nb li:last-child { border-bottom:none; }

.commList-nbh { padding:30px 0px; }

.scroll-to-top { display:none !important; }
.mobile-menu .close-btn { margin-top:-20px !important; margin-right:-20px !important; }
.mobile-menu .nav-logo { margin-top:30px !important; }

.logo-xs { margin-bottom:30px; padding:0px 30px; }
.avanalogo { margin-bottom:30px; }
}
/*-- new code --*/
.hero-section {
    padding: 0 0px 0 0;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
}
.image-side {
    position: relative;
    flex: 1 1 70%;
    min-height: 300px;
    background-image: url('../img/lifestyle-lft-img1.jpg');
    background-size: cover;
    background-position: center;
}
.content-side {
    flex: 1 1 30%;
    padding: 60px 48px;
    background-color: #fdfcfa;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.content-side h1 {
    color: #6F00B7 !important;
    font-family: 'Optima nova LT Pro';
    font-size: 38px;
    margin-bottom: 10px;
}
.content-side p { 
    margin-top: 1rem;
}
.info-list {
    margin-top: 2rem;
    padding-left: 0;
}
.info-list li {
    list-style: none;
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
    padding-bottom: 6px;
    font-weight: 500;
}


@media (max-width:991px) {
    .image-side, .content-side {
        flex: 1 1 100%;
    }
    .image-side {
        padding-top: 100%;
    }
    .hero-section {
        padding-top: 0;
    }
}
@media (max-width:480px) {
    .content-side { 
        padding: 50px 35px; 
    }
}