@charset "UTF-8";

/*
	Theme Name: Template Name by Giant Media
	Description: Custom responsive theme for Template Name
	Version: 1.0
	Author: GiantMedia.com.au
*/


@font-face {
  font-family: 'Gotham-Bold';
  src: url('fonts/Gotham-Bold.eot?#iefix') format('embedded-opentype'),  url('fonts/Gotham-Bold.otf')  format('opentype'),
       url('fonts/Gotham-Bold.woff') format('woff'), url('fonts/Gotham-Bold.ttf')  format('truetype'), url('fonts/Gotham-Bold.svg#Gotham-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'CircularStd-Bold';
  src: url('fonts/CircularStd-Bold.eot?#iefix') format('embedded-opentype'),  url('fonts/CircularStd-Bold.otf')  format('opentype'),
	     url('fonts/CircularStd-Bold.woff') format('woff'), url('fonts/CircularStd-Bold.ttf')  format('truetype'), url('fonts/CircularStd-Bold.svg#CircularStd-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'CircularStd-Book';
  src: url('fonts/CircularStd-Book.eot?#iefix') format('embedded-opentype'),  url('fonts/CircularStd-Book.otf')  format('opentype'),
	     url('fonts/CircularStd-Book.woff') format('woff'), url('fonts/CircularStd-Book.ttf')  format('truetype'), url('fonts/CircularStd-Book.svg#CircularStd-Book') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'CircularStd-Medium';
  src: url('fonts/CircularStd-Medium.eot?#iefix') format('embedded-opentype'),  url('fonts/CircularStd-Medium.otf')  format('opentype'),
	     url('fonts/CircularStd-Medium.woff') format('woff'), url('fonts/CircularStd-Medium.ttf')  format('truetype'), url('fonts/CircularStd-Medium.svg#CircularStd-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* 
font-family: din-1451-lt-pro-engschrift, sans-serif;

font-weight: 400;

/*  Standard styling site wide  ============================================================================= */
body, textarea {font-family: 'CircularStd-Book';font-weight:400;}
p {font-family: CircularStd-Book;font-weight: 100;line-height: 1.7;margin-bottom: 2rem;font-size: 18px;color: #231f20;}
ol { font-family: inherit; }
ul {font-family: inherit;padding-left: 20px;}
li {font-family: inherit;/* color: #404445!important; */margin-bottom: 1rem;font-size: 17px;}
a { font-family: inherit;}
a:hover { text-decoration: none; }
a img { -webkit-transition: all 500ms; transition: all 500ms;  }
/* ============================================================================= */
hr {}
@-ms-viewport {	width: device-width; }
@viewport {	width: device-width; }
/* headings  ================================================== */
h1,h1 a{font-family: 'CircularStd-Bold';color: #0d1b34;font-size: 60px;font-weight: 100;margin-bottom: 2rem;}
h2, h2 a {font-family: 'CircularStd-Bold';color: #0d1b34;margin-bottom: 1.5rem;font-weight: 400;font-size: 36px;}
h3, h3 a {font-family: 'CircularStd-Bold';color: #0d1b34;margin-bottom: 1.5rem;font-weight: 400;}
h4, h4 a {font-family: 'CircularStd-Medium';line-height: 1.4;/* font-size: 28px; */color: #0d1b34;font-weight: 100;margin-bottom: 2rem;/* border-bottom: 1px solid #231f20; *//* padding-bottom: 13px; */}
h5, h5 a {font-family: 'CircularStd-Medium';line-height: 1.7;font-weight: 100;color: #0d1b34;margin-bottom: 1rem;font-size: 14px;text-transform: uppercase;}
/* responsive block elements. Make sure images etc squash down */
iframe {max-width:100%!important;display:block;margin:0px auto;border-radius: 4px;}
img  {max-width:100% !important; height:auto; display:block; }
textarea {}


/* top bar css hide if not using */

.topbar {background-color: #bf1e2e; position: relative; display: block;}
.topbar p, .topbar a {color: #fff;font-family: 'CircularStd-Medium';margin-bottom: 0px;font-size: 14px;padding: 7px 0px;border-bottom: 1px solid #a61b29;}
 
 /* #### */

/*  HEAD  ============================================================================= */

#logomain {}
#desktopmenu {}
.navbar {padding: 10px 0px;max-width: 1600px;max-width: 1600px;margin: 0 auto;}
.absolute-top {position: absolute;top: 0;right: 0;/* padding-top: 35px; */left: 0;z-index: 1030;justify-content: space-between;/* position: relative; */width: 100%;}
.nav-link {font-size: 19px;}
.nav-link:after {/* width: 0%; *//* content: ""; *//* height: 2px; *//* background-color: #ffffff; *//* display: block; *//* transition: all 500ms; *//* -webkit-transition: all 500ms; *//* margin: 0 auto; */background-image: url(images/dropdown.png);border: 0px;height: 9px;width: 11px;vertical-align: 1px;margin-left: 9px;}
.nav-link:hover:after, .current-menu-item a.nav-link:after {/* width: 100%; */}
a.nav-link {color: #0d1b34!important;margin-right: 24px!important;transition:  all 300ms;-webkit-transition: all 300ms;background-repeat: no-repeat;font-weight: 100;margin-top: 11px;font-family: 'CircularStd-Bold';}
.dropdown-item:focus, .dropdown-item:hover {color: #0d6a89;}
.current-menu-item a.nav-link {color: #ffffff!important;background-size: 15px;background-repeat: no-repeat;background-position: 50% 67%;}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {color: #bf1e2e!important;transform: scale(1.2);/* padding-bottom: 0px!Important; */}
.home .header {/* display:  block; *//* max-height: 130px; *//* height: 100%; *//* position:  absolute; *//* width: 100%; *//* border-bottom: 1px solid white; *//* z-index:  9999; */display: block;position: relative;}
.header {/* display:  block; *//* max-height: 130px; *//* height: 100%; *//* position:  absolute; *//* width: 100%; *//* border-bottom: 1px solid rgba(255, 255, 255, 0.4); *//* z-index:  9999; */background-color: #f7f5f0;}
.header .nav-item:last-child a {/* margin-right: 0px!important; *//* padding-right: 0px; *//* border: 2px solid #fff; *//* padding: 18px 28px; *//* margin-top: 0px; *//* padding: 14px 41px!important; *//* border-radius: 6px; */}
.header .nav-item:last-child a:after {content: unset;} 
.header .nav-item:last-child a:hover {/* background-color: rgba(255, 255, 255, 0.4); */} 
.sidenav .nav-item:last-child a {/* margin-right: 0px!important; *//* padding-right: 0px; *//* border: 0px solid #fff; *//* padding: 18px 28px; *//* margin-top: 0px; *//* padding: 0px!Important; *//* border-radius: 6px; */}
.header .navbar-nav .dropdown-menu {margin-top: 0px;border-top: white;border-top-right-radius: 0px;border-top-left-radius: 0px; border-radius:  0px;background-color: #0f7393;border: 0px;color: white;}
.sidenav .navbar-nav .dropdown-menu {background-color: unset;}
.sidenav .navbar-nav  .dropdown-menu.show {/* display: block!important; */}
.dropdown-item {  color: #ffffff;  font-family: inherit; }
/*slider styles if any */
.slider h1 {font-size: 60px;}
.slider p:last-child { margin-bottom: 0px; }
.slider {padding: 290px 0px;position: relative;overflow: hidden;}
/* inner headers - banners */
.banner {position: relative;overflow: hidden;background-size: cover;/* background: none!important; */background-repeat:  no-repeat;text-align: left;}
.banner h1 {padding: 0;/* color: #ffffff !important; *//* max-width: 100%; *//* margin: auto; *//* font-weight: 800; *//* text-transform:  uppercase; */text-align: left;float: none;}
.blackbanner {background-color: rgb(247, 245, 240);padding: 100px 0px 150px!important;}
.overlay {position: fixed;visibility: hidden;top: 0;height: 100%;width: 100%;z-index: -1;opacity: 0;background-color: rgba(45,45,45,.65);right: 0;}
.overlay.vis {opacity: 1;z-index: 1900;visibility: visible;}

/* mobile icon phone */
.tel-mob {position: fixed;bottom: 10px;left: 14px;height: 49px;width: 49px;background: url(images/phoneicon.png) no-repeat center #444144;border-radius: 50%;display: none;background-size: 16px;z-index: 99999;}
button#hamburgler {
    position: relative;
    /* right: 0; */
    padding-left: 0px!important;
    left: 0;
    padding: 0px;
    top: 2px;
    display: none;
}

/* Home */

.faq .card {
    margin-bottom: 13px;
    background-color: #fff!Important;
    border-radius: 4px!important;
}

.faq h2 {
    color: #131210;
    padding: 23px;
    font-size: 20px;
    cursor: pointer;
    background-color: #f8f5ee;
    background-image: url(images/minus.png);
    background-repeat: no-repeat;
    border-radius: 4px!important;
    background-size: 10px;
    background-position: 95%;
}

.faq h2.collapsed {
  background-image: url(images/dropdown.png);
  background-size: auto;
}

.faq .card-header {
    padding: 0px;
    border-radius: 4px!important;
}


.faq .card-body {
    padding: 40px;
    border-bottom: 1px solid #d9d9d9;
}

.faq .card-body p { color: #131210; }
.faq .card-body p:last-child { margin-bottom: 0px;}


.accordion .card:last-of-type {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom: 0px;
}

.cloud1 {
    position: absolute;
    top: 30px;
  	-webkit-transform: scale(0.7);
	-moz-transform: scale(0.7);
	transform: scale(0.7);
-webkit-animation: cloud1 30s linear infinite;
	-moz-animation: cloud1 30s linear infinite;
	animation: cloud1 30s linear infinite;
   animation-delay: -20s;
}


.cloud2 {
    position: absolute;
    top: 80px;
  -webkit-animation: cloud2 30s linear infinite;
	-moz-animation: cloud2 30s linear infinite;
	animation: cloud2 30s linear infinite;
  animation-delay: -18s;
}

.cloud3 {
    position: absolute;
    top: 165px;
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    transform: scale(0.6);
    -webkit-animation: cloud3 30s linear infinite;
    -moz-animation: cloud3 30s linear infinite;
    animation: cloud3 30s linear infinite;
    animation-delay: -25s;
}


.cloud4 {
    position: absolute;
    top: 163px;
  -webkit-animation: cloud4 30s linear infinite;
	-moz-animation: cloud4 30s linear infinite;
	animation: cloud4 30s linear infinite;
    animation-delay: -3s;
  
}



.cloud5 {
    position: absolute;
    top: 250px;
      -webkit-transform: scale(0.8);
	  -moz-transform: scale(0.8);
	  transform: scale(0.8);
  -webkit-animation: cloud5 30s linear infinite;
	-moz-animation: cloud5 30s linear infinite;
	animation: cloud5 30s linear infinite;
animation-delay: -10s;
}


@keyframes cloud1 {
  from {right:  -240px; }
  to {right: 100%; }
}


@keyframes cloud2 {
  from {right:  -152px; }
  to {right: 100%; }
}

@keyframes cloud3 {
  from {right:  -240px; }
  to {right: 100%; }
}

@keyframes cloud4 {
  from {right:  -144px; }
  to {right: 100%; }
}

@keyframes cloud5 {
  from {right:  -192px; }
  to {right: 100%; }
}


.clouds {
    overflow: hidden;
}

.slider .row { position: relative; }

.peeps img {
  position: absolute;
  right: -200px;
  bottom: -50px;
  z-index: 9999;
}







.tanbg {
    background: rgb(247,245,240);
    /* background: linear-gradient(180deg, rgba(247,245,240,1) 60%, rgba(255,255,255,1) 60%); */
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 96%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 70%, 0 100%);
}
.tanny {
  background: rgb(247,245,240);
}
.pindex {
  display: block;
  font-size: 22px;
  font-family: din-1451-lt-pro-engschrift, sans-serif;
  color: #231f20;
  border-bottom: 1px solid #231f20;
  padding: 15px 0px;
  background-image: url(images/arrowright.png);
  background-repeat: no-repeat;
  background-position: right;
  transition: all 500ms;

  
}

.pindex h5 {
     font-weight: 600;
}
.pindex:hover {
    background-position: 95%;
}
#sb_instagram #sbi_images {padding-left: 0px!important;}
.footimg img {
  margin-left: auto;
}


.instagram {
    /* background-color: #f7f5f0; */
}

.fpsect3 {
      /* background: rgb(247,245,240); */
      /* background: linear-gradient(360deg, rgba(247,245,240,1) 60%, rgba(255,255,255,1) 60%); */
      background-image: url(images/bg.jpg);
      background-position: top;
      padding-top: 250px;
      background-size: cover;
      padding-bottom: 250px;
}

.fpsect3 img { border-top-left-radius: 6px; border-bottom-left-radius: 6px; }

.sustain {background: rgb(247,245,240);background: linear-gradient(180deg, rgba(247,245,240,1) 90%, rgba(255,255,255,1) 90%);}
.sustain img {margin-top: 60px;/* position: relative; */}


.ddtitle {
      display: block;
      font-size: 22px;
      font-family: din-1451-lt-pro-engschrift, sans-serif;
      color: #231f20;
      border-bottom: 1px solid #231f20;
      padding: 15px 0px;
      background-image: url(images/arrowright.png);
      background-repeat: no-repeat;
      background-position: right;
      transition: all 500ms;
      cursor: pointer;
}

.accordion {
    padding: 23px;
}


.quickenquire {
  background-image: url(images/quickenquire.jpg);
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  padding: 50px 0px;
}
.su-spoiler-title {
    font-family: din-1451-lt-pro-engschrift, sans-serif;
    font-size: 16px!important;
    display: inline-block;
    border-bottom: 2px solid #000;
    padding-left: 24px!important;
    padding-bottom: 2px!important;
}

span.su-spoiler-icon {
    font-size: 13px;
    font-weight: 100;
}



.moreprojects {
      background: rgb(247,245,240);
  padding: 80px 0px; 
}
.spec {
    margin-bottom: 2rem;
}

.spec p:last-child {
    margin-bottom: 0px;
}

.spec h4 {
	border-bottom: 1px solid #231f20; 
     padding-bottom: 13px;
}

.specimg {
    margin-top: -120px;
}

.fpsect2 {
    padding-top: 30px;
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: #869791;
    color: #FFF;
    text-decoration: none;
    background-color: unset!Important;
    transform: scale(1.1);
}


.futherspecs .su-spoiler{
  
  text-align: center;
  
}
.logodoot { text-align: center; }
.logodoot  img { margin: 0 auto; }

.teldoot { text-align: right; }




.sindex {
      padding: 60px;
      text-align: center;
      background-color: #0d1b34;
      border-radius: 6px;
      min-height: 640px;
}


.sindex p, .sindex span.size, .sindex h2 {
  color: #fff;
  display: block;
}
.col-lg-6.footmenu {
    filter: grayscale(1);
}



.footer h5, .footer h2 { color: #fff; }







/* jacob */
 .hamburger .hamburger-inner {
    width: 30px!Important;
    background-color: #231f20;
}
  .hamburger .hamburger-inner::after {
    width: 40px!important;
    background-color: #231f20;
}
  
  .hamburger .hamburger-inner::before {
    width: 50px!important;
    background-color: #231f20;
  }
  
  button.hamburger.is-active .hamburger-inner {
    width: 50px!important;
    background-color: #fff!important;
}
  button.hamburger.is-active .hamburger-inner::before {
     width: 50px!important;
  }
  
  button.hamburger.is-active .hamburger-inner::after {
     width: 50px!important;
  }



/* GOOGLE REVIEWS ==================================================================================*/
.grw-slider { overflow:hidden; }
.rplg-slider-prev, .rplg-slider-next { display: none; }
.grw-slider .wp-google-feedback {background: #ffffff !important;box-shadow: 0px 0px 36px 1px rgba(0,0,0,0.1);border:none !important;padding: 30px 30px 0px 20px !important;box-sizing: border-box !important;min-height: 300px !important;}
.grw-slider .wp-google-stars { display: block !important; margin-bottom:10px; /*! display: none !important; */ }
.grw-slider .wp-google-text {font-size: 17px;line-height: 1.7em !important;}
.grw-slider .wp-google-content2::before { position: relative !important; width: 50px !important; height: 50px !important; font-family: 'proxima-nova', sans-serif !important; font-weight: 900 !important; bottom: auto !important;top: auto !important;left: 0 !important;right: auto !important;color: #00aeef !important;font-size: 100px !important;margin: 0 !important;transform-origin:  unset !important;display: block !important;margin-bottom: 20px !important; display: none !important;}
.wp-google-content2 {margin: 0px !important;min-height: 220px;}
.grw-slider .wp-google-feedback::before {background: #ffffff !important;height: 30px !important;width: 30px !important;bottom: -10px !important;border: none !important;}
.swiper-container {box-sizing: border-box;padding: 23px;}
.grw-slider-prev, .grw-slider-next { display: none; }
.grw-slider .wp-google-content2 > svg { bottom:25px !important; right: 25px !important; }
.grw-slider .wp-google-name { color:#393a3d !important; margin-bottom:0 !important; }
.wp-google-info { padding-left: 5px !important; }
.grw-slider .wp-more-toggle {color: #cdac54 !important;text-decoration:none !important;display: block;margin-top: 13px;}
.grw-slider .wp-more-toggle:before { content:'...'; }
.grw-slider .wp-google-user { padding-top: 30px !important;padding-left: 27px !important; }
.rplgsw-slide { padding:20px 20px !important; box-sizing: border-box; opacity: 0.5;transition: all 250ms ease !important;}
.rplgsw-slide-next { padding:20px 0 !important; opacity: 1;transform: scale(1.1);}
.swiper-pagination-bullet-active { opacity: 1; background: #00aeef !important; width: 12px !important; height: 12px !important; vertical-align: middle; }
.grw-slider {height:500px;margin-top: 30px;}
.swiper-pagination { /*! display: none; */display: none;}
.grw-slider .grw-slider-prev { left: -90px !important; width: 60px !important; height: 60px !important; background: #7ec143 !important; margin-top: -52px !important; }
.grw-slider .grw-slider-next { right: -90px !important; width: 60px !important; height: 60px !important; background: #7ec143 !important; margin-top: -52px !important; }
.grw-slider .grw-slider-prev span { color: #fff !important; font-size: 40px !important; -webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);top: 45% !important;left: 50% !important;text-align: center; }
.grw-slider .grw-slider-next span { color: #fff !important; font-size: 40px !important; -webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);top: 45% !important;left: 50% !important;text-align: center; }
.grw-slider .wp-google-stars .wp-star svg {
    width: 28px!important;
    height: 28px!important;
    vertical-align: middle!important;
}

.grw-slider .wp-google-stars .wp-star svg path {
  fill: #cdac54;
}

.swiper-slide.swiper-slide-next {
    transform: scale(1.09, 1.09);
}
/* GOOGLE REVIEWS ==================================================================================*/


/* body elements - action etc then footer styles */
.action {background-size: cover;display:  block;position:  relative;}

/* owl carousel styling */
.owl-carousel .owl-nav {position: absolute;top: -120px;right: 150px;}
.owl-carousel.owl-two .owl-nav {position: absolute;top: unset;right: 30px;bottom: 30px;}
button.owl-prev {background-image: url(images/arrowleft.png)!important;width: 72px;height: 72px;-webkit-appearance: none;background-color: unset;cursor: pointer;border: 0px;}
button.owl-next {display: inline-block;background-image: url(images/arrowright.png)!important;width: 72px;height: 72px;-webkit-appearance: none;background-color: unset;cursor: pointer;border: 0px;}
.navbox.owl-nav {
    margin-bottom: 2rem;
}
.owl-two button.owl-prev, .timbernav button.owl-prev {
    background-image: url(images/sliderleft2.png)!important;
    background-color: unset;
    border: 0px;
    width: 40px;
    height: 28px;
    margin: 5px;
    cursor: pointer;
}
.owl-two button.owl-next, .timbernav button.owl-next {
    background-image: url(images/sliderright2.png)!important;
    width: 40px;
    height: 28px;
    background-color: unset;
    border: 0px;
    margin: 5px;
    cursor: pointer;
}


.owl-three .owl-stage { 
margin-left: -150px;
}
.timbernav {display: flex;margin-top: 30px;}
.owl-theme .owl-dots .owl-dot span {width: 60px!important;height: 6px!important; margin: 5px 7px!important; background: #8db9e4!important; display: block!important; transition: opacity .2s ease;border-radius: 0px!important;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: #007fd0!important;}
.owl-theme .owl-nav.disabled+.owl-dots {text-align: left!important;}
.owl-two.owl-theme .owl-nav.disabled+.owl-dots{text-align: center!important;}
.owl-theme .owl-dots .owl-dot:first-child span{ margin-left: 0px!important;}
/* -------- owl carousel styling END ------ */


/* for when theres child page links */
.page_link { font-size: 22px;text-align: left;display: block;color: #333;border-bottom: 1px solid;margin-bottom: 13px;padding-bottom: 13px;float: left;width: 98%;margin: 13px 0; }
.page_link:hover { color:#666; border-bottom:1px solid; }





select {/* height: 50px!Important; *//* margin-bottom: 36px; *//* color: #000000!important; */}
textarea {height: 150px!important;}
input[type=number] { line-height: 60px;}


/*footer*/ 
footer .current-menu-item a.nav-link { color: #5ecbea!important;}
#logomainfoot {margin: 0 auto;max-width: 270px!important;}
#copy-foot {font-size: 12px;}
#copy-foot p {font-size: 12px;color: rgba(255, 255, 255, 0.62);}
#menu-footer {margin-top: 13px;max-height: 200px;flex-direction:  row;}
#menu-footer li {margin-right: 15px;display:  flex;}
.footerlogo  {/* margin: 0 auto; */padding: 0px 0px 60px;}
.footer {padding-bottom: 0px!Important;padding-top: 50px!Important;}
#copy-foot { padding: 160px 0px 20px; color: rgba(255, 255, 255, 0.7); text-align: center;font-size: 13px;}
#copy-foot a {color: rgba(255, 255, 255, 0.47);}
#footer {background-color: #0d1b34;background-image: url(images/footimg.jpg);padding-top: 0;background-position: top;background-repeat: no-repeat;padding-top: 300px;}
#footer p {color: #fff;}
.footer a.nav-link {color: #282b2f!important;text-transform: capitalize;padding: 0px 0px 23px 0px!important;margin-left: 0px!important;}
footer .dropdown-toggle::after {display: none;}
footer .dropdown-menu.show {display: none;}
footer .dropdown-menu {display: block;background-color: rgba(0,0,0,0);}
footer #menu-footer-nav {flex-direction: row;width: 100%!important;}
footer #menu-footer-nav li {width: 25%;}
footer .dropdown-item {color: #ffffff;  padding-left: 0px;}
footer .dropdown-item:hover {background-color: #000; color: #e9008a;}


/*  buttons  ============================================================================= */
.btn {font-family: 'Gotham-Bold';}
.btn-primary {
  font-size: 15px!important;
  padding: 18px 45px;
  background-color: #bf1e2e;
  border: 1px solid #bf1e2e!important;
  color: #ffffff;
  font-weight: 100!important;
  -webkit-transition: all 500ms!Important;
  border-radius: 6px;
  transition: all 500ms!important;
  cursor:  pointer;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.btn-primary:hover {color: #949498;background-color: rgba(255, 255, 255, 0);border-color: #949498!important;}
.btn-secondary {
 font-size: 15px!important;
 padding: 18px 45px;
 background-color: #0d1b34;
 border: 1px solid #0d1b34!important;
 color: #ffffff;
 font-weight: 100!important;
 -webkit-transition: all 500ms!Important;
 border-radius: 6px;
 transition: all 500ms!important;
 text-transform: uppercase;
 cursor:  pointer;
 letter-spacing: 1px;
}
.btn-secondary:hover {
    color: #fff;
    border-color: #bf1e2e!Important;
    background-color: #bf1e2e;
}







/* Mobile Styling - Bootstrap build from bottom up */

/* side nav */
.sidenav.menuactive { width: 100%; visibility: visible;opacity: 1;}

.navbar-toggler-icon {display: block;position: absolute;right: 0%;background-image: url(images/mobile-nav-icon.png)!important;width: 33px;top: 25px;}
#desktopmenu {display: none!Important;}
.sidenav {height: 100%;width: 100%;position: fixed;z-index: 1;top: 0;left: 0;background-color: rgba(0, 0, 0, 0.9);overflow: hidden;z-index: 999;padding: 10% 0px;transition: 0.5s;opacity: 0;visibility: hidden;background: rgb(0,0,0);/* background: linear-gradient(45deg, rgba(0,0,0,0.9) 56%, rgba(0,0,0,0.7) 100%); */}
.sidenav li {padding: 8px 0px 8px 0px;text-decoration: none;font-size: 25px;color: #fff!important;display: block;transition: 0.3s;-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;text-align: center;}
.sidenav a{padding: 8px 8px 8px 32px;text-decoration: none;font-size: 25px;color: #fff!important;display: block;text-align: center;transition: 0.3s;}
.sidenav li a {color: #fff!important;font-size: 18px;/* padding-bottom: 0px; */text-transform: uppercase;/* font-size: 14px; */margin-top: 0px;letter-spacing: 0.1rem;}
.sidenav li:hover { color: #f1f1f1;}
.sidenav .closebtn { position: absolute;   top: 4px;   right: 25px;font-size: 36px;   margin-left: 50px;}
.sidenav li a:after { content: unset; } 

	/* Input/form */
	
	input[type="email"], select, input[type="password"], input[type="text"], .form-phone , textarea, input[type="tel"]{}
	textarea {}
	.quickenquire input[type="submit"] { color: #fff; border-color: #fff!important;}
	input[type="submit"] {}
	input[type="submit"]:after {}
	input[type="submit"]:hover {} 

.quickenquire h1 {
    color: #fff;
}

.quickenquire p { 
color: #fff;
}


.quickenquire .form-control {
    background-color: unset;
    color: #fff;
}

.quickenquire .form-control::placeholder {
    color: #fff!Important;
}
.quickenquire option {
    background-color: #2a2a2a;
}
.form-control {height: 50px!important;border-radius: 0px;padding: 0px 23px;border-radius: 4px;}


/* Small devices (landscape phones, 576px and up) */ 
@media (min-width: 576px) { 
  .navbar {
    max-width: 540px;
}



  }

@media (min-width: 768px) {
  .navbar {max-width: 720px;} 
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 780px) {

  
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
.navbar {max-width: 960px;}
.container {padding: 80px 15px;}
.container-fluid {}
 #desktopmenu {display: flex!Important;}
.navbar-toggler-icon { display: none;}
}

/* Extra large devices (large desktops, 1200px and up) - Put All Desktop Styling here*/
@media (min-width: 1200px) { .navbar {max-width: 1140px;}}
@media (min-width: 1440px) { }
@media (min-width: 1600px) { 
  /* essential */
  .container { max-width: 1600px; } 
  .navbar {padding-top: 23px;max-width: 1600px;justify-content: space-between;/* position: relative; */width: 100%;}
    /* essential end */
}



@media (max-width: 1600px) {

.peeps img {
    position: absolute;
    right: -300px;
    bottom: -20px;
    z-index: 9999;
    max-width: 850px!important;
}
a.nav-link {
    font-size: 17px;
    margin-right: 15px!IMportant;
}
.slider {
    padding: 200px 0px;
    position: relative;
    overflow: hidden;
}
.slider h1 {
    font-size: 50px;
}


}

@media (max-width: 1440px) {
  #logomain {max-width: 200px!important;}
  
  .sindex {
    padding: 40px;
  }
  
}

@media (max-width: 1280px) {
.slider {
    padding: 185px 0px;
}
  
  .sustain {
    /* padding: 40px; */
  }
  

.peeps img {
    position: absolute;
    right: -150px;
    bottom: -10px;
    z-index: 9999;
    max-width: 750px!important;
}

  
}
@media (max-width: 1199.98px) { 
  a.nav-link {font-size: 15px;margin-right: 10px!important;}  
  
  .peeps img {
    position: absolute;
    right: -150px;
    bottom: 30px;
    z-index: 9999;
    max-width: 100%!important;
}
  
  
}

@media (max-width: 991.98px) { 
  .topbar {/* display: block; */}
  button#hamburgler {
    display: block;
    position: absolute;
    right: 30px;
    left: unset;
    top: 30px;
    }

.tanbg {clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%);}
    
.owl-carousel .owl-nav {
    position: relative;
    top: 0px;
    right: 0px;
    padding: 30px 0px;
}
  
  .fmenu { display: none; }
  .teldoot { display: none; }
  
  .logodoot {
    text-align: left;
}
  
  #footer {
    padding-top: 0px;
    text-align: center; 
  }
  .fpsect2 { text-align: center; }
  
  .fpsect3 img { border-radius: 6px; }
  
  .sidenav .menu-menu-container {
    margin-top: 150px;
}
  .peeps img {
    position: relative;
    right: unset;
    bottom: 0;
    padding-top: 40px;
    z-index: 9999999999;
  }
  .ddtitle {
    font-size: 18px;
  }
  .sustain2 {
    padding: 30px 0px;
}
  
  .blackbanner {
    padding: 80px 0px 125px!important;
}

.row.no-gutters {
	max-width: 720px;
	margin: 0 auto;
	padding: 0px 15px;
}
  
  .instagram {
   padding: 30px 0px; 
}
  
  .row.no-gutters.fully {
    width: 100%!Important;
    max-width: 100%!important;
    padding: 0px;
}
  
  .ordertwo { 
  order: 2;
  }

.slider {
    padding: 170px 0px 75px;
    text-align: center;
}
  
  .fpsect2 {
    padding-top: 30px;
}
  
    .fpsect3 {
    padding-top: 30px;
    padding-bottom: 80px;
}
  .pindex {
    
  }
  h5, h5 a {
    /* font-size: 18px; */
}
  
  .footerlogo {
    max-width: 200px!important;
    margin: 0 auto;
}
  
  .owl-carousel.owl-two .owl-nav {

    padding: 0px;
}
  
  .timbernav { display: none;}
  .owl-three .owl-stage {
    margin-left: 0px;
}
  
  .sustain img {
    margin-top: 0px;
  }
  .sustain {
    background: rgb(247,245,240);
    background: linear-gradient(180deg, rgba(247,245,240,1) 100%, rgba(255,255,255,1) 100%);
}

.sustain {
    padding:30px 0px;
}
  
  .moreprojects h5 { text-align: center; }

  .grw-slider { margin-top: 0px; }
}

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



@media (max-width: 767.98px) {
  .tel-mob {display: block;}


.row.no-gutters {
	max-width: 540px;
	margin: 0 auto;
	padding: 0px 15px;
}

}

@media (max-width: 575.98px) { 
 	h1 {font-size: 32px;}
    h2, h3 {font-size: 30px;} 
    .slider h1 {
    font-size: 30px;
}

.sindex {min-height: auto;}
.sindex p { display: none; }

button#hamburgler {top: 30px;right: 15px;}


  .blackbanner {
    padding: 50px 0px 65px!important;
}
  
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    height: 3px!important;
}

.tanbg {
    background: rgb(247,245,240);
    /* background: linear-gradient(180deg, rgba(247,245,240,1) 80%, rgba(255,255,255,1) 80%); */
}

  .grw-slider .wp-google-content2 {
        margin: 0px 0px 0px 0px!important;
  }
  
  .swiper-slide.swiper-slide-next {
    transform: scale(1.0, 1.0);
}
  
#logomain {
    max-width: 143px!important;
    padding-top: 13px!Important;
}

.navbar-brand { padding-top: 0px
}
.navbar {
    padding-left:15px;
    padding-right: 15px;
}
.navbar-toggler-icon {
	right: 15px;
}
.footerlogo {
     max-width: 200px!important;
}
  
  
  .owl-carousel.owl-two .owl-nav {
    position: absolute;
    top: unset;
    right: 10px;
    bottom: 10px;
}
  
  .moreprojects {
    padding: 50px 0px;
}
 	
.slider {
    padding: 110px 0px 75px;
    text-align: center;
}

 .slider .btn-primary {margin-right: auto!Important;margin-bottom: 13px;display: block;max-width: 80%;margin: 13px auto;}
 	.slider .btn-secondary {display: block;max-width: 80%;margin: 0 auto;}
}
@media (max-width: 480px) { 

#sb_instagram #sbi_images {
    padding-right: 0px!Important;
}
  


}

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


	/*  SUNDRIES  ============================================================================= */
	.inlineblock { display: inline-block!important; }
	.absolute { position:absolute; top:0px; left:0px; }
	.fr { float:right; }
	.fl { float:left; }
	.base { margin:0px 18px 18px 0px; }
	.tl { text-align:left; }
	.tr { text-align:right; }
	.padd1 { padding:23px 0px!important; }
	.big { font-size:26px!important; padding-bottom:13px; }
	.clBottom { margin-bottom:0px!important; padding-bottom:0px!important; }
	.white { color:#fff!important; text-decoration:none; border-color:#fff!important; }
	.black { color:#333!important; text-decoration:none; border-color:#333!important; }
	.grey { color:#655e4e!important; }
	.pink{ color:#ff3692!important; }
	.light-orange { color:#f58220!important; }
	.green { color:#2e7a32!important; }
	.center { text-align:center!important; }
	.upper { text-transform:uppercase; }
	.no_style { text-decoration:none; }
	.fb { position:relative; top:-14px; }
	.clear { clear:both; }
	.bgwhite { background:#fff; }
	.nopadd { padding:0px!important; }
	.rounded { border-radius:9px; }
	.inline { display:inline-block; }
	strong {font-size: inherit;color: inherit;}
	.ML0 { margin-left:0px!important; }
	.ML2 { margin-left:2em!important; }
	.M0 { margin:0px!important; }
	.M1 { margin:13px!important; }
	.MR0 { margin-right:0px!important; }
	.MT0 { margin-top:0px!important; }
	.MT65 { margin-top:65px!important; }
	 .MB0 { margin-bottom:0!important;}
	 .MBhalf { margin-bottom:0.5em!important;}
	 .MB1 { margin-bottom:8px!important;}
	 .MB2-5 { margin-bottom:2.5em!important;}
	 .MB3 { margin-bottom:3.0em!important;}
	 .MB5 { margin-bottom:5.0em!important;}
	 .MR0 { margin-right:0!important;}
	  .MR1 { margin-right:1em!important;}
	 .ML1 { margin-left:1.0em!important;}
	 .PB0 { padding-bottom:0!important;}
	 .PB0-5, .minPad { padding-top:0.5em!important;}
	 .PB1 { padding-bottom:1.0em!important;}
	 .PB2 { padding-bottom:2.0em!important;}
	 .PB4 { padding-bottom:4.0em!important;}
	 .PT0 { padding-top:0!important;}
	  .PT1 { padding-top:1em!important;}
	  .PT2 { padding-top:2em!important;}
	 .PT2-5 { padding-top:2.5em!important;}
	 .aCenter {text-align:center;}
	 .aLeft { text-align:left;}
	 .aRight { text-align:right!important;}
	.bb1 { border-bottom:1px solid #666; margin-bottom:13px!important; padding-bottom:13px; }
	.bt1 { border-top:1px solid #ccc; }
	.br1 { border-right:1px solid #bdbdbd; margin:0px; }
	.bl1 { border-left:1px solid #c5c5c5; margin:0px; }
	.m-only { display:none; }
	.alignright { float:right; margin: 0px 0px 13px 13px;}
	.alignleft {  }
	.aligncenter {margin: auto; }
	.no_padd { padding:0px!important; }
	.bgnone { background:none!important; }
	.cap { text-transform:capitalize; }
	.Borange { background:#f8951d!important; }
	.Bblue { background:#0aa6c7!important; }
	.padd2 { padding:43px 0px 3px 0px; }
	.padd3 { padding:55px 0px; }
	.dark { color:#303b42!important; }
	.rel { position:relative; }
	.minh300 { min-height:300px; }
	.minh250 { min-height:250px; }
	.bkgw { background:#fff!important; }
	.whitebkg { background:#fff!important; }
	.padder {
	padding: 45px;
	display: block;
	border-radius: 6px; 
	}
	.padder h3 { margin:0px !important; }
	.small { font-weight:300; font-size:16px; }
	.plain {  }
	.max-250 { max-width:450px!important; }
	/* Required */
.blackbg {
	background-color: black;
}
	.hidden{ opacity: 0!important; }
	.visible{ opacity: 1!important; }