* {margin: 0; padding: 0; font-family: roboto, sans-serif;}
.cl {clear: both;}
#ce-module-contact-1{outline:none;}
header, section, footer, aside, nav, main, article, figure {display: block;}

img {max-width: 100%;}

/****** Typography ***************/
h1, h2, h3, h4, h5, h6{line-height: 1.5;font-family: roboto, sans-serif;font-weight: 700;font-style: normal; }
h1 {font-size: 40px;}
h2 {font-size: 28px;}
h3 {font-size: 28px;}
h4 {font-size: 24px;}
h5 {font-size: 20px;}
h6 {font-size: 16px;}
p,a,span{font-size:15px; line-height: 1.4;font-family: roboto, sans-serif;font-weight: 400;font-style: normal;}
p{margin: 10px 0;}
a{color:#000;}
a:hover{background:none;text-decoration:none;}
.primary-color{color: #e51957;}
.sec-color{color:#fbd033;}
.third-color{color:#585858;}

.center-align{text-align: center;}
.left-align{text-align: left;}
.right-align{text-align: right;}


/************** Backgrounds ***************/
.bg {min-height: 1px;}
.bg-primary{background-color:#8dc63f;}
.bg-sec{background-color: #fbd033;}
.bg-third-opc{background-color: rgba(0,0,0, 0.9);}

.vertical-border {border-right: 1px solid #707070; min-height: 75px; margin: 0 11px 0 10px;;}

/**************** Display ************/
.hidden{display: none;}
.noScroll{overflow:hidden; }

/****** Postions ********/
.pos-rel{position: relative;}
.pos-abs{position: absolute;}
.pos-fix{position:fixed;}

/****** size *************/
.full-w{width: 100%;}
.full-h{height: 100%;}
.inner{max-width:600px;margin:auto;}
/******************** Margins *************************/
.top-mar40{margin-top:40px;}

/**************** Layouts ***********************/
.two-col, .three-col, /*x-col*/{font-size:0;} /*container with number of columns */
.two-col > .col{width: 48%; display: inline-block; vertical-align: top;}
.two-col > .col.cl2 {margin-left: 2%;}

.three-col > .col {display: inline-block; vertical-align: top; width: 32%; text-align: center;}
.three-col > .col.cl2,
.three-col > .col.cl3 {margin-left: 2%;}

.col.cl-sm.xs{width: 30%;}
.col.cl-big.bg{width: 60%;}
.two-col > .col.valign-bot,
.valign-bot{vertical-align: bottom ;}
.pad{padding:140px 0;}
.pad-2{padding:40px 0;}
.vbase{vertical-align:baseline !important; }
.vttop{vertical-align:text-top !important;}
.vmiddle{vertical-align:middle !important;}
.rotate-banner ul li.slick-active button{color:#1a1e27}
.portfolio-sub-menu{margin-bottom:0;}
#ivm-menu ul li:hover ul ul{display:none;}
#ivm-menu ul ul ul{display:none;}
body {}
.ivm-container {max-width: 1200px; margin-left: auto; margin-right: auto;padding:0 10px;} /* use max-with as required */

header{position:fixed;height:150px;z-index:4;width:100%; -webkit-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear;}
.logo{z-index:6;position:absolute;top:0;text-align:center;color:#fff;}
.centered {
  position: fixed; /* or absolute */
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);
  -webkit-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    
}

/*
@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0) rotate(45deg) translate(-50%,-50%);
    transform: translateY(0) rotate(45deg) translate(-50%,-50%);
  }
  40% {
    -moz-transform: translateY(-30px) rotate(45deg) translate(-50%,-50%);
    transform: translateY(-30px) rotate(45deg) translate(-50%,-50%);
  }
  60% {
    -moz-transform: translateY(-15px) rotate(45deg) translate(-50%,-50%);
    transform: translateY(-15px) rotate(45deg) translate(-50%,-50%);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0) rotate(45deg) translate(-50%,-50%);
    transform: translateY(0) rotate(45deg) translate(-50%,-50%);
  }
  40% {
    -webkit-transform: translateY(-30px) rotate(45deg) translate(-50%,-50%);
    transform: translateY(-30px) rotate(45deg) translate(-50%,-50%);
  }
  60% {
    -webkit-transform: translateY(-15px) rotate(45deg) translate(-50%,-50%);
    transform: translateY(-15px) rotate(45deg) translate(-50%,-50%);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0) rotate(45deg) translate(-50%,-50%);
    -ms-transform: translateY(0) rotate(45deg) translate(-50%,-50%);
    -webkit-transform: translateY(0) rotate(45deg) translate(-50%,-50%);
    transform: translateY(0) rotate(45deg) translate(-50%,-50%);
  }
  40% {
    -moz-transform: translateY(-30px) rotate(45deg) translate(-50%,-50%);
    -ms-transform: translateY(-30px) rotate(45deg) translate(-50%,-50%);
    -webkit-transform: translateY(-30px) rotate(45deg) translate(-50%,-50%);
    transform: translateY(-30px) rotate(45deg) translate(-50%,-50%);
  }
  60% {
    -moz-transform: translateY(-15px) rotate(45deg) translate(-50%,-50%);
    -ms-transform: translateY(-15px) rotate(45deg) translate(-50%,-50%);
    -webkit-transform: translateY(-15px) rotate(45deg) translate(-50%,-50%);
    transform: translateY(-15px) rotate(45deg) translate(-50%,-50%);
  }
}*/
/* Footer */
footer {background:#000;overflow:hidden;clear:both;}
footer p{color:#fff;font-size:12px;}
footer p strong{font-family: roboto, sans-serif;font-weight: 700;}
#ivm-footer ul.menu-footer {margin: 0;text-align:center;}
#ivm-footer ul.menu-footer li {display: inline-block; border-right: 1px solid; padding: 0 10px; line-height: 20px;color:#fff;}
#ivm-footer ul.menu-footer li:last-of-type {border-right: 0;}

#ivm-footer ul.menu-footer li a, footer ul.menu-footer li span {display: inline-block; font-size: 12px; line-height: 20px; text-decoration: none;color:#fff}
#ivm-footer ul.menu-footer li a:hover {background: none; text-decoration: underline;}
.requiredsign{display:none;}
.contactenhanced_email{columns:2;text-align:center;}
footer .ce-module .ce-cf-container .inputbox{background:#000;border-radius:0;font-family: roboto, sans-serif;font-weight: 500;color:#fff;height:28px;}
footer .ce-module .ce-cf-container .inputbox::placeholder{color:#fff;}
#ceForm1 .ce-cf-container .inputbox.required{background-image:none;}
footer .ce-introtext{color:#fff;font-family: roboto, sans-serif;font-size:30px;font-weight:500;line-height:50px;padding:40px 0;text-align:center;}
footer #enquire{    width: 120px;background: #fff;color: #000; padding: 15px 0px;  border-radius:0;  margin-top: 10px;font-size:18px;}
.social-icon{text-align:center;padding-bottom:40px;}
#idealCaptcha > div{margin:auto; text-align:center;}
.g-recaptcha {
  transform-origin: left top;
  -webkit-transform-origin: left top;
}
#ce-module-contact-1{text-align:center;}
footer .span12.col-md-12{margin:0;} 
/*Menu*/
#MenuIcon{
    height: 25px;
    width: 50px;
    position: fixed;
    top:50px;
    right: 50px;z-index:5;
}
#MenuIcon:hover{
    cursor: pointer;
}
#MenuLine{
    height: 4px;
    width: 40px;
    background-color: #fff;
    position: absolute;
    top:50%;
    left: 50%;
    transform: translate(-50%,-50%);
    transition: all .3s;
}

#MenuLine::before{
    content: '';
    height: 4px;
    width: 40px;
    background-color: #fff;
    position: absolute;
    margin-top: 10px;
    transition: all .3s;
}

#MenuLine::after{
    content: '';
    height: 4px;
    width: 40px;
    background-color:#fff;
    position: absolute;
    margin-top: -10px;
    transition: all .3s;
}

#ivm-menu{
    height: 100vh;
    width: 450px;
    background-color:rgba(0, 0, 0, 0.75);
   z-index:5;
    position: fixed;
    top:0;
    right: -450px;
    transition: all .5s ease-in-out;
}
#ivm-menu ul{
    list-style: none;
    padding: 0px;
    margin: 0px;
    color:white;
    text-align: left;
    position: absolute;
    top:50%;
    left: 20%;
    transform: translate(-50%,-50%);
}
#ivm-menu  ul li{
    margin: 25px 20px;
}
#ivm-menu ul li:hover{
    cursor: pointer;
}
#ivm-menu ul li:hover ul{
  display:block;
}

#ivm-menu ul ul{
      position: absolute;
    right: 0%;
    left: unset;
    transform: translate(88%,-50%);
      width: 300px;
  display:none;
      padding: 3em;
}

#ivm-menu ul ul li {margin:0;padding:4px 0;}
#ivm-menu .menu ul li a {
    font-size: 14px;
    font-weight: 300;
}
#ivm-menu .menu ul li a:hover {
    
    font-weight: 700;
}
#close{
    position: absolute;
    top: 20px;
    right: 10px;
    transform: translate(-50%);
}
#close:hover{
    cursor: pointer;
}
.new-bg{background: rgba(0, 0, 0, 0.35)} 

.home .centered {
  position: fixed; /* or absolute */
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);
  transition:all 1s ease;
  width:500px;
  
}
.centered {
  position: fixed; /* or absolute */
  top: 5%;
  left: 10%;
  /* bring your own prefixes */
  transform: translate(0%,0%);
  width:150px;
  
}
.centered p{opacity:0;visibility:hidden;}
.home .centered p{opacity:1;visibility:visible;  transition:all 2s ease;}
.home .centered.top{
  top:5%;left:10%; transform: translate(0%,0%);
  width:150px;
}
.centered.top{
  top:5%;left:10%; 
  transform: 
    translate(0%,0%);
  width:150px;
}
.centered.top p{opacity:0;visibility:hidden;}

#ivm-menu .menu li a {color:#fff; font-size:20px;line-height:23px; font-family:roboto, sans-serif;font-weight:500;}
#ivm-menu .menu li a:hover{background:none;color:#fff;font-weight:900;}
/*menu end*/
/*banners*/

.inn-banner{position:relative;width:100%;}
.inn-banner img{width:100%;}
.title-page{position:absolute;bottom:50px;left:50%;transform:translate(-50%,-50%)}
.title-page h1{color:#fff;}
.title-page:before {
    content: "";
    width: 30px;
    height: 30px;
    border: 3px solid #fff;
    position: absolute;
    transform: rotate(45deg);
    border-left: none;
    border-top: none;
    bottom: -40px;
    left: 50%;
    transform: translate(-50%,-50%) rotate(45deg);
 
}

/*HOme*/
.home-banner{position:relative}
#overlay {
    position: absolute; /* Sit on top of the page content */
    width: 100%; /* Full width (cover the whole page) */
    height: 99.5%; /* Full height (cover the whole page) */
    top: 0; 
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.25); /* Black background with opacity */
    z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer; /* Add a pointer on hover */
}
#ivm-banner{margin-bottom:-15px;}
.rotate-banner img{
  height:100vh;
  width:100%;
  transition: all ease 1s;
}
.rotate-banner img.portrait{height:auto;}
.rotate-banner ul{position:absolute;z-index:3;top:20%;list-style:none;}
.rotate-banner ul li button{
font-size: 55px;
    line-height: 60px;
    background: none;
    border: 0;
    color: #fff;
    padding: 20px;
 font-family: 'HelveticaNeueLTStd-Bd';
}

/*HOme Ned*/


/*Contact Use */
.contact-info ul{list-style:none;margin:30px 0;}

.contact-info ul:nth-child(4) {
    margin-top: 40px;
}
.contact-info .col iframe{
   filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  /* Firefox 10+ */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(99%);
  /* Chrome 19+ & Safari 6+ */
  -webkit-backface-visibility: hidden;
  /* Fix for transition flickering */  -webkit-transition: all 2s ease-out;
  -moz-transition: allr 2s ease-out;
  -o-transition:all 2s ease-out;
  transition: all 2s ease-out;
}
.contact-info .col:hover iframe{filter: none;
  /* Firefox 10+ */
  filter: none;
  /* IE6-9 */
  -webkit-filter: none;}


/*About****/
.about-tab-2 ul {   list-style-position: inside;text-align:center;}
.about-tab-2 ul li {
    padding: 5px 0;
}

/**** Portfolio *****/
#jux_portfolio_pro .jux-row{margin-bottom:40px;margin-top:20px;}
.e-mailit_toolbox{margin-top:0;}
.portfolio #ivm-main{padding:80px 0;}
#jux_portfolio_pro .image .owl-next,#jux_portfolio_pro .image .owl-prev {top:unset;bottom:20px;}
#jux_portfolio_pro .image .owl-prev {right:33px;left:unset;}
#jux_portfolio_pro .image .owl-next {right:10px;}
.portfolio #filter > li:nth-child(1){display:none;}
.portfolio .jux_portfolio_pro-filters ul#filter li a {   -webkit-box-shadow:none; -moz-box-shadow:none;-o-box-shadow:none;-ms-box-shadow:none; box-shadow: none;font-weight:500;color:#504F4F;background:none;}
.portfolio .jux_portfolio_pro-filters ul#filter li a:hover { border-bottom:1px solid #504F4F;font-weight:700; }
.portfolio .jux_portfolio_pro-filters ul#filter li a.active {-webkit-box-shadow: none !important;  -moz-box-shadow: none !important;    box-shadow: none !important;border-bottom:1px solid #504F4F;}
#filter {margin-bottom:-20px;}
/*.portfolio .jux_portfolio_pro .jux-item .content .jux_text_layout {position: absolute;bottom: -80px; background: #fff; transform: translate(-50%,-50%);   left: 50%;width:90%;}*/
#jux_portfolio_pro > div > div.content > div.jux-image.hover_1 > a > img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
#jux_portfolio_pro > div > div.content > div.jux-image.hover_1 > a:hover > img {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}
.fa-long-arrow-right:before,.fa-long-arrow-left:before {
    content: "";
}
.portfolio .jux-more-data .jux-data-caption,.portfolio .jux-more-data .jux-data-content,.portfolio .jux-more-data .jux-data-caption,.jux-des-title .line1{display:none;}
.post-navigation .nav-links a i,.post-navigation .post-navigation-icon {width:unset;background:none;font-family:roboto, sans-sarif;font-size:16px;font-weight:bold;}
.fa.fa-th-large{color:#fff !important;}
.post-navigation{padding-bottom:40px;}
.post-navigation .nav-links a i:hover{color:#000;}
.portfolio  .gallery-related-project ,.portfolio .jux-related-project{display:none;}
.jux_portfolio_pro .jux-item .content .jux_text_layout {width:90%;position:absolute;background:#fff;left:50%;transform:translate(-50%,-50%);}
.jux_portfolio_pro .jux-item .content .hover_1, .jux_portfolio_pro .jux-item .content .hover_2, .jux_portfolio_pro .jux-item .content .hover_3, .jux_portfolio_pro .jux-item .content .hover_4 {margin-top:40px;}
.jux_portfolio_pro .jux-item .content .jux_text_layout{border:none;}
#jux_portfolio_pro .content .jux_text_layout {transition:all ease .5s;}
#jux_portfolio_pro .content:hover .jux_text_layout{background:#000;}
#jux_portfolio_pro .content:hover .jux_text_layout .jux-title a{color:#fff;}
#jux_portfolio_pro .content:hover .jux_text_layout .jux-category{color:#ffff;}
#jux_portfolio_pro .content .jux-des-title{margin-bottom:0;}
#jux_portfolio_pro .content .jux-des-title{font-size:20px;}
#jux_portfolio_pro .content .jux-des-description p {    font-size: 12px;    line-height: 1.0;padding-top:25px;   }
/*Enquiry sent*/
.enquiry-sent main{padding:80px 0;text-align:center;}
.enquiry-sent main p {font-size:30px;font-family:roboto, sans-sarif; }

a.E_mailit_Facebook {background:url(/images/Facebook.png) no-repeat center; background-color:#fff !important;background-size:contain !important}
a.E_mailit_Copy_Link{background:url(/images/link.png) no-repeat center; background-color:#fff !important;background-size:contain !important}
a.E_mailit_Send_via_Email{background:url(/images/email.png) no-repeat center; background-color:#fff !important;background-size:contain !important} 


.jux_portfolio_pro .jux_text_layout .jux-title{text-transform:none;text-align:left;}
.jux_portfolio_pro .jux_text_layout .line{display:none;}
.jux_portfolio_pro .jux_text_layout .jux-category{padding: 0 10px;text-align:left;display:none;}

#e-mailit_btn_Facebook a,#e-mailit_btn_Send_via_Email a,#e-mailit_btn_Copy_Link a{background-color:#fff !important;}
.e-mailit_btn_EMAILiT{display:none !important;}



.portfolio-sub-menu{text-align:center;}
.portfolio-sub-menu li{
  line-height: 15px;
    margin: 0 8px 8px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  display:inline-block;text-align:center;padding:5px;}
.portfolio-sub-menu li a{font-size:12px;text-transform: uppercase;
    margin: 0 0px 0px 0;
    padding: 11px 8px;    color: #504F4F;font-weight:500;
}
.portfolio-sub-menu li a:hover{background:none; border-bottom:1px solid #000;}
.residences .jux_portfolio_pro-filters,.commercial-retail-developments .jux_portfolio_pro-filters,.medium-density-developments .jux_portfolio_pro-filters,.residential-mixed-use-developments .jux_portfolio_pro-filters,.fitout  .jux_portfolio_pro-filters{display:none;}

.emailit_branding{display:none;}
footer * {
  -webkit-box-sizing: unset;
    -moz-box-sizing: unset;
    box-sizing: unset;
}
.jux-des-description em {     font-size: 11px; }

.the-workshop .col {text-align:justify;}
.two-col-map{display:flex;justify-content:space-between;}
.two-col-map .cols{display:flex;justify-content:space-between;width:70%;flex-wrap:wrap;}
.two-col-map .col{width:30%}

.portfolio .jux-desciption{padding-bottom:10px;}
.\34 04-error section{padding-top:20px;padding-bottom:20px;}
.distable p{margin:0 10px;}