/* You can add global styles to this file, and also import other style files */

html, body { height: 100%; }
body { margin: 0; font-family: Roboto, "Helvetica Neue", sans-serif; }



a,
label,
input {
  font-family: "Poppins", sans-serif;
}
@-moz-document url-prefix() {
  button {
    background-color: transparent;
  }
  
 }

.cont {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.main-menu {
  width: 100vw;
  background-color: #e41e13;
}

.nav-item a {
  color: #fff;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 14px;
}

a:hover {
  color: #e41e13;
}

.float-right {
  float: right !important;
}

.nav-btn {
  float: right;
  color: #ffffff;
}

.social-icons {
  transition: all 0.2s ease-in-out;
}

.social-icons:hover {
  color: #e41e13;
  transform: scale(1.2);
}

.fab {
  color: #7e7e7e;
  font-size: 20px;
}

.fab:hover {
  color: #e41e13;
}

.sticky {
  position: fixed !important;
  top: 0 !important;
  overflow: hidden;
  z-index: 600;
  width: 100vw !important;
  background-color: #e41e13;
  left: 0px;
  box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.05);
  animation: mymove 0.3s ease both;
  color: #fff;
  height: 80px;
  padding-right: 50px;
}

.sticky .nav-item a {
  color: #ffffff;
}

.sticky ul {
  margin-left: auto;
}

.sticky .hide {
  display: block;
}

@keyframes mymove {
  from {
    transform: translate3d(0, -30%, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}

.nav-bar-home {
  width: 100%;
  height: auto;
}

.fadeDown {
  animation: fadeIn 0.6s ease both;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translate3d(0, -20%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@media only screen and (max-width: 1399px) {
  .logo {
    width: 342px;
    margin-right: auto;
    display: block;
  }

  .logo-cont {
    margin-left: auto;
  }

  .mobile-nav {
    display: block;
  }

  .main-menu {
    display: none;
  }

  .mobile-nav-link {
    color: #333333;
    text-decoration: none;
    font-size: 14px;
  }

  li {
    padding: 25px 0 !important;
  }

  .mobile-nav {
    display: block;
  }

  #menu {
    width: 30vw;
  }

  .mobile-nav {
    height: auto;
  }

  #menu {
    height: 105vh;
  }
}

@media only screen and (min-device-width: 321px) and (max-width: 570px) {

  .logo {
    width: 300px;
    margin: auto;
    display: block;
  }

  .logo-cont {
    margin-left: auto;
  }


  .mobile-nav {
    display: block;
    height: 80px;
  }

  #menutoggle {
    top: 50%;
  }

  .navbar-mobile {
    line-height: 70px;
  }

  #menu {
    width: 80vw !important;
  }

  li {
    padding: 10px 0 !important;
  }

  .mobile-padding {
    padding-bottom: 20px;
  }

  ::ng-deep .cdk-overlay-pane {
    max-width: 90vw !important;
  }

  #menu {
    height: 105vh !important;
  }
}


@media only screen and (min-device-width: 320px) and (max-device-width: 375px) { 

  .logo {
    width: 250px;
    margin: auto;
    display: block;
  }

  .logo-cont {
    margin-left: auto;
  }

  .logo-mobile {
    display: none;
  }

  .mobile-nav {
    display: block;
    height: 80px;
  }

  #menutoggle {
    top: 50%;
  }

  .navbar-mobile {
    line-height: 80px;
  }

  #menu {
    width: 80vw !important;
  }

  li {
    padding: 10px 0 !important;
  }

  .mobile-padding {
    padding-bottom: 20px;
  }

  ::ng-deep .cdk-overlay-pane {
    max-width: 90vw !important;
  }

  #menu {
    height: 135vh;
  }
}

@media only screen and (min-device-width: 570px) and (max-device-width: 768px) {

  #menu {
    width: 50vw !important;
  }

}



@media only screen and (min-width: 1399px) {
  .mobile-nav {
    display: none;
  }

  .main-menu {
    display: block;
  }

  .logo {
    width: 285px;
    margin-right: auto;
    display: block;
  }

  #menu {
    height: 105vh;
  }
}

.drop-down-link {
  color: #ffffff;
}

.drop-down-link:hover {
  color: #ffffff !important;
  transform: translateY(-1px);
}

.hide {
  display: none;
}

::ng-deep .mat-dialog-container {
  background-color: #fff;
}

input {
  border: 1px solid #2b3553;
  transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out,
    background-color 0.3s ease-in-out;
}

input:focus {
  background-color: transparent;
  border-color: #f03226;
}

textarea {
  border: 1px solid #2b3553;
  transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out,
    background-color 0.3s ease-in-out;
}

textarea:focus {
  background-color: transparent;
  border-color: #f03226;
}

label {
  color: #07122c;
}

select {
  border: 1px solid #2b3553;
  font-size: 1rem;
  transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out,
    background-color 0.3s ease-in-out;
}

select:focus {
  background-color: transparent;
  border-color: #f03226;
}

.custom-select-lg {
  height: calc(2.25rem + 2px);
}

ul {
  padding: 0;
  list-style-type: none;
}

.navbar-mobile {
  background-color: #e41e13;
  height: 65px;
}

#menuToggle {
  display: flex;
  flex-direction: column;
  position: relative;
  left: 5px;
  z-index: 999;
  -webkit-user-select: none;
  user-select: none;
}

#menuToggle input {
  display: flex;
  width: 40px;
  height: 32px;
  position: absolute;
  cursor: pointer;
  opacity: 0;
  z-index: 1000;
}

#menuToggle span {
  display: flex;
  width: 29px;
  height: 2px;
  margin-bottom: 5px;
  position: relative;
  background: #ffffff;
  border-radius: 3px;
  z-index: 1;
  transform-origin: 5px 0px;
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1),
    background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
}

#menuToggle span:first-child {
  transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2) {
  transform-origin: 0% 100%;
}

#menuToggle input:checked ~ span {
  opacity: 1;
  transform: rotate(45deg) translate(-3px, -1px);
  background: #36383f;
}

#menuToggle input:checked ~ span:nth-last-child(3) {
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}

#menuToggle input:checked ~ span:nth-last-child(2) {
  transform: rotate(-45deg) translate(0, -1px);
}

#menu {
  position: absolute;
  box-shadow: 0 0 10px #85888c;
  margin: -50px 0 0 -50px;
  padding: 50px;
  padding-top: 125px;
  background-color: #f5f6fa;
  -webkit-font-smoothing: antialiased;
  transform-origin: 0% 0%;
  transform: translate(-100%, 0);
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
}

#menu li {
  padding: 10px 0;
  transition-delay: 2s;
  z-index: 1000;
}

#menuToggle input:checked ~ ul {
  transform: none;
}




.arrow-anc {
  color: white;
  text-decoration: none;
}
.arrow {
  text-align: center;
}
.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}
@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 825px) {
  video {
    width: 100%;
  }

  .landing-title {
    font-size: 55px;
  }

  .landing-under-title {
    font-size: 35px;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
  }

  .hide {
    display: none;
  }

  .carousel-inner {
    height: 100%;
  }

  .img-hover img {
    height: 80vh;
  }

  .center-text {
    position: absolute;
    top: 20%;
    width: 100%;
    height: auto;
  }

}

@media only screen and (min-device-width: 320px) and (max-device-width: 375px) {
  .landing-title {
    font-size: 50px;
  }

  video {
    width: 100%;
  }
  .landing-under-title {
    font-size: 25px;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
  }

  .hide {
    display: none;
  }

  .carousel-inner {
    height: 100%;
  }

  .img-hover img {
    height: 90vh;
  }

  .center-text {
    position: absolute;
    top: 25%;
    width: 100%;
    height: auto;
  }
}

.mat-button .mat-button-focus-overlay,
.mat-icon-button .mat-button-focus-overlay {
  opacity:0
}
.mat-button:hover:not(.mat-button-disabled) .mat-button-focus-overlay,
.mat-stroked-button:hover:not(.mat-button-disabled) .mat-button-focus-overlay {
  opacity:.04
}
@media(hover: none) {
  .mat-button:hover:not(.mat-button-disabled) .mat-button-focus-overlay,
  .mat-stroked-button:hover:not(.mat-button-disabled) .mat-button-focus-overlay {
    opacity:0
  }
}
.mat-button,
.mat-icon-button,
.mat-stroked-button,
.mat-flat-button {
  box-sizing:border-box;
  position:relative;
  -webkit-user-select:none;
  user-select:none;
  cursor:pointer;
  outline:none;
  border:none;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  display:inline-block;
  white-space:nowrap;
  text-decoration:none;
  vertical-align:baseline;
  text-align:center;
  margin:0;
  min-width:64px;
  line-height:36px;
  padding:0 16px;
  border-radius:4px;
  overflow:visible
}
.mat-button::-moz-focus-inner,
.mat-icon-button::-moz-focus-inner,
.mat-stroked-button::-moz-focus-inner,
.mat-flat-button::-moz-focus-inner {
  border:0
}
.mat-button.mat-button-disabled,
.mat-icon-button.mat-button-disabled,
.mat-stroked-button.mat-button-disabled,
.mat-flat-button.mat-button-disabled {
  cursor:default
}
.mat-button.cdk-keyboard-focused .mat-button-focus-overlay,
.mat-button.cdk-program-focused .mat-button-focus-overlay,
.mat-icon-button.cdk-keyboard-focused .mat-button-focus-overlay,
.mat-icon-button.cdk-program-focused .mat-button-focus-overlay,
.mat-stroked-button.cdk-keyboard-focused .mat-button-focus-overlay,
.mat-stroked-button.cdk-program-focused .mat-button-focus-overlay,
.mat-flat-button.cdk-keyboard-focused .mat-button-focus-overlay,
.mat-flat-button.cdk-program-focused .mat-button-focus-overlay {
  opacity:.12
}
.mat-button::-moz-focus-inner,
.mat-icon-button::-moz-focus-inner,
.mat-stroked-button::-moz-focus-inner,
.mat-flat-button::-moz-focus-inner {
  border:0
}
.mat-raised-button {
  box-sizing:border-box;
  position:relative;
  -webkit-user-select:none;
  user-select:none;
  cursor:pointer;
  outline:none;
  border:none;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  display:inline-block;
  white-space:nowrap;
  text-decoration:none;
  vertical-align:baseline;
  text-align:center;
  margin:0;
  min-width:64px;
  line-height:36px;
  padding:0 16px;
  border-radius:4px;
  overflow:visible;
  transform:translate3d(0, 0, 0);
  transition:background 400ms cubic-bezier(0.25, 0.8, 0.25, 1),box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1)
}
.mat-raised-button::-moz-focus-inner {
  border:0
}
.mat-raised-button.mat-button-disabled {
  cursor:default
}
.mat-raised-button.cdk-keyboard-focused .mat-button-focus-overlay,
.mat-raised-button.cdk-program-focused .mat-button-focus-overlay {
  opacity:.12
}
.mat-raised-button::-moz-focus-inner {
  border:0
}
.mat-raised-button._mat-animation-noopable {
  transition:none !important;
  animation:none !important
}
.mat-stroked-button {
  border:1px solid currentColor;
  padding:0 15px;
  line-height:34px
}
.mat-stroked-button .mat-button-ripple.mat-ripple,
.mat-stroked-button .mat-button-focus-overlay {
  top:-1px;
  left:-1px;
  right:-1px;
  bottom:-1px
}
.mat-fab {
  box-sizing:border-box;
  position:relative;
  -webkit-user-select:none;
  user-select:none;
  cursor:pointer;
  outline:none;
  border:none;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  display:inline-block;
  white-space:nowrap;
  text-decoration:none;
  vertical-align:baseline;
  text-align:center;
  margin:0;
  min-width:64px;
  line-height:36px;
  padding:0 16px;
  border-radius:4px;
  overflow:visible;
  transform:translate3d(0, 0, 0);
  transition:background 400ms cubic-bezier(0.25, 0.8, 0.25, 1),box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
  min-width:0;
  border-radius:50%;
  width:56px;
  height:56px;
  padding:0;
  flex-shrink:0
}
.mat-fab::-moz-focus-inner {
  border:0
}
.mat-fab.mat-button-disabled {
  cursor:default
}
.mat-fab.cdk-keyboard-focused .mat-button-focus-overlay,
.mat-fab.cdk-program-focused .mat-button-focus-overlay {
  opacity:.12
}
.mat-fab::-moz-focus-inner {
  border:0
}
.mat-fab._mat-animation-noopable {
  transition:none !important;
  animation:none !important
}
.mat-fab .mat-button-wrapper {
  padding:16px 0;
  display:inline-block;
  line-height:24px
}
.mat-mini-fab {
  box-sizing:border-box;
  position:relative;
  -webkit-user-select:none;
  user-select:none;
  cursor:pointer;
  outline:none;
  border:none;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  display:inline-block;
  white-space:nowrap;
  text-decoration:none;
  vertical-align:baseline;
  text-align:center;
  margin:0;
  min-width:64px;
  line-height:36px;
  padding:0 16px;
  border-radius:4px;
  overflow:visible;
  transform:translate3d(0, 0, 0);
  transition:background 400ms cubic-bezier(0.25, 0.8, 0.25, 1),box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
  min-width:0;
  border-radius:50%;
  width:40px;
  height:40px;
  padding:0;
  flex-shrink:0
}
.mat-mini-fab::-moz-focus-inner {
  border:0
}
.mat-mini-fab.mat-button-disabled {
  cursor:default
}
.mat-mini-fab.cdk-keyboard-focused .mat-button-focus-overlay,
.mat-mini-fab.cdk-program-focused .mat-button-focus-overlay {
  opacity:.12
}
.mat-mini-fab::-moz-focus-inner {
  border:0
}
.mat-mini-fab._mat-animation-noopable {
  transition:none !important;
  animation:none !important
}
.mat-mini-fab .mat-button-wrapper {
  padding:8px 0;
  display:inline-block;
  line-height:24px
}
.mat-icon-button {
  padding:0;
  min-width:0;
  width:40px;
  height:40px;
  flex-shrink:0;
  line-height:40px;
  border-radius:50%
}
.mat-icon-button i,
.mat-icon-button .mat-icon {
  line-height:24px
}
.mat-button-ripple.mat-ripple,
.mat-button-focus-overlay {
  top:0;
  left:0;
  right:0;
  bottom:0;
  position:absolute;
  pointer-events:none;
  border-radius:inherit
}
.mat-button-ripple.mat-ripple:not(:empty) {
  transform:translateZ(0)
}
.mat-button-focus-overlay {
  opacity:0;
  transition:opacity 200ms cubic-bezier(0.35, 0, 0.25, 1),background-color 200ms cubic-bezier(0.35, 0, 0.25, 1)
}
._mat-animation-noopable .mat-button-focus-overlay {
  transition:none
}
.mat-button-ripple-round {
  border-radius:50%;
  z-index:1
}
.mat-button .mat-button-wrapper>*,
.mat-flat-button .mat-button-wrapper>*,
.mat-stroked-button .mat-button-wrapper>*,
.mat-raised-button .mat-button-wrapper>*,
.mat-icon-button .mat-button-wrapper>*,
.mat-fab .mat-button-wrapper>*,
.mat-mini-fab .mat-button-wrapper>* {
  vertical-align:middle
}
.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-prefix .mat-icon-button,
.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-suffix .mat-icon-button {
  display:inline-flex;
  justify-content:center;
  align-items:center;
  font-size:inherit;
  width:2.5em;
  height:2.5em
}
.mat-flat-button::before,
.mat-raised-button::before,
.mat-fab::before,
.mat-mini-fab::before {
  margin:calc(calc(var(--mat-focus-indicator-border-width, 3px) + 2px) * -1)
}
.mat-stroked-button::before {
  margin:calc(calc(var(--mat-focus-indicator-border-width, 3px) + 3px) * -1)
}
.cdk-high-contrast-active .mat-button,
.cdk-high-contrast-active .mat-flat-button,
.cdk-high-contrast-active .mat-raised-button,
.cdk-high-contrast-active .mat-icon-button,
.cdk-high-contrast-active .mat-fab,
.cdk-high-contrast-active .mat-mini-fab {
  outline:solid 1px
}



@media only screen and (min-width: 825px) {
  video {
    width: 100%;
  }

  .landing-title {
    font-size: 100px;
  }

  .landing-under-title {
    font-size: 40px;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
  }

  .carousel-inner {
    height: 100%;
  }

  .land-comp {
    height: 90%;
  }

  .img-hover img {
    height: 90vh;
  }

  .center-text {
    position: absolute;
    top: 30%;
    width: 100%;
    height: auto;
  }
}

.img-hover {
  height: auto;
  overflow: hidden;
}

.carousel-control-prev,
.carousel-control-next,
.carousel-indicators {
  z-index: 500 !important;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  width: 26px;
  height: 26px;
}

.arrow-anc {
	color: white;
	text-decoration: none;
  }
  .arrow {
	text-align: center;
  }
  .bounce {
	-moz-animation: bounce 2s infinite;
	-webkit-animation: bounce 2s infinite;
	animation: bounce 2s infinite;
  }
  @keyframes bounce {
	0%,
	20%,
	50%,
	80%,
	100% {
	  transform: translateY(0);
	}
	40% {
	  transform: translateY(-30px);
	}
	60% {
	  transform: translateY(-15px);
	}
  }












.mobile-nav-link {
	text-transform: none !important;
}














































#whyus p, #whyus h3, #whyus h2, #whyus h1, #whyus h4, #whyus button, #whyus span, #whyus label, #whyus input {
  font-family: 'Poppins', sans-serif;
}

#whyus .background {
  background-image: url("/assets/world.png");
  background-repeat: no-repeat;
  width: 100vw;
  background-size: cover;
}

#whyus .test-container {
  height: 300px;
}

#whyus .carousel {
  width: 100%;
  margin: 0 auto;
  padding-bottom: 50px;
}
#whyus .carousel .item {
  color: #999;
  font-size: 14px;
  text-align: center;
  overflow: hidden;
  min-height: 340px;
}
#whyus .carousel .item a {
  color: #eb7245;
}
#whyus .carousel .img-box {
  width: 200px;
  height: 70px;
  margin: 0 auto;
}
#whyus .carousel .img-box img {
  width: 100%;
  height: 100%;
  display: block;
}
#whyus .carousel .testimonial {
  padding: 30px 0 10px;
  font-size: 18px;
  font-family: "Poppins", sans-serif;
  color: #666666;
}
#whyus .carousel .overview {
  text-align: center;
  padding-bottom: 5px;
  font-family: "Poppins", sans-serif;
}
#whyus .carousel .overview b {
  color: #333;
  font-size: 15px;
  text-transform: uppercase;
  display: block;
  padding-bottom: 5px;
}

#whyus .carousel .carousel-control {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #999;
  text-shadow: none;
  top: 4px;
}
#whyus .carousel-control i {
  font-size: 20px;
  margin-right: 2px;
}
#whyus .carousel-control.left {
  left: auto;
  right: 40px;
}
#whyus .carousel-control.right i {
  margin-right: -2px;
}
#whyus .carousel .carousel-indicators {
  bottom: 15px;
}
#whyus .carousel-indicators li,
#whyus .carousel-indicators li.active {
  width: 11px;
  height: 11px;
  margin: 1px 5px;
  border-radius: 50%;
}
#whyus .carousel-indicators li {
  background: #e2e2e2;
  border-color: transparent;
}
#whyus .carousel-indicators li.active {
  border: none;
  background: #888;
}

@media only screen and (min-width: 825px) {
  #whyus .background {
    padding-top: 10vh;
  }

  #whyus .desc-cont {
    margin-top: 10vh;
  }

  #whyus .desc-w {
    width: 80%;
  }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 825px) {
  #whyus .background {
    margin-top: 5vh;
  }

  #whyus .mobile-cent {
    text-align: center;
  }

  #whyus .row {
    margin-left: 0px !important;
  }

  #whyus .mobile-spacing {
    margin-top: 1em;
  }

}























#projects p, #projects h3, #projects span, #projects a, #projects button {
  font-family: "Poppins", sans-serif;
}

#projects .card-img-top {
  height: 250px;
}

#projects .btn {
  font-size: 1.1rem;
  padding: 1.6rem 2.8rem;
  color: #fff;
}

#projects .card:hover {
  transform: translateY(-4px);
  transition: 0.5s ease;
}

#projects .background {
  background-color: #f8f8f8;
  height: auto;
}

#projects .card-title {
  font-family: "Poppins", sans-serif;
  font-size: 24px;
  color: #333333;
}

@media only screen and (min-width: 1025px) {
  #projects .undertext {
    font-size: 28px;
  }

  #projects .proj-width {
    width: 75%;
  }
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 1025px)
{ 

  #projects .team-title {
    font-size: 54px !important;
  }

  #projects .undertext {
    font-size: 22px;
  }

  #projects .text-center-mobile {
    text-align: center;
    margin-top: 1em;
  }

  #projects .mobile-row {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  #projects .card-mobile {
    margin-top: 1em;
  }

  #projects .proj-width {
    width: 90%;
    text-align: center;
  }

  #projects .ma {
    margin-left: 0px !important;
  }
}











#clients .carousel {
  width: 100%;
  margin: 0 auto;
  padding-bottom: 50px;
}

#clients .carousel .item a {
  color: #eb7245;
}
#clients .carousel .img-box {
  width: 220px;
  height: 70px;
  margin: 0 auto;
}

#clients .carousel .r-logo {
  width: 250px;
  height: 70px;
  margin: 0 auto;
}

#clients .carousel .r-logo img {
  width: 100%;
  display: block;
}

#clients .carousel .s-logo {
  width: 228px;
  margin: 0 auto;
}

#clients .carousel .img-box-lq {
  width: 120px;
  margin: 0 auto;
}

#clients .carousel .img-box-lq img {
  width: 100%;
  height: 100%;
  display: block;
}

#clients .carousel .s-logo img {
  width: 100%;
  height: 100%;
  display: block;
}

#clients .carousel .img-box img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
}

#clients .carousel .overview {
  text-align: center;
  padding-bottom: 5px;
}
#clients .carousel .overview b {
  color: #333;
  font-size: 15px;
  text-transform: uppercase;
  display: block;
  padding-bottom: 5px;
}

#clients .carousel .carousel-control {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #999;
  text-shadow: none;
  top: 4px;
}
#clients .carousel-control i {
  font-size: 20px;
  margin-right: 2px;
}
#clients .carousel-control.left {
  left: auto;
  right: 40px;
}
#clients .carousel-control.right i {
  margin-right: -2px;
}
#clients .carousel .carousel-indicators {
  bottom: 15px;
}
#clients .carousel-indicators li,
#clients .carousel-indicators li.active {
  width: 11px;
  height: 11px;
  margin: 1px 5px;
  border-radius: 50%;
}
#clients .carousel-indicators li {
  background: #e2e2e2;
  border-color: transparent;
}
#clients .carousel-indicators li.active {
  border: none;
  background: #888;
}

#clients .background {
  background-image: url("/assets/world.png");
  background-repeat: no-repeat;
  width: 100vw;
  background-size: cover;
  overflow-x: hidden;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 725px) {
  #clients .mobile-align {
    text-align: center;
  }

  #clients .ma {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }

  #clients .carousel .item {
    color: #999;
    font-size: 14px;
    text-align: center;
    overflow: hidden;
    min-height: 600px;
  }

  #clients .carousel .testimonial {
    padding: 30px 0 10px;
    font-size: 16px;
    color: #666666;
  }

  #clients .size {
    font-size: 18px;
  }
}

@media only screen and (min-width: 1000px) {
  #clients .mobile-align {
    text-align: left;
  }

  #clients .carousel .item {
    color: #999;
    font-size: 14px;
    text-align: center;
    overflow: hidden;
    min-height: 360px !important;
  }

  #clients .carousel .testimonial {
    padding: 30px 0 10px;
    font-size: 18px;
    color: #666666;
  }

  #clients .size {
    font-size: 22px;
  }
}












#blocks p, #blocks h3, #blocks h2, #blocks h1, #blocks button, #blocks span, #blocks label, #blocks input {
    font-family: 'Poppins', sans-serif;
}

#blocks .discover-more-button {
	width: 150px;
	height: 40px;
	background-color: #333333;
	color: #fff;
	cursor: pointer;
	border-radius: 5px;
}

#blocks .discover-more-button:hover {
	background-color: #f03226;
	color: #fff;
	transform: translateY(-2px);
}

#blocks .service-bg {
	height: 60vh !important;
}

#blocks .background2 {
	background-color: #F8F8F8;
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 825px)
{ 

#blocks .mobile {
	display: none;
}
}





















footer.footer {
  background-color: #333333;
  bottom: 0px;
}

@-moz-document url-prefix() {
  footer button {
    background-color: transparent;
  }
  
 }

footer h1 {
  font-family: "Poppins", sans-serif;
}

footer .footer_social .footer-social {
  list-style: none;
  font-size: 24px;
  color: #fff;
}

footer .footer_social .footer-title {
  font-size: 18px;
  color: #fff;
}

footer .footer_links .footer-link {
  list-style: none;
  color: white;
}

footer .footer_links .footer-link button a {
  display: inline-block;
  text-transform: uppercase;
  font-size: 14px;
  margin-right: 10px;
  position: relative;
  height: 7vh;
  text-decoration: none;
  color: white;
  font-family: "Poppins", sans-serif;
  text-align: center;
}

footer .footer .submit-button {
  color: #fff;
  font-size: 16px;
  background: transparent;
  border: none;
  cursor: pointer;
}

@media only screen and (min-width: 780px) {
  footer .footer-title {
    margin-left: 1.5em;
  }

  footer .footer-cr {
    height: 10vh;
  }

  footer ul {
    margin-top: 12px !important;
  }
}

@media only screen and (max-width: 780px) {
  footer .footer-title {
    margin-left: 1em;
  }

  footer .footer-link {
    margin-right: 1em;
  }

  footer .footer-cr {
    height: auto;
  }

  footer .padding-mobile {
    padding-bottom: 1em;
  }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 375px) { 
  footer .logo-mobile {
    height: 70px; width: 300px;
  }

  footer .ma {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }

  footer .carousel .item {
    color: #999;
    font-size: 14px;
    text-align: center;
    overflow: hidden;
    min-height: 580px;
  }

  footer .carousel .testimonial {
    padding: 30px 0 10px;
    font-size: 16px;
    color: #666666;
  }

  footer .size {
    font-size: 18px;
  }

  footer .desc-width {
    width: 100%;
  }

  footer .mobile-align {
    text-align: center;
  }


}


@media only screen and (min-device-width: 375px) and (max-device-width: 825px) {
  footer .mobile-align {
    text-align: center;
  }

  footer .ma {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }

  footer .carousel .item {
    color: #999;
    font-size: 14px;
    text-align: center;
    overflow: hidden;
    min-height: 580px;
  }

  footer .carousel .testimonial {
    padding: 30px 0 10px;
    font-size: 16px;
    color: #666666;
  }

  footer .size {
    font-size: 18px;
  }

  footer .desc-width {
    width: 100%;
  }

  footer .logo-mobile {
    height: 80px; width: 350px;
  }
}

@media only screen and (min-width: 1000px) {
  footer .desc-width {
    width: 90%;
  }

  footer .margin-a {
    margin-left: 1.5em;
  }

  footer .footer_links {
    padding-left: 0px;
  }

  footer .logo-mobile {
    height: 80px; width: 350px;
  }
  
}





@media only screen and (min-device-width: 320px) and (max-device-width: 825px) {
    #cobc .team-title {
      font-size: 44px !important;
      font-family: "Poppins", sans-serif;
    }
  
    #cobc .undertext {
      font-size: 22px;
    }
  
    #cobc #cpage {
      margin-top: 10vh;
    }
  }
  

@media only screen and (min-width: 1000px) {
    #cobc .desk-width {
      width: 80%;
      padding-top: 5em;
    }
  
    #cobc .undertext {
      font-size: 28px;
    }
  }
  
  @media only screen and (min-width: 825px) {
    #cobc .team-title {
      font-size: 54px;
      font-family: "Poppins", sans-serif;
    }
  }

  #cobc p {
    font-family: "Poppins", sans-serif;
  }










  #landowners .background-header {
  width: 100vw;
  height: 80vh;
  background-image: url("/assets/holt-property-landowner-page.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 0.9;
  filter: brightness(0.9);
}


#landowners .background {
  background-image: url("/assets/world.png");
  background-repeat: no-repeat;
  width: 100vw;
  background-size: cover;
}

#landowners h1, #landowners p, #landowners h2, #landowners h3, #landowners span, #landowners h5, #landowners button {
  font-family: "Poppins", sans-serif;
}


@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 725px)
{ 
  
  #landowners .team-title {
    font-size: 50px !important;
  }

  #landowners .undertext{
    font-size: 22px;
  }

  #landowners .mobile-spacing {
    margin-top: 7vh;
  }

  #landowners .opt-title{
    font-size: 34px;
  }

  #landowners .mobile-hide {
    display: none;
  }

  #landowners .mobile-padding {
    padding-top: 20px;
  }

  #landowners .dev-button {
    font-size: 13px;
  }
  
}

@media only screen 
and (min-device-width : 726px) 
and (max-device-width : 999px)
{ 
  #landowners .team-title {
    font-size: 84px;
    font-family: "Poppins", sans-serif;
  }

  #landowners .undertext{
    font-size: 28px;
  }

  #landowners .mobile-spacing {
    margin-top: 10vh;
  }

}


@media only screen and (min-width: 1000px) {
  #landowners .team-title {
    font-size: 84px;
    font-family: "Poppins", sans-serif;
  }

  #landowners .desk-width {
    width: 80%;
  }

  #landowners .undertext{
    font-size: 26px;
  }

  #landowners .opt-title{
    font-size: 44px;
  }


  #landowners .desc-width {
    width: 100%;
  }

  #landowners .dev-button {
    font-size: 16px;
  }
}


#landowners .operate-bg {
  width: 227px;
  height: 227px;
}

#landowners .outer-circle,
#landowners .workflow_circle_inner,
#landowners .operate-image {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

#landowners .outer-circle {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  z-index: 1;
}

#landowners .workflow_circle_inner {
  width: 180px;
  height: 180px;
  border-radius: 50%;
  background: #e1e5ec;
  z-index: 2;
}

#landowners .item:hover .workflow_circle_inner {
  background: #333333;
}

#landowners .item:hover .workflow_num {
  background: #e41e13;
}

#landowners .operate-image {
  z-index: 4;
}

#landowners .workflow_num {
  position: absolute;
  left: 34px;
  width: 42px;
  height: 42px;
  background: #abb2bf;
  border-radius: 50%;
  z-index: 3;
}

#landowners .workflow_num span {
  font-size: 14px;
  font-weight: 700;
  color: #ffffff;
  line-height: 42px;
}

#landowners .text-cont {
  margin-top: 100px;
}

#landowners .text-title {
  font-size: 20px;
  font-weight: 700;
  color: #333333;
  padding-top: 5px;
}

#landowners .text {
  color: #666666;
  margin-top: 17px;
  margin-bottom: 0px;
  font-size: 18px;
}

#landowners .transition {
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

#landowners .background2 {
  background-color: #f8f8f8;
}

#landowners .exp-list {
    font-family: "Poppins";
    font-size: 18px;
    color: #333333;
}

#landowners .fa-check-circle {
  font-size: 12px;
}

#landowners .mat-list-base .mat-list-item {
  color: #333333;
}




















#developers p, #developers h3, #developers span, #developers a, #developers button {
  font-family: "Poppins", sans-serif;
}

#developers .background {
  width: 100vw;
  background-image: url("/assets/holt-property-developers-page.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

#developers .grid-title {
  color: #333;
  font-family: "Poppins", sans-serif;
}

#developers .grid-para {
  font-family: "Poppins", sans-serif;
  font-size: 17px;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 375px) {
  #developers .background {
    height: 100vh;
  }

  #developers .team-title {
    font-size: 54px !important;
  }

  #developers .undertext {
    font-size: 22px;
  }

  #developers .text-center-mobile {
    text-align: center;
    margin-top: 1em;
  }

  #developers .mobile-row {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  #developers .card-mobile {
    margin-top: 1em;
  }

  #developers .proj-width {
    width: 90%;
    text-align: center;
  }

  #developers .p-top{
    padding-top: 20vh;
  }

}

@media only screen and (min-device-width: 375px) and (max-device-width: 725px) {
  #developers .team-title {
    font-size: 54px !important;
  }

  #developers .undertext {
    font-size: 22px;
  }

  #developers .text-center-mobile {
    text-align: center;
    margin-top: 1em;
  }

  #developers .mobile-row {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  #developers .card-mobile {
    margin-top: 1em;
  }

  #developers .proj-width {
    width: 90%;
    text-align: center;
  }

  #developers .background {
    height: 80vh;
  }

  #developers .p-top{
    padding-top: 20vh;
  }
}

@media only screen and (min-device-width: 726px) and (max-device-width: 999px) {
  #developers .undertext {
    font-size: 28px;
  }

  #developers .ipad-m {
    margin-top: 1em;
  }

  #developers .mobile-spacing {
    margin-top: 5vh;
  }

  #developers .p-top{
    padding-top: 20vh
  }
}

@media only screen and (min-width: 1000px) {
  #developers .desk-width {
    width: 80%;
  }

  #developers .undertext {
    font-size: 28px;
  }

  #developers .proj-width {
    width: 75%;
  }

  #developers .background {
    height: 80vh;
  }

  #developers .p-top{
    padding-top: 20vh;
  }
}

#developers .team-title {
  font-size: 84px;
  font-family: "Poppins", sans-serif;
}














#team p,
#team h1,
#team h2,
#team h3,
#team h4,
#team a, 
#team li{
  font-family: "Poppins", sans-serif;
}

#team button:focus {
  outline: none !important;
}

#team .team-photo {
  width: 100%;
  border-radius: 4px;
  display: block;
  transition:all 1s ease;
  opacity:0.9;
}

#team .team-photo:hover {
  transform: translateY(-4px);
  opacity: 1;
  box-shadow: 0px 30px 30px 0px rgba(14, 39, 57, 0.15);
  transition: all 0.25s ease;
}

#team .name-button {
  background: transparent;
  cursor: pointer;
  border: none;
  opacity: 0.85;
  line-height: 0px;
}

#team .name-title {
  color: #333333;
  font-size: 28px;
  padding-top: 0.75em;
}

#team .job-title {
  color: #666666;
  font-size: 20px;
}

#team .main-name-title {
  font-size: 54px;
  color: #333333;
}

#team .main-job-title {
  font-size: 22px;
  color: #666666;
}

#team .contact-info {
  font-size: 18px;
  color: #333333;
}

#team .main-desc {
  font-size: 22px;
  color: #333333;
  padding-top: 1em;
}

#team .para-body {
  font-size: 18px;
  color: #666666;
  margin-top: 2em;
}

#team ul li {
  padding-top: 1em;
  color: #666666;
  font-size: 16px;
    list-style-type: disc;
}
#team ul {
  padding-left:40px;
}

#team .hide {
  display: none;
}

#team .team-title {
  font-size: 64px;
  font-family: "Poppins", sans-serif;
}

#team .discover-more-button {
  width: 150px;
  height: 40px;
  background-color: #07122c;
  color: #fff;
  cursor: pointer;
  border-radius: 5px;
}

#team .discover-more-button:hover {
  background-color: #f03226;
  color: #fff;
  transform: translateY(-2px);
}

@media only screen and (min-device-width: 320px) and (max-device-width: 825px) {
  #team .team-title {
    font-size: 54px !important;
  }

  #team .undertext {
    font-size: 22px;
  }

  #team .mobile-spacing {
    margin-top: 10vh;
  }

  #team .opt-title {
    font-size: 34px;
  }

  #team .mobile-hide {
    display: none;
  }

  #team .team-photo {
    width: 100%;
    height: 100%;
  }

  #team .team-desc {
    margin-top: 1.5em;
  }

  #team .individual-photo {
    width: 100% !important;
    height: 275px !important;
  }

  #team .row-mobile {
    margin-left: 0.5em !important;
    margin-right: 0.5em !important;
  }

  #team .team-title {
    font-size: 54px;
  }

  #team .teamsection {
    margin-top: 10vh;
  }
}

@media only screen and (min-width: 825px) {
  #team .team-title {
    font-size: 84px;
    font-family: "Poppins", sans-serif;
  }

  #team .desk-width {
    width: 80%;
  }

  #team .undertext {
    font-size: 28px;
  }

  #team .opt-title {
    font-size: 44px;
  }

  #team .teamsection {
    margin-top: 10vh;
    width: 99vw !important;
  }

  #team .individual-photo {
    width: 100% !important;
    height: 455px;
  }
}

@media only screen and (min-width: 1900px) { 
  #team .individual-photo {
    width: 675px !important;
    height: 475px;
  }
}











#contact p, #contact h3, #contact h2, #contact h1, #contact button, #contact span, #contact label, #contact input {
    font-family: 'Poppins', sans-serif;
}

@-moz-document url-prefix() {
  #contact .submit-button {
    background-color: transparent;
  }
  
 }

#contact .team-photo{
    width: 100%;
    height: 100%;
    border-radius: 4px;
    display: block;
}

#contact .name-button:hover {
    transform: translateY(-4px);
    opacity: 1;
    box-shadow: 0px 30px 30px 0px rgba(14, 39, 57, .15);
    transition: 0.25s ease-in;
}

#contact .name-button {
    background: transparent;
    cursor: pointer;
    border: none;
    opacity: 0.85;
    line-height: 0px;
}

#contact .name-title {
    color: #333333;
    font-size: 28px;
    padding-top: 0.75em;
}

#contact .contact-info {
    font-size: 15px;
    color: #333333;
}


@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 825px)
{ 
  
  #contact .team-title {
    font-size: 54px !important;
  }

  #contact .undertext{
    font-size: 22px;
  }

  #contact .mobile-spacing {
    margin-top: 10vh;
  }

  #contact .opt-title{
    font-size: 34px;
  }

  #contact .mobile-hide {
    display: none;
  }


  #contact {
    margin-top: 10vh;
}

}

@media only screen 
and (min-device-width : 726px) 
and (max-device-width : 999px)
{ 
  #contact .team-title {
    font-size: 84px;
    font-family: "Poppins", sans-serif;
  }

  #contact {
    margin-top: 10vh;
  }

}


@media only screen and (min-width: 1000px) {
  #contact .team-title {
    font-size: 84px;
    font-family: "Poppins", sans-serif;
  }

  #contact .desk-width {
    width: 80%;
  }

  #contact .undertext{
    font-size: 28px;
  }

  #contact .opt-title{
    font-size: 44px;
  }

  #contact {
      margin-top: 10vh;
  }
}

#contact .mat-card {
  background: #fff;
  color: #333333;
}














#newslist h1,
#newslist p,
#newslist h3,
#newslist span,
#newslist a,
#newslist button {
  font-family: "Poppins", sans-serif;
}



#newslist .btn {
  font-size: 1.1rem;
  padding: 1.6rem 2.8rem;
  color: #fff;
}

#newslist .card:hover {
  transform: translateY(-10px);
  transition: 0.7s ease;
  cursor: pointer;
}

#newslist .background {
  background-color: #f8f8f8;
  height: auto;
}

#newslist .card-title {
  font-family: "Poppins", sans-serif;
  font-size: 28px;
  color: black;
  text-align: center;
  text-decoration: underline;
}

#newslist .case-title {
  font-family: "Poppins", sans-serif;
  font-size: 28px;
  color: black;
  text-transform: uppercase;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}

#newslist .small-case-title {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  color: black;
  text-transform: uppercase;
}

#newslist .card-desc {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  color: #333333;
}

#newslist .list {
  border-bottom: 1px solid #666666;
}

#newslist .page_b {
  color: #ffffff;
  background-color: #e41e13;
  font-size: 18px;
}

#newslist .card-img-top {
  margin-bottom: 20px;
}

@media only screen and (min-width: 826px) {
  #newslist .title {
    font-size: 84px;
    font-family: "Poppins", sans-serif;
  }

  #newslist .desk-width {
    width: 80%;
  }

  #newslist .undertext {
    font-size: 28px;
  }

  #newslist .opt-title {
    font-size: 44px;
  }

  #newslist {
    margin-top: 10vh;
  }

  #newslist .img-hover img {
    height: 85vh;
  }

  #newslist .gal-img {
    height: 300px;
    width: 100%;
  }

  #newslist .logo-pop-mobile {
    height: 80px;
    width: 342px;
  }

  #newslist .undertext {
    font-size: 28px;
  }

  #newslist .proj-width {
    width: 75%;
  }

  #newslist .case-img-top {
    width: 100%;
    margin: 0 auto;
  }

  #newslist .small-case-img-top {
    width: 90%;
    margin: 0 auto;
  }

  #newslist .card-img-top {
    width: 100%;
  }

  #newslist .card-title{
    text-align: left;
  }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 825px) {
  #newslist .title {
    font-size: 54px !important;
    font-weight: normal;
  }

  #newslist .undertext {
    font-size: 22px;
  }

  #newslist .text-center-mobile {
    text-align: center;
  }

  #newslist .padding_mobile {
    margin-top: 2em;
    margin: 0 auto;
    text-align: center;
  }

  #newslist.mobile-row {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

 #newslist .card-mobile {
    padding-top: 2em;
  }

 #newslist .ma {
    margin-left: 0px !important;
  }

  #newslist {
    margin-top: 10vh;
  }

 #newslist .case-img-top {
    height: 350px;
    width: 90%;
    margin: 0 auto;
  }

 #newslist .small-case-img-top {
    height: 350px;
    width: 90%;
    margin: 0 auto;
  }

 #newslist .card-img-top {
    width: 90%;
    margin: 0 auto;
    margin-bottom: 20px;
  }

  #newslist .card-title{
    margin-top: 0.5em;
  }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 809px) { 
  #newslist .case-img-top {
    width: 100%;
    margin: 0 auto;
  }

  #newslist .small-case-img-top {
    width: 100%;
    margin: 0 auto;
  }

  #newslist .card-img-top {
    width: 100%;
  }
}


#newslist .hover-underline-animation {
  display: inline-block;
  position: relative;
  color: black;
}

#newslist .hover-underline-animation:after {
  content: "";
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: black;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}

#newslist .img-cont {
  height: auto;
  overflow: hidden;
}

#newslist .img-cont img {
  transition: transform 0.5s ease;
}

#newslist .main-story img {
  transition: transform 0.5s ease;
}

#newslist .main-story:hover img {
  transform: scale(1.05);
}

#newslist .main-story:hover .hover-underline-animation:after {
  transform: scaleX(1);
  transform-origin: bottom left;
}

#newslist .side-story:hover {
  cursor: pointer;
}





nav .page-item.active .page-link {
  z-index: 1;
  color: #fff;
  background-color: #e41e13;
  border-color: #e41e13;
  margin: 0px 10px;
  border-radius: 90px;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 24px;
}

nav .page-link:hover,
nav .page-link {
  position: relative;
  display: block;
  padding: .5rem .75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #090808;
  background-color: #fff;
  border: none;
  width: 40px;
  height: 40px;
  line-height: 24px;
}








#newsstory p,
#newsstory h3,
#newsstory span,
#newsstory a,
#newsstory button,
#newsstory li,
#newsstory h5,
#newsstory h1 {
  font-family: "Poppins", sans-serif;
}
#newsstory title {
  font-size: 64px;
  font-family: "Poppins", sans-serif;
}

#newsstory .undertext {
  font-family: "Mercury Display A", "Mercury Display B", Georgia, serif;
  font-style: italic;
}

#newsstory .testimonial {
  padding: 30px 0 10px;
  font-size: 16px;
  color: #666666;
}

#newsstory .carousel {
  width: 100%;
  margin: 0 auto;
  padding-bottom: 50px;
}

#newsstory .item a {
  color: #eb7245;
}

#newsstory .img-box {
  width: 225px;
  height: 75px;
  margin: 0 auto;
}

#newsstory .img-box img {
  width: 100%;
  height: 100%;
  display: block;
}

#newsstory .overview {
  text-align: center;
  padding-bottom: 5px;
}
#newsstory .overview b {
  color: #333;
  font-size: 15px;
  text-transform: uppercase;
  display: block;
  padding-bottom: 5px;
}

#newsstory .carousel-control {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #999;
  text-shadow: none;
  top: 4px;
}
#newsstory .carousel-control i {
  font-size: 20px;
  margin-right: 2px;
}
#newsstory .carousel-control.left {
  left: auto;
  right: 40px;
}
#newsstory .carousel-control.right i {
  margin-right: -2px;
}
#newsstory .carousel-indicators {
  bottom: 15px;
}
#newsstory .carousel-indicators li,
#newsstory .carousel-indicators li.active {
  width: 11px;
  height: 11px;
  margin: 1px 5px;
  border-radius: 50%;
}
#newsstory .carousel-indicators li {
  background: #e2e2e2;
  border-color: transparent;
}
#newsstory .carousel-indicators li.active {
  border: none;
  background: #888;
}

#newsstory .card-title {
  font-family: "Poppins", sans-serif;
  font-size: 24px;
  color: #333333;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 725px) {
  #newsstory .title {
    font-size: 38px !important;
  }

  #newsstory .undertext {
    font-size: 24px;
  }

  #newsstory .background {
    width: 100%;
  }

  #newsstory .hide-mobile {
    display: none;
  }

  #newsstory .list-item {
    margin-bottom: 30px;
  }

  #newsstory .item {
    height: 560px !important;
  }

 #newsstory  .proj-width {
    width: 100vw;
  }

  #newsstory .tnc {
    height: 400px;
  }

  #newsstory .float-right {
    text-align: right;
  }
}

@media only screen and (min-device-width: 726px) and (max-device-width: 1025px) {
  #newsstory .undertext {
    font-size: 28px;
  }

  #newsstory .list-item {
    margin-bottom: 40px;
  }

  #newsstory .proj-width {
    width: 100vw;
  }

  #newsstory .background {
    height: 450px;
    width: 100%;
  }

  #newsstory .item {
    min-height: 400px !important;
  }
}

@media only screen and (min-width: 1026px) {
  #newsstory .desk-width {
    width: 80%;
  }
  #newsstory .undertext {
    font-size: 38px;
  }

  #newsstory .date {
    font-size: 22px;
  }

 #newsstory  .background {
    width: 100%;
  }

  #newsstory .list-item {
    padding-bottom: 40px;
  }

  #newsstory .testimonial {
    min-height: 185px !important;
  }

  #newsstory .proj-width {
    width: 80%;
  }
}

/* change header backgroiund image to be 80% with seperate css */
























#siteslist p, #siteslist h3, #siteslist span, #siteslist a, #siteslist button {
  font-family: "Poppins", sans-serif;
}

#siteslist .card-img-top {
  height: 250px;
}

#siteslist .btn {
  font-size: 1.1rem;
  padding: 1.6rem 2.8rem;
  color: #fff;
}

#siteslist .card:hover {
  cursor: pointer;
  transform: translateY(-4px);
	box-shadow: 0px 30px 30px 0px rgba(14, 39, 57, .15);
	transition: 0.25s ease;
}

#siteslist .card {
  color: #000;
  text-decoration: none;
	transition: 0.25s ease;
}

#siteslist .background {
  background-color: #f8f8f8;
  height: auto;
}

#siteslist .card-title {
  font-family: "Poppins", sans-serif;
  font-size: 24px;
  color: #333333;
}

@media only screen and (min-width: 826px) {
    #siteslist .title {
      font-size: 84px;
      font-family: "Poppins", sans-serif;
    }
  
    #siteslist .desk-width {
      width: 80%;
    }
  
    #siteslist .undertext {
      font-size: 28px;
    }
  
    #siteslist .opt-title {
      font-size: 44px;
    }
  
    #siteslist {
      margin-top: 10vh;
    }
  
    #siteslist .img-hover img {
      height: 85vh;
    }
  
    #siteslist .gal-img {
      height: 300px;
      width: 100%;
    }
  
    #siteslist .logo-pop-mobile {
      height: 80px; width: 342px;
    }

    #siteslist .undertext {
      font-size: 28px;
    }
  
    #siteslist .proj-width {
      width: 78%;
    }
  
  
  }
    
  @media only screen 
  and (min-device-width : 320px) 
  and (max-device-width : 825px)
  { 
  
    #siteslist .title {
      font-size: 54px !important;
      font-weight: normal;
    }
  
    #siteslist .undertext {
      font-size: 22px;
    }
  
    #siteslist .text-center-mobile {
      text-align: center;
      margin-top: 1em;
    }
  
    #siteslist .mobile-row {
      margin-left: 0px !important;
      margin-right: 0px !important;
    }
  
    #siteslist .card-mobile {
      margin-top: 1em;
    }
  
    #siteslist .proj-width {
      width: 90%;
      text-align: center;
    }
  
    #siteslist .ma {
      margin-left: 0px !important;
    }

      
    #siteslist {
      margin-top: 10vh;
    }
  }




















#siteitem p,
#siteitem h3,
#siteitem span,
#siteitem a,
#siteitem button,
#siteitem li,
#siteitem h5,
#siteitem h1 {
  font-family: "Poppins", sans-serif;
}

#siteitem .background {
  width: 100vw;
  background-repeat: no-repeat;
  background-size: cover;
}

#siteitem .background2 {
  width: 100vw !important;
  height: 100vh;
}

/* Testimonial styling */

#siteitem .title {
  font-size: 84px;
  font-family: "Poppins", sans-serif;
}

#siteitem .undertext {
  font-family: "Mercury Display A", "Mercury Display B", Georgia, serif;
  font-style: italic;
}

#siteitem .testimonial {
  padding: 30px 0 10px;
  font-size: 16px;
  color: #666666;
}

#siteitem .carousel {
  width: 100%;
  margin: 0 auto;
  padding-bottom: 50px;
}

#siteitem .item a {
  color: #eb7245;
}

#siteitem .img-box {
  width: 225px;
  height: 75px;
  margin: 0 auto;
}

#siteitem .img-box img {
  width: 100%;
  height: 100%;
  display: block;
}

#siteitem .overview {
  text-align: center;
  padding-bottom: 5px;
}
#siteitem .overview b {
  color: #333;
  font-size: 15px;
  text-transform: uppercase;
  display: block;
  padding-bottom: 5px;
}

#siteitem .carousel-control {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #999;
  text-shadow: none;
  top: 4px;
}
#siteitem .carousel-control i {
  font-size: 20px;
  margin-right: 2px;
}
#siteitem .carousel-control.left {
  left: auto;
  right: 40px;
}
#siteitem .carousel-control.right i {
  margin-right: -2px;
}
#siteitem .carousel-indicators {
  bottom: 15px;
}
#siteitem .carousel-indicators li,
#siteitem .carousel-indicators li.active {
  width: 11px;
  height: 11px;
  margin: 1px 5px;
  border-radius: 50%;
}
#siteitem .carousel-indicators li {
  background: #e2e2e2;
  border-color: transparent;
}
#siteitem .carousel-indicators li.active {
  border: none;
  background: #888;
}

#siteitem .card-title {
  font-family: "Poppins", sans-serif;
  font-size: 24px;
  color: #333333;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 725px) {
  #siteitem .title {
    font-size: 64px !important;
  }

  #siteitem .undertext {
    font-size: 32px;
  }

  #siteitem .background {
    height: 80vh;
    width: 100%;
  }

  #siteitem .background2 {
    height: 40vh;
    width: 100vw;
  }

  #siteitem .hide-mobile {
    display: none;
  }

  #siteitem .list-item {
    margin-bottom: 30px;
    color: #333333;
  }

  #siteitem .item {
    height: 560px !important;
  }

  #siteitem .proj-width {
    width: 100vw;
  }

  #siteitem .tnc {
    height: 400px;
  }
}

@media only screen and (min-device-width: 726px) and (max-device-width: 1025px) {
  #siteitem .undertext {
    font-size: 28px;
  }

  #siteitem .list-item {
    margin-bottom: 40px;
  }

  #siteitem .proj-width {
    width: 100vw;
  }

  #siteitem .background {
    height: 80vh;
  }

  #siteitem .background2 {
    height: 50vh;
    width: 100%;
  }

  #siteitem .item {
    min-height: 400px !important;
  }
}

@media only screen and (min-width: 1026px) {
  #siteitem .desk-width {
    width: 80%;
  }
  #siteitem .undertext {
    font-size: 38px;
  }

  #siteitem .background {
    height: 80vh;
  }

  #siteitem .background2 {
    height: 100vh;
    width: 100%;
  }

  #siteitem .list-item {
    padding-bottom: 40px;
  }

  #siteitem .testimonial {
    min-height: 185px !important;
  }

  #siteitem .proj-width {
    width: 80%;
  }
}

/* change header backgroiund image to be 80% with seperate css */


.bg-black {
	background-color: #000;
}


.bg-slider {
	position: relative;
	overflow:hidden;
}
.bg-slider img.bg-slide {
	width:100%;
	height:100%;
	position: absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	object-fit: cover;
	object-position: center center;
	z-index: 1;
	opacity:0;
}
.bg-slider img.bg-slide.active {
	opacity:0.4;
}
.bg-slider .bg-overlay {
	position: relative;
	z-index:2;
}

.site-meta {
	text-transform: uppercase;
 	font-size: 14px;
}
.site-metabar {
	background-color: #f7f7f7 !important;
  box-shadow: 0px 0px 33px -13px rgba(0,0,0,0.3);
}


.background-alto {
  background-color: #fbfbfb;
}