@font-face {
	font-family: 'futura_lt_btlight';
	src: url('../fonts/futult-webfont.html');
	src: url('../fonts/futult-webfontd41d.html?#iefix') format('embedded-opentype'), url('../fonts/futult-webfont.woff') format('woff'), url('../fonts/futult__.ttf') format('truetype'),    url('../fonts/futult-webfont-2.html#futura_lt_btlight') format('svg');
	font-weight: normal;
	font-style: normal;
}
body {
  font-family: 'Roboto', sans-serif; font-size: 15px;
  color: #33414a; line-height: 25px;
  background-color: #fff; font-weight: 300;
}
a{ text-decoration: none; }
a:hover{ text-decoration: none; }

h2{ font-size:32px; line-height: 42px;}
h3{font-size:24px; line-height: 34px; }
h4{font-size:18px; line-height: 28px;}
h2,h3,h4,h5{ font-family: 'futura_lt_btlight';}
p{font-family: 'Roboto', sans-serif; font-size: 15px; line-height: 25px; font-weight: 300;}
ol,ul{ margin:0; padding:0;}
@media (min-width: 1400px){
/*.container { min-width: 1370px;}*/
}
@media (min-width: 1600px){
/*.container { min-width: 1570px;}*/
}
@media (min-width: 1800px){
/*.container { min-width: 1770px;}*/
}
.img-thumbnail,img-fluid{ width:100%;}

.overflow-hidden {overflow: hidden;}

.scroll-down{position:absolute;left:50%;margin-left:-20px;width:40px;height:40px;bottom:35px;padding-left:7px;cursor:pointer;z-index:11;color:#c7c4b8;box-sizing:border-box}
.scroll-down.svg svg{vertical-align:middle;width:25px;opacity:1;-webkit-transition:opacity .5s;;transition:opacity .5s}
.scroll-down.svg .stroke{stroke:#fff}
.scroll-down.svg .scroller{fill:#fff;animation:updown 1s infinite}
@keyframes updown {
0%{transform:translate(0,0)}
50%{transform:translate(0,5px)}
100%{transform:translate(0,0)}
}


 

.mybtn{border:2px solid transparent;border-radius:0;text-transform:uppercase;position:relative;transition:all .3s ease-in-out; background: transparent;}
.mybtn:before{content:"";height:6px;border-bottom:2px solid transparent;border-left:2px solid transparent;position:absolute;bottom:-8px;left:4px;right:-8px;transition:all .3s ease-in-out;}
.mybtn.btn-sm:before{height:5px;bottom:-7px;left:4px;right:-6px}
.btn:hover:before{bottom:-2px;left:-2px;right:2px;border-color:#e16b47}
.mybtn:after{content:"";width:6px;border-right:2px solid transparent;border-top:2px solid transparent;position:absolute;bottom:-8px;right:-8px;top:4px;transition:all .3s ease-in-out;}
.mybtn.btn-sm:after{width:5px;bottom:-7px;top:2px;right:-7px}
.btn:hover:after{bottom:2px;right:-2px;top:-2px;border-color:#e16b47}
.mybtn.red,.mybtn.red:before,.mybtn.red:after{border-color:#ff6e6e;color:#ff6e6e}
.mybtn.blue,.mybtn.blue:before,.mybtn.blue:after{border-color:#5cbcf6;color:#5cbcf6}
.mybtn.orange,.mybtn.orange:before,.mybtn.orange:after{border-color:#ef965c;color:#ef965c}
.mybtn.green,.mybtn.green:before,.mybtn.green:after{border-color:#7ad79a;color:#7ad79a}
.mybtn.temp-red,.mybtn.temp-red:before,.mybtn.temp-red:after{border-color:#dd3a33;color:#dd3a33}
.mybtn.temp-blue,.mybtn.temp-blue:before,.mybtn.temp-blue:after{border-color:#131f45;color:#131f45}

.tempbtn{border:2px solid #131f45;border-radius:0;text-transform:capitalize;position:relative;transition:all .3s ease-in-out; background: transparent; color:#131f45;}
.tempbtn:hover{border:2px solid #dd3a33; color:#dd3a33;}

.link{ color:#131f45; text-decoration:none;}

.preloader{position:fixed;top:0;left:0;height:100%;width:100%;display:table;background:#131f45;z-index:9999;}
.preloder-wrap{display:table-cell;vertical-align:middle;}
.loader{width:200px;height:200px; padding:25px; margin:0 auto;position:relative;animation:loading-3 10s linear infinite;}
.loader .lodingImg{ width:150px;height:150px; overflow:hidden; border-radius:50%; isplay:table-cell;vertical-align:middle; animation:loading-4 10s linear infinite;}
.loader .lodingImg img{ width:100%; height:100%; obhect-fit:cover;}
.loader:before,.loader:after{content:"";width:100%;height:100%;border:2px solid #fff;border-radius:50%;box-sizing:border-box;position:absolute;top:0;left:0;animation:loading-1 1000ms  backwards,loading-2 500ms  linear  infinite}
.loader:after{animation-duration:800ms,1100ms}
@keyframes loading-1 {
0%{opacity:0;transform:scale(0.3)}
50%{opacity:1;transform:scale(1)}
60%{transform:scale(0.8,1.2)}
80%{transform:scale(1.1,0.9)}
100%{transform:scale(1)}
}
@keyframes loading-2 {
0%{transform:scale(1)}
20%{transform:scale(0.8,1.2)}
60%{transform:scale(1.1,0.9)}
100%{transform:scale(1)}
}
@keyframes loading-3 {
100%{transform:rotate(360deg)}
}
@keyframes loading-4 {
100%{transform:rotate(-360deg)}
}

/* -----Main Components ------ */
header {
  position: fixed;
  z-index: 999;
  height: 50px;
  width: 100%;
  top: 0;
  left: 0;
  background-color: transparent;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}
header.nav-is-visible {
  -webkit-transform: translateX(-260px);
  -moz-transform: translateX(-260px);
  -ms-transform: translateX(-260px);
  -o-transform: translateX(-260px);
  transform: translateX(-260px);
}
header::before {
  display: none;
  content: 'mobile';
}
@media only screen and (min-width: 1024px) {
  header {
    height: 80px;
  }
  header.nav-is-visible {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  header::before {
    content: 'desktop';
  }
}

.bln-logo {
  display: inline-block;
  height: 100%;
  margin-left: 15px;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.bln-logo img {
  display: block;
  margin-top: 10px;
  width: auto; height: 30px;
}
@media only screen and (min-width: 1024px) {
  .bln-logo {
    position: absolute;
    z-index: 2;
    margin-left: 5%;
  }
  .bln-logo img {
        width: auto; height: 52px;
		margin-top: 14px;
       
  }
}

.bln-nav-trigger {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 50px;
  overflow: hidden;
  white-space: nowrap;
  color: transparent;
}
.bln-nav-trigger span {
  position: absolute;
  height: 2px;
  width: 20px;
  top: 50%;
  margin-top: -1px;
  left: 50%;
  margin-left: -10px;
  -webkit-transition: background-color 0.3s 0.3s;
  -moz-transition: background-color 0.3s 0.3s;
  transition: background-color 0.3s 0.3s;
  background-color: #ffffff;
}
.bln-nav-trigger span::before, .bln-nav-trigger span::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.3s 0.3s;
  -moz-transition: -moz-transform 0.3s 0.3s;
  transition: transform 0.3s 0.3s;
}
.bln-nav-trigger span::before {
  -webkit-transform: translateY(-6px);
  -moz-transform: translateY(-6px);
  -ms-transform: translateY(-6px);
  -o-transform: translateY(-6px);
  transform: translateY(-6px);
}
.bln-nav-trigger span::after {
  -webkit-transform: translateY(6px);
  -moz-transform: translateY(6px);
  -ms-transform: translateY(6px);
  -o-transform: translateY(6px);
  transform: translateY(6px);
}
.nav-is-visible .bln-nav-trigger span {
  background-color: rgba(255, 255, 255, 0);
}
.nav-is-visible .bln-nav-trigger span::before {
  -webkit-transform: translateY(0) rotate(-45deg);
  -moz-transform: translateY(0) rotate(-45deg);
  -ms-transform: translateY(0) rotate(-45deg);
  -o-transform: translateY(0) rotate(-45deg);
  transform: translateY(0) rotate(-45deg);
}
.nav-is-visible .bln-nav-trigger span::after {
  -webkit-transform: translateY(0) rotate(45deg);
  -moz-transform: translateY(0) rotate(45deg);
  -ms-transform: translateY(0) rotate(45deg);
  -o-transform: translateY(0) rotate(45deg);
  transform: translateY(0) rotate(45deg);
}
@media only screen and (min-width: 1024px) {
  .bln-nav-trigger {
    display: none;
  }
}

.bln-main-nav {
  position: fixed; list-style:none; margin:0; padding:0;
  z-index: 1;
  top: 0;
  right: 0;
  width: 260px;
  height: 100vh;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  visibility: hidden;
  background: #1e262c;
  -webkit-transition: visibility 0s 0.3s;
  -moz-transition: visibility 0s 0.3s;
  transition: visibility 0s 0.3s;
}
.bln-main-nav a {
  display: block; text-decoration:none;
  padding: .9em 2em .9em 1em;
  border-bottom: 1px solid #33414a;
  color: #ffffff;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  -moz-transition: -moz-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
}
.bln-main-nav li ul {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
  -webkit-transform: translateX(260px);
  -moz-transform: translateX(260px);
  -ms-transform: translateX(260px);
  -o-transform: translateX(260px);
  transform: translateX(260px);
}
.bln-main-nav.nav-is-visible {
  visibility: visible;
  -webkit-transition: visibility 0s 0s;
  -moz-transition: visibility 0s 0s;
  transition: visibility 0s 0s;
}
.bln-main-nav.moves-out > li > a {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  opacity: 0;
}
.bln-main-nav.moves-out > li > ul {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.bln-main-nav .bln-subnav-trigger, .bln-main-nav .go-back a {
  position: relative;
}
.bln-main-nav .bln-subnav-trigger span::before, .bln-main-nav .bln-subnav-trigger span::after, .bln-main-nav .go-back a::before, .bln-main-nav .go-back a::after {
  content: '';
  position: absolute;
  top: 50%;
  margin-top: -1px;
  display: inline-block;
  height: 2px;
  width: 10px;
  background: #485c68;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.bln-main-nav .bln-subnav-trigger span::before, .bln-main-nav .go-back a::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.bln-main-nav .bln-subnav-trigger span::after, .bln-main-nav .go-back a::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.bln-main-nav .bln-subnav-trigger span::before, .bln-main-nav .bln-subnav-trigger span::after {
  right: 20px;
  -webkit-transform-origin: 9px 50%;
  -moz-transform-origin: 9px 50%;
  -ms-transform-origin: 9px 50%;
  -o-transform-origin: 9px 50%;
  transform-origin: 9px 50%;
}
.bln-main-nav .go-back a {
  padding-left: 2.5em;
}
.bln-main-nav .go-back a::before, .bln-main-nav .go-back a::after {
  left: 20px;
  -webkit-transform-origin: 1px 50%;
  -moz-transform-origin: 1px 50%;
  -ms-transform-origin: 1px 50%;
  -o-transform-origin: 1px 50%;
  transform-origin: 1px 50%;
}
.bln-main-nav .placeholder {
  display: none;
}
@media only screen and (min-width: 1024px) {
  .bln-main-nav {
    position: static;
    visibility: visible;
    width: 100%;
    height: 80px;
    line-height: 80px;
    padding: 0 5% 0 calc(5% + 124px);
    background: transparent;
    text-align: right;
  }
  .bln-main-nav li {
    display: inline-block;
    height: 100%;
    padding: 0 .4em;
  }
  .bln-main-nav li a {
    display: inline-block;font-family: 'futura_lt_btlight';
    padding: .8em;
    line-height: 1;
    border-bottom: none;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
  }
  
  
 .bln-main-nav li a:after{
    position: absolute;
    opacity: 0;
    width: 0%;
    height: 2px;
    content: '';
    background: #da251d;
    transition: all 0.3s;
}
.bln-main-nav li a:after{
    left: 0px;;
    bottom: 0px;
}

.bln-main-nav li a:hover:after,.bln-main-nav li a.active:after,.bln-main-nav li.active a:after,.bln-main-nav.moves-out .bln-subnav-trigger:after{
    opacity: 1;
    width: 100%;
}
  

  
  .bln-main-nav li a:not(.bln-subnav-trigger):hover {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .bln-main-nav .go-back {
    display: none;
  }
  .bln-main-nav .bln-subnav-trigger {
    z-index: 1; position:relative;
    -webkit-transition: border 0.3s;
    -moz-transition: border 0.3s;
    transition: border 0.3s;
  }
 
  .bln-main-nav .bln-subnav-trigger span::before, .bln-main-nav .bln-subnav-trigger span::after {
    top: 22px;
    right: 17px;
    background-color: #ffffff;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: -webkit-transform 0.3s, width 0.3s, right 0.3s;
    -moz-transition: -moz-transform 0.3s, width 0.3s, right 0.3s;
    transition: transform 0.3s, width 0.3s, right 0.3s;
  }
  .bln-main-nav .bln-subnav-trigger span::before {
    right: 23px;
  }
  .bln-main-nav .bln-subnav-trigger, .bln-main-nav .placeholder {
    padding-right: 2.4em;
    padding-left: 1.1em;
  }
  .bln-main-nav li ul {
    height: 80px;
    background-color: #fff; color:#21275a;
    padding: 0 5% 0 calc(5% + 124px);
    -webkit-transform: translateY(-80px);
    -moz-transform: translateY(-80px);
    -ms-transform: translateY(-80px);
    -o-transform: translateY(-80px);
    transform: translateY(-80px);
    -webkit-transition: -webkit-transform 0.3s 0.2s;
    -moz-transition: -moz-transform 0.3s 0.2s;
    transition: transform 0.3s 0.2s;
  }
  .bln-main-nav li ul li {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
    -webkit-transition: -webkit-transform 0.3s 0s, opacity 0.3s 0s;
    -moz-transition: -moz-transform 0.3s 0s, opacity 0.3s 0s;
    transition: transform 0.3s 0s, opacity 0.3s 0s;
  }
  .bln-main-nav .placeholder {
    display: block;
    visibility: hidden;
    opacity: 0;
    pointer-event: none;
  }
  .bln-main-nav.moves-out > li > a {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  .bln-main-nav.moves-out > li > ul {
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  .bln-main-nav.moves-out > li ul li {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform 0.3s 0.2s, opacity 0.3s 0.2s;
    -moz-transition: -moz-transform 0.3s 0.2s, opacity 0.3s 0.2s;
    transition: transform 0.3s 0.2s, opacity 0.3s 0.2s;
  }
  .bln-main-nav.moves-out > li ul li a{ color:#21275a;}
  
  .bln-main-nav.moves-out .bln-subnav-trigger span::before, .bln-main-nav.moves-out .bln-subnav-trigger span::after {
    background-color: #21275a;}
	
  .bln-main-nav.moves-out .bln-subnav-trigger span::before, .bln-main-nav.moves-out .bln-subnav-trigger span::after {
    width: 14px;
    right: 17px;
  }
  .bln-main-nav.moves-out .bln-subnav-trigger span::before {
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    transform: rotate(225deg);
  }
  .bln-main-nav.moves-out .bln-subnav-trigger span::after {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
  }
}
.bln-main-content::before {
  display: none;
  content: 'mobile';
}
@media only screen and (min-width: 1024px) {
  .bln-main-content::before {
    content: 'desktop';
  }
}

.bln-main-content {
  position: relative;
  z-index: 2;
  min-height: 100vh;
  background-color: #fff;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}
.bln-main-content.nav-is-visible {
  -webkit-transform: translateX(-260px);
  -moz-transform: translateX(-260px);
  -ms-transform: translateX(-260px);
  -o-transform: translateX(-260px);
  transform: translateX(-260px);
}
@media only screen and (min-width: 1024px) {
  .bln-main-content {}
  .bln-main-content.nav-is-visible {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}

.no-js .bln-nav-trigger, .no-js .bln-subnav-trigger {
  display: none;
}

.no-js header {
  position: relative;
  height: auto;
}

.no-js .bln-logo img {
  margin-bottom: 14px;
}

.no-js .bln-main-nav {
  position: static;
  width: 100%;
  height: auto;
  visibility: visible;
  overflow: visible;
}
.no-js .bln-main-nav li {
  display: inline-block;
}
/*.no-js .bln-main-nav li:last-child {
  display: block;
}*/
.no-js .bln-main-nav .go-back {
  display: none;
}
.no-js .bln-main-nav li ul {
  position: static;
  width: 100%;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
@media only screen and (min-width: 1024px) {
  .no-js .bln-main-nav {
    height: 80px;
  }
  .no-js .bln-main-nav li ul {
    position: absolute;
    top: 80px;
  }
  .no-js .bln-main-nav li ul li {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  .no-js .bln-main-nav li ul li:last-child {
    display: none;
  }
}

.no-js .bln-main-content {
  padding-top: 0;
}
@media only screen and (min-width: 1024px) {
  .no-js .bln-main-content {
    padding-top: 80px;
  }
}

.header-fixed .tempHeader{ background:#fff; transition: 0.4s ease-in-out;}
.header-fixed .tempHeader .bln-main-nav a { color:#21275a;}
.header-fixed .tempHeader .bln-main-nav .bln-subnav-trigger span::before,.header-fixed .tempHeader .bln-main-nav .bln-subnav-trigger span::after {
    background-color: #21275a;}
.header-fixed .bln-nav-trigger span, .header-fixed .bln-nav-trigger span::before,.header-fixed .bln-nav-trigger span::after{ background-color: #131f45;} 
.nav-is-visible .bln-nav-trigger span{ background-color: transparent; }



.secHeading .title span{ padding-bottom:15px; position:relative; display:inline-block; border-bottom:3px solid; text-transform:capitalize; }
.secHeading .title span:after{ content: "\f1ad"; font-family:'FontAwesome'; width:30px; height:30px; text-align:center; line-height:30px;  position:absolute; bottom:-15px; left:calc(50% - 15px); background:#fff; color:#131f45;}
.secHeading .sub-title{ margin-top:15px; color: #fff;}


.dotted:after,.striped:after{content:"";display:inline-block;position:absolute;width:100%;height:100%;top:10px;left:-10px;z-index:-1; opacity:0.3}
.dotted:after{content:'';background-image:-webkit-repeating-radial-gradient(center center,rgba(0,0,0,.2),rgba(0,0,0,.2) 1px,transparent 1.2px,transparent 100%);background-image:-moz-repeating-radial-gradient(center center,rgba(0,0,0,.2),rgba(0,0,0,.2) 1px,transparent 1.2px,transparent 100%);background-image:-ms-repeating-radial-gradient(center center,rgba(0,0,0,.2),rgba(0,0,0,.2) 1px,transparent 1.2px,transparent 100%);background-image:repeating-radial-gradient(center center,rgba(0,0,0,.2),rgba(0,0,0,.2) 1px,transparent 1.2px,transparent 100%);-webkit-background-size:3px 3px;-moz-background-size:3px 3px;background-size:3px 3px}
.striped:after{background-image:-webkit-repeating-linear-gradient(135deg,rgba(0,0,0,.3),rgba(0,0,0,.3) 1px,transparent 2px,transparent 2px,rgba(0,0,0,.3) 3px);background-image:-moz-repeating-linear-gradient(135deg,rgba(0,0,0,.3),rgba(0,0,0,.3) 1px,transparent 2px,transparent 2px,rgba(0,0,0,.3) 3px);background-image:-o-repeating-linear-gradient(135deg,rgba(0,0,0,.3),rgba(0,0,0,.3) 1px,transparent 2px,transparent 2px,rgba(0,0,0,.3) 3px);background-image:repeating-linear-gradient(135deg,rgba(0,0,0,.3),rgba(0,0,0,.3) 1px,transparent 2px,transparent 2px,rgba(0,0,0,.3) 3px);-webkit-background-size:4px 4px;-moz-background-size:4px 4px;background-size:4px 4px}

.comSec{position:relative; }
.videoContainer{position: relative; width:100%; height:100vh; overflow:hidden; z-index:1;}
.videoContainer:after{ content:''; position:absolute; top:0; left:0; width:100%; height:100%;opacity: 0.4; z-index:1; background: linear-gradient(-45deg, #ff9900, #003471, #ff9900, #003471);
  background-size: 400% 400%;
  -webkit-animation: Gradient 15s ease infinite;
  -moz-animation: Gradient 15s ease infinite;
  animation: Gradient 15s ease infinite;}



.videoContainer #homeVideo{;min-width: 100%; min-height: 100%; }


.videoContainer .conIn{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:5; text-align:center; color:#fff;
    padding: 40px;     background: #ffffff4a;
    border: 10px solid #ffffff33; }
.videoContainer .conIn h1{ font-size:52px;}
.videoContainer .conIn:after{}

.aboutSec{ padding:70px 0 ; z-index:1; background:#464b79; position:relative; color:#fff; }
.aboutSec:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 300px;
    background: url(../img/pt2.png);
    background-repeat: no-repeat;
    height: 100%;
    opacity: 0.4;
}
.aboutSec:after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
    width: 300px;
    background: url(../img/pt3.png);
    background-repeat: no-repeat;
    height: 100%;
    opacity: 0.4;
    background-position: right bottom;
}

.aboutSecTab{ position:relative;}
.aboutSecTab .nav-link{position:relative; background:#21275a; color:#fff;  text-transform:capitalize;transition: all 0.3s ease;}
.aboutSecTab .nav-link + .nav-link{margin-top:10px;}
.aboutSecTab .nav-link:before{ content:''; width:2px; height:0; position:absolute; top:0; left:0; transition: all 0.3s ease;}
.aboutSecTab .nav-link.active:before,.aboutSecTab .nav-link:hover:before{ background:#da251d; height:100%;}
.aboutSecTab .nav-link.active:after{  content: "\f0da";font-family:'FontAwesome'; font-size: 22px;color: #da251d; position:absolute; top:50%; right:-7px; transform:translateY(-50%);}
.aboutSecTab .nav-link:hover{ color:#da251d;}
.aboutSecTab .nav-link.active{ background:#da251d; color:#fff;}


.astabslider{ margin-top:35px;}
.astabslider.owl-theme .owl-nav { position:absolute; top:-35px; right:-12px; margin-top: 0px;}
.astabslider.owl-theme .owl-nav [class*=owl-] { color: #fff; font-size: 22px; line-height:inherit;  margin:0px; padding: 0; background:none; border-radius: 0px; border:0; width:35px; height:35px; outline:none;}
.astabslider.owl-theme .owl-nav [class*=owl-]:hover { color: #da251d; }
.astBox{ height:150px; overflow:hidden; display:block; text-decoration:none;}
.astBox img{ height:100%; height:100%; object-fit:cover;}


@media (max-width:767px){
	.aboutSecTab{flex-direction: row!important; justify-content: space-between; margin-bottom:15px; }
	.aboutSecTab .nav-link + .nav-link{margin-top:0px;}
	.aboutSecTab .nav-link:before{ width:0px; height:2px;}
	.aboutSecTab .nav-link.active:before,.aboutSecTab .nav-link:hover:before{  height:2px; width:100%;}
	.aboutSecTab .nav-link.active:after{ top:auto; bottom:-20px;  right:50%; transform:translate(-50%,0) rotate(90deg);}
}
@media (max-width:575px){
	.aboutSec { padding: 50px 0 50px;}
	.aboutSecTab .nav-link{ font-size:12px;padding-left:5px; padding-right: 5px;}
}
.contactSec{ position: relative; color: #fff;}
.contactSec .content{ position:relative; z-index:1;  height: 400px; background:url(../img/real-estate.jpg) no-repeat;  background-size:cover; background-attachment:fixed; padding-top:60px; }

.contactSec .content:after{ content:''; position:absolute; top:0; left:0; width:100%; height:100%; /*background:url(../img/pattern1.png) repeat;*/ z-index:-1; opacity:0.3;}
.contactFormBox .boxInner{ width:80%; margin:0 auto; position:relative;  background: #fff; z-index: 2;}

.bt-row{height:70px;width:100%;margin:0 0 1px;box-sizing:border-box;font-size:0;white-space:nowrap;background-color:#fff}
.bt-3row{height:213px;width:100%;margin:0;box-sizing:border-box;font-size:0;white-space:nowrap;background-color:#fff}
.bt-half{width:50%;height:100%;border-right:1px solid #e5e5e5;display:inline-block;vertical-align:top;overflow:hidden;box-sizing:border-box}
.bt-full{width:100%;height:100%;box-sizing:border-box}
.bt-row-cont{display:table;width:100%;background-color:#fafafa}
.bt-3row .bt-col{border-bottom:1px solid #e5e5e5}
.bt-col{display:table-cell;vertical-align:top;width:80px;height:213px}
.bt-3row+.bt-row{position:absolute;width:calc(100% - 80px);bottom:0;left:80px}
.bt-row:last-child{margin:0}
.bt-icon{height:100%;width:80px;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;background-color:#fafafa;display:table-cell;vertical-align:top;background-image:url(../img/form-icons.svg);background-repeat:no-repeat}
.bt-name{background-position:5px 0}
.bt-city{background-position:-133px 0}
.bt-unit{background-position:-135px -70px;}
.bt-email{background-position:5px -70px}
.bt-phone{background-position:-62px -68px}
.bt-note{background-position:-135px -70px}
.contactFormBox .bt-icon{font-size: 12px;text-transform: capitalize;text-align: center;white-space: normal;font-family: 'futura_lt_btlight';
padding: 16px 0;box-sizing: border-box;}
.bt-3row input,.bt-3row textarea,.bt-row input{height:70px;line-height:40px;width:100%;display:table-cell;vertical-align:top;margin:0;padding:22px;font-size:15px;box-sizing:border-box;border:none;outline:none;border-bottom:1px solid #c2c2c2;font-family:futl,sans-serif;transition:all .15s ease;font-family: 'futura_lt_btlight';}
.bt-3row textarea{height:144px;line-height:34px;overflow:hidden;resize:none;padding-bottom:80px}
.bt-3row input:focus,.bt-row input:focus{border-left:none}
.bt-3row input:focus,.bt-3row textarea:focus,.bt-row input:focus{border:1px solid #224156}

.selectBudget{height:70px;line-height:40px;width:100%;display:table-cell;vertical-align:top;margin:0;padding:22px;font-size:15px;box-sizing:border-box;border:none;outline:none;border-bottom:1px solid #c2c2c2;font-family:futl,sans-serif;transition:all .15s ease;font-family: 'futura_lt_btlight';}
.selectBudget{overflow:hidden;resize:none;}

#microEnquery .bt-3row{ height: 140px; }
#microEnquery .bt-col{ height: 140px; }
#microEnquery .bt-col .bt-icon{ height: 70px;line-height: 18px; }
#microEnquery input::placeholder { color: #000;}
#microEnquery .bt-budget{background: url(../img/budget.png) no-repeat center;}

.bt-3row .bt-icon{border-bottom:1px solid #e5e5e5}
.bt-3row .bt-icon:last-child{border-bottom:none}
.bt-col .bt-icon{display:block;height:71px;position:relative; cursor: default;}
.bt-select{background-image:none;color:#c2c2c2;position:relative;cursor:pointer;transition:all .15s ease-in-out}
.bt-select.active{background-color:#fff;color:#224156;box-shadow:inset 0 0 0 3px rgba(229,229,229,1);display: flex;
align-items: center;justify-content: center;}
.bt-select.active:after{content:'';position:absolute;display:block;height:100%;width:100%;box-shadow:inset 0 0 0 2px rgba(250,250,250,1);pointer-events:none;top:0;left:0;z-index:1}
.bt-btn{width:16%;display:inline-block;border: 0;vertical-align:top;background-color:#de3e37;font-size: 15px;color:#fff;cursor:pointer;text-align:center;line-height:71px;font-family:futh,sans-serif;text-transform:capitalize;position:relative;margin-top:0}
.contactFormBox .bt-btn{width:100%}

@media (max-width:480px){
.bt-half{width:100%; float:left;}	
.bt-3row { height: 350px;}
#microEnquery .eterniabtrow{height: 278px;}
}

.tempFooter{ background:#f9f9f9; color:#333; padding:5px 0;}
#home .tempFooter{ position:fixed; bottom:0; left:0; z-index:99; width:100%; background:#131f4566;}
.tempFooter .container{ position:relative;}
ul.social-network{list-style:none;display:inline;margin-left:0!important;padding:0}
ul.social-network li{display:inline;margin:0 5px}
.social-network a.icoRss:hover{background-color:#F56505}
.social-network a.icoFacebook:hover{background-color:#3B5998}
.social-network a.icoTwitter:hover{background-color:#3cf}
.social-network a.icoGoogle:hover{background-color:#BD3518}
.social-network a.icoVimeo:hover{background-color:#0590B8}
.social-network a.icoLinkedin:hover{background-color:#007bb7}
.social-network a.icoRss:hover i,.social-network a.icoFacebook:hover i,.social-network a.icoTwitter:hover i,.social-network a.icoGoogle:hover i,.social-network a.icoVimeo:hover i,.social-network a.icoLinkedin:hover i{color:#fff}
a.socialIcon:hover,.socialHoverClass{color:#44BCDD}
.social-circle li a{display:inline-block;position:relative;margin:0 auto;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;text-align:center;width:30px;height:30px;font-size:16px}
.social-circle li i{margin:0;line-height:30px;text-align:center}
.social-circle li a:hover i,.triggeredHover{transform:rotate(360deg);transition:all .3s ease}
.social-circle i{color:#23527c;transition:all .8s ease}
.tempFooter .coppyRight{font-size: 14px;text-align: right;float: right;text-align: right;width: 100%;display: flex;align-items: center;
position: absolute;top: 50%;transform: translateY(-50%);justify-content: center;}
.tempFooter .coppyRight a{ text-decoration:none; color:#CCC; }

@media (max-width:575px){
	.tempFooter ul.social-network{text-align: center;display: block;}
	.tempFooter .coppyRight{ position:relative;text-align: center; margin-top:10px; display:block; margin-bottom: 10px; float: none; top: 0;}
}

.peojectSec{ position:relative;}

.peojectSec .sleekslider { height:580px}
.pro-item-holder{ position:relative; display:flex; flex-wrap:wrap;}
.pro-item-holder .pro-imgBox{ position:relative;  display:block; overflow:hidden; height:580px; flex:0 0 65%; background:#fff;}
.pro-item-holder .pro-imgBox .proImg{ width:100%; height:100%; object-fit:cover; position:absolute; top:0; left:0; transition: all 0.4s ease-in-out;}
.pro-item-holder .pro-imgBox .proLogo{ position:absolute; top:0; right:0; padding:15px; width:100px; height:auto; z-index:2;}
.pro-item-holder .pro-imgBox .proLogo img{ width:100%; height:auto; }
.pro-item-holder .pro-imgBox .proLogo:before{ content:''; width:0; height:0; position:absolute; top:0; right:0;  border:80px solid transparent; border-right-color:rgba(0,0,0,0.5); border-top-color:rgba(0,0,0,0.5); z-index:-1; }
.pro-item-holder .pro-imgBox .proImg.img2{ transform:translateX(-100%);}
.pro-item-holder .pro-imgBox:hover .proImg.img2{ transform:translateX(0);}
.pro-item-holder .con-holder{ position:relative; flex:0 0 35%; z-index:1;}
.pro-item-holder .con-holder .conIn{ height:480px; background:#f7f7f7;  position:absolute; top:50px; right:-80px;  width:calc(100% + 80px); padding:80px;cursor: pointer;}
.pro-item-holder .con-holder .conIn:before{ content:''; background:#dd3a33; width:0; height:2px; position:absolute; top:0; left:0; transition: all 0.4s ease-in-out;}
.pro-item-holder:hover .con-holder .conIn:before{width:100%;}
.pro-item-holder .con-holder .proLink{ display:block; width:50px; height:50px; line-height:50px; text-align:center; background:#dd3a33; color:#fff; text-decoration:none; transition: all 0.4s ease-in-out; position:absolute; bottom:25px; right:-25px; font-size:24px;}
/*.pro-item-holder .con-holder .proLink:hover,.pro-item-holder:hover .con-holder .proLink { width:60px;}*/
.pro-item-holder .con-holder .conIn .tag{ position:relative; text-transform:capitalize; letter-spacing:3px; }
.pro-item-holder .con-holder .conIn .tag:before{ content:''; position: absolute; width:40px; height:2px; top:-5px; background:#131f45; }
.pro-item-holder .con-holder .conIn .title{ text-transform:capitalize; letter-spacing:2px; position:relative;}
.pro-item-holder .con-holder .conIn .title a{ text-decoration:none; color:#262626;font-size: 20px;}

@media (min-width:576px){
 .peojectSec .sleekslider .slide{ padding-left:10px;}	
 .pro-item-holder .pro-imgBox{ order:2;}
 .pro-item-holder .con-holder{order:1;}	
}

@media (max-width:1400px){	
	.peojectSec { padding: 80px 10%;}
}

@media (max-width:992px){
	.peojectSec{ padding:60px 5%;}
	.pro-item-holder .con-holder .conIn { padding: 40px;}
	.pro-item-holder .con-holder .conIn .title {font-size: 26px;}
}
@media (max-width:575px){
	.peojectSec{ padding:40px 15px;}
    .sleekslider .slide { padding-right:0; height:auto;}
	.pro-item-holder .pro-imgBox{ height:280px; flex:0 0 100%;}
	.pro-item-holder .con-holder{ flex:0 0 100%;}
	.pro-item-holder .con-holder .conIn{ height:220px; width:100%; position:relative; top:0px; left:0px; padding:20px;}
	.pro-item-holder .con-holder .proLink {
		bottom: auto; top:-25px;
		left: 50%; transform:translateX(-50%);
	}
}
	

.journeySec{ position:relative; padding: 70px 0 120px;   background-color: #131f45; z-index:1; /*background-image:url(../img/pt1.png);*/ background-repeat:repeat-x; margin-bottom:250px; }	
.journeySec .secHeading{ color:#fff;}

.journeySec:before{ content:''; position:absolute; top:0; left:0; z-index:-1; width:300px; background:url(../img/pt2.png); background-repeat: no-repeat;  height: 100%; opacity: 0.4;}
.journeySec:after{ content:''; position:absolute; bottom:0; right:0; z-index:-1; width:300px; background:url(../img/pt3.png); background-repeat: no-repeat;  height:100%; opacity: 0.4;  background-position: right bottom;}
.journeyBoxs{width:70%; padding:40px; background:#fff; position:absolute; bottom:-62%; left:50%; transform:translateX(-50%);}
.jrnyBox{text-align:center;position:relative;flex:0 0 22%;background:#fff;float: left;width: 230px;margin-left: 10px;}
.jrnyBox .jrny-icon{display:inline-block;width:100px;height:100px;border-radius:50%;background:#21275a;margin-bottom:15px}
.jrnyBox .jrny-icon i{font-size:35px;color:#fff;line-height:100px;transition:all .3s ease}
.jrnyBox .title{display:block;width:190px;font-size:24px;color:#262626;line-height:30px;text-align:center;text-transform:capitalize;border-bottom:1px solid #175faa;padding-bottom:20px;margin:0 auto 20px;position:relative}
.jrnyBox .title:before,.jrnyBox .title:after{content:"";width:10px;height:10px;border-radius:50%;background:#dd3a33;margin:0 -5px 0 0;position:absolute;bottom:-5px;right:50%;transition:all .4s ease ;}
.jrnyBox .title:before{left:50%;margin:0 0 0 -5px}
.jrnyBox:hover .title:before{left:100%}
.jrnyBox:hover .title:after{right:100%}
.jrnyBox .desc{font:14px;color:gray;line-height:27px;padding: 10px;margin:0}

@media (max-width:1200px){
	.journeyBoxs{width:90%; padding:20px;}
}
@media (max-width:991px){
	.journeyBoxs{width:90%; padding:20px; }
	.jrnyBox{flex:0 0 48%; margin-bottom:30px;}
}
@media (max-width:575px){
	.journeyBoxs{width:94%; top: 150px;}
	.jrnyBox{flex:0 0 100%;}
	.jrnyBox:last-child{ margin-bottom:0;}
	
}


.exp-Sec{ padding:70px 0 120px; position:relative; background: #ddd;}
.exp-Sec .sec-content{ margin:0 auto; max-width:80%;}

.expBox{position: relative;overflow: hidden;width: 100%;max-width: 700px;margin: 60px auto 0 auto;}
.expBox .expBox-icon{width:150px;height:150px;border-radius:50%;border:10px solid transparent;border-top-color:#21275a;border-right-color:#21275a;margin:auto;position:absolute;top:0;left:0;z-index:1;transform:rotate(45deg)}
.expBox .expBox-icon .year{display:block;width:100px;height:100px;line-height:100px;border-radius:50%;background:#fff;box-shadow:0 0 20px rgba(0,0,0,0.4);margin:auto;font-size:30px;font-weight:700;color:#f44556;text-align:center;position:absolute;top:0;left:0;right:0;bottom:0;transform:rotate(-45deg)}
.expBox .expBox-icon .year small{position:absolute;bottom:14px;left:0;line-height:20px;text-transform:capitalize;letter-spacing:2px;width:100%;text-align:center;color:#21275a}
.expBox .expBox-content{width:calc(100% - 200px);background:#fff;padding:20px;z-index:1;position:relative;margin-left:200px;min-height:150px}
.expBox .expBox-content:before{content:"";width:20%;height:15px;background:#fff;position:absolute;top:50%;left:-50px;z-index:-1;transform:translateY(-50%)}
.expBox .expBox-content .img{max-height:50px;margin-bottom:10px}
.expBox .title{font-size:20px;font-weight:700;color:#262626;margin:0 0 10px}
.expBox .desc{color:#262626;line-height:24px;margin:0}
.comSoonBox{width:300px;height:300px;padding:30px;margin:30px auto 0 auto;position:relative;}
.comSoonBox .boxIn{ width:240px; height:240px; overflow:hidden; border-radius:50%;}
.comSoonBox .boxIn img{ width:100%; height:100%; object-fit:cover;}
.comSoonBox:before,.comSoonBox:after{ content: "";  width: 100%;  height: 100%;  border: 2px solid #6ac8c8; border-radius: 50%;  box-sizing: border-box; position: absolute; top: 0; left: 0;  animation: cs-1 1000ms 200ms backwards, cs-2 1000ms linear 1200ms infinite;}
.comSoonBox:before{border: 2px solid #93a0a6;}
.comSoonBox:after{ animation-duration: 800ms, 1100ms; }
@keyframes cs-1{
    0%{ opacity: 0;transform: scale(0.3);}
    50%{ opacity: 1;transform: scale(1);}
    60%{transform: scale(0.8, 1.2);}
    80%{transform: scale(1.1, 0.9);}
    100%{transform: scale(1);}
}
@keyframes cs-2{
	0%{ transform: scale(1);}
    20%{transform: scale(0.8, 1.2);}
    60%{transform: scale(1.1, 0.9);}
    100%{transform: scale(1);}
}
@keyframes cs-3{ 100%{ transform: rotate(360deg); }}




@media (max-width:991px){
	.exp-Sec{ padding:40px 0 60px;}
	.exp-Sec .sec-content {  max-width: 90%;}
	.expBox { margin-top: 0px; margin-bottom: 50px;}	
}

@media (max-width:575px){
	
}
@media (max-width:575px) and (orientation:portrait){
	
	
}



.tempHeading .heading{ display: inline-block; position: relative; color: #2b2d42; text-transform: capitalize; z-index:1;}
.tempHeading .heading:before{content: ''; position: absolute; width: 150px; height: 0px; border-bottom:3px double #fff; 
bottom: -7px; left: 0%;  -webkit-transform: translateX(0%);  -ms-transform: translateX(0%);  transform: translateX(0%); }
.tempHeading.text-center .heading:before{left: 50%;  -webkit-transform: translateX(-50%);  -ms-transform: translateX(-50%);  transform: translateX(-50%)}
.tempHeading .heading:after{content: ''; width: 6px; height: 6px; background: #dd3a33; position: absolute;  bottom: -8px; left:calc(50% - 3px); -webkit-transform: rotate(-45deg) ; -ms-transform: rotate(-45deg) ; transform: rotate(-45deg) ; }
.tempHeading .subHeading{ color: #999;}
.tempHeading.white .heading{  color: #fff; }
.tempHeading.white .subHeading{ color: #ddd;}

.projectBanner{ padding:150px 0; background:url(../img/project.jpg) no-repeat center; background-size: cover; position:relative; z-index:-1;}
.projectBanner:after{ content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.3); z-index:-1;}


.isa-gallery-sec{}
.isa-tab-filter-wrapper { padding: 0 2%;  margin-top: -35px;}
.isa-tab-filter-wrapper .filterInner{ background:#fff; padding: 15px; position:relative;}
.isa-tab-filter-wrapper .secTitle{ display: inline-block; line-height: 40px; margin: 0; font-size: 24px;}
.isa-tab-filter-wrapper:after,.isa-tab-filter-wrapper:before { content: ""; display: table; clear: both;}
.isa-tab-filter { position: relative; height: 50px; width: 140px; margin: 0 auto; z-index: 10;}
.isa-tab-filter::after { content: ''; position: absolute; right: 14px; top: 50%; bottom: auto; transform: translateY(-50%); display: inline-block;  width: 16px;
  height: 16px;  background: url("../img/isa-icon-arrow.svg") no-repeat center center; transition: all 0.3s; pointer-events: none;}
.isa-tab-filter ul { position: absolute; margin:0; padding:0; list-style:none; top: 0; left: 0;}
.isa-tab-filter li {  display: none;}
.isa-tab-filter li:first-child { display: block;}
.isa-tab-filter a { display: block; text-decoration:none;height: 45px; width: 140px; line-height: 45px; padding-left: 14px;}
.isa-tab-filter a.selected { background: #21275a; color: #ffffff;}
.isa-tab-filter.is-open::after { transform: translateY(-50%) rotate(-180deg);}
.isa-tab-filter.is-open ul { background: #fff; z-index:10; box-shadow: inset 0 -2px 0 #21275a, 0 2px 10px rgba(0, 0, 0, 0.2);}
.isa-tab-filter.is-open ul li { display: block;}
.isa-tab-filter.is-open .placeholder a { opacity: .4;}
.tabView{
    position: absolute;
    top: 20px;
    right: 15px;}
.tabView ul{ margin:0; padding:0; list-style:none;}
.tabView ul li{ display:inline-block; }
.tabView ul li a{ color:#da251d; text-decoration:none; font-size:22px; padding:10px; }

@media only screen and (min-width: 768px) {
  .isa-tab-filter-wrapper { padding: 0 20%;}
  .isa-tab-filter {width: auto; cursor: auto;}
  .isa-tab-filter::after { display: none;}
  .isa-tab-filter ul { background: transparent; position: static; box-shadow: none; text-align: center; margin-right: 0px;}
  .isa-tab-filter li {display: inline-block;  }
  .isa-tab-filter li.placeholder { display: none !important;}
  .isa-tab-filter a { display: inline-block; padding: 0 10px; width: auto; color: #616161;font-size: 18px;}
  .no-touch .isa-tab-filter a:hover { color: #21275a; }
  .isa-tab-filter a.selected { background: transparent; color: #21275a;box-shadow: inset 0 -2px 0 #da251d; }
  .isa-tab-filter.is-open ul li { display: inline-block;}
}
@media only screen and (min-width: 1170px) {
  .isa-tab-filter { float: right;  margin: 0;  transition: width 0.3s;  }
  .isa-tab-filter.filter-is-visible { width: 80%; }
}
@media only screen and (max-width: 767px) {
	.isa-tab-filter { float:right;}
	
}
	
.isa-gallery { padding: 26px 5%; width: 100%;}
.isa-gallery >ul { margin:0; padding:0; list-style:none;}
.isa-gallery li { margin-bottom: 30px;  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);  display: none; width:100%;}
.isa-gallery li.gap {opacity: 0;height: 0;display: inline-block;margin-bottom: 0;}
.isa-gallery .isa-fail-message {display: none;text-align: center;}
@media only screen and (min-width: 768px) {
  .isa-gallery { padding: 40px 3% 0; }
  .isa-gallery ul {text-align: justify;}
  .isa-gallery ul:after { content: ""; display: table;clear: both; }
  .isa-gallery li { width: 48%;  margin-bottom: 2em;}
}
@media only screen and (min-width: 1170px) {
  .isa-gallery { padding: 50px 10% 0; float: right; transition: width 0.3s; }
  .isa-gallery li {  width: 31%; margin-bottom:3.3%;}
  .isa-gallery.filter-is-visible {  width: 80%;}
}


.project_box{position: relative; border:1px solid #ddd; background:#fff; transition:all 0.4s ease;}
.project_box:hover{ box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1);}
.project_box .imgBox{position: relative; display:block; overflow:hidden; height:320px; transition:all 0.4s ease;}
.project_box .imgBox img{ width:100%; height:100%; object-fit:cover; transform: scale(1);  transition:all 1s ease;}
.project_box .imgBox:hover img{transform: scale(1.1);}
.project_box .imgBox .icon{ position:absolute; top:0; left:0; width: 100%; height: 100%; display: flex; justify-content: center;
    align-items: center; background:rgba(0,0,0,0.5); opacity:0; transition:all 0.3s ease;}
.project_box .imgBox:hover .icon{ opacity:1;}	
.project_box .imgBox .icon i{color: #fff; font-size: 48px; transform: scale(0);  border: 1px solid #fff; padding: 10px; transition:all 0.3s ease; transition-delay:0.3s; }	
.project_box .imgBox:hover .icon i{transform: scale(1);}

.project_box .imgBox:before{content: ""; position: absolute; bottom: 5%; left: 5%; height: 0;; border-left: 2px solid #fff; z-index: 1;transition: all 0.3s ease;}
/*.project_box .imgBox:hover:before{ height: 90%;}
.project_box .imgBox:after{content: ""; position: absolute; top: 5%;right: 5%; height: 0; border-right: 2px solid #fff;  z-index: 1; transition: all 0.3s ease ;}
.project_box .imgBox:hover:after{height:90%;transition-delay:0.6s;}
.project_box .imgBox span:before{content: ""; position: absolute; top: 5%;left: 5%; width: 0; border-top: 2px solid #fff;  z-index: 1; transition: all 0.3s ease ;}
.project_box .imgBox:hover span:before{width:90%;transition-delay:0.3s;}
.project_box .imgBox span:after{content: ""; position: absolute; bottom: 5%;right: 5%; width: 0; border-bottom: 2px solid #fff;  z-index: 1; transition: all 0.3s ease ;}
.project_box .imgBox:hover span:after{width:90%;transition-delay:0.9s;}*/
.project_box .box-content{ padding:20px; box-shadow:none; position:relative;cursor: pointer;}
.project_box .box-content .title{ text-align:center; margin-bottom:15px;}
.project_box .box-content .title span{display:inline-block;font-size:24px;color:#262626;line-height:30px;text-align:center;text-transform:capitalize;border-bottom:1px solid #175faa;padding-bottom:15px;position:relative}
.project_box .box-content .title span:before,.project_box .box-content .title span:after{content:"";width:10px;height:10px;border-radius:50%;background:#dd3a33;margin:0 -5px 0 0;position:absolute;bottom:-5px;right:50%;transition:all .4s ease ;}
.project_box .box-content .title span:before{left:50%;margin:0 0 0 -5px}
.project_box:hover .box-content .title span:before{left:100%}
.project_box:hover .box-content .title span:after{right:100%}
.project_box .box-content p{ margin-bottom:10px; text-align:center;}
.project_box .box-content p:last-child{ margin-bottom:0;}
.project_box .goBtn{ display:block; position:relative; padding:15px 20px; text-align:center; text-transform:capitalize; letter-spacing:1px; font-size:18px; color:#131f45; text-decoration:none; border-top:1px solid #ddd; transition: all 0.3s ease;}
.project_box:hover .goBtn{ border-color: tranaparent;}
.project_box .goBtn i{ opacity:0; transition: all 0.3s ease;}
.project_box:hover .goBtn i{ opacity:1; margin-left:7px;}
.project_box .goBtn:after{ content:''; height:1px; background:#dd3a33; width:0; position:absolute; top:0; left:50%; transform:translateX(-50%); transition: all 0.4s ease;}
.project_box .goBtn:hover:after{width:100%;}

.project_box .box-content .special {  position: absolute; text-align:center ; top: 75px; right: -7px; font-size: 18px; color: #fff; text-transform: capitalize; background: #dd3a33;
    padding: 5px 10px; line-height: 18px;}
.project_box .box-content .special span{ font-size:10px;}
.project_box .box-content .special:after {  content: "";  border-bottom: 5px solid transparent;
    border-left: 7px solid #7d0e00;  position: absolute;
    right: 0;  top: 100%;
}



.topBannerSec{ position:relative; height:100vh; color:#fff; display: flex;
  flex-wrap: wrap;
  align-content: center;}
.topBannerSec .imgBox{ position:fixed; top:0; left:0; width:100%; height:100vh; overflow:hidden; z-index:-1; overflow:hidden;}
.topBannerSec .imgBox img{ width:100%; height:100vh; object-fit:cover;}
/*.topBannerSec .imgBox:after{ content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../img/pattern1.png) repeat; z-index:1; opacity:0.3;}*/

.topBannerSec .imgBox:after{ content:''; position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; opacity:0.3; background: linear-gradient(-45deg, #ff9900, #003471, #ff9900, #003471);
  background-size: 400% 400%;
  -webkit-animation: Gradient 15s ease infinite;
  -moz-animation: Gradient 15s ease infinite;
  animation: Gradient 15s ease infinite;}

 @-webkit-keyframes Gradient {
  0% {
    background-position: 0% 50%
  }
  50% {
    background-position: 100% 50%
  }
  100% {
    background-position: 0% 50%
  }
}

@-moz-keyframes Gradient {
  0% {
    background-position: 0% 50%
  }
  50% {
    background-position: 100% 50%
  }
  100% {
    background-position: 0% 50%
  }
}

@keyframes Gradient {
  0% {
    background-position: 0% 50%
  }
  50% {
    background-position: 100% 50%
  }
  100% {
    background-position: 0% 50%
  }
}


.topBannerSec .imgBox:before{ content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.3); z-index:1;}
.topBannerSec .content{ padding:70px 0 50px; padding: 0; margin: 0 auto;}
.topBannerSec .content .secHeading{ margin:100px 0;}

.staticSec {padding: 50px 0;  background: #f0f0f0;}
.staticSec .blockquote { border-left: 5px solid #131f45; background: #fff; padding:10px; border-radius:0;}



.secTitle span{ position:relative; display:inline-block; padding-bottom: 7px;}
.secTitle span:before{ content: "\f140";font-family:'FontAwesome'; color:#131f45; position:absolute; bottom:-10px; left:0; width:15px; height:15px; }
.secTitle span:after{ content: ""; position:absolute; bottom:-6px; right:0; width:calc(100% - 20px); height:2px; background:#131f45;}
.text{ font-size:18px; line-height:30px;}


.main-timeline{margin:20px 0;position:relative}
.main-timeline:before{content:"";display:block;width:2px;height:100%;background:#b0bec5;margin:0 auto;position:absolute;top:0;left:0;right:0}
.main-timeline .timeline{margin-bottom:40px;position:relative}
.main-timeline .timeline:after{content:"";display:block;clear:both}
.main-timeline .icon{width:18px;height:18px;line-height:18px;margin:auto;position:absolute;top:0;left:0;bottom:0;right:0}
.main-timeline .icon:before,.main-timeline .icon:after{content:"";width:100%;height:100%;border-radius:50%;position:absolute;top:0;left:0;transition:all .33s ease-out 0}
.main-timeline .icon:before{background:#fff;border:2px solid #131f45;left:-3px}
.main-timeline .icon:after{border:2px solid #b0bec5;left:3px}
.main-timeline .timeline:hover .icon:before{left:3px}
.main-timeline .timeline:hover .icon:after{left:-3px}
.main-timeline .date-content{width:50%;float:left;position:relative}
.main-timeline .date-content:before{content:"";width:32.5%;height:2px;background:#b0bec5;margin:auto 0;position:absolute;top:0;right:10px;bottom:0}
.main-timeline .date-outer{width:175px;height:175px;color:#000;text-align:center;margin:auto;z-index:1}
.main-timeline .date-outer:before,.main-timeline .date-outer:after{content:"";width:175px;height:175px;margin:0 auto;border-radius:50%;position:absolute;top:0;left:0;right:0;transition:all .33s ease-out 0}
.main-timeline .date-outer:before{background:#fff;border:2px solid #131f45;left:-6px}
.main-timeline .date-outer:after{border:2px solid #b0bec5;left:6px}
.main-timeline .timeline:hover .date-outer:before{left:6px}
.main-timeline .timeline:hover .date-outer:after{left:-6px}
.main-timeline .date{width:100%;margin:auto;position:absolute;top:33%;left:0}
.main-timeline .month{font-size:18px;font-weight:700;color:#111}
.main-timeline .year{display:block;font-size:36px;font-weight:700;color:#111;line-height:36px}
.main-timeline .timeline-content{width:50%;padding:20px 0 20px 50px;float:right}
.main-timeline .title{font-size:19px;font-weight:700;color:#111;line-height:24px;text-transform:capitalize;margin:0 0 15px}
.main-timeline .description{color:#787878;margin-bottom:0}
.main-timeline .timeline:nth-child(2n) .date-content{float:right}
.main-timeline .timeline:nth-child(2n) .date-content:before{left:10px}
.main-timeline .timeline:nth-child(2n) .timeline-content{padding:20px 50px 20px 0;text-align:right}
@media only screen and (max-width: 990px) {
.main-timeline .date-content:before{width:22.5%}
.main-timeline .timeline-content{padding:10px 0 10px 30px}
.main-timeline .title{font-size:17px}
.main-timeline .timeline:nth-child(2n) .timeline-content{padding:10px 30px 10px 0}
}
@media only screen and (max-width: 767px) {
.main-timeline:before{margin:0;left:7px}
.main-timeline .timeline{margin-bottom:20px}
.main-timeline .icon{margin:auto 0}
.main-timeline .date-content{width:95%;float:right}
.main-timeline .date-content:before{display:none}
.main-timeline .date-outer,.main-timeline .date-outer:before,.main-timeline .date-outer:after{width:130px;height:130px}
.main-timeline .date{top:30%}
.main-timeline .year{font-size:26px}
.main-timeline .timeline-content,.main-timeline .timeline:nth-child(2n) .timeline-content{width:95%;text-align:center;padding:10px 0}
.main-timeline .title{margin-bottom:10px}
}

.hoverbox{
    position: relative;
    background: #131f45;
    overflow: hidden;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
}
.hoverbox .imgBox{ height:400px; overflow:hidden;}
.hoverbox .imgBox img{ width: 100%;  height: 100%;object-fit:cover; transform: scale3d(1.05, 1.05, 1); transition: all 0.35s ease 0s;}
.hoverbox:hover .imgBox img{ opacity: 0.6; transform: scale3d(1, 1, 1);}
.hoverbox .box-content{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.hoverbox .box-content:before{ 
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, -100%, 0px);
    transition: all 0.6s ease 0s;
}
.hoverbox:hover .box-content:before{
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, 100%, 0px);
}
.hoverbox .content{
    width: 100%;
    text-align: right;
    border-right: 4px solid #fff; color:#fff;
    padding-right: 20px;
    margin: 0 0 30px -30px;
    position: absolute;
    bottom: 0;
    opacity: 0;
    transition: all 0.6s ease 0s;
}
.hoverbox:hover .content{
    opacity: 1;
}
.hoverbox .title{
    font-size: 20px;
    color: #fff;
    text-transform: capitalize;
    margin: 0 0 5px 0;
}
.hoverbox .post{
    color: #ddd;
    text-transform: capitalize;
}
#overview, #location, #floorPlan, #design{ background: #fff }
.inner_menu_wrapper{ padding: 0 15%; margin-top: -35px; }

.inner_menu{ background: #fff;  -webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.5);
box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.5);}
/*.inner_menu .nav-item{ float: right; }*/
.navbar-dark .navbar-brand{ color: #131f45; }
.navbar-dark .navbar-brand:hover{ color: #ccc; }
.navbar-dark .navbar-nav .nav-link{ color: #333; }
.navbar-dark .navbar-nav .nav-link:hover{ color: #da251d; }
.text_style_1{ text-transform: capitalize; padding: 50px 0; margin: 0; text-align: center; font-size: 30px; color: #131f45; text-align: center;}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover{ color: #da251d; }
.pad_bt{ padding-bottom: 50px;} 
.text_style_2{ text-transform: capitalize; padding: 50px 0; margin: 0; font-size: 30px; color: #fff; text-align: center;}
.text_style_3{ border-bottom: solid 1px #fff; padding: 10px 0 5px 0 ; width:100%; margin: 0 0 10px 0;  font-size: 24px; color: #fff; display: block;}


.gallery_wrapper{ overflow:hidden;}
.gallery_wrapper img{transition: all .3s ease-in-out;}
.gallery_wrapper img:hover{ -moz-transform: scale(1.08);
  -webkit-transform: scale(1.08);
  transform: scale(1.08); }
.gallery_wrapper .one{ width:49.21875%; float:left;}
.gallery_wrapper .two{ width:50.78125%; float:left;  }
.gallery_wrapper .three{ width:37.883597%; float:left;}
.gallery_wrapper .four{ width:62.116402%; float:left;}

#floorPlan img{ border: solid 1px #224156; }

#specifications{ position: relative; color: #fff;}
#specifications .content{ position:relative; z-index:1;  background:url(../img/eternia/project2.jpg) no-repeat;  background-size:cover; background-attachment:fixed; padding-top:80px; }

.sticky { position: fixed; top: 115px; width: 100%; border-top: solid 1px #ccc; z-index: 999; }

#overview, #amenities, #about, #location, #floorPlan, #design, #contact,#masterPlan,#dBrochure,#unitPlan{ padding: 80px 0 60px 0; }
#location{ padding-bottom: 0; }
#location iframe{ display: block; }
#contact{ position: relative; color: #fff;}
#contact .content{ position:relative; z-index:1;  background:url(../img/eternia/project2.jpg) no-repeat;  background-size:cover; background-attachment:fixed; padding-top:80px; }


.overview_style_1{ display: block; padding:10px; margin: 15px 0; margin-top:0;   }
.overview_style_1 h2{ padding: 0; margin: 0; font-weight: bold; font-size: 24px; text-align: right; color: #21275b; border-bottom: solid 1px #ccc; }
.overview_style_1 p{ padding: 0; margin: 0; text-align: right; color: #21275b;}

.mob_display{ display: none; }

@media (max-width:1279px){
  .navbar-toggler .fa-bars{ color: #dc342d;}
  .navbar-toggler{ padding: 0; }
  .inner_menu .nav-item{ float: none; }
  .desk_display{ display: none; } 
  .mob_display{ display: block; }  
  

}

@media (max-width:1279px){
  #about, #design img{ display: block; margin: 0 auto; text-align: center; margin-bottom: 10px; }
}


#fvpp-blackout{display:none;z-index:1000;position:fixed;width:100%;height:100%;top:0;left:0;background:#000;opacity:.6}
.startupPopup{display:none;z-index:1001;position:fixed; width:36%; max-width:540px;left:50%;top:50%; transform:translate(-50%,-50%);padding:20px ;background:#FFF}
#fvpp-close{position:absolute;top:10px;right:20px;cursor:pointer}
#fvpp-dialog h2{font-size:2em;margin:0}
#fvpp-dialog p{margin:0}

@media (max-width:767px){.startupPopup{width:calc(100% - 30px)}}



.sideBtn{ position:fixed; top:160px; right: -53px; z-index: 99; letter-spacing:1px; text-transform:capitalize; outline:none; cursor:pointer; border-radius: 0; background: #da251d;color: #fff; padding: 6px 10px;  -webkit-transform: rotate(270deg);   transform: rotate(270deg);}
.BrowserBtn{ position:fixed; top: 130px; right: -89px; z-index: 99; letter-spacing:1px; text-transform:capitalize; outline:none; cursor:pointer; border-radius: 0; background: #da251d;color: #fff; padding: 6px 10px;  -webkit-transform: rotate(270deg);   transform: rotate(270deg);}
.modal.left .modal-dialog,.modal.right .modal-dialog{position:fixed;margin:auto;width:320px;height:100%;-webkit-transform:translate3d(0%,0,0);-ms-transform:translate3d(0%,0,0);-o-transform:translate3d(0%,0,0);transform:translate3d(0%,0,0)}
.modal.left .modal-content,.modal.right .modal-content{height:auto;overflow-y:auto; top: 71px;}
.modal.left .modal-body,.modal.right .modal-body{padding:15px 15px 20px}
.modal.left .modal-dialog{left:-320px;-webkit-transition:opacity .3s linear,left .3s ease-out;-moz-transition:opacity .3s linear,left .3s ease-out;-o-transition:opacity .3s linear,left .3s ease-out;transition:opacity .3s linear,left .3s ease-out}
.modal.left.show .modal-dialog{left:0}
.modal.right .modal-dialog{right:-320px;-webkit-transition:opacity .3s linear,right .3s ease-out;-moz-transition:opacity .3s linear,right .3s ease-out;-o-transition:opacity .3s linear,right .3s ease-out;transition:opacity .3s linear,right .3s ease-out}
.modal.right.show .modal-dialog{right:0}
.modal.left .modal-content,.modal.right .modal-content {border-radius: 0;border: none;	}
.modal.left .modal-header,.modal.right .modal-header{border-bottom-color:#131f45;background-color: #131f45;border-radius: 0; color:#fff;padding:6px 1rem;}
.modal.left .modal-header,.modal.right .modal-header .modal-title{font-size: 20px;}
.modal.left .close,.modal.right .close{font-size: 26px;  color: #fff;  box-shadow: none; text-shadow: none; opacity: 1;}


.career-Sec{ padding:70px 0 70px; position:relative; background:#fff;}
.tabCareer .nav-tabs{border-bottom:none;position:relative}
.tabCareer .nav-tabs li{margin-right:15px}
.tabCareer .nav-tabs li a{padding:10px 10px 15px;color:#25283d;border-radius:0;text-transform:capitalize;margin-right:0;border:none;position:relative;transition:all .5s ease; text-decoration:none; }
.tabCareer .nav-tabs li a:hover{background:#fff}
.tabCareer .nav-tabs li a:before{content:"";width:100%;height:1px;background:rgba(0,0,0,0.2);position:absolute;bottom:5px;left:0;transform:scale(0);transition:all 700ms ease }
.tabCareer .nav-tabs li a:after{content:"";width:7px;height:7px;border-radius:50%;background:#dd3a33;margin:0 auto;position:absolute;bottom:2px;left:0;right:0;transform:scale(0);transition:all 700ms ease }
.tabCareer .nav-tabs li a.active,.tab .nav-tabs li a.active:focus,.tab .nav-tabs li a.active:hover{border:none;color:#21275a}
.tabCareer .nav-tabs li a:hover:before,.tab .nav-tabs li a.active:before,.tab .nav-tabs li a:hover:after,.tab .nav-tabs li a.active:after{transform:scale(1)}
.tabCareer .tab-content{padding:50px 0;color:#263238;line-height:26px}
.tabCareer .tab-content h3{font-size:24px;margin-top:0}

@media (max-width:767px){
	.tabCareer .nav-tabs li{margin-right:0px}
	}



.pic_1{  width: 90%;}
.pic_1 img{ width: 100%; height: auto; }

.about_sec_1{ width: 100%; padding: 150px 0; background: rgba(1,101,151,1);
background: -moz-linear-gradient(left, rgba(1,101,151,1) 0%, rgba(1,101,151,1) 38%, rgba(255,255,255,1) 38%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(1,101,151,1)), color-stop(38%, rgba(1,101,151,1)), color-stop(38%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(left, rgba(1,101,151,1) 0%, rgba(1,101,151,1) 38%, rgba(255,255,255,1) 38%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(left, rgba(1,101,151,1) 0%, rgba(1,101,151,1) 38%, rgba(255,255,255,1) 38%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(left, rgba(1,101,151,1) 0%, rgba(1,101,151,1) 38%, rgba(255,255,255,1) 38%, rgba(255,255,255,1) 100%);
background: linear-gradient(to right, rgba(1,101,151,1) 0%, rgba(1,101,151,1) 38%, rgba(255,255,255,1) 38%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#016597', endColorstr='#ffffff', GradientType=1 ); }

.about_sec_1 img{ width: 70%; height: auto; float: right; border: solid 5px #fff; }

.text_style_2{ text-transform: capitalize; padding:0 0 30px 0; margin: 0; text-align: left; font-size: 32px; line-height: 42px; color: #131f45; }
.about_sec_1 a:hover{ text-decoration: none; }
.about_sec_2 a:hover{ text-decoration: none; }

.btn2 {
  position: relative;
  display: inline-block;
  padding: 0.5em 2em;
  cursor: pointer;
  overflow: hidden;  margin-top: 15px;
}
.btn2:before, .btn2:after {
  content: "";
  position: absolute;
  left: 0;
  height: 2px;
  width: 100%;
  background-color: #016597;
}
.btn2:before {
  top: 0;
}
.btn2:after {
  bottom: 0;
}
.btn2:hover > * > *:before, .btn2:hover > * > *:after {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.btn2:hover > * > * > *:before, .btn2:hover > * > * > *:after {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.btn2 > *:before, .btn2 > *:after {
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: 2px;
  background-color: #252525;
}
.btn2 > *:before {
  left: 0;
}
.btn2 > *:after {
  right: 0;
}
.btn2 > * > *:before, .btn2 > * > *:after {
  content: "";
  position: absolute;
  left: 0;
  z-index: 9;
  height: 2px;
  width: 100%;
  background-color: #168dff;
}
.btn2 > * > *:before {
  top: 0;
  -webkit-transform: translate3d(-105%, 0, 0);
          transform: translate3d(-105%, 0, 0);
  transition: -webkit-transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}
.btn2 > * > *:after {
  bottom: 0;
  -webkit-transform: translate3d(105%, 0, 0);
          transform: translate3d(105%, 0, 0);
  transition: -webkit-transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}
.btn2 > * > * > *:before, .btn2 > * > * > *:after {
  content: "";
  position: absolute;
  top: 0;
  z-index: 9;
  height: 100%;
  width: 2px;
  background-color: #168dff;
}
.btn2 > * > * > *:before {
  left: 0;
  -webkit-transform: translate3d(0, 105%, 0);
          transform: translate3d(0, 105%, 0);
  transition: -webkit-transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}
.btn2 > * > * > *:after {
  right: 0;
  -webkit-transform: translate3d(0, -105%, 0);
          transform: translate3d(0, -105%, 0);
  transition: -webkit-transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}



.about_sec_2{ background: #fff; width: 100%; padding: 150px 0; }

.pic_style_1{ padding-left: 80px; }
.pic_style_1 img{ width: 50%; height: auto; padding: 0; margin: 0;  float:left; padding: 10px; }
.pic_style_1 img:hover{-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);}
.pic_style_1 .gray_pic{-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);}
    .pic_style_1 .gray_pic:hover{filter: none;
  -webkit-filter: grayscale(0%);}


.about_sec_3 { overflow: hidden;height: 100vh;background: #000;
    position: relative;  color: #fff;
  display: -ms-flexbox;  display: -webkit-box;  display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;
}

.about_sec_3 .title{position: absolute; top: 15px; left: 15px; font-size: 20px;}
.about_sec_3 .title2{position: absolute;  bottom: 5px; left: 15px; font-size: 20px; }

.about_sec_3 .box-1{  -ms-flex: 0 1 65%; -webkit-box-flex: 0; flex: 0 1 65%;
  display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;
}

.about_sec_3 .box-2{  -ms-flex: 0 1 35%; -webkit-box-flex: 0; flex: 0 1 35%;
  display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;
}

.about_sec_3 .box-1 .box-1-1{ position: relative; -ms-flex: 0 1 37.883597%; -webkit-box-flex: 0; flex: 0 1 37.883597%; height:50vh;padding: 10px;
background: #fff;}
.about_sec_3 .box-1 .box-1-2{  -ms-flex: 0 1 62.116402%; -webkit-box-flex: 0; flex: 0 1 62.116402%; height:50vh;padding: 10px;
background: #fff;}
.about_sec_3 .box-1 .box-1-3{  -ms-flex: 0 1 62.116402%; -webkit-box-flex: 0; flex: 0 1 62.116402%; height:50vh;padding: 10px;
background: #fff;}
.about_sec_3 .box-1 .box-1-4{ position: relative;  -ms-flex: 0 1 37.883597%; -webkit-box-flex: 0; flex: 0 1 37.883597%; height:50vh;padding: 10px;
background: #fff;}

.about_sec_3 .box-2 .box-2-1{  -ms-flex: 0 1 100%; -webkit-box-flex: 0; flex: 0 1 100%; height:60vh;padding: 10px;
background: #fff;}
.about_sec_3 .box-2 .box-2-2{  -ms-flex: 0 1 100%; -webkit-box-flex: 0; flex: 0 1 100%; height:40vh; padding: 10px; background: #fff;
line-height: 36vh;text-align: center; font-size: 24px;}
.about_sec_3 .box-2 .box-2-2 .legacyContent{background: #da251d; color: #fff;}

.about_sec_3 .img-container{ display:block; width:100%; height:100%; overflow:hidden;}  
.about_sec_3 .img-container img{-webkit-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out; width:100%; height:100%; -o-object-fit: cover; object-fit: cover;}
.about_sec_3 .img-container img:hover{ -webkit-transform: scale(1.15); -ms-transform: scale(1.15); transform: scale(1.15); }



@media (min-width: 768px){
  .about_sec_3 .box-2 .box-1-1ex{ display:none;}  
}
  
@media (max-width: 767px){
  .about_sec_3{ height:auto;}
  .about_sec_3 .box-1,.about_sec_3 .box-2{  -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; height:auto;}
  .about_sec_3 .box-1{   }
  .about_sec_3 .box-2{  -ms-flex-order: 1; -webkit-box-ordinal-group: 2; order: 1;}
  .about_sec_3 .box-1 .box-1-1{  -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; height: auto; height:180px;  -ms-flex-order: 4; -webkit-box-ordinal-group: 5; order: 4; display:none;}
    .about_sec_3 .box-1 .box-1-2{  -ms-flex: 0 0 45%; -webkit-box-flex: 0; flex: 0 0 45%; height:170px;  -ms-flex-order: 3; -webkit-box-ordinal-group: 4; order: 3;}
  .about_sec_3 .box-1 .box-1-3{  -ms-flex: 0 0 55%; -webkit-box-flex: 0; flex: 0 0 55%; height:170px;  -ms-flex-order: 2; -webkit-box-ordinal-group: 3; order: 2;}
  .about_sec_3 .box-1 .box-1-4{  -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; height: auto;height:auto;  -ms-flex-order: 1; -webkit-box-ordinal-group: 2; order: 1;}
  
  .about_sec_3 .box-2{ display:block;}
  .about_sec_3 .box-2 .box-1-1ex{width: 50%; height:200px; float:left;  } 
  .about_sec_3 .box-2 .box-2-1{width: 50%; height:150px; float:left;}
    .about_sec_3 .box-2 .box-2-2{ width: 50%; height:50px; float:left;}
  
    
  
} 





/******************Timeline_CSS*********************/


#timeline {
  display: flex;
  background-color: #031625;
}
#timeline:hover .tl-item {
  width: 23.3333%;
}

.tl-item {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  position: relative;
  width: 25%;
  height: 100vh;
  min-height: 600px;
  color: #fff;
  overflow: hidden;
  transition: width 0.5s ease;
}
.tl-item:before, .tl-item:after {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.tl-item:after {
  background: rgba(3, 22, 37, 0.85);
  opacity: 1;
  transition: opacity 0.5s ease;
}
.tl-item:before {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #21275a 75%);
  z-index: 1;
  opacity: 0;
  -webkit-transform: translate3d(0, 0, 0) translateY(50%);
          transform: translate3d(0, 0, 0) translateY(50%);
  transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
  transition: opacity 0.5s ease, transform 0.5s ease;
  transition: opacity 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
}
.tl-item:hover {
  width: 30% !important;
}
.tl-item:hover:after {
  opacity: 0;
}
.tl-item:hover:before {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0) translateY(0);
          transform: translate3d(0, 0, 0) translateY(0);
  transition: opacity 1s ease, -webkit-transform 1s ease 0.25s;
  transition: opacity 1s ease, transform 1s ease 0.25s;
  transition: opacity 1s ease, transform 1s ease 0.25s, -webkit-transform 1s ease 0.25s;
}
.tl-item:hover .tl-content {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  transition: all 0.75s ease 0.5s;
}
.tl-item:hover .tl-bg {
  -webkit-filter: grayscale(0);
          filter: grayscale(0);
}

.tl-content {
  -webkit-transform: translate3d(0, 0, 0) translateY(25px);
          transform: translate3d(0, 0, 0) translateY(25px);
  position: relative;
  z-index: 1;
  text-align: center;
  margin: 0 1.618em;
  top: 55%;
  opacity: 0;
}
.tl-content h1 {
  font-family: 'Pathway Gothic One',Helvetica Neue,Helvetica,Arial,sans-serif;
  text-transform: capitalize;
  color: #1779cf;
  font-size: 1.44rem;
  font-weight: normal;
}

.tl-year {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  z-index: 1;
  border-bottom: 1px solid #fff;
}
.tl-year p {
  font-family: 'Pathway Gothic One',Helvetica Neue,Helvetica,Arial,sans-serif;
  font-size: 1.728rem;
}

.tl-bg {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: center center;
  transition: -webkit-filter 0.5s ease;
  transition: filter 0.5s ease;
  transition: filter 0.5s ease, -webkit-filter 0.5s ease;
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}


/******************END*********************/
/*================26-11-2018=======================*/
.topBannerSec .content{ /*padding: 70px 0 50px;*/    display: flex;align-items: center;}
.secondTabContent .project_box .imgBox img{filter: grayscale(100%);}
.isa-gallery {background: #f0f0f0;}
.isa-tab-filter-wrapper{ padding:0 10%;}
.isa-gallery-sec .fade:not(.show) {  opacity: 1;}
.secondTabContent{height: auto !important;perspective:none;}
		
.projectNav li a {
  display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; background: #e1e1e1; -webkit-transition-property: color; transition-property: color;
  -webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.projectNav li a:before {
  content: "";  position: absolute;  z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #21275a; -webkit-transform: scaleX(0);transform: scaleX(0); -webkit-transform-origin: 50%; transform-origin: 50%;  -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.projectNav li a:hover, .projectNav li a:focus, { color: white;}
.projectNav li a:hover:before, .projectNav li a:focus:before, .projectNav li a:active:before {
  -webkit-transform: scaleX(1);  transform: scaleX(1);background: #21275a; color: white;
}
.projectNav li a.active{background: #21275a; color: white;}

.projectNav{ display:inline-block;margin-top: 25px; border-bottom:none;}
.projectNav li{display:inline-block;margin: 0 5px;}
.projectNav li a{ padding:10px 30px; display:block; background:#fff; color:#131f45;}
.projectNav li a:hover{ text-decoration:none; color:#fff; }
.projectNav li.active a:before{-webkit-transform: scaleX(1);transform: scaleX(1); }
.projectNav li.active a{color:#fff;}
.projectNav li a.active{ background:  }

.secHeading{ position:relative; margin-bottom:40px; }
.projectHeadding .title{ text-align:center;}
.projectHeadding .title span{display:inline-block;font-size:32px;color:#fff;line-height:42px;text-align:center;text-transform:capitalize;border-bottom:1px solid #fff;padding-bottom:15px;position:relative}
.projectHeadding .title span:before,.projectHeadding .title span:after{content:"";width:10px;height:10px;border-radius:50%;background:#dd3a33;margin:0 -5px 0 0;position:absolute;bottom:-5px;right:50%;transition:all .5s ease ;}

.projectHeadding.black .title span{ color: #212529;border-bottom: 1px solid #212529;}
.projectHeadding.black .sub-title{color: #212529;}

.projectHeadding.pageBanner .title span{ font-size: 32px; line-height: 42px; }
.projectHeadding.pageBanner .sub-title{ font-size: 15px; }

.projectHeadding .title span:before{left:50%;margin:0 0 0 -5px}
.projectHeadding .title span:after{left:50%;margin:0 0 0 -5px}
.projectHeadding:hover .title span:before{left:100%}
.projectHeadding:hover .title span:after{left:0}

/*================Blog Page=======================*/
.equal-height { display: flex;  flex-wrap: wrap;}
.equal-height > [class^="col-"], .equal-height > .equal-height-item { display: flex;}

.blog-Sec { padding: 70px 0 50px;  position: relative; background: #f0f0f0;}
.blogContainer{ margin-bottom:2em; width:100%;position:relative; }
/*.blogContainer .readMoreCont{display:block; position:relative; padding:15px 20px; text-align:center; text-transform:uppercase; letter-spacing:2px; font-size:18px; color:#131f45; text-decoration:none; border-top:1px solid #ddd; transition: all 0.3s ease;}
.blogContainer:hover .readMoreCont{letter-spacing:3px; border-color: tranaparent;}
.blogContainer .readMoreCont i{letter-spacing:3px; border-color: tranaparent; opacity:0;}
.blogContainer:hover .readMoreCont i{opacity:1; margin-left:7px;}
.blogContainer .readMoreCont:after{ content:''; height:1px; background:#dd3a33; width:0; position:absolute; top:0; left:50%; transform:translateX(-50%); transition: all 0.4s ease;}
.blogContainer:hover .readMoreCont:after{width:100%;}*/

.hvr-bounce-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #333;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active {
  color: white;
}
.hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.blogContainer .blogImg{ width:100%; overflow:hidden; position:relative; z-index:1;}

.blogContent{ width:300px; position:absolute; bottom:30px; left:0; z-index:9; height:120px;   padding:1em; display:block;box-shadow: 8px 8px 8px rgba(0,0,0,.5);transition: all .5s ease;}
.blogContent:hover{ text-decoration:none;}

.blogContent h3{font-size: 130%;padding: 0;line-height: 25px; margin:0; color:#fff; text-transform:capitalize;}
.blogContent .datecontainer{padding: 0 0 6%; margin: 0; font-size:13px; line-height:12px; font-style:italic; color: #fff; display:block;}
.blogContent .datecontainer .readMoreCont{ position:absolute; top:10px; right:10px; color:#fff;font-size: 25px; }

.blueColor{background-image: linear-gradient(to right, #2b85aa , #31a5d4);}
.redColor{background-image: linear-gradient(to right, #8e0f9a , #c719dd);}
.yellowColor{background-image: linear-gradient(to right, #ffad41 , #ffd74f);}

/*================Blog Details Page=======================*/
.blogDetails-Sec { padding: 70px 0 70px;  position: relative; background: #363b64;}
.blogDetailsCont{ width:100%; color:#fff;}
.blogDetailsimgCont {transition: all .5s ease-in-out;}
.blogDetailsimgCont:hover{transform: scale(1.05);}
.blogDetailsCont h3{ margin-bottom:8px;}
.blogDetailsCont .blogDetailDate{ font-style:italic; display:block; margin-bottom:12px; color:#a7adde;}
.blogDetailsCont .blogDetailDate i{ color:#fff;}
.blogDetailsCont p{ line-height:20px; }

/*================career Page=======================*/
.careerSec { padding: 70px 0 70px;  position: relative; background: #fff;}
.careerCont .title span{ color:#262626;border-bottom: 1px solid #262626;}

.workingLoveCont{ width:100%; max-width:500px; margin:60px auto 0 auto; position:relative; }
.workingLoveCont .leftNumaricCont{ width:50px; height: 100%; background:#2f3991; position:absolute; z-index:1;}
.workingLoveCont .rightNumaricCont{ width:100%; height:40px; background:rgba(148, 155, 224, 0.5);position: relative;z-index: 9; color:#000;display: flex;align-items: center;}
.workingLoveCont .rightNumaricCont:nth-child(even){ background:rgba(255,255,255,0);}
.workingLoveCont .rightNumaricCont span{ display:block; width:50px; color:#fff; text-align:center;margin-right: 20px;}

.joinusSec{ position: relative; }
.joinusSec .joinContainer{ position: relative; z-index: 1;background: url(../img/career2.jpg) no-repeat; background-attachment: scroll; background-size: auto auto;background-size: cover; background-attachment: fixed;  padding: 70px 0; color:#fff}
.joinusSec .joinContainer:before{ position:absolute; top:0; left:0; content:""; background:rgba(0,0,0,0.7); width:100%; height:100%;}

.openingContainer{ width:100%; max-width:700px; margin:0 auto; position:relative;}
.openingContent{ width:100%; background:#FFF; margin-bottom:15px; padding:15px 20px;color: #000;}
.openingContent h3{font-size: 20px;font-weight: bold;color: #21275a;margin-bottom: 8px;}
.openingContent p{color:#666;margin-bottom: 6px;}
.openingContent p strong{ color:#333;}
.openingContent p.description{ margin-bottom:0;}

/*eternia2*/
.part2{ padding: 0px !important; }
.part2_logo{padding: 0 15px;}
.menu_nav2 { width: 90%; padding-left: 24px;}
.menu_nav2 .nav-link{ padding-left: 24px !important; }
.overpart2{ text-align: left; padding:0; }
.overview_first{ margin-top: 15px; }
.three2{ width:100%; float:left; overflow: hidden; border:2px solid #fff;}
.row2{ margin-top: 30px; }
.plan2 img{box-shadow: 1px 0px 2px 1px rgba(0,0,0,0.44); border:none !important; padding: 5px;}
.design2, .overviewtext{padding: 10px 0;padding-top: 0;text-transform: capitalize;}
.overview_right{ margin-top: 40px;}
 .gallery_back{ background:rgba(146,158,196,0.5); padding: 10px 0 60px 0;}

.pad_bt{ padding-bottom: 40px !important; }
#floorplan2{background:rgba(146,158,196,0.5);}
#location2{ padding: 10px 0 !important; }
.firstspe{ background-color:rgba(31,38,90,0.5); padding: 20px;}
.firstspe2{ background-color:rgba(219,42,35,0.5);}
.contact2{width: 85%;}

#coTab1 a{ color: #bfc5ff; font-size: 20px; text-decoration: none; }
#coTab1 a:hover{ color: #fff; }

#coTab3 a{ color: #bfc5ff; font-size: 20px; text-decoration: none; }
#coTab3 a:hover{ color: #fff; }

/*amenities*/
#amenities{ position: relative; color: #fff;}
#amenities .content{ position:relative; z-index:1;  background:url(../img/eternia/project2.jpg) no-repeat;  background-size:cover; background-attachment:fixed; padding-top:60px; }
.amenities{ padding:0; margin:0;}
.amenities li{ margin-bottom:50px;}
.amenities li img{ margin-right:30px;}
.amenities li p{ font-size:20px; display:inline-block;}
.amenitiestab li{ list-style:none;}
.amenitiestab img{ width: 100px; height: auto; border:1px dashed #cfcfcf; padding:15px; float:left; margin-top:20px;}
.amenitiestab P{ margin-left:50px; font-size:18px; display:inline-block; color:#fff;}
.amenitiestab_back{ background-color:rgba(31,38,90,0.5); }
.amenits li p{ margin-top:40px;}
.amenitiestab img{ margin-bottom:20px;}
.amanitis{ text-align:center;}
.amanitis p{ color:#333;  padding-top:15px;}

#amenities .img-fluid{ width: 40%; display: block; margin: 0 auto; text-align: center; }

/*======================03-01-2019=======================*/
.equal-height {
    display: flex;
    flex-wrap: wrap;
}
.equal-height > [class^="col-"], .equal-height > .equal-height-item {
    display: flex;
}
.eterniaHeadding .title{ text-align:center; margin-bottom:15px; }
.eterniaHeadding .title span{display:inline-block;font-size:24px;color:#262626;line-height:30px;text-align:center;text-transform:capitalize;border-bottom:1px solid #175faa;padding-bottom:15px;position:relative}
.eterniaHeadding .title span:before,.eterniaHeadding .title span:after{content:"";width:10px;height:10px;border-radius:50%;background:#dd3a33;margin:0 -5px 0 0;position:absolute;bottom:-5px;right:50%;transition:all .5s ease ;}

.eterniaHeadding .title span:before{left:50%;margin:0 0 0 -5px}
.eterniaHeadding .title span:after{left:50%;margin:0 0 0 -5px}
.eterniaHeadding:hover .title span:before{left:100%}
.eterniaHeadding:hover .title span:after{left:0}

#amenities{background: #f0f0f0;}
.anchorLink{ color:#21275a; transition:0.3s ease all;}
.anchorLink:hover{ color:#da251d; text-decoration:none;}
.aboutSec p{margin-bottom: 0.4rem;}
.contactSec iframe{ display:block;}

.eternalTabCont{ margin-right:15px;}
.eternalTabCont .nav-tabs{ border:0;}
.eternalTabCont .nav-tabs .nav-item{margin-bottom: 0;}
.eternalTabCont .nav-tabs .nav-link{ border:0; border-radius:0; color:#21275a;}
.eternalTabCont .nav-tabs .nav-item.show .nav-link, .eternalTabCont .nav-tabs .nav-link.active{ color:#da251d;}

#type9 #specifications{ padding:0;}
.sectionPadding{ padding:70px 0;}
#type4 iframe{ display:block;}
#floorplan2 .col-md-6{ text-align:center;}
.designRightImg{width: 100%; border: solid 1px #21275a;}
.eterniContact{ position:relative; z-index:1;  background:url(../img/eternia/project2.jpg) no-repeat;  background-size:cover; background-attachment:fixed; color:#fff; }
.eternyAminities {position: relative; z-index: 1;background: url(../img/eternia/project2.jpg) no-repeat;  background-attachment: scroll;
        background-size: auto auto; background-size: cover; background-attachment: fixed;}
.eternyAminities .amenitiestab P{ margin-top:0; margin-bottom:0;margin-left: 30px;}
.eternyAminities .amenitiestab ul{display: flex;align-items: center;}



.eternitySpecification{position: relative;z-index: 1;background: url(../img/eternia/project2.jpg) no-repeat;  background-attachment: scroll;
    background-size: auto auto;background-size: cover;background-attachment: fixed; color:#fff;}

.eternitySpecification .firstspe{ padding:30px 20px;}
.eternitySpecification .firstspe2{ padding:30px 20px;}
.inner_menu .nav-item{ float:left;}
 .navbar-dark .navbar-nav .nav-link.active{color: #da251d;}
.project_box iframe{ display:block;}

.amenitiestabContent{ width: 100%; }
.amenitiestabContent .amenits{ display: flex; flex-wrap: wrap; }
.amenitiestabContent .amenits li{ width: 50%;display: flex;align-items: center;color: #fff;padding: 30px;}
.amenitiestabContent .amenits li img{border: 1px dashed #cfcfcf;padding: 15px;width: 90px; height: 90px;}
.amenitiestabContent .amenits li p{margin-top: 0;margin-bottom: 0;margin-left: 30px;}
/*--------07-01-2019----------*/
.videoContainer video{ display: block; }
.videoContainer .homeMobileBg{ display: none; }
.peojectSec .sleeksliderContent .pagination span { width: 16px; height: 16px;box-shadow: none;}
.peojectSec .sleeksliderContent .pagination span.current,.peojectSec .sleeksliderContent .pagination span:hover { color: #dd3a33; box-shadow: none;}

.peojectSec .nav-split .prev div{ display: none; }
.peojectSec .nav-split .next div{ display: none; }
.peojectSec .sleeksliderContent .nav-split a.prev:hover svg.icon{transform: translateX(0);}
.peojectSec .sleeksliderContent .nav-split a.next:hover svg.icon{transform: translateX(0);}
.accoladeContainer { position: relative; background-color: #f0f0f0; z-index: 1;}
.accoladeContent{ width: 100%; margin: 0 auto; }
.accoladeContainer .projectHeadding .title span{ color: inherit; border-bottom: 1px solid #212529; }
.accoladeContent p{ text-align: center; }
.accoladeContent .astabslider.owl-theme .owl-nav [class*="owl-"]{ color: #212529  }
.accoladeContent .astabslider{ margin-top: 50px; }

.milestonesContainer { position: relative; background-color: #fff; z-index: 1;}
.milestonesContainer .projectHeadding .title span{ color: inherit; border-bottom: 1px solid #212529; }

.corporateProCont{ width: 100%; margin: 0 auto; text-align: center; }
.pressContainer{ width: 100%; margin:40px auto 0 auto; }
.pressContainer a{ color: #bfc5ff;text-decoration: none;font-weight: 300;display: block; }
.pressContainer a:hover{ color: #fff; }
.applynowContainer .readmorepress{ color: #fff; display: inline-block;}

.pressSection .pressContainer p{margin-bottom: 20px;}
.corVideoCont p{ margin-top: 20px; }

.whyBelaniContainer { position: relative; background-color: #fff; z-index: 1; border-bottom: 1px solid #f0f0f0;}
.whyBelaniContainer .projectHeadding .title span{ color: inherit; border-bottom: 1px solid #212529; }

/* Shutter Out Horizontal */
.hvr-shutter-out-horizontal {
  display: inline-block; vertical-align: middle;  -webkit-transform: translateZ(0); transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);  -webkit-backface-visibility: hidden;  backface-visibility: hidden;  -moz-osx-font-smoothing: grayscale;
  position: relative;  background: #21275a;  -webkit-transition-property: color;  transition-property: color;
  -webkit-transition-duration: 0.3s; transition-duration: 0.3s;}
.hvr-shutter-out-horizontal:before {
  content: "";  position: absolute;  z-index: -1;  top: 0;  bottom: 0;  left: 0;  right: 0;  background: #dd3a33;
  -webkit-transform: scaleX(0);  transform: scaleX(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform;
  transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out; color: #fff;}
.hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {
  color: #fff; text-decoration: none;
}
.hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.clickHereForm{padding: 10px 30px;color: #fff;border: 0;margin-top: 20px;}
.formOnline{ cursor: pointer; }
#masterPlan{width: 100%; background: #f0f0f0; }
#dBrochure{ width: 100%; background: #21275a; }
.dwldBr{padding: 10px 30px;display: block;background: #fff; display: inline-block; color:#333; }
.dwldBr:hover{ text-decoration: none; }
.item-grid {
  max-width: 1268px;
  margin: 0 auto;
  position: relative;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.3);
  overflow: hidden;
}

.item {
  position: relative;
  float: left;
  width: 100%;
  
  overflow: hidden;
}
.item:after {
  content: '';
  display: block;
  background-color: inherit;
  opacity: 0.9;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: scale(2) translateX(-75%) translateY(-75%) translateZ(0) rotate(-28deg);
          transform: scale(2) translateX(-75%) translateY(-75%) translateZ(0) rotate(-28deg);
  transition: -webkit-transform 3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 3s cubic-bezier(0.23, 1, 0.32, 1);
}
.item:hover:after {
  -webkit-transform: scale(2) translateX(0%) translateY(0%) translateZ(0) rotate(-28deg);
          transform: scale(2) translateX(0%) translateY(0%) translateZ(0) rotate(-28deg);
}
.item:hover .item-image {
  -webkit-transform: scale(1.2) translateZ(0);
          transform: scale(1.2) translateZ(0);
}
.item:hover .item-text {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.item-image {
  height: auto;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  transition: -webkit-transform 750ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 750ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 750ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 750ms cubic-bezier(0.23, 1, 0.32, 1);
}
.item-image::before {
  content: ""; display: block; padding-top: 75%; overflow: hidden;}
.item-image img {
  position: absolute; top: 0; left: 0; width: 100%; height: auto; line-height: 0;}

.item-text {
  position: absolute; top: 0; right: 0; left: 0; bottom: 0; opacity: 0; text-align: center; z-index: 1;  color: #ffffff;
  transition: opacity 500ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 500ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 500ms cubic-bezier(0.23, 1, 0.32, 1), transform 500ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 500ms cubic-bezier(0.23, 1, 0.32, 1), transform 500ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 500ms cubic-bezier(0.23, 1, 0.32, 1);
  transition-delay: 200ms; -webkit-transform: translateY(-20%);    transform: translateY(-20%);}

.item-text-wrapper {
  width: 100%;position: absolute;  top: 50%;  -webkit-transform: translateY(-50%);   transform: translateY(-50%);}

.item-text-title {
  font-weight: normal;  font-style: 16px; padding: 0 15px; margin: 5px 0 0 0;}

.item-text-dek {
  text-transform: uppercase; font-style: 14px;opacity: 0.7;  margin: 0;}

.item-link {
  position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; line-height: 0; overflow: hidden; text-indent: -9999px;
}
/*----------------------Eternia3---------------------------*/
.eterniaDwldBtn {padding:8px 15px;background: #fff;color: #21275a;display: inline-block;position: relative;
left: 50%;transform: translateX(-50%);margin: 15px 0;}

.eterniaTabDwldBtn {padding:8px 15px;background: #f0f0f0;color: #21275a;display: inline-block;position: relative;
left: 50%;transform: translateX(-50%);margin: 15px 0;}

.unitPlanDescription{ width: 100%;  margin-top: 10px;}
.unitPlanDescription h4{text-transform: capitalize;font-weight: 700;margin-bottom: 3px;}
.unitPlanDescription h4 em{ font-weight: 300; }
.unitPlanDescription p{margin-top: 0;margin-bottom: 0;font-size: 13px;}

#unitPlan{ text-align: center; }

.eterniTGly ul{ list-style: none;; margin: 0; padding:0; }
.eterniTGly li{  width: 48%; float: left; margin: 0 4% 30px 0; overflow: hidden;}


.eterniTGly li{ overflow: hidden; position: relative;}
.eterniTGly li img{transition: all .6s cubic-bezier(.25,.1,.25,1);display: block;}
.eterniTGly li:hover img{transform: scale(1.02);}
.eterniTGly li .eterniTabHover{ text-align: center;position: absolute; bottom: 0;
    left: 0;  background: linear-gradient(rgba(34,67,138,.5) 25%,rgba(34,67,138,.8) 75%); width: 100%;  -webkit-transform: translateY(61px);
    -ms-transform: translateY(61px);  transform: translateY(61px);  padding: 10px 20px;
    -webkit-transition: all .3s cubic-bezier(.25,.1,.25,1); -o-transition: all .3s cubic-bezier(.25,.1,.25,1);
    transition: all .3s cubic-bezier(.25,.1,.25,1); text-transform: capitalize;  cursor: pointer; color: #fff;} 
.eterniTGly li:hover .eterniTabHover{ bottom: 60px; }

.eterni3Gly{}
.eterni3Gly li{width: 48%; float: left; margin: 0 4% 18px 0; overflow: hidden; position: relative;}
.eterni3Gly li img{transition: all .6s cubic-bezier(.25,.1,.25,1);display: block;}
.eterni3Gly .item-grid{ box-shadow: none; }
.eterni3Gly .item-image::before{ padding-top: 55%; }
.eterni3Gly .item:hover .item-text{transform: translateY(40%); color: #fff; text-decoration: none;}

/*---------------08-01-2019----------------------*/
.unitPlanContainer{ width: 100%; }
.floor-plans-tab{display: flex;text-align: center;background-color: transparent;justify-content: center;margin: 0;padding-bottom: 5px;}
.floor-plans-tab li{border-bottom: 1px solid #fff;padding: 0;}
.floor-plans-tab li a{padding: 5px 15px;text-decoration: none;display: block;font-size: 20px;}
.floor-plans-tab li a.active{color: #da251d; text-decoration: none;}


.twobhkCont{display: flex;text-align: center;background-color: transparent;justify-content:center;}
.twobhkCont li{border-bottom: 1px solid #fff;padding: 0;}
.twobhkCont li a{padding: 10px 15px;text-decoration: none;display: block;}
.twobhkCont li a.active{color: #da251d; text-decoration: none;}

.eterniaTabContent{ width: 100%; text-align: center; padding: 60px 0 0; }
.eterniaTabContent img{ max-width: 50%; }

.unitplanEt3 li a{ color: #fff; }
.unitplanEt3 .floor-plans-tab li{ border-bottom: none; }
.unitplanEt3 .twobhkCont li{ border-bottom: none; }
.unitplanEt3 .floor-plans-tab li a { color: #c9c9c9;}
.unitplanEt3 .floor-plans-tab li a.active { color: #fff;}
.unitplanEt3 .twobhkCont li a{ color: #c9c9c9;}
.unitplanEt3 .twobhkCont li a.active{color: #fff; text-decoration: none;}

.unitplanEtab li a{ color: #da251d; }
.unitplanEtab .floor-plans-tab li{ border-bottom: none; }
.unitplanEtab .twobhkCont li{ border-bottom: none; }
.unitplanEtab .floor-plans-tab li a { color: #21275a;}
.unitplanEtab .floor-plans-tab li a.active { color: #da251d;}
.unitplanEtab .twobhkCont li a{ color: #21275a;}
.unitplanEtab .twobhkCont li a.active{color: #da251d; text-decoration: none;}
.unitplanEtab .floor-plans-tab{border-bottom: 1px solid #6373a8;}
.unitplanEtab .twobhkCont{border-bottom: 1px solid #6373a8;}

.brochoreMainCont{width: 100%; max-width: 600px;  margin: 0 auto;}
.brochoreMainCont .text-info{color: #21275a !important;}
.brochoreMainCont .btn-info{background-color: #21275a;border-color: #21275a;}
.brochoreMainCont .btn-info:hover{background-color: #283077;border-color: #283077;}
.input-group-text{ width: 40px;}

.brocheter3{margin: inherit;max-width: 80%; }

.brochoreMainCont .input-group-text{ border-radius: 0; }
.brochoreMainCont .form-control{ border-radius: 0; }

.brocheter3 .form-control{background: none;border: 0;border-bottom: 1px solid #fff;color: #fff;padding-left: 0;}
.brocheter3 .form-control::placeholder{color: #fff;}
.brocheter3 .eterniBroSend{display: inline-block;float: right;width: auto !important;background: #da251d; border-color:#da251d;padding: 10px 25px;}
#gallery .two .eterniavideoCont{position: relative; top: 0; left: 0;display: inline-block;}
.eterniaVideoIcon{position: absolute;left: 50%; top:50%;z-index: 9;transform: translate(-50%, -50%);}
.eterniaVideoIcon:hover{ transform: translate(-50%, -50%) !important; }

.eternia3VideoCont{ position: relative; top: 0; left: 0; }
.eternia3VideoIcon{position: absolute;left: 50%; top:50%;z-index: 9;transform: translate(-50%, -50%);width: 40px;}

.eterniaTabVideoCont{ position: relative; top: 0; left: 0; }
.eterniaTabVideoIcon{position: absolute;left: 50%; top:50%;z-index: 9;transform: translate(-50%, -50%);width: 50px;}

/*--------------------Form Section----------------------*/
.homeFormMainCont{ width: 100%; background: #21275a; }
.homeFormContainerr{ width: 100%; }
.homepageMapCont{ width: 100%; }
.homepageMapCont iframe{ display: block; }

.footerContainer .ftrmailCont{border-right: 1px solid #e3e3e3;padding: 20px; text-align: center;}
.footerContainer .ftrmailCont .text-bg__inner{ text-transform: uppercase;margin-bottom: 8px; }
.footerContainer .ftrmailCont .footer__contact-info{ color: #23527c; text-decoration: none;  font-weight: 400;font-size: 20px; transition: 0.3s ease all; }
.footerContainer .ftrmailCont .footer__contact-info:hover{ color: #d12823; }

.project_box .box-content .cmlpteProCont{text-align: center;margin-bottom: 0;font-size: 20px;}
.applyNowBtn{ padding: 5px 0; color: #be2727; text-decoration: none; display: inline-block;transition: 0.3s ease all;}
.applyNowBtn:hover{ color: #21275a; text-decoration: none; }

.applynowContainer{ width: 100%; text-align: center;}
.applyNowMainBtn{padding: 10px 30px;display: inline-block; background: #dd3a33; color: #fff; margin-top: 20px;}
.applyNowMainBtn.hvr-shutter-out-horizontal:hover{ color: #333; }
.applyNowMainBtn.hvr-shutter-out-horizontal:focus{ color: #333; }
.applyNowMainBtn.hvr-shutter-out-horizontal::before{ background: #fff; color: #333;}

/*-------------Fixed Social Icon-----------------*/

.icon-MainBar {
  position: fixed;z-index: 9;  top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);
}
.icon-MainBar a {
  display: block; text-align: center; padding: 16px; transition: all 0.3s ease; color: white; font-size: 20px;}
.icon-MainBar a:hover { background-color: #000;}
.facebook { background: #3B5998; color: white;}
.twitter {background: #55ACEE; color: white;}
.google { background: #dd4b39; color: white;}
.linkedin { background: #007bb5; color: white;}

.enqueryFixedIcon {
    position: fixed;top: 46%;z-index: 9;outline: none;cursor: pointer;border-radius: 0;right: -45px;-webkit-transform: rotate(270deg) translate(-50%);
transform: rotate(270deg);}
.enqueryFixedIcon .enquerytxt{ color: #fff; text-decoration: none; display: block;letter-spacing: 1px;position: relative;
top: -8px;text-transform:capitalize; background: #21275a; color: #fff; padding:4px 20px 6px; transition: 0.3s ease all; font-size:20px }
.enqueryFixedIcon .enquerytxt:hover{ color: #fff; background: #da251d;}

/*-------------16-01-19-----------------*/
#belaniSocial {
  -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in;
  backface-visibility: hidden;    width: 48px; display: block; position: fixed;  opacity: 1; text-align: left;
  top: 50%; z-index: 99;transform: translateY(-50%);}
#belaniSocial.st-left {
  left: 0px;
}
#belaniSocial.st-hidden.st-left {
  left: -48px;
}
#belaniSocial.st-hidden {
  width: 70px;
}
#belaniSocial > div {
  clear: left;
  float: left;
}
#belaniSocial .st-btn {
  -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;  -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in;
  border: none; cursor: pointer; display: inline-block; height: 48px;  line-height: 24px; margin-bottom: 0;
  opacity: 1;  overflow: hidden;  padding: 12px;  position: relative; text-align: left; top: 0; vertical-align: top;
  white-space: nowrap; width: 48px; display: block; text-decoration: none;}
#belaniSocial .st-btn.st-last {
  border-bottom: none; border-bottom-right-radius: 2px;
}
#belaniSocial .st-btn > svg {
  -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in;
  height: 24px; margin-left: 0; vertical-align: top; width: 24px;}
#belaniSocial .st-btn > img {
  -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in;
  height: 24px; margin-left: 0; vertical-align: top; width: 24px;}
#belaniSocial .st-btn > span {
  -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in;
  color: #fff; display: inline-block; left: -35px; letter-spacing: 0.5px; opacity: 0; padding: 0 6px;
  position: relative; vertical-align: top; filter: alpha(opacity=0);}
#belaniSocial .st-btn.st-hide-label > span {
  display: none !important;
}
#belaniSocial .st-total {
  -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in;
  background: #fff; color: #555; display: inline-block; line-height: 18px; margin-right: 0;
  min-height: 34px; max-width: 80px; opacity: 1; padding: 4px 0; text-align: center; width: 48px;}
#belaniSocial .st-total.st-hidden {
  display: none;
}
#belaniSocial .st-total > span {
  display: block; line-height: 20px; padding: 0;}
#belaniSocial .st-total > span.st-shares {
  font-size: 11px; line-height: 11px;
}
#belaniSocial .st-toggle {
  left: -48px;
  -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in;
  background: #ccc; border-bottom-right-radius: 2px; color: white; cursor: pointer; font-size: 24px;
  position: relative; text-align: center; width: 48px;
}
#belaniSocial.st-hidden .st-toggle {
  border-top-right-radius: 2px;
}
#belaniSocial.st-left .st-toggle .st-left {
  display: inline-block;
}
#belaniSocial.st-left.st-hidden .st-toggle .st-left {
  display: none;
}
#belaniSocial.st-left .st-toggle .st-right {
  display: none;
}
#belaniSocial.st-left.st-hidden .st-toggle .st-right {
  display: inline-block;
}
#belaniSocial:hover .st-toggle {
  left: 0;
}
#belaniSocial.st-hidden:hover .st-toggle {
  left: 48px;
}
#belaniSocial.st-toggleable:hover .st-btn.st-last {
  border-bottom-right-radius: 0;
}
#belaniSocial.st-toggleable:hover .st-btn.st-last:hover {
  border-bottom-right-radius: 2px;
}
#belaniSocial .st-btn:hover {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
}
#belaniSocial.st-has-labels .st-btn:hover {
  width: auto;
}
#belaniSocial:not(.st-has-labels) .st-btn:hover {
  width: 62px;
}
#belaniSocial .st-btn.st-hide-label:hover {
  width: 62px;
}
#belaniSocial .st-btn:hover > svg {
  margin-left: 5px;
}
#belaniSocial .st-btn:hover > img {
  margin-left: 5px;
}
#belaniSocial .st-btn:hover > span {
  opacity: 1; display: inline-block; left: 0; filter: alpha(opacity=100);}
/*@media (max-width: 1024px) {
#belaniSocial .st-btn:hover > svg {
    margin-left: 0;
  }
#belaniSocial .st-btn:hover > span {
    display: none;
  }
}
@media (max-width: 1024px) {
#belaniSocial {
  bottom: 0; display: flex; left: 0; right: 0; top: auto; width: 100%;}
#belaniSocial.st-hidden {
  bottom: -48px; width: 100%;
}
#belaniSocial.st-hidden.st-left {
  left: 0;
}
#belaniSocial.st-hidden.st-right {
  right: 0;
}
#belaniSocial > div {
  -moz-flex: 1; -ms-flex: 1; -webkit-flex: 1; clear: none; flex: 1; float: none;
}
#belaniSocial .st-total {
  background: #fff;
  padding: 6px 8px;
}
#belaniSocial .st-btn {
  -moz-border-radius: 0 !important;-webkit-border-radius: 0 !important;border-radius: 0 !important;  text-align: center;  width: auto;}
#belaniSocial .st-btn > span {
  display: none;
}
#belaniSocial .st-toggle {
  display: none;
}
}*/

#belaniSocial .st-btn[data-network='facebook'] {
  background-color: #3B5998;
}
#belaniSocial .st-btn[data-network='facebook'] svg {
  fill: #fff;
}
#belaniSocial .st-btn[data-network='facebook'] > span {
  color: #fff;
}
#belaniSocial .st-btn[data-network='twitter'] {
  background-color: #55acee;
}
#belaniSocial .st-btn[data-network='twitter'] svg {
  fill: #fff;
}
#belaniSocial .st-btn[data-network='twitter'] > span {
  color: #fff;
}
#belaniSocial .st-btn[data-network='email'] {
  background-color: #7d7d7d;
}
#belaniSocial .st-btn[data-network='gplus'] {
  background-color: #F61C0D;
}
#belaniSocial .st-btn[data-network='email'] svg {
  fill: #fff;
}
#belaniSocial .st-btn[data-network='email'] > span {
  color: #fff;
}
#belaniSocial .st-btn[data-network='sharethis'] {
  background-color: #95D03A;
}
#belaniSocial .st-btn[data-network='sharethis'] svg {
  fill: #fff;
}
#belaniSocial .st-btn[data-network='sharethis'] > span {
  color: #fff;
}

/* fullscreen-menu Social Network overlay */
#social_overlay {
  display: -webkit-box; display: -ms-flexbox; display: flex; display: none;  position: fixed;  left: 0;  top: 0;  
  width: 100%; height: 100%;  background: rgba(0, 0, 0, 0.8); z-index: 9999;
}

#social_overlay .socialContainer {
  display: -webkit-box; display: -ms-flexbox;  display: flex;  width: 100%;  height: 100vh;  -webkit-box-pack: center;
  -ms-flex-pack: center;  justify-content: center;  -webkit-box-align: center;  -ms-flex-align: center; align-items: center;
}
.socialMainContenrt{ width: 100%; max-width: 640px; overflow: auto; }
.socialMainContenrt ul{ list-style: none; margin: 0; padding: 0 ;}
.socialMainContenrt li{transition: all 0.2s ease-in;display: inline-block;margin: 6px 4px;text-align: left;
top: 0;vertical-align: middle;width: 148px;}
.socialMainContenrt li a{padding: 8px 12px;height: 48px;line-height: 30px;color: #fff; display: block;cursor: pointer;}
.socialMainContenrt li a i{ width: 30px;font-size: 20px;position: relative;top: 3px;}
.socialMainContenrt li a:hover{ background: #000 !important; }
.socialMainContenrt .socialOverlayClose{display: inline-block;margin: 40px 0 0;position: relative;left: 50%;transform: translateX(-50%);}
.socialMainContenrt li a.lightGray{ background: #666; }
.socialMainContenrt li a.emailBg{ background: #7d7d7d; }
.socialMainContenrt li a.faceBg{ background: #3B5998; }
.socialMainContenrt li a.googleBg{ background: #dc4e41; }
.socialMainContenrt li a.linkedinBg{ background: #0077b5; }
.socialMainContenrt li a.pinterestBg{ background: #CB2027; }
.socialMainContenrt li a.printBg{ background: #ff6400; }
.socialMainContenrt li a.twitterBg{ background: #55acee; }
.socialMainContenrt li a.weixinBg{ background: #4EC034; }
.socialMainContenrt li a.weiboBg{ background: #ff9933; }
.socialMainContenrt li a.whatsappBg{ background: #25d366; }
.socialMainContenrt li a.xingBg{ background: #1a7576; }
/*-----------------17-01-19----------------*/
.leaderVideoContainer{ width: 100%; }
#leadershipPop .modal-dialog{ max-width: 800px; width: 100%; }
#leadershipPop .modal-dialog video{ width: 100%; }
#leadershipPop .modal-footer{justify-content: center;}
.project_box .box-content.cmpltProjecAddCont{ cursor: default; }

#gauravPop .modal-dialog{ max-width: 800px; width: 100%; }
#gauravPop .modal-footer{justify-content: center;}
#nanduPop .modal-dialog{ max-width: 800px; width: 100%; }
#nanduPop .modal-footer{justify-content: center;}

.csrContainer{ width: 100%; background: #f0f0f0; padding-bottom: 40px;}
.corporateBigVideo{ margin-top: 20px; }

.form-control{ border-radius: 0 !important; font-size: 14px; }
#formModal #message-text{ resize: none;height: 100px; }
#generalApplication #message-text{ resize: none; }
.accoladesContainer{ margin-top: 40px; }
.accoladesContainer .accoladesHeading{ width: 100%; background: #474b7a; padding:8px 15px;}
.accoladesContainer .accoladesHeading h4{font-family: 'Roboto', sans-serif;font-size: 16px;font-weight: 700; color: #fff; margin: 0; padding: 0;display: inline-block; }
.accoladesContainer .accoladesHeading span{ font-weight: 300; color: #fff;}

.accoladesContainer .acloadesGap{ margin-bottom: 30px; }
.overviewMainContainer{ width: 100%; }
.overviewMainContainer ul{ list-style: none; margin: 0; padding:0; }
.overviewMainContainer li{ width: 100%; background: #fff; display: flex; border:1px solid #e3e8fe; margin-bottom: 25px;}
.overviewMainContainer li:last-child{ margin-bottom: 0; }
.overviewMainContainer li .aminitisHeadingCont{width: 200px; background: #21275b; color: #fff; text-align: center; padding: 15px;}
.overviewMainContainer li .aminitisHeadingCont h2{ margin:0; padding: 0;font-family: 'Roboto', sans-serif;padding-bottom: 10px;font-weight: 900; font-size: 40px; border-bottom: 1px solid #414572; }
.overviewMainContainer li .aminitisHeadingCont p{ margin:0; padding: 0; font-weight: 300;font-size: 14px;}
.overviewMainContainer li .aminitiesContent{ width: 100%; padding: 10px 32px;display: flex;align-items: center;  box-shadow:0px 2px 2px 0px #cbcbcb;}

#disclaimerModal .modal-header h3{text-align: center; width: 100%; margin-bottom: 0;}
#disclaimerModal .modal-body{background: #f0f0f0;}
#disclaimerModal .modal-body h4{ color: #21275a; }
#disclaimerModal .modal-footer{justify-content: center;}

.projectviewall.hvr-shutter-out-horizontal::before{ background: #464b79; }
.projectviewall.hvr-shutter-out-horizontal:hover{color: #fff !important; }
.projectviewall.hvr-shutter-out-horizontal:focus {  color: #fff;}

#leadershipPop .modal-content{border: none;border-radius: 0;outline: 0;background: none;}
#leadershipPop .modal-header{padding: 0;border-bottom: 0;border-top-left-radius: 0;border-top-right-radius: 0;}
#leadershipPop .modal-body{padding: 0;}
#leadershipPop .modal-footer{padding: 0;border-top: 0;}
#leadershipPop .close{opacity: 1;color: #fff;}

#gauravPop .modal-content{border: none;border-radius: 0;outline: 0;background: none;}
#gauravPop .modal-header{padding: 0;border-bottom: 0;border-top-left-radius: 0;border-top-right-radius: 0;}
#gauravPop .modal-body{padding: 0;}
#gauravPop .modal-footer{padding: 0;border-top: 0;}
#gauravPop .close{opacity: 1;color: #fff;}

#nanduPop .modal-content{border: none;border-radius: 0;outline: 0;background: none;}
#nanduPop .modal-header{padding: 0;border-bottom: 0;border-top-left-radius: 0;border-top-right-radius: 0;}
#nanduPop .modal-body{padding: 0; }
#nanduPop .modal-footer{padding: 0;border-top: 0;}
#nanduPop .close{opacity: 1;color: #fff;}

.modal-backdrop.show{opacity: .8;}
.contactMapCont{ width: 100%; display: flex; }
.contactMapCont .contactLeftCont{ width: 35%; }
.contactMapCont .contactRightCont{ width: 65%; position: relative; }
.contactMapCont .contactLeftCont img{display: block; width: 100%; height: 100%; object-fit: cover;}
.contactRightCont iframe{ display:block; height: 100%;}

.CaereerMainSecCont{ width: 100%; position: relative; z-index: 1; background: #464b79; box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7); color: #fff; padding: 40px 0 40px;}

.CaereerMainSecCont h2{ text-align: center;font-size: 40px;margin: 0;padding: 0;font-weight: bold;}
.CaereerMainSecCont:before
{  content: '';position: absolute;top: 0;left: 0;z-index: -1;width: 300px;background: url(../img/pt2.png);
background-repeat: no-repeat;height: 100%;opacity: 0.4;}
.CaereerMainSecCont:after
{content: '';position: absolute;bottom: 0;right: 0;z-index: -1;width: 300px;background: url(../img/pt3.png);
 background-position-x: 0%; background-position-y: 0%; background-repeat: repeat;background-repeat: no-repeat;
height: 100%;opacity: 0.4;background-position: right bottom;}

.CaereerMainSecCont .careerDonArwCont{ width: 100%; text-align: center; height: 50px;display: flex;justify-content: center;}
.form-control::placeholder { color: #495057;}

.chevron {
  position: absolute; width: 1.8rem;  height: 0.48rem; opacity: 0; -webkit-transform: scale(0.3);
          transform: scale(0.3); -webkit-animation: move-chevron 3s ease-out infinite; animation: move-chevron 3s ease-out infinite;
}

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

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

.chevron:before,
.chevron:after {
  content: ''; position: absolute; top: 0; height: 100%; width: 50%; background: #9093af;
}

.chevron:before {
  left: 0;-webkit-transform: skewY(30deg); transform: skewY(30deg);
}

.chevron:after {
  right: 0; width: 51%; -webkit-transform: skewY(-30deg); transform: skewY(-30deg);
}

@-webkit-keyframes move-chevron {
  25% {
    opacity: 1;
  }
  33.3% {
    opacity: 1;
    -webkit-transform: translateY(2.28rem);
            transform: translateY(2.28rem);
  }
  66.6% {
    opacity: 1;
    -webkit-transform: translateY(3.12rem);
            transform: translateY(3.12rem);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(4.8rem) scale(0.5);
            transform: translateY(4.8rem) scale(0.5);
  }
}

@keyframes move-chevron {
  25% {
    opacity: 1;
  }
  33.3% {
    opacity: 1;
    -webkit-transform: translateY(2.28rem);
            transform: translateY(2.28rem);
  }
  66.6% {
    opacity: 1;
    -webkit-transform: translateY(3.12rem);
            transform: translateY(3.12rem);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(4.8rem) scale(0.5);
            transform: translateY(4.8rem) scale(0.5);
  }
}

/*---------------21-01-2019---------------------*/
.milestoneMainCont{ width: 100%; }
.milestoneMainCont ul{ list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; }
.milestoneMainCont li{ width: 31%; margin: 0 3% 30px 0;}
.milestoneMainCont li:nth-child(3n){ margin-right: 0; }
.milestoneMainCont .card{ border-radius: 0; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); overflow: hidden; border: 0;transition: 0.3s ease all;}
.milestoneMainCont .card:hover{box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1);}
.milestoneMainCont .card .card-img-top{ border-radius: 0;transition: 0.3s ease all;}
.milestoneMainCont .card-title{text-align: center;font-family: 'Roboto', sans-serif;}

.milestoneMainCont .card:hover .card-img-top{  transform: scale(1.05);}
.milestoneMainCont .card-text{ text-align: center; }

.corporateFullVidoCont{position: relative; width:100%; height:auto; overflow:hidden; z-index:1; }
.corporateFullVidoCont video{ width: 100%; height: auto; display: block; }
.corporateFullVidoCont:after{ content:''; position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; opacity:0.3; background: linear-gradient(-45deg, #ff9900, #003471, #ff9900, #003471);
  background-size: 400% 400%;
  -webkit-animation: Gradient 15s ease infinite;
  -moz-animation: Gradient 15s ease infinite;
  animation: Gradient 15s ease infinite;}

.corBrowsField{ border-radius: 0;background-color: #838383;border-color: #838383; color: #fff;}
.corBrowsField:hover{background-color: #dd3a33;border-color: #dd3a33;}
.resumeTextfield{height: 38px;background: #fff !important;}
.modal-body .form-group:last-child{margin-bottom: 0;}

.belaniCareerCont{ width: 100%; background: #f4f4f4; }
.careerContainer{ width: 100%; }
.careerContainer .form-control{height: 38px;background: none;border: 0;padding: 0;border-bottom: 1px solid #ced4da; transition: 0.5s ease all;}
.careerContainer .resumeTextfield{height: 38px;background: none !important;border: 0;padding: 0;border-bottom: 1px solid #ced4da;}
.careerContainer .form-control:focus{ border-bottom: 1px solid #21275a; box-shadow:none; }
/*=====================19-02-2019========================*/
.aboutLeaderCont{ width:100%; background:#f0f0f0;}
.aboutLeader{ height:300px; overflow:hidden;margin: 15px 0;}
.legacyContainer{background: #da251d; color: #fff;width:92%; height:100%; position:absolute; display: flex;align-items: center;justify-content: center;font-size: 20px;}
.legacyContainer:hover{ color:#fff;}

.legacyProjectImg img{width: 100%;height: 100%;object-fit: cover; transition:0.3s ease all;}
.legacyProjectLeader{ width:100%;}
.legacyProjectLeader img{width: 100%;height: 100%;object-fit: cover; position:relative; z-index:1; transition:0.3s ease all;}
.aboutLeader .title{position: absolute;bottom: 0;right: 15px;font-size: 16px;color: #21275a;z-index: 9;background: #fff;padding: 8px 20px;
border-top-left-radius: 10px;}
/*.aboutLeader:hover img{transform: scale(1.15);}*/

.aboutLeader figure::before {position: absolute;top: 0;left: -75%;z-index: 2;display: block;content: '';width: 50%;height: 100%;background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);transform: skewX(-25deg);
}
.aboutLeader figure:hover::before {
	-webkit-animation: shine .75s;animation: shine .75s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}
/*==================20-02-1-========================*/
.desktopTimeLine{ display:block;}
.mobileTimeLine{ display:none;}

.mobileTimeLine .card{ border-bottom: 0;}
.mobileTimeLine .card-header{ background:rgba(3, 22, 37, 0.85); border-bottom: 0; padding: 0;}
.mobileTimeLine .btn-link{width: 100%;text-align: left; padding: 13px 15px; color:#fff;font-family: 'Pathway Gothic One',Helvetica Neue,Helvetica,Arial,sans-serif; text-align: center;text-decoration: none;}
.mobileTimeLine .btn-link:focus{text-decoration: none;}
.mobileTimeLine .card-body{ text-align:center; background:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #ebedff 75%)}

/*==================04-03-2019-========================*/
.csrBlogContainer{ width:100%; background:#fff;margin-bottom: 2em;}
.csrBlockContent{ width:100%; padding:20px 20px 10px; color:#212529;}
.csrBlogContainer h3{font-size: 130%;padding: 0;line-height: 25px;margin: 0 0 8px;text-transform: capitalize;font-weight: bold; color:#212529;}
.csrPopupCont { padding:0;}
.csrPopupCont h3{font-weight: bold;margin-bottom: 1rem;}	
.csrPopupCont .fancybox-close-small{width: 30px;height: 30px; padding:0;}
.csrPopConttent{ width:100%;padding: 15px 25px;}

/*==================23-04-2019-========================*/
.gauravContainer{border-top: 1px dashed #6b72a5;padding-top: 50px;margin-top: 30px; }
.mandatoryField{width: 80%;margin: 0 auto;position: relative; text-align: right; color: #fff; font-size: 12px;}
#mapSec { width: 100%;  height: 500px;}

/*================Event Page=======================*/
.eventMAinCont{ padding: 70px 0 70px;  position: relative; background: #fff;}
.eventContent{ margin-bottom: 2em; }
.eventContent .card{ border-radius: 0; }
.eventMAinCont .card-body{ background: #f2f2f2; }
.eventDate{ position: absolute; top: 20px; left: 0; padding: 5px 10px; background: #da251d; color: #fff; text-transform: uppercase;
font-size: 12px; }

.mandatoryFieldCorporate{width: 100%;margin: 0 auto;position: relative; text-align: right; color: #000; font-size: 12px;}

/*================Profile Image=======================*/
.profileImg{ position: relative; }
.profileImg .profile-pic { max-width: 200px;  max-height: 200px; width: 100%; height: 100%; display: block;}
.profileImg .file-upload {  display: none;}
.profileImg .circle { border-radius: 1000px !important; overflow: hidden; width: 128px; height: 128px;  border: 8px solid rgb(33, 39, 90);
    position: relative;top: 0;margin: 0 auto;}
.profileImg img {  max-width: 100%; height: auto;}
.profileImg .p-image {position: absolute;top: 95px;right: 124px;color: #e54e46;transition: all .3s cubic-bezier(.175, .885, .32, 1.275);}
.profileImg .p-image:hover { transition: all .3s cubic-bezier(.175, .885, .32, 1.275);}
.profileImg .upload-button {font-size: 30px;}
.profileImg .upload-button:hover { transition: all .3s cubic-bezier(.175, .885, .32, 1.275);color: #e54e46;}

#walkThrough{ background: #f0f0f0; }

.mappingJrny.owl-theme .owl-nav { position:absolute; top:-35px; right:-12px; margin-top: 0px;}
.mappingJrny.owl-theme .owl-nav [class*=owl-] { color: #131f45; font-size: 22px; line-height:inherit;  margin:0px; padding: 0; background:none; border-radius: 0px; border:0; width:35px; height:35px; outline:none;}
.mappingJrny.owl-theme .owl-nav [class*=owl-]:hover { color: #da251d; }

.journeyBoxs .slick-prev, .journeyBoxs .slick-next{font-size: 22px;color: #fff;width: 35px;height:35px;position: absolute;top: -66px;}
.journeyBoxs  .slick-prev{ right: 0; left: inherit;}
.journeyBoxs  .slick-prev::before, .journeyBoxs .slick-next::before{ display: none; }
.journeyBoxs .slick-dots{ display: none; }

/*================Blog Details=======================*/
.blogDetailContainer{ width: 100%; background: #fff;}
.blogdetailsHead{font-size: 32px; color: #212529; line-height: 42px; margin-bottom: 15px;}
.blogDetailDate{font-style: italic;display: block;margin-bottom: 12px;color: #6b6b6b; margin-bottom: 30px;}
.blogDetailDate i {  color: #333;}
.blogImg{ margin-bottom: 30px; }
.blogDImgCont{  width: 100%; margin-bottom: 30px; }
.blogDImgCont img{ width: 33.333%; float: left;  }

.lifeBelaniContainer{ width: 100%; }
.lifeBelaniContainer ul{ display: flex; flex-wrap: wrap; }
.lifeBelaniContainer li{ width: 25%;padding: 10px; overflow: hidden; }
.lifeBelaniTxt{width: 100%;background: #474b7a;padding: 8px 15px; color: #fff; text-align: center;}


.hover15 li {
  position: relative;
}
.hover15 li::before {
  position: absolute; top: 50%; left: 50%; z-index: 2; display: block; content: ''; width: 0; height: 0;
  background: rgba(255,255,255,.2); border-radius: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
  opacity: 0;
}
.hover15 li:hover::before {
  -webkit-animation: circle .75s; animation: circle .75s;
}
@-webkit-keyframes circle {
  0% {
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  100% {
    width: 200%;
    height: 200%;
    opacity: 0;
  }
}
@keyframes circle {
  0% {
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  100% {
    width: 200%;
    height: 200%;
    opacity: 0;
  }
}
/*==================FilterTab======================*/
.filterDiv {background-color: #2196F3; display: none !important;}
.show { display: inline-block !important;}

#completed{ width: 100%; }

.filterProject{ width: 100%;padding: 50px 10% 0;float: right;transition: width 0.3s;background: #f0f0f0; }
.filterProject ul{text-align: justify;}
.filterProject ul li{width: 31%;margin-bottom: 3.3%;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);display: inline-block;}

#completeProjecTab{ width: 100%; margin-top: -35px; padding: 0 10%;}
#completeProjecTab .filterInner { background: #fff;  padding: 15px;    position: relative;}
#completeProjecTab .filterInner .secTitle{display: inline-block;line-height: 40px;margin: 0;font-size: 24px;}
#completeProjecTab .isa-filters li{ display: inline-block; padding: 0 10px;width: auto;color: #616161;font-size: 18px;text-decoration: none;
height: 45px;line-height: 45px;border-radius: 0;}
#completeProjecTab .isa-filters li.selected{background: transparent;color: #21275a;box-shadow: inset 0 -2px 0 #da251d;}


.inner_menu_wrapper .navbar-dark .navbar-brand{ text-align: right; }

/*Elius*/
.pressContainer .pressimg h3{ padding-top: 10px;color: #fff; }
.pressContainer .pressimg p{ color: #fff; }
.pressimg-row{ padding-top: 25px; }
.locationsec{ display: flex;flex-wrap: wrap; }
.locationleft{ width: 70%;}
.locationright{ width: 30%; border:1px solid #ccc; max-height: 500px; overflow: auto;}
.dist{ padding: 20px 0 20px 30px; }
.dist img{ padding-right: 10px; }
.dist h4{ display:inline-block; }
.title{ text-align: left;}
.title h3{ font-size: 22px; }
.title a{ color: #9093ae; }
.title a:hover{ color: #de3a33; }
.corporateProCont .life h3{ color: #aaadcc; }
.corporateProCont .life a:hover{ color: #fff; }
.corporateProCont .event h3 { background-color:#535884; text-align: center; padding:5px;}
.corporateProCont .press h3{ padding-top: 10px; }
.astBoxin{ width: 100%; }


/*more less css santanu*/
.morecontent span{
	font-weight: 700 !important;
}
.morecontent span {
	display: none;
}
a.morelink {
	text-decoration:none;
	outline: none;
	color: red;
}
a.morelink1 {
	text-decoration:none;
	outline: none;
	color: red;
}

.first a{ color:#fff;}
.first a:hover{ color:#ccc;}

/*=====================
		Elius
=======================*/
.accoladesContainer .accoladesHeading h4{ font-weight:normal;}
.accoladesContainer .accoladesHeading span {font-weight: normal !important;}
.fotpages{ text-align:center; margin:0; padding:0;}
.fotpages a{ color:#333 !important; font-size:14px; text-transform:capitalize;}
.tempFooter .coppyRight { align-items: center;transform: translate(0); justify-content: center; position:static;}
.morecontent span{ font-weight:normal !important;}
/*14-06-19*/
.mt-3{ margin-top:30px;}
.press h3, .event h3 {font-size: 12px !important; line-height:15px !important;}
/*.eterniTGly li { width: 33%; float: left; margin: 0 4% 30px 0;overflow: hidden;}*/
.hovhid{ overflow:hidden !important;}
.eterniTGly .projgalle{ position:relative;}
.eterniTGly .projgalle img {
    transition: all .6s cubic-bezier(.25,.1,.25,1);
    display: block;
}
.eterniTGly .projgalle:hover img {
    transform: scale(1.02);
	overflow:hidden;
}
.eterniTGly .projgalle:hover .eterniTabHover {
    bottom: 60px;
}
.eterniTGly .projgalle .eterniTabHover {
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(rgba(34,67,138,.5) 25%,rgba(34,67,138,.8) 75%);
    width: 100%;
    -webkit-transform: translateY(61px);
    -ms-transform: translateY(61px);
    transform: translateY(61px);
    padding: 10px 20px;
    -webkit-transition: all .3s cubic-bezier(.25,.1,.25,1);
    -o-transition: all .3s cubic-bezier(.25,.1,.25,1);
    transition: all .3s cubic-bezier(.25,.1,.25,1);
    text-transform: capitalize;
    cursor: pointer;
    color: #fff;
}
.owl-item img{display:block;width:100%}
.astabsliderawards .owl-item img{display:block;width:auto;}
.corporateProCont .event h3 { background-color:#464b79 !important;}
.our_story_section{ margin-top:30px !important;}
.accoladesContainerawd{ margin-top:20px;}
.accoladeContainer{ background:#e8e8e8;}
/*award*/
.award_img img{ max-width:100px; height:auto;}
.award{display: flex; align-items: flex-start; flex-wrap: nowrap; align-items: center; border:1px solid #ccc; padding:10px; background:#fff;}
.award_text{ padding-left:20px; color:#33414a;}
.award_text p{font-size:16px; text-align:left; line-height:26px; color:#33414 !important;}
.owl-theme .owl-nav [class*="owl-"] { background: #464b79; border: 1px solid #464b79; border-radius:0; padding:2px 8px;}
.astabslidercsr .owl-nav [class*="owl-"]:hover, .astabsliderawards .owl-nav [class*="owl-"]:hover { background: #da251d; border: 1px solid #da251d;}
@media (max-width: 575px){
  .media_margin + .media_margin{ margin-top:20px !important;}
  .our_story_section{ margin-top:0px !important;}
  .award_text { margin-left: 0px !important;}
  
}
#specifications ul{}
#specifications ul li{  list-style-type: circle; margin-left: 20px;}


/*Thankyou Page*/
.thankyou{ font-size:70px; font-weight:bold; letter-spacing:2px; }
.thankyou_p{ font-size:22px !important; line-height:50px;}

/*Priject Page unit plan images*/
.eterniaTabContent img {
    max-width: 100%;}
/*index social media*/
.icon-bar { position: fixed;  top: 50%;  -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%);  transform: translateY(-50%); z-index:1000;}
.icon-bar a { display: block; text-align: center; padding: 16px; transition: all 0.3s ease; color: white; font-size: 22px; transition:all 0.5s ease;color: #fff;}
.icon-bar a:hover { opacity:.7;}
.facebook { background: #3B5998;}
.youtube { background: #f50c21;}
.linkedin { background: #007bb5;}

.sectionPaddingform{ padding-bottom:30px !important;}
.hirano{ font-size:14px; color:#fff; padding:10px 0px;background: #4d527b;}
.conIn p{ line-height:22px!important;}

@media (min-width:320px) and (max-width: 1280px){
	.icon-bar{top:30%;}
	}

.icon-bar {
    display: none;
}

.footer-copy{ background: #fff; padding: 7px 0; }
.footer-copy p{ font-size: 12px; padding: 0; margin: 0; }
.footer-copy a{ color: #23527c; }
.footer-copy a:hover{ color: #da251d; }