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

Stylesheet: Global Stylesheet

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

@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Open+Sans:wght@400;700&display=swap');

div, span, ul, li, a, section, body,
h1, h2, h3, h4, h5, h6{
  font-family: 'Open Sans', sans-serif;
}

body h1,body h2,body h3,body h4,body h5,body h6{
  font-family: 'Abril Fatface', cursive;
  font-weight:normal;
}

.page-template-template-full-width h1{
	margin-top:50px;
	margin-bottom:50px;
}

.page-template-template-full-width h2,
.page-template-template-full-width h3,
.page-template-template-full-width h4{
	margin-top:20px;
	margin-bottom:20px;
}

/*********************
POSTS & CONTENT STYLES
*********************/
.page-title .vcard {
  border: 0px;
  padding: 0px; }

.byline {
  color: #999; }

.entry-content img {
  max-width: 100%;
  height: auto; }

.entry-content .alignleft, .entry-content img.alignleft {
  margin-right: 1.5em;
  display: inline;
  float: left; }

.entry-content .alignright, .entry-content img.alignright {
  margin-left: 1.5em;
  display: inline;
  float: right; }

.entry-content .aligncenter, .entry-content img.aligncenter {
  margin-right: auto;
  margin-left: auto;
  display: block;
  clear: both; }

.entry-content video, .entry-content object {
  max-width: 100%;
  height: auto; }

.entry-content pre {
  background: #eee;
  border: 1px solid #cecece;
  padding: 10px; }

.wp-caption {
  max-width: 100%;
  background: #eee;
  padding: 5px; }
  .wp-caption img {
    max-width: 100%;
    margin-bottom: 0;
    width: 100%; }
  .wp-caption p.wp-caption-text {
    font-size: 0.85em;
    margin: 4px 0 7px;
    text-align: center; }

.post-password-form input[type="submit"] {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 1rem 0;
  font-family: inherit;
  padding: 0.85em 1em;
  -webkit-appearance: none;
  border: 1px solid transparent;
  border-radius: 0;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
  font-size: 0.9rem;
  line-height: 1;
  text-align: center;
  cursor: pointer;
  background-color: #1779ba;
  color: #fefefe; }
  [data-whatinput='mouse'] .post-password-form input[type="submit"] {
    outline: 0; }
  .post-password-form input[type="submit"]:hover, .post-password-form input[type="submit"]:focus {
    background-color: #14679e;
    color: #fefefe; }

/*********************
IMAGE GALLERY STYLES
*********************/
.gallery {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-right: -15px;
  margin-left: -15px; }

.gallery::before, .gallery::after {
  content: ' ';
  display: table; }

.gallery::after {
  clear: both; }

.gallery.gallery-columns-1 > dl {
  width: 100%;
  float: left;
  padding-right: 0.625rem;
  padding-left: 0.625rem; }
  @media print, screen and (min-width: 40em) {
    .gallery.gallery-columns-1 > dl {
      padding-right: 0.9375rem;
      padding-left: 0.9375rem; } }
  .gallery.gallery-columns-1 > dl:last-child:not(:first-child) {
    float: right; }

.gallery.gallery-columns-2 > dl {
  width: 50%;
  float: left;
  padding-right: 0.625rem;
  padding-left: 0.625rem; }
  @media print, screen and (min-width: 40em) {
    .gallery.gallery-columns-2 > dl {
      padding-right: 0.9375rem;
      padding-left: 0.9375rem; } }
  .gallery.gallery-columns-2 > dl:last-child:not(:first-child) {
    float: right; }

.gallery.gallery-columns-3 > dl {
  width: 33.33333%;
  float: left;
  padding-right: 0.625rem;
  padding-left: 0.625rem; }
  @media print, screen and (min-width: 40em) {
    .gallery.gallery-columns-3 > dl {
      padding-right: 0.9375rem;
      padding-left: 0.9375rem; } }
  .gallery.gallery-columns-3 > dl:last-child:not(:first-child) {
    float: right; }

.gallery.gallery-columns-4 > dl {
  width: 25%;
  float: left;
  padding-right: 0.625rem;
  padding-left: 0.625rem; }
  @media print, screen and (min-width: 40em) {
    .gallery.gallery-columns-4 > dl {
      padding-right: 0.9375rem;
      padding-left: 0.9375rem; } }
  .gallery.gallery-columns-4 > dl:last-child:not(:first-child) {
    float: right; }

.gallery.gallery-columns-5 > dl {
  width: 20%;
  float: left;
  padding-right: 0.625rem;
  padding-left: 0.625rem; }
  @media print, screen and (min-width: 40em) {
    .gallery.gallery-columns-5 > dl {
      padding-right: 0.9375rem;
      padding-left: 0.9375rem; } }
  .gallery.gallery-columns-5 > dl:last-child:not(:first-child) {
    float: right; }

.gallery.gallery-columns-6 > dl {
  width: 16.66667%;
  float: left;
  padding-right: 0.625rem;
  padding-left: 0.625rem; }
  @media print, screen and (min-width: 40em) {
    .gallery.gallery-columns-6 > dl {
      padding-right: 0.9375rem;
      padding-left: 0.9375rem; } }
  .gallery.gallery-columns-6 > dl:last-child:not(:first-child) {
    float: right; }

.gallery.gallery-columns-7 > dl {
  width: 14.28571%;
  float: left;
  padding-right: 0.625rem;
  padding-left: 0.625rem; }
  @media print, screen and (min-width: 40em) {
    .gallery.gallery-columns-7 > dl {
      padding-right: 0.9375rem;
      padding-left: 0.9375rem; } }
  .gallery.gallery-columns-7 > dl:last-child:not(:first-child) {
    float: right; }

.gallery.gallery-columns-8 > dl {
  width: 12.5%;
  float: left;
  padding-right: 0.625rem;
  padding-left: 0.625rem; }
  @media print, screen and (min-width: 40em) {
    .gallery.gallery-columns-8 > dl {
      padding-right: 0.9375rem;
      padding-left: 0.9375rem; } }
  .gallery.gallery-columns-8 > dl:last-child:not(:first-child) {
    float: right; }

.gallery dl {
  width: 100%;
  float: left;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem; }

.gallery dl:last-child:not(:first-child) {
  float: right; }

/*********************
PAGE NAVI STYLES
*********************/
.page-navigation {
  margin-top: 1rem; }

/*********************
COMMENT STYLES
*********************/
#comments .commentlist {
  margin-left: 0px; }

#respond ul {
  margin-left: 0px; }

.commentlist li {
  position: relative;
  clear: both;
  overflow: hidden;
  list-style-type: none;
  margin-bottom: 1.5em;
  padding: 0.7335em 10px; }
  .commentlist li:last-child {
    margin-bottom: 0; }
  .commentlist li ul.children {
    margin: 0; }

.commentlist li[class*=depth-] {
  margin-top: 1.1em; }

.commentlist li.depth-1 {
  margin-left: 0;
  margin-top: 0; }

.commentlist li:not(.depth-1) {
  margin-left: 10px;
  margin-top: 0;
  padding-bottom: 0; }

.commentlist .vcard {
  margin-left: 50px; }
  .commentlist .vcard cite.fn {
    font-weight: 700;
    font-style: normal; }
  .commentlist .vcard time {
    float: right; }
    .commentlist .vcard time a {
      color: #999;
      text-decoration: none; }
      .commentlist .vcard time a:hover {
        text-decoration: underline; }
  .commentlist .vcard img.avatar {
    position: absolute;
    left: 10px;
    padding: 2px;
    border: 1px solid #cecece;
    background: #fff; }

.commentlist .comment_content p {
  margin: 0.7335em 0 1.5em;
  font-size: 1em;
  line-height: 1.5em; }

.commentlist .comment-reply-link {
  float: right; }

/*********************
COMMENT FORM STYLES
*********************/
.respond-form {
  margin: 1.5em 10px;
  padding-bottom: 2.2em; }
  .respond-form form {
    margin: 0.75em 0; }
    .respond-form form li {
      list-style-type: none;
      clear: both;
      margin-bottom: 0.7335em; }
      .respond-form form li label,
      .respond-form form li small {
        display: none; }
    .respond-form form input[type=text],
    .respond-form form input[type=email],
    .respond-form form input[type=url],
    .respond-form form textarea {
      padding: 3px 6px;
      background: #efefef;
      border: 2px solid #cecece;
      line-height: 1.5em; }
      .respond-form form input[type=text]:focus,
      .respond-form form input[type=email]:focus,
      .respond-form form input[type=url]:focus,
      .respond-form form textarea:focus {
        background: #fff; }
      .respond-form form input[type=text]:invalid,
      .respond-form form input[type=email]:invalid,
      .respond-form form input[type=url]:invalid,
      .respond-form form textarea:invalid {
        outline: none;
        border-color: #fbc2c4;
        background-color: #f6e7eb;
        -ms-box-shadow: none;
        box-shadow: none; }
    .respond-form form input[type=text],
    .respond-form form input[type=email],
    .respond-form form input[type=url] {
      max-width: 400px;
      min-width: 250px; }
    .respond-form form textarea {
      resize: none;
      width: 97.3%;
      height: 150px; }

#comment-form-title {
  margin: 0 0 1.1em; }

#allowed_tags {
  margin: 1.5em 10px 0.7335em 0; }

.nocomments {
  margin: 0 20px 1.1em; }

/*********************
SIDEBARS & ASIDES
*********************/
.sidebar li {
  list-style: none; }

.widget ul {
  margin: 0; }

/*********************
FOOTER STYLES
*********************/
.footer {
  clear: both;
  margin-top: 1em; }

/*********************
VISUAL EDITOR STYLES
*********************/
body#tinymce {
  margin: 20px; }

/*********************
PLUGIN STYLES
*********************/
.gform_body ul {
  list-style: none outside none;
  margin: 0; }

/*# sourceMappingURL=style.css.map */

/** Custom **/
body.hide-overflow{
	overflow:hidden;
}

.klik-next-project img,
.klik-prev-project img{
	width:48px;
}

  .page-template .grid-margin-x{
	margin-right:auto;
	margin-left:auto;
  }

  .middle-wrapper{
    padding-left:40px;
    padding-right:40px;
    max-width:1280px;
    margin:0 auto;
  }

  .main-logo{
    width:132px;
  }

  .flex-ready{
    display:flex;
  }

  .flex-jc-sb{
    justify-content:space-between;
  }

  .flex-ai-ctr{
    align-items:center;
  }

  .flex-ul{
    margin:0;
    list-style:none;
    display:flex;
  }

  .tax-projects .menu-wrapper ul.dropdown.menu .menu-item-19 > a,
  .single-post .menu-wrapper ul.dropdown.menu .menu-item-19 > a{
	background-color:transparent;
	color: #3c3c3c;
	border-bottom: 1px solid #3c3c3c;
  }

  .menu-wrapper ul.dropdown.menu li{
    margin-left:50px;
  }

  .menu-wrapper ul.dropdown.menu li:first-child{
    margin-left:0;
  }

  .menu-wrapper ul.dropdown.menu li a{
    padding:5px 0;
    color:#727272;
    font-size:16px;
    font-weight:600;
    transition:color 0.2s ease;
  }

  .menu-wrapper ul.dropdown.menu li a:hover,
  .menu-wrapper ul.dropdown.menu li a:focus{
    color:#3c3c3c;
    border-bottom:1px solid #3c3c3c;
  }

  .menu-wrapper ul.dropdown.menu li.active > a{
    background-color:transparent;
    color:#3c3c3c;
    border-bottom:1px solid #3c3c3c;
  }

  .socmed-icon{
    margin-left:96px;
  }

  .socmed-icon ul li{
    margin-left:24px;
  }

  .socmed-icon ul li a{
    display:block;
  }

  .socmed-icon ul li:first-child{
    margin-left:0;
  }

  .socmed-icon ul img{
    width:20px;
    height:20px;
  }

  .footer-backup{
	margin-top:30px;
    display:none;
  }

  .footer-backup ul li{
	margin-right:34px
  }

  .footer-backup ul li:last-child{
	margin-right:0;
  }
  
  .footer-backup ul img,
  .footer-inside-wrapper ul img{
    width:24px;
    height:24px;
  }

  .footer-backup ul span,
  .footer-inside-wrapper ul span{
    font-size:12px;
    font-weight:600;
    color:#3c3c3c;
    vertical-align:middle;
  }

  .footer{
    padding-bottom:50px;
    margin-top:0;
  }

  body:not(.home) footer{
    margin-top:12px;
  }

  .footer ul li{
    margin-right:34px;
  }

  .footer ul li:last-child{
    margin-right:0;
  }

/* @media(max-width:1250px) and (min-width:835px){
	.page-template-aboutus-template footer{
		display:none;
	}
	
	.footer-backup{
		display:block;
	}
} */

  .home-left-content span{
    display:inline-block;
    position:relative;
    font-size:16px;
    letter-spacing:4px;
    font-weight:bold;
    color:#3c3c3c;
    text-transform:uppercase;
  }

  .home-left-content span:after{
    width: 52px;
    height: 1px;
    content: '';
    background-color: #3c3c3c;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: -60px;
  }

  .home-left-header{
    margin-bottom:5px;
    max-width:650px;
  }

  .home-left-header h2{
    display:inline;
    background-color:white;
    color:#3c3c3c;
    font-size:65px;
	font-family:'open sans';
  }

  .home-left-header h2.on-font{
	font-family: 'Abril Fatface', cursive;
  }

  .home-left-content p{
    font-size:16px;
    color:#727272;
    max-width:35%;
    margin-bottom:20px;
    background-color:white;
    padding:10px 10px 10px 0;
  }

  .click-projects a{
    display:inline-block;
    font-size:16px;
    color:white;
    font-weight:bold;
    text-transform:uppercase;
    padding:14px 34px;
    background-color:#3c3c3c;
    transition:all 0.2s ease;
  }
  .click-projects a:hover,
  .click-projects a:focus{
    background-color:#727272;
    outline:none;
    box-shadow:none;
	color:white;
  }

  .home-slider > div{
    position:relative;
  }

  .home-slider.slick-initialized .slick-slide{
    display:flex;
    position:relative;
    align-items:center;
  }

  .home-left{
    position:relative;
    z-index:2;
	width:100%;
  }
  .home-right{
    position:absolute;
    right:0;
    width:65%;
  }

  .header-show-small{
    display:none;
  }

  .header-show-small img{
    width:32px;
    height:32px;
  }

  .menu-hidden-left{
    position:fixed;
    width:95%;
    height:100%;
    background-color:white;
    z-index:10;
    box-shadow:1px 0 25px 0 #d0d0d0;
    padding:20px;
    left:-200%;
    transition:all 0.2s ease-out;
	overflow:auto;
  }

  .menu-hidden-left.menu-to-right{
    left:0;
  }

  .menu-hidden-main ul.menu{
    display:block;
  }

  .menu-hidden-main ul.menu li{
    margin-bottom:24px;
  }

  .menu-hidden-main ul.menu li a{
    padding:5px 0;
    color:#3c3c3c;
    font-size:32px;
    font-weight:600;
    font-family: 'Abril Fatface', cursive;
    display:inline-block;
    letter-spacing:1px;
  }

  .menu-hidden-icon ul li{
    margin-right:24px;
  }

  .close-icon{
    position:absolute;
    right:12px;
    top:12px;
    z-index:2;
  }

  .close-icon a{
    display: block;
  }

  .close-icon a img{
    width:24px;
    height:24px;
  }

  .menu-hidden-logo{
    width:90%;
  }

  .menu-hidden-logo a{
    display:block;
  }

  .menu-hidden-icon img{
    width:20px;
    height:20px;
  }

  .menu-hidden-main ul.menu li.active > a{
    background-color:transparent;
    color:#3c3c3c;
    border-bottom:1px solid #3c3c3c;
  }

  div:focus,
  section:focus,
  button:focus{
    outline:none;
    box-shadow:none;
  }

  button.slick-arrow{
    font-size:0;
    width:48px;
    height:48px;
    background-color:#ffffffe3;
    position:absolute;
    bottom:0;
    z-index:1;
    transition:all 0.2s ease;
  }

  button.slick-arrow:hover,
  button.slick-arrow:focus{
    background-color:#f1f1f1;
  }

  button.slick-arrow.slick-prev{
    right:48px;
  }
  button.slick-arrow.slick-next{
    right:0;
  }

  .home-slider .slick-dots{
    width:65%;
    text-align:center;
    margin-left:auto;
    margin-bottom:0;
    padding:10px 0;
  }

  .home-slider .slick-dots:hover,
  .home-slider .slick-dots:focus,
  button.slick-arrow.slick-prev:hover,
  button.slick-arrow.slick-prev:focus,
  button.slick-arrow.slick-next:hover,
  button.slick-arrow.slick-next:focus{
    cursor:pointer;
  }

  .home-slider .slick-dots li{
    list-style:none;
    font-size:0;
    margin:0 4px;
    display:inline-block;
    border-radius:50%;
    border:1px solid transparent;
    padding:4px;
    vertical-align:middle;
    transition:all 0.2s ease;
  }

  .home-slider .slick-dots li button{
    width:6px;
    height:6px;
    background-color:#c6c6c6;
    border-radius:50%;
  }

  .home-slider .slick-dots li:hover,
  .home-slider .slick-dots li:focus{
    border:1px solid #c6c6c6;
  }

  .home-slider .slick-dots li.slick-active{
    border:1px solid #3c3c3c;
  }
  .home-slider .slick-dots li.slick-active button{
    background-color:#3c3c3c;
  }

  .home-slider.slick-initialized .slick-slide{
	height:480px;
  }

  .projects-list{
    margin-bottom:34px;
  }

  .projects-list ul{
    padding:0;
    margin:0;
    list-style:none;
  }

  .projects-list ul li{
    display:inline-block;
    margin-right:30px;
  }

  .projects-list ul li a{
    font-size:16px;
    color:#727272;
  }

  .projects-list ul li a.project-on{
    color:#3c3c3c;
    border-bottom:1px solid #3c3c3c;
  }

  .projects-indv-wrapper{
    font-size:0;
    margin:0 -14px;
  }

  .project-indv{
    width:calc(100% / 3 - 28px);
    display:inline-block;
    vertical-align:top;
    color:white;
    position:relative;
    margin:0 14px 28px;
    padding:24px;
    height:230px;
    background-position:center;
    background-size:cover;
  }

  .tax-projects .project-indv{
	display:none;
  }

  .tax-projects .project-indv.project-show{
	display:inline-block !important;
  }

  .term-3 .project-Residential{
	display:inline-block;
  }
  
  .term-4 .project-Commercial{
	display:inline-block;
  }

  .term-5 .project-Hospitality{
	display:inline-block;
  }

  .indv-shadow{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-color:#7373735c;
  }

  .indv-front{
    position:relative;
  }

  .indv-front h2{
    font-size:32px;
    margin-bottom:5px;
    line-height:40px;
	font-family:'open sans';
  }
  
  .indv-front h2.font-on{
	font-family: 'Abril Fatface', cursive;
  }

  .indv-front span{
    display:block;
    font-size:12px;
	font-weight:bold;
  }

  .project-indv:focus,
  .project-indv:hover{
    color:#f1f1f1;
  }

  .description-projects{
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-color:#ffffffc7;
    z-index:3;
    overflow:auto;
    padding:50px 0;
    display:none;
  }

  .description-projects .middle-wrapper{
    max-width:calc(1280px - (1280px * 20 / 100));
	padding-top:126px;
  }

  .close-icon-project{
    position:fixed;
    top:40px;
    right:40px;
  }

  .close-icon-project > a{
    display:block;
  }

  .close-icon-project > a img{
    width:48px;
    height:48px;
  }

  .form-contact-go .nf-form-content{
    max-width:none;
  }

.description-wrapper{height:auto;}

  .description-wrapper h3{
    color:#3c3c3c;
    font-size:48px;
    padding-bottom:30px;
	margin-bottom:0;
  }

  .content-on-show p{
    font-size:16px;
    font-weight:600;
    color:#3c3c3c;
    padding-bottom:25px;
	margin-bottom:0;
  }

  .content-on-show .wp-block-image{
    text-align:center;
    padding-bottom:30px;
	margin-bottom:0;
  }

  .content-on-show img{
    width:100%;
  }

  body.overflow-hide{
    overflow:hidden;
  }

  body.overflow-hide header,
  body.overflow-hide .new-body{
    filter:blur(8px);
  }

  .with-dash-h{
    font-size:12px;
    letter-spacing:4px;
    color:#3c3c3c;
    position:relative;
    text-transform: uppercase;
    display:inline-block;
    font-family:'Open Sans';
    font-weight:600;
    margin-bottom:15px;
  }

  .with-dash-h:after{
    width: 52px;
    height: 1px;
    content: '';
    background-color: #3c3c3c;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: -60px;
  }

  .services-upper{
    display:flex;
    margin-bottom:40px;
  }

  .services-upper > div{
    flex:0 0 50%;
  }

  .service-upper-left{padding-right:24px;}
  .service-upper-right{padding-left:24px;}

  .service-upper-left h4{
    font-size:32px;
    color:#3c3c3c;
    margin-bottom:22px;
  }

  .service-upper-left p{
    font-size:16px;
    line-height:24px;
    color:#727272;
    margin-bottom:30px;
  }

  .service-cta a{
    background-color:#3c3c3c;
    color:white;
    font-weight:600;
    font-size:16px;
    padding:12px 24px;
    text-transform:uppercase;
    display:inline-block;
  }

  .service-cta a:hover,
.service-cta a:focus{
	background-color:#727272;
	color:white;
}

  .service-bottom-wrapper{
    font-size:0;
  }

  .service-bottom-indv{
    width:calc(100% / 2);
    display:inline-block;
    vertical-align:top;
    margin-bottom:50px;
  }

  .service-btt-left{
    display:inline-block;
    width:92px;
    vertical-align:top;
  }

  .service-btt-right{
    display:inline-block;
    width:calc(100% - 92px);
    padding-left:16px;
    vertical-align:top;
  }

  .service-btt-right h6{
    font-size:16px;
    color:#3c3c3c;
    font-family:'Open Sans';
    font-weight:bold;
  }

  .service-btt-right p{
    font-size:16px;
    color:#727272;
    line-height:24px;
    padding-right:24px;
    margin-bottom:0;
  }

  .img-willhide{
    display:none;
  }
  .img-willhide.img-original{
    display:block;
  }

  .about-wrapper,
  .contact-wrapper{
    font-size:0;
/*     padding-bottom:50px; */
  }

  .about-wrapper > div,
  .contact-wrapper > div{
    display:inline-block;
    vertical-align:top;
    width:calc(100% / 2);
  }

  .about-image,
  .contact-left{
    padding-right:32px;
  }
  .about-description,
  .contact-right{
    padding-top:0;
    padding-left:32px;
  }

  .about-description h4,
  .contact-right h4{
    font-size:32px;
    color:#3c3c3c;
    margin-bottom:20px;
  }

  .about-description p{
    font-size:16px;
    line-height:24px;
    color:#3c3c3c;
    margin-bottom:28px;
  }

  .about-description p.tagline-about{
    font-size:24px;
    line-height:36px;
    font-style:italic;
    color:#727272;
    margin-bottom:20px;
  }

  .contact-right p{
    font-size:16px;
    line-height:24px;
    color:#727272;
    margin-bottom:42px;
  }

  .form-contact-go .nf-form-title,
  .form-contact-go .nf-field-label{
    display:none;
  }

  .form-contact-go .nf-form-content .list-select-wrap .nf-field-element>div,
  .form-contact-go .nf-form-content input:not([type=button]),
  .form-contact-go .nf-form-content textarea{
    border:1px solid #c6c6c6;
    padding:0 24px;
    font-size:16px;
    color:#3c3c3c;
    border-radius:3px;
    background-color:white;
    outline:none;
  }

  .form-contact-go .nf-form-content textarea{
    padding:10px 24px;
  }

  .form-contact-go #nf-field-4{
    background-color:#3c3c3c;
    text-transform:uppercase;
    font-weight:600;
    padding:10px 45px;
    outline:none;
    border-radius:3px;
    color:white;
  }

  .form-contact-go #nf-field-4:hover,
  .form-contact-go #nf-field-4:focus{
    background-color:#e6e6e6;
  }

  .click-clear{
    font-size:16px;
    color:#727272;
    font-weight:600;
    text-transform:uppercase;
    padding:13px 37px;
    display:inline-block;
    vertical-align:top;
  }

  .click-clear:focus,
  .click-clear:hover{
    color:#cacaca;
  }

  #nf-field-4-container .nf-field,
  #nf-field-4-container .nf-after-field{
    display:inline-block;
    vertical-align:top;
  }

  .klik-next-project{
    position:fixed;
    top:50%;
    right:40px;
  }

  .klik-prev-project{
    position:fixed;
    top:50%;
    left:40px;
  }

  .klik-prev-project:hover,
  .klik-prev-project:focus,
  .klik-next-project:focus,
  .klik-next-project:hover{
    cursor:pointer;
  }

@media(min-width:1025px){
	
.centered-image{
	position:absolute;
	visibility:hidden;
	top:0;
	width:100%;
}
	
	.centered-image img.img-original,
	.centered-image img.img-show-1024{
	  position:absolute;
	  top:0;
	  bottom:0;
	  right:0;
	  left:0;
	  margin:auto;
	}
}
  
/*   @media screen and (min-height: 880px) and (min-width: 1704px){
    .middle-wrapper{
      max-width:1704px;
    }

    button.slick-arrow.slick-prev{
      right:92px;
    }

    button.slick-arrow{
      width:92px;
      height:92px;
    }

    button.slick-arrow img{
      width:48px !important;
    }

    .home-slider .slick-dots li{
      padding:8px;
    }

    .home-slider .slick-dots li button{
      width:8px;
      height:8px;
    }

    .home-left-header{
      max-width:720px;
    }

    .project-indv{
      height:350px;
    }

    .indv-front h2{
      font-size:42px;
      margin-bottom:10px;
      line-height:48px;
    }
	  
	  .home-left-header h2{
      font-size:48px;
    }
	  
	  .centered-image,
	  .about-image-wrapper, .contact-img-wrapper{
		  height:auto !important;
	  }
	  
	  .about-image-wrapper .centered-image{
		  overflow:hidden;
	  }

	  .home-left-content p{
		  font-size:14px;
	  }
	  
    .home-left-content span,
    .menu-wrapper ul.dropdown.menu li a{
      font-size:12px;
    }

    .menu-wrapper ul.dropdown.menu li{
      margin-left:37px;
    }

    .project-indv{
      height:165px;
      padding:15px 24px;
    }

    .indv-front h2{
      font-size:20px;
      line-height:25px;
    }

    .socmed-icon{
      margin-left:50px;
    }

    .socmed-icon ul img{
      width:16px;
      height:16px;
    }

    .img-willhide.img-original{
      display:none;
    }
    .img-willhide.img-show-1024{
      display:block;
    }

    .about-image,
    .contact-left{
      padding-right:20px;
    }
    .about-description,
    .contact-right{
      padding-left:20px;
    }

    .service-btt-right p{
      padding-right:48px;
    }
} */

  @media(max-width:1024px){
    .home-left-header h2{
      font-size:48px;
    }
	  
	  .centered-image,
	  .about-image-wrapper, .contact-img-wrapper{
		  height:auto !important;
	  }
	  
	  .about-image-wrapper .centered-image{
		  overflow:hidden;
	  }

	  .home-left-content p{
		  font-size:14px;
	  }
	  
    .home-left-content span,
    .menu-wrapper ul.dropdown.menu li a{
      font-size:12px;
    }

    .menu-wrapper ul.dropdown.menu li{
      margin-left:37px;
    }

    .project-indv{
      height:165px;
      padding:15px 24px;
    }

    .indv-front h2{
      font-size:20px;
      line-height:25px;
    }

    .socmed-icon{
      margin-left:50px;
    }

    .socmed-icon ul img{
      width:16px;
      height:16px;
    }

    .img-willhide.img-original{
      display:none;
    }
    .img-willhide.img-show-1024{
      display:block;
    }

    .about-image,
    .contact-left{
      padding-right:20px;
    }
    .about-description,
    .contact-right{
      padding-left:20px;
    }

    .service-btt-right p{
      padding-right:48px;
    }
  }

	@media(min-width:1025px){
	  .about-image-wrapper,
	  .contact-img-wrapper{
		overflow: hidden;
		position: relative;
	  }
		
		.about-image-wrapper, .contact-img-wrapper{min-height:700px;}
	}

@media(min-width:2500px){	
		.about-image-wrapper, .contact-img-wrapper{min-height:1000px;}
	}

.home-2{display:none;}

  @media(max-width:1024px){
	  .centered-image{
		visibility:visible;
	}
	  
	  .centered-image img{
		width:100%;
	}
	  
	  .home-1{display:none !important;}
	  .home-2{display:block;}
	  
    .middle-wrapper{
      padding-right:30px;
      padding-left:30px;
    }

    .header-show-small{
      display:flex;
    }

    .header-right .menu-wrapper{
      display:none;
    }

    .header-inside-wrapper > div{
      flex:0 0 calc(100% / 3);
    }
	  
	  .home-left-content p{
		  font-size:16px;
	  }

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

    .header-right{
      justify-content:flex-end;
    }

    .home-slider.slick-initialized .slick-slide{
      flex-flow:column;
      height:auto !important;
      align-items:flex-start;
    }

    .home-slider .home-left{
      order:2;
      flex:0 0 100%;
    }

    .home-slider .home-right{
      order:1;
      flex:0 0 100%;
      width:100%;
      position:relative;
      margin-bottom:50px;
    }

    .home-left-header{
      margin-bottom:15px;
    }

    .home-left-content p{
      max-width:100%;
      margin-bottom:20px;
    }

    .home-slider .slick-dots{
      width:100%;
      position:absolute;
    }

    .footer{
      margin-top:50px;
    }

    .projects-indv-wrapper{
      margin:0;
    }

    .project-indv{
      width:calc(100% / 2 - 16px);
      margin:0 8px 16px;
      height:180px;
    }

    .projects-list{
      text-align:center;
    }

    .projects-list ul li{
      margin-right:10px;
    }

    .projects-list ul li a{
      font-size:14px;
    }

    .description-wrapper h3{
      font-size:32px;
    }

    .img-willhide.img-show-1024{
      display:none;
    }
    .img-willhide.img-show-768{
      display:block;
    }

    .about-wrapper > div,
    .contact-wrapper > div{
      display:block;
      width:100%;
    }

    .about-image,
    .contact-left{
      padding-right:0;
    }
    .about-description,
    .contact-right{
      padding-top:35px;
      padding-left:0;
    }

    .services-upper{
      flex-flow:column;
      margin-bottom:50px;
    }

    .service-upper-right{
      order:1;
      flex:0 0 100%;
      padding-left:0;
      margin-bottom:35px;
    }
    .service-upper-left{
      order:2;
      flex:0 0 100%;
      padding-right:0;
    }

    .service-bottom-indv{
      width:100%;
      margin-bottom:38px;
    }

    .service-btt-right p{
      padding-right:0;
    }
	  
	  .about-image-wrapper .centered-image{
			height:680px !important;
		  overflow:hidden;
		}
  }
  
  @media screen and (min-height: 880px) and (min-width: 1704px){
    .middle-wrapper{
      max-width:1704px;
    }

    button.slick-arrow.slick-prev{
      right:92px;
    }

    button.slick-arrow{
      width:92px;
      height:92px;
    }

    button.slick-arrow img{
      width:48px !important;
    }

    .home-slider .slick-dots li{
      padding:8px;
    }

    .home-slider .slick-dots li button{
      width:8px;
      height:8px;
    }

    .home-left-header{
      max-width:720px;
    }

    /*html{
      height:100%;
    }

    html .home{
      display:flex;
      flex-flow:column;
      height:100%;
      justify-content:center;
    }*/

    .project-indv{
      height:350px;
    }

    .indv-front h2{
      font-size:42px;
      margin-bottom:10px;
      line-height:48px;
    }

/*     .form-contact-go .nf-form-content .list-select-wrap .nf-field-element>div,
    .form-contact-go .nf-form-content input:not([type=button]),
    .form-contact-go .nf-form-content textarea{
      height:72px;
      font-size:22px;
    } */

/*     .form-contact-go .nf-form-content textarea.ninja-forms-field{
      height:260px;
      padding:15px 24px;
    } */

/*     .form-contact-go .nf-error.field-wrap .nf-field-element:after{
      width:70px;
      height:68px;
    } */

/*     .form-contact-go .nf-pass.field-wrap .nf-field-element:after{
      line-height:62px;
    } */
  }

@media screen and (min-height: 800px) and (min-width: 1800px){
	.home-slider.slick-initialized .slick-slide{
		height:670px;
	  }
}

  @media screen and (min-height: 1000px) and (min-width: 2000px){
    .middle-wrapper{
      max-width:80%;
    }
	  
	 .home-slider.slick-initialized .slick-slide{
		height:670px;
	  }

    .main-logo{
      width:250px;
    }

    button.slick-arrow.slick-prev{
      right:92px;
    }

    button.slick-arrow{
      width:92px;
      height:92px;
    }

    button.slick-arrow img{
      width:48px !important;
    }

    .home-slider .slick-dots li{
      padding:10px;
    }

    .home-slider .slick-dots li button{
      width:10px;
      height:10px;
    }

    .home-left-header{
      max-width:778px;
    }

    /*html{
      height:100%;
    }

    html .home{
      display:flex;
      flex-flow:column;
      height:100%;
      justify-content:center;
    }*/

    .klik-next-project{
      right:130px;
    }
    .klik-prev-project{
      left:130px;
    }

    .close-icon-project{
      top:90px;
      right:90px;
    }


    .project-indv{
      height:370px;
      padding:35px;
    }

/*     .form-contact-go .nf-form-content .list-select-wrap .nf-field-element>div,
    .form-contact-go .nf-form-content input:not([type=button]),
    .form-contact-go .nf-form-content textarea{
      height:72px;
      font-size:26px;
    }

    .form-contact-go .nf-error.field-wrap .nf-field-element:after{
      font-size:26px;
    }

    .form-contact-go #nf-field-4{
      font-size:26px;
    }

    .click-clear{
      font-size:26px;
    } */

    .description-projects .middle-wrapper{
      max-width:60%;
    }
  }

/*   @media screen and (max-height: 1025px) and (min-height:767px) and (min-width:1023px) and (max-width: 1367px){
	  .home-slider.slick-initialized .slick-slide{
		  height:420px !important;
	  }
  } */

@media screen and (orientation:portrait) and (max-width:1024px){
	.about-image-wrapper, .contact-img-wrapper{
			height:auto !important;
			min-height:auto !important;
		}
		
		.about-image-wrapper .centered-image{
			height:500px !important;
		}
		
		.contact-img-wrapper .centered-image{
			height:auto !important;
		}
/* 	
	.new-body .footer-backup{
			display:none;
		}
		
		.page-template-aboutus-template footer{
			display:block;
		} */
}

@media screen and (orientation:portrait) and (max-width:700px) {
	.img-willhide.img-original{
		display:none;
	}
	
	.middle-wrapper{
      padding-right:30px;
      padding-left:30px;
    }

    .header-show-small{
      display:flex;
    }

    .header-right .menu-wrapper{
      display:none;
    }

    .header-inside-wrapper > div{
      flex:0 0 calc(100% / 3);
    }

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

    .header-right{
      justify-content:flex-end;
    }

    .home-slider.slick-initialized .slick-slide{
      flex-flow:column;
      height:auto !important;
      align-items:flex-start;
    }

    .home-slider .home-left{
      order:2;
      flex:0 0 100%;
    }

    .home-slider .home-right{
      order:1;
      flex:0 0 100%;
      width:100%;
      position:relative;
      margin-bottom:50px;
    }

    .home-left-header{
      margin-bottom:15px;
    }

    .home-left-content p{
      max-width:100%;
      margin-bottom:20px;
    }

    .home-slider .slick-dots{
      width:100%;
      position:absolute;
    }

    .footer{
      margin-top:50px;
    }

    .projects-indv-wrapper{
      margin:0;
    }

    .project-indv{
      width:calc(100% / 2 - 16px);
      margin:0 8px 16px;
      height:290px;
    }

    .projects-list{
      text-align:center;
    }

    .projects-list ul li{
      margin-right:20px;
    }

    .projects-list ul li a{
      font-size:12px;
    }

    .description-wrapper h3{
      font-size:32px;
    }

    .img-willhide.img-show-1024{
      display:none;
    }
    .img-willhide.img-show-768{
      display:block;
    }

    .about-wrapper > div,
    .contact-wrapper > div{
      display:block;
      width:100%;
    }

    .about-image,
    .contact-left{
      padding-right:0;
    }
    .about-description,
    .contact-right{
      padding-top:35px;
      padding-left:0;
    }

    .services-upper{
      flex-flow:column;
      margin-bottom:50px;
    }

    .service-upper-right{
      order:1;
      flex:0 0 100%;
      padding-left:0;
      margin-bottom:35px;
    }
    .service-upper-left{
      order:2;
      flex:0 0 100%;
      padding-right:0;
    }

    .service-bottom-indv{
      width:100%;
      margin-bottom:38px;
    }

    .service-btt-right p{
      padding-right:0;
    }
	
	.slick-slide img{
		margin-right:auto;
		margin-left:auto;
	}
}

	@media screen and (min-height:1200px) and (min-width:1024px) and (max-width: 1024px){
/* 		.new-body .footer-backup{
			display:none;
		} */
		
		.about-image-wrapper, .contact-img-wrapper{
			height:auto !important;
			min-height:auto !important;
		}
		
		.about-image-wrapper .centered-image{
			height:680px !important;
		}
		
		.contact-img-wrapper .centered-image{
			height:auto !important;
		}
		
/* 		.page-template-aboutus-template footer{
			display:block;
		} */
		
			.middle-wrapper{
			  padding-right:30px;
			  padding-left:30px;
			}
		
			.description-projects .middle-wrapper{
				max-width:80%;
			}

			.menu-hidden-left{
				padding:50px;
			}
		
			.close-icon{
				top:32px;
				right:32px;
			}
		
			.close-icon a img{
				width:42px;
				height:42px;
			}
		
			.header-show-small{
			  display:flex;
			}

			.header-right .menu-wrapper{
			  display:none;
			}

			.header-inside-wrapper > div{
			  flex:0 0 calc(100% / 3);
			}

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

			.header-right{
			  justify-content:flex-end;
			}

			.home-slider.slick-initialized .slick-slide{
			  flex-flow:column;
			  height:auto !important;
			  align-items:flex-start;
			}

			.home-slider .home-left{
			  order:2;
			  flex:0 0 100%;
			}

			.home-slider .home-right{
			  order:1;
			  flex:0 0 100%;
			  width:100%;
			  position:relative;
			  margin-bottom:50px;
			}

			.home-left-header{
			  margin-bottom:15px;
			}

			.home-left-content p{
			  max-width:100%;
			  margin-bottom:20px;
			}

			.home-slider .slick-dots{
			  width:100%;
			  position:absolute;
			}

			.footer{
			  margin-top:50px;
			}

			.projects-indv-wrapper{
			  margin:0;
			}

			.project-indv{
			  width:calc(100% / 2 - 16px);
			  margin:0 8px 16px;
			  height:180px;
			}

			.projects-list{
			  text-align:center;
			}

			.projects-list ul li{
			  margin-right:20px;
			}

			.projects-list ul li a{
			  font-size:12px;
			}

			.description-wrapper h3{
			  font-size:32px;
			}

			.img-willhide.img-show-1024{
			  display:none;
			}
			.img-willhide.img-show-768{
			  display:block;
			}

			.about-wrapper > div,
			.contact-wrapper > div{
			  display:block;
			  width:100%;
			}

			.about-image,
			.contact-left{
			  padding-right:0;
			}
			.about-description,
			.contact-right{
			  padding-top:35px;
			  padding-left:0;
			}

			.services-upper{
			  flex-flow:column;
			  margin-bottom:50px;
			}

			.service-upper-right{
			  order:1;
			  flex:0 0 100%;
			  padding-left:0;
			  margin-bottom:35px;
			}
			.service-upper-left{
			  order:2;
			  flex:0 0 100%;
			  padding-right:0;
			}

			.service-bottom-indv{
			  width:100%;
			  margin-bottom:38px;
			}

			.service-btt-right p{
			  padding-right:0;
			}
	}

	@media screen and (min-height: 1000px) and (min-width: 1700px){
		.home-right-content{
			text-align:right;
		}
		
	 .home-slider.slick-initialized .slick-slide{
		height:750px;
	  }
	}


  @media(max-width:680px){
    .middle-wrapper{
      padding-right:20px;
      padding-left:20px;
    }
	  
	  .about-image-wrapper .centered-image{
			height:auto !important;
		}

    .home-left-header h2{
      font-size:32px;
    }

    button.slick-arrow{
      display:none !important;
    }

    .header-right{
      visibility:hidden;
    }

    .socmed-icon ul img{
      width:12px;
      height:12px;
    }

    .socmed-icon ul li{
      margin-left:10px;
      display:inline-block;
      vertical-align:middle;
    }

    .socmed-icon ul.flex-ul{
      display:block;
      font-size:0;
    }

    .project-indv{
      width:100%;
      margin:0 0 20px;
      height:259px;
    }

    .close-icon-project > a img{
      width:24px;
      height:24px;
    }

    .description-wrapper{
      padding-top:46px;
    }
	  
    .description-projects .middle-wrapper{
	  padding-top:0;
    }

    .close-icon-project{
      top:20px;
      right:20px;
    }

    .img-willhide.img-show-768{
      display:none;
    }
    .img-willhide.img-show-680{
      display:block;
    }

    .service-upper-left h4{
      font-size:20px;
      margin-bottom:10px;
    }

    .service-upper-left h4 br{
      display:none;
    }

    .service-upper-left p{
      font-size:16px;
      margin-bottom:20px;
    }

    .services-upper{
      margin-bottom:44px;
    }

    .service-upper-right{
      margin-bottom:30px;
    }

    .service-bottom-indv{
      margin-bottom:28px;
    }

    .about-description h4, .contact-right h4{
      font-size:24px;
    }

	.service-btt-right p{
      line-height:16px;
    }

	.service-btt-right p,
	  .service-btt-right h6{
		  font-size:16px;
		  line-height:24px;
	  }
	  
    .about-description p{
      font-size:16px;
      line-height:24px;
    }

    .about-description p.tagline-about{
	  font-size:18px;
      line-height:32px;
    }

    .about-description, .contact-right{
      padding-top:30px;
    }

    .form-contact-go .nf-form-content .list-select-wrap .nf-field-element>div,
    .form-contact-go .nf-form-content input:not([type=button]),
    .form-contact-go .nf-form-content textarea{
      padding:0 14px;
	  font-size:12px;
    }

    .form-contact-go .nf-form-content textarea{
      padding:10px 14px;
    }

    .form-contact-go #nf-field-4{
      font-size:14px;
    }

    .service-btt-left{
      width:48px;
    }

    .service-btt-right{
      width:calc(100% - 48px);
    }

    .klik-next-project,
    .klik-prev-project{
      display:none !important;
    }
  }

  @media(max-width:450px){
    .project-indv{
      height:190px;
    }
  }

.ui-loader.ui-corner-all.ui-loader-default.ui-body-a{display:none !important;}

@media screen and (orientation:portrait) and (min-width:1024px){
	.centered-image{
		visibility:visible;
	}
	
	.img-willhide.img-original{
		display:none;
	}
	  
	  .centered-image img{
		width:100%;
	}
	  
	  .home-1{display:none !important;}
	  .home-2{display:block;}
	  
    .middle-wrapper{
      padding-right:30px;
      padding-left:30px;
    }

    .header-show-small{
      display:flex;
    }

    .header-right .menu-wrapper{
      display:none;
    }
	
	.slick-slide img{
		margin:auto;
	}
	
	.service-upper-right img{
		margin-right:auto;
		margin-left:auto;
	}

    .header-inside-wrapper > div{
      flex:0 0 calc(100% / 3);
    }
	  
	  .home-left-content p{
		  font-size:16px;
	  }

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

    .header-right{
      justify-content:flex-end;
    }

    .home-slider.slick-initialized .slick-slide{
      flex-flow:column;
      height:auto !important;
      align-items:flex-start;
    }

    .home-slider .home-left{
      order:2;
      flex:0 0 100%;
    }

    .home-slider .home-right{
      order:1;
      flex:0 0 100%;
      width:100%;
      position:relative;
      margin-bottom:50px;
    }

    .home-left-header{
      margin-bottom:15px;
    }

    .home-left-content p{
      max-width:100%;
      margin-bottom:20px;
    }

    .home-slider .slick-dots{
      width:100%;
      position:absolute;
    }

    .footer{
      margin-top:50px;
    }

    .projects-indv-wrapper{
      margin:0;
    }

    .project-indv{
      width:calc(100% / 2 - 16px);
      margin:0 8px 16px;
      height:180px;
    }

    .projects-list{
      text-align:center;
    }

    .projects-list ul li{
      margin-right:10px;
    }

    .projects-list ul li a{
      font-size:14px;
    }

    .description-wrapper h3{
      font-size:32px;
    }

    .img-willhide.img-show-1024{
      display:none;
    }
    .img-willhide.img-show-768{
      display:block;
		margin:auto;
    }
	
	.about-image-wrapper{
		min-height:890px !important;
		overflow: hidden;
		max-height:900px;
	}

    .about-wrapper > div,
    .contact-wrapper > div{
      display:block;
      width:100%;
    }

    .about-image,
    .contact-left{
      padding-right:0;
    }
    .about-description,
    .contact-right{
      padding-top:35px;
      padding-left:0;
    }

    .services-upper{
      flex-flow:column;
      margin-bottom:50px;
    }

    .service-upper-right{
      order:1;
      flex:0 0 100%;
      padding-left:0;
      margin-bottom:35px;
    }
    .service-upper-left{
      order:2;
      flex:0 0 100%;
      padding-right:0;
    }

    .service-bottom-indv{
      width:100%;
      margin-bottom:38px;
    }

    .service-btt-right p{
      padding-right:0;
    }
	  
	  .about-image-wrapper .centered-image{
			height:auto !important;
		  overflow:hidden;
		}
  }

@media screen and (orientation:portrait) and (min-width:1704px){
	.about-image-wrapper{
		min-height:1800px !important;
		max-height:none;
	}
}

@media screen and (orientation:portrait){
	.about-image-wrapper, .contact-img-wrapper{min-height:0;}
	.centered-image img.img-original, .centered-image img.img-show-1024,
	.centered-image{
		position:relative;
	}
}


@media screen and (orientation:portrait) and (min-width:768px){
	.about-image-wrapper img{
		position:relative;
		top:-85px;
	}
}

  /*@media(min-height:1200px){
    html{
      height:100%;
    }

    html .home{
      display:flex;
      flex-flow:column;
      height:100%;
      justify-content:center;
    }
  }*/
/****/