/*font family*/
@font-face {
  font-family: 'Intelo';
  src: url('https://24264970.fs1.hubspotusercontent-ap1.net/hubfs/24264970/tylor-construction/fonts/Intelo-Regular.woff2') format('woff2'),
    url('https://24264970.fs1.hubspotusercontent-ap1.net/hubfs/24264970/tylor-construction/fonts/Intelo-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Intelo';
  src: url('https://24264970.fs1.hubspotusercontent-ap1.net/hubfs/24264970/tylor-construction/fonts/Intelo-Bold.woff2') format('woff2'),
    url('https://24264970.fs1.hubspotusercontent-ap1.net/hubfs/24264970/tylor-construction/fonts/Intelo-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Intelo Semi';
  src: url('https://24264970.fs1.hubspotusercontent-ap1.net/hubfs/24264970/tylor-construction/fonts/Intelo-SemiBold.woff2') format('woff2'),
    url('https://24264970.fs1.hubspotusercontent-ap1.net/hubfs/24264970/tylor-construction/fonts/Intelo-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}


/* @font-face {
font-family: 'Reckless Wide M-TRIAL';
src: url('https://24264970.fs1.hubspotusercontent-ap1.net/hubfs/24264970/tylor-construction/fonts/RecklessWideM-Regular.woff2') format('woff2'),
url('https://24264970.fs1.hubspotusercontent-ap1.net/hubfs/24264970/tylor-construction/fonts/RecklessWideM-Regular.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
} */

@font-face {
  font-family: 'Reckless Standard M';
  src: url('https://24264970.fs1.hubspotusercontent-ap1.net/hubfs/24264970/tylor-construction/fonts/RecklessStandardM-Regular.eot');
  src: url('https://24264970.fs1.hubspotusercontent-ap1.net/hubfs/24264970/tylor-construction/fonts/RecklessStandardM-Regular.eot#iefix') format('embedded-opentype'),
    url('https://24264970.fs1.hubspotusercontent-ap1.net/hubfs/24264970/tylor-construction/fonts/RecklessStandardM-Regular.woff2') format('woff2'),
    url('https://24264970.fs1.hubspotusercontent-ap1.net/hubfs/24264970/tylor-construction/fonts/RecklessStandardM-Regular.woff') format('woff'),
    url('https://24264970.fs1.hubspotusercontent-ap1.net/hubfs/24264970/tylor-construction/fonts/RecklessStandardM-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}


/*Global css*/
*{margin:0;padding:0;-webkit-font-smoothing: antialiased;}
html{font-size:100%;width:100%;height:100%;}
body{width:100%;min-width:320px;background-color:var(--color-white);font-size:20px;font-family: 'Intelo'; font-weight: 400; overflow-x: hidden; margin: 0;}
.clear{clear:both;}
button,input[type="submit"]{cursor: pointer;}
button,input[type="submit"],input[type="search"]{transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;font-family: 'Intelo';}
button:focus,input[type="submit"]:focus,input[type="search"]:focus,a:focus,i:focus{outline: none;}
a{text-decoration:none;color:var(--color-black); transition: all ease 0.3s;}
a:hover{text-decoration:none;outline:0;color:var(--color-black); outline: none;}
a:focus{outline:none!important;outline-offset:none!important;text-decoration:none!important;color:var(--color-black);}
.btn:focus{outline:none;box-shadow: none;}
a,img{border:none;outline:none;}
img{max-width:100%;height:auto;display:inline-block;}
label{font-family: 'Intelo'; font-weight: 400; font-size: 16px;margin-bottom: 10px; display: block;}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{margin:0 0 20px; padding:0;line-height: 1.1; letter-spacing: normal; display: block;}
h1 {line-height: 1;}
ul,ol{margin:16px 0;}
ul li,ol li{list-style:none;}
p{display:block;line-height:1.3;margin:0 0 15px; font-weight: 400; font-size: 20px;}
p:last-child{margin: 0;}
b, strong{font-weight: 700;}
video{width:100%;}
/* .body-container--project-list ul li,.body-container--project-list ol li, */
 .hs-blog-post ul li, .hs-blog-post ol li, .blog-post__body ul li, .blog-post__body ol li{list-style:none;}
/*inputfield*/
.form-group, .field {padding-bottom: 16px; margin: 0; position: relative;}
.form-control, .hs-input {width: 100%; box-shadow: none !important;height: 50px; font-family: 'Intelo'; color:var(--color-black); font-size: 20px; font-weight: 400; border-radius: 8px; padding: 0 15px 0; border: solid 1px var(--color-black); background-color: transparent; outline: none;}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{background-color:var(--color-white);}
.form-control::-webkit-input-placeholder, .hs-input::-webkit-input-placeholder{color:var(--color-black); opacity: 1;}
.form-control::-moz-placeholder, .hs-input::-webkit-input-placeholder::-moz-placeholder{color:var(--color-black); opacity: 1;}
.form-control:-ms-input-placeholder, .hs-input:-ms-input-placeholder{color:var(--color-black); opacity: 1;}
.form-control:-moz-placeholder, .hs-input:-moz-placeholder{color:var(--color-black); opacity: 1;}
.form-control:focus, .hs-input:focus {color: var(--color-black); border-color: var(--color-black); background-color: transparent;}
select,select.form-control {background:#f8f9fe url('../images/downArrow.svg') no-repeat calc(100% - 15px) center;text-overflow:ellipsis;white-space:nowrap; padding-top: 1px; padding-left: 16px; padding-right:28px;-moz-appearance:none;-webkit-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none; font-family: 'Intelo'; color:var(--color-black); font-size: 18px; font-weight: 400; border: solid 1px var(--color-white); background-color: transparent; width:100%; background-size: 15px;cursor:pointer;}
select,select.form-control:focus{color: var(--color-black);}
select option,select.form-control option{ padding:0 10px;}
textarea.form-control, textarea.hs-input {min-height:115px;resize:vertical;height:auto; padding-top: 10px; border-radius: 10px;}
.form-group label{display: block; width: 100%;}
.cta-here {
  margin-top: 30px;
}

.hs-fieldtype-checkbox {
  display: flex;
  align-items: center;
}

.hs-fieldtype-checkbox ul.inputs-list.multi-container {
  display: flex;
  margin-left: 20px;
  align-items: center !important;
}

.hs-fieldtype-checkbox ul.inputs-list.multi-container li.hs-form-checkbox {
  display: flex !important;
  margin-right: 20px;
  align-items: center !important;
}

.hs-fieldtype-checkbox ul.multi-container label.hs-form-checkbox-display {
  display: flex;
  align-items: center;
}

#general input.hs-button.primary.large { 
  text-transform: uppercase;
}
#tender input.hs-button.primary.large {
  background: var(--color-taupe);
  color:var(--color-white);
  text-transform: uppercase;
}
#early input.hs-button.primary.large {
  background: var(--color-black);
  color:var(--color-white);
  text-transform: uppercase;
}
#sub input.hs-button.primary.large {
  background: var(--color-light-blue);
  text-transform: uppercase;
}

.container{width: 100%;max-width:1400px;position: relative; z-index: 2; padding-left: 20px; padding-right: 20px;}

/*button*/
/* .btn-primary {background: var(--color-yellow); border: 0; font-family: 'Intelo'; font-weight: 400; font-size:14px; text-align: center; color:var(--color-black); text-transform: uppercase; height:30px; line-height:30px; border-radius: 0;text-align:center; padding:0 15px;cursor: pointer;  display: inline-block; transition: all ease 0.3s;}
.btn-primary.small {font-size:14px; text-align: center; color:var(--color-black); text-transform: uppercase; height:30px; line-height:30px;}
.btn-primary:hover {background: var(--color-black); color: var(--color-white); outline: 0; box-shadow: none;}
.btn-primary:focus {background-color: var(--color-black); color: var(--color-white); box-shadow: none !important; outline: 0; border: 0;} */
.btn-primary.active {background-color:var(--color-black);}

/*checkbox*/
.custom-checkbox {position: relative;padding-left: 30px;cursor: pointer;user-select: none; font-size: 20px; color: var(--color-black); line-height: 22px;}
.custom-checkbox input[type="checkbox"] {position: absolute;opacity: 0;cursor: pointer;}
.checkbox-mark {position: absolute;top: 3px;left: 0;height: 19px;width: 19px;background-color: var(--color-sand); border-radius: 0; border: 0; background-color: transparent; transition: border-color 0.2s, box-shadow 0.2s;}
.custom-checkbox input:hover  ~ .checkbox-mark {background-color: var(--color-black);}
.custom-checkbox input:checked ~ .checkbox-mark {background-color: var(--color-yellow);}

/*animated txt link*/
/* .animated-link {font-size: 20px; color: var(--color-black);}
.animated-link:before {width: 16px; height: 2px; background-color: var(--color-black); content: ""; display: inline-block; vertical-align: middle; margin-right: 4px; transition: all ease 0.3s;}
.animated-link:hover:before {width: 32px;} */

/*border*/
.top-border {border-top: solid 1px var(--color-black);}
.bottom-border {border-bottom: solid 1px var(--color-black);}

.pad-t0{padding-top: 0!important;}
.pad-0{padding-top:0!important; padding-bottom: 0!important;}
.pad-lr0{padding-left: 0!important; padding-right: 0!important;}
.mrg-0{margin-top: 0!important; margin-bottom: 0!important;}
.pad-t30 {padding-top: 30px;}
.pad-b30 {padding-bottom: 30px;}
.pad-t40 {padding-top: 40px;}
.pad-b40 {padding-bottom: 40px;}
.pad-tb40 {padding-top: 40px; padding-bottom: 40px;}
.pad-t60 {padding-top: 60px;}
.pad-b60 {padding-bottom: 60px;}
.pad-tb60 {padding-top: 60px; padding-bottom: 60px;}
.pad-t100 {padding-top: 100px;}
.pad-b100 {padding-bottom: 100px;}
.pad-t80 {padding-top: 80px;}
.pad-b80 {padding-bottom: 80px;}
.pad-t130 {padding-top: 130px;}
.pad-b130 {padding-bottom: 130px;}
.pad-tb130 {padding-top: 130px; padding-bottom: 130px;}
.pad-t150 {padding-top: 150px;}
.pad-b150 {padding-bottom: 150px;}
.pad-tb150 {padding-top: 150px; padding-bottom: 150px;}

/*owl carousel*/
.owl-carousel .owl-nav {margin: 0;display: flex;align-items: center;gap: 10px;}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {width: 30px; height: 30px; background-color: var(--color-yellow); background-image: url('https://24264970.fs1.hubspotusercontent-ap1.net/hubfs/24264970/tylor-construction/images/slider-arrow.svg'); background-repeat: no-repeat; background-position: center; font-size: 0; border: 0; border-radius: 0; margin: 0;}
.owl-carousel .owl-nav button.owl-next {transform: scale(-1);}
.owl-carousel .owl-nav button.owl-next:hover, .owl-carousel .owl-nav button.owl-prev:hover {background-color: var(--color-white); background-image: url('https://24264970.fs1.hubspotusercontent-ap1.net/hubfs/24264970/tylor-construction/images/slider-arrow.svg'); background-repeat: no-repeat; background-position: center;}
.owl-item {opacity: 0;transition: opacity 0.4s ease;}
.owl-item.active {opacity: 1;}

/*accordian*/
.accordion .accordion-header {color: var(--color-black); border-top: solid 1px var(--color-black);}
.accordion-item {background-color: transparent; border: 0;}
.accordion-button {padding: 15px 0; background-color: transparent; font-family: 'Reckless Standard M'; font-size: 33px; color: var(--color-black); padding-right: 10px; outline: 0; box-shadow: none;}
.accordion-button:after {background-image: url('https://24264970.fs1.hubspotusercontent-ap1.net/hubfs/24264970/tylor-construction/images/right-arrow-icon.svg'); background-repeat: no-repeat; background-size: 10px; content: ""; width: 10px; height: 18px;}
.accordion-button:not(.collapsed) {background-color: transparent; border: 0; border-radius: 0; color: var(--color-black); box-shadow: none;}
.accordion-button:not(.collapsed)::after {background-image: url('https://24264970.fs1.hubspotusercontent-ap1.net/hubfs/24264970/tylor-construction/images/right-arrow-icon.svg'); background-repeat: no-repeat; background-size: 10px; transform: rotate(-90deg); background-position: center;}
.accordion-button:focus { box-shadow: none;}
.accordion-body {padding: 0 0 18px 0;}
/* .accordion .accordion-header.white {color: var(--color-white); border-color: var(--color-white);} */
/* .accordion .accordion-header.white .accordion-button {color: var(--color-white);} */
/* .accordion .accordion-header.white .accordion-button:after {filter: invert(1);} */
.accordion-header.small .accordion-button {font-family: 'Intelo'; font-size: 20px;}
.services-color .accordion .accordion-header.white { border-color: var(--color-black);}
.services-color * { color: var(--color-black) !important; }
.services-color .accordion-header.white .accordion-button:after {  filter: unset;}


/* .collapsing {transition-duration: 0.8s;}
.accordion-collapse {overflow: hidden;transition: height 1s ease;} */

/*hubspot row*/
.body-container--project-list .project_listing_area-row-0-max-width-section-centering > .row-fluid {padding-left: 20px; padding-right: 20px;}

/*-------Global-Responsivecss Start--------*/
@media only screen and (max-width:1400px) {
  body {font-size: 18px;}
  p {font-size: 18px;}
  h1, .h1 {font-size: 45px;}
  h2, .h2 {font-size: 38px;}
  h3, .h3 {font-size: 33px;}
  .animated-link {font-size: 18px;}
  .pad-t80 {padding-top: 60px;}
  .pad-b80 {padding-bottom: 60px;}
  .pad-t100 {padding-top: 70px;}
  .pad-b100 {padding-bottom: 70px;}
  .pad-t130 {padding-top: 80px;}
  .pad-b130 {padding-bottom: 80px;}
  .pad-tb130 {padding-top: 80px; padding-bottom: 80px;}
  .pad-t150 {padding-top: 100px;}
  .pad-b150 {padding-bottom: 100px;}
  .pad-tb150 {padding-top: 100px; padding-bottom: 100px;}
}

@media only screen and (max-width:1199px) {
  h1, .h1 {font-size: 35px;}
  h2, .h2 {font-size: 33px;}
  h4, .h4 {font-size: 30px;}
  h5, .h5 {font-size: 28px;}
  .animated-link {font-size: 18px;}
  .pad-t80 {padding-top: 60px;}
  .pad-b80 {padding-bottom: 60px;}
  .pad-t100 {padding-top: 60px;}
  .pad-b100 {padding-bottom: 60px;}
  .pad-t130 {padding-top: 60px;}
  .pad-b130 {padding-bottom: 60px;}
  .pad-tb130 {padding-top: 60px; padding-bottom: 60px;}
  .pad-t150 {padding-top: 80px;}
  .pad-b150 {padding-bottom: 80px;}
  .pad-tb150 {padding-top: 80px; padding-bottom: 80px;}
  .accordion-button {font-size: 30px;}

}

@media only screen and (max-width: 991px) {
  h5, .h5 {font-size: 27px;}
}

@media only screen and (max-width:767px){
  .wow{animation-name: none !important;visibility: visible !important; transform: none !important;}
  .btn-primary {height: 45px; line-height: 45px; font-size: 20px; padding: 0 20px;}
  .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {width: 45px; height: 45px;}
  .pad-t30 {padding-top: 20px;}
  .pad-t40 {padding-top: 30px;}
  .pad-b40 {padding-bottom: 30px;}
  .pad-tb40 {padding-top: 30px; padding-bottom: 30px;}
  .pad-t60 {padding-top: 40px;}
  .pad-b60 {padding-bottom: 40px;}
  .pad-tb60 {padding-top: 40px; padding-bottom: 40px;}
  .pad-t100 {padding-top: 40px;}
  .pad-b100 {padding-bottom: 40px;}
  .pad-t150 {padding-top: 50px;}
  .pad-b150 {padding-bottom: 60px;}
  .pad-tb150 {padding-top: 50px; padding-bottom: 50px;}
  .accordion-button {padding-right: 30px;}
  .accordion-button::after {transform: rotate(90deg); right: 10px; top: auto; position: absolute;}
  .accordion-button:not(.collapsed)::after {transform: rotate(-90deg);}
  .cta-here {
    margin-top: 20px;
  }
}

@media only screen and (max-width: 479px) {
  .container {padding-left: 15px; padding-right: 15px;}
}
/*-------Global-Responsivecss End--------*/

/*header css start*/

.site-header {position: fixed; top: 0; left: 0; right: 0; z-index: 10; padding: 21px 0; transition: all ease 0.5s;}
.navbar-brand {max-width: 150px; width: 100%; margin: 0; padding: 0; z-index: 1;}
.navbar-brand img{max-width: 100%; display: block; transition: all ease 0.5s;}
.site-header .navbar{padding: 0;}
.site-header .navbar-collapse {margin-top: 0; flex-basis: min-content;}
.site-header .navbar-collapse ul {margin:0 0 20px auto; padding:0;}
.site-header ul li.hs-menu-item{margin: 0; padding: 15px 0; position: relative; width: 100%; border-top: solid 1px var(--color-black); display: flex; align-items: center;}
.site-header ul li.hs-menu-item:first-child {margin: 0;}
.site-header ul li.hs-menu-item a{font-family: 'Reckless Standard M'; color: #000000; font-size: 33px; font-weight: 400; line-height: 1; padding: 0; position: static;}
.site-header ul li.hs-menu-item a:after {background-image: url("https://24264970.fs1.hubspotusercontent-ap1.net/hubfs/24264970/tylor-construction/images/right-arrow-icon.svg"); background-repeat: no-repeat; background-position: right center; background-size: 100%; width: 10px; height: 18px; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); content: "";}
.site-header ul li.hs-menu-item a:hover, .site-header ul li.hs-menu-item a:focus, .site-header ul li.hs-menu-item:hover {color: #000000;}
.site-header ul li a:hover,.site-header ul li a, .site-header ul li a:focus {color: #000000;}
.site-header .navbar-collapse {position: fixed;top: -100%; left: 0; right: 0; bottom: 0;background: var(--color-yellow);width: 100%;padding-top: 0; height: calc(100% - 74px) !important; transition: all ease 0.3s; overflow-y: auto; display: block; align-items: flex-start; padding-top: 85px;}
.nav-open {overflow: hidden;}
.nav-open .site-header {background-color: var(--color-sand);}
.nav-open .site-header .navbar-collapse {top: 74px;}
.site-header .search-btn {margin-left: auto; margin-right: 53px; z-index: 1;}
.site-header .search-btn a {display: block; line-height: 1;}
.site-header .navbar-collapse .h1 {margin-bottom: 70px; max-width: 1080px;}
/* .site-header ul li.hs-item-has-children ul.hs-menu-children-wrapper {display: none;} */
.site-header ul li a::after {background-image: url("https://24264970.fs1.hubspotusercontent-ap1.net/hubfs/24264970/tylor-construction/images/right-arrow-icon.svg"); background-repeat: no-repeat; background-position: right center; background-size: 100%; width: 10px; height: 18px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); content: ""; border: 0;}
.site-header ul li ul.hs-menu-children-wrapper {display: flex; top: auto; margin: 0;}
.site-header ul li ul.hs-menu-children-wrapper {position: absolute; left: 270px; background-color: transparent; padding: 0; border: 0; display: none;}
.site-header ul li ul.hs-menu-children-wrapper li {width: auto; border: 0; margin-right: 50px !important;}
.site-header ul li ul.hs-menu-children-wrapper li a {padding: 0; font-family: 'Intelo'; font-size: 16px; font-weight: 400; background-color: transparent;}
.site-header ul li ul.hs-menu-children-wrapper li a:hover {background-color: transparent; text-decoration: underline;}
.site-header ul li ul.hs-menu-children-wrapper a:after{content:unset; position:unset;display:none;}
.site-header ul li > ul li.hs-menu-item.hs-menu-depth-2 span.dropdown-toggle:after {
  display: none !important;
}
.site-header .navbar-collapse ul li.hs-menu-depth-1 span.dropdown-toggle:after {
  display: none;
}
/*sticky header*/
/* .site-header.scroll-header {background-color: ;} */

/*animated nav icon*/
#nav-icon{background-color:inherit; position:absolute;border:0;margin:0; right: 0; top: 5px; width:28px;height:21px;z-index:1; cursor:pointer;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.5s ease-in-out;transition:.5s ease-in-out; box-shadow: none; display: block;}
#nav-icon span{position:absolute;display:block;width:100%;height:2px;background:var(--color-black);border-radius:2px;opacity:1;left:0;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.25s ease-in-out;transition:.25s ease-in-out}
#nav-icon span:nth-child(1){top:0}
#nav-icon span:nth-child(2){top:10px}
#nav-icon span:nth-child(3){top:20px}
#nav-icon.animate-icon span:nth-child(1){top:10px;-webkit-transform:rotate(135deg);transform:rotate(135deg)}
#nav-icon.animate-icon span:nth-child(2){opacity:0;left:-10px}
#nav-icon.animate-icon span:nth-child(3){top:10px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}

/*search modal*/
.header-search-form.search-modal {border-radius: 0 0 150px 0; position: fixed; left: 0; top: -100%; width: 100%; height: 100%; z-index: 9; transition: all ease 0.5s; display: block;}
.header-search-form.search-modal.show {top:0;}
.search-modal .search-top {padding: 22px 0;}
.search-field {top: 25%; transform: translateY(-25%);}
.search-field .hs-input {border-radius: 0; border-left: 0; border-top: 0; border-right: 0; padding-left: 0; padding-right: 35px; padding-top:0; padding-bottom: 0; font-family: 'Reckless Standard M', serif; font-size: 33px; height: 65px;}
.search-field .hs-input::-webkit-input-placeholder, .search-field .hs-input::-webkit-input-placeholder{color:#b6b2ab; opacity: 1; font-size: 33px !important;}
.search-field .hs-input::-moz-placeholder, .search-field .hs-input::-webkit-input-placeholder{color:#b6b2ab; opacity: 1; font-size: 33px !important;}
.search-field .hs-input:-ms-input-placeholder, .search-field .hs-input:-ms-input-placeholder{color:#b6b2ab; opacity: 1 font-size: 33px !important;;}
.search-field .hs-input:-moz-placeholder, .search-field .hs-input:-moz-placeholder{color:#b6b2ab; opacity: 1; font-size: 33px !important;}
.search-field .field button {position: absolute; right: 0; top: 17px; width: 24px; height: 25px; border: 0; background-color: transparent;}
.search-modal .close-search {background-color:var(--color-sand);}
.search-field .field button {position: absolute; right: 0; top: 17px; width: 24px; height: 25px; border: 0; background-color: transparent;}
.search-field input:-webkit-autofill,
.search-field input:-webkit-autofill:hover,
.search-field input:-webkit-autofill:focus,
.search-field input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 50px rgba(255, 255, 255, 0) inset !important;
  background-color: transparent !important;
  background-clip: text;
}

.search-field input[type="search"]::-webkit-search-cancel-button {
  display: none;
}

@media only screen and (max-width: 1400px) {
  .search-field .hs-input {font-size: 28px;}    
  .search-field .hs-input::-webkit-input-placeholder, .search-field .hs-input::-webkit-input-placeholder{font-size: 28px !important;}
  .search-field .hs-input::-moz-placeholder, .search-field .hs-input::-webkit-input-placeholder{font-size: 28px !important;}
  .search-field .hs-input:-ms-input-placeholder, .search-field .hs-input:-ms-input-placeholder{font-size: 28px !important;;}
  .search-field .hs-input:-moz-placeholder, .search-field .hs-input:-moz-placeholder{font-size: 28px !important;}
}

@media only screen and (max-width: 1199px) {
  .site-header .navbar-collapse {padding-top: 30px;}
  .site-header .navbar-collapse .h1 {margin-bottom: 50px;}
  .search-modal {border-radius: 0 0 100px 0;}
}

@media only screen and (min-width: 992px) {
  .site-header ul li.hs-item-has-children:hover ul.hs-menu-children-wrapper {display: flex !important; flex-wrap: wrap;}
}

@media only screen and (max-width: 991px) {
  .site-header {padding: 20px 0;}
  .site-header .navbar-collapse {height: calc(100% - 71px) !important;}
  .nav-open .site-header .navbar-collapse {top: 71px;}
  .search-field .hs-input {font-size: 24px; height: 50px;}  
  .search-field .hs-input::-webkit-input-placeholder, .search-field .hs-input::-webkit-input-placeholder{font-size: 24px !important;}
  .search-field .hs-input::-moz-placeholder, .search-field .hs-input::-webkit-input-placeholder{font-size: 24px !important;}
  .search-field .hs-input:-ms-input-placeholder, .search-field .hs-input:-ms-input-placeholder{font-size: 24px !important;;}
  .search-field .hs-input:-moz-placeholder, .search-field .hs-input:-moz-placeholder{font-size: 24px !important;}
  .search-field .field button {top: 8px;}
}

@media only screen and (max-width: 767px) {
  .site-header .navbar-collapse .h1{font-size:40px;}
  .site-header ul li.hs-menu-item {flex-wrap: wrap;}
  .site-header ul li.hs-menu-item a:after {display: none;}
  .site-header ul li.hs-menu-item.hs-item-has-children {display: flex;}
  .site-header ul li.hs-menu-item.hs-item-has-children .dropdown-toggle:after {margin-left: 5px; background-image: url('https://24264970.fs1.hubspotusercontent-ap1.net/hubfs/24264970/tylor-construction/images/Plus.svg'); background-repeat: no-repeat; background-position: right center; background-size: 100%; width: 25px; height: 25px;  content: ""; border: 0;display: inline-block !important;position: relative;top: 0;left: auto;right: auto;display: inline-block;transform: none;vertical-align: middle;}
  .site-header ul li.hs-menu-item.hs-item-has-children .dropdown-toggle.show:after {background-image: url('https://24264970.fs1.hubspotusercontent-ap1.net/hubfs/24264970/tylor-construction/images/minus.svg');}
  .site-header ul li ul.hs-menu-children-wrapper {position: relative;left: 0;width: 100%;flex-wrap: wrap;gap: 0 12px; display: none;}
  .site-header ul li ul.hs-menu-children-wrapper .open-menu-list{display:flex !important}
  .site-header ul li ul.hs-menu-children-wrapper li.hs-menu-depth-2 a:after {display: none !important;}
  .site-header ul li ul.hs-menu-children-wrapper li {margin: 10px 0 0 0 !important; padding: 0;}
  .site-header ul li ul.hs-menu-children-wrapper li:first-child {margin-top: 10px;}
  .site-header ul li ul.hs-menu-children-wrapper li a {width: auto;}
  .site-header .navbar-collapse ul li.hs-menu-depth-1 span.dropdown-toggle:after {
    display: block !important;
  }

  .dropdown-toggle.show~.hs-menu-children-wrapper {
    display: flex;
  }
  .site-header ul li ul span.dropdown-toggle {
    display: block;
  }
}
/*header css end*/

/*welcome bnr css start*/
.welcome-bnr {padding-top: 158px; padding-bottom: 40px; border-radius: 0 0 125px 0;}
.welcome-bnr .animated-link {margin-top: 120px;}

@media only screen and (max-width: 1199px) {
  .welcome-bnr {padding-top: 140px; border-radius: 0 0 100px 0;}
  .welcome-bnr .animated-link {margin-top: 100px;}
}

@media only screen and (max-width: 991px) {
  .welcome-bnr .animated-link {margin-top: 40px;}
}

@media only screen and (max-width: 767px) {
  .welcome-bnr {padding-top: 110px;}
  .welcome-bnr h1 {margin-bottom: 0;}
}

@media only screen and (max-width: 679px) {
  .welcome-bnr {padding-bottom: 128px;}
}
/*welcome bnr css end*/

/*full video image css start*/
.full-img-video.with-bnr {margin-top: -112px;}
.full-img-video video, .full-img-video img {width: 100%; height: 100% !important; object-fit: cover; position: absolute; left: 0; top: 0; z-index: -1;}
.full-img-video:after {display: block; content: ""; padding-top: 56%;}
.full-only-img img {width: 100%; display: block;}

.body-container--expertise .full-img-video.with-bnr, 
.body-container--project .full-img-video.with-bnr, 
.body-container--team .full-img-video.with-bnr,
.body-container--project-list .full-img-video.with-bnr,
.body-container--about  .full-img-video.with-bnr,
.body-container--contact .full-img-video.with-bnr {
  margin-top: 0;
}

.body-container--expertise .full-img-video .title_and_content * {
  color: var(--color-white);
  padding-top: 75px;
}

@media only screen and (max-width: 991px) {
  .full-img-video.with-bnr {margin-top: -88px;}
  .full-img-video::after {padding-top: 80%;}
  .for-image-mobile::after {
    padding-top: 56%;
    width: 100%;
  }

  .for-image-mobile img {
    object-fit: contain;
  }

  .for-image-mobile video {
    object-fit: cover;
  }
}

/* @media only screen and (max-width: 575px) {
.full-img-video::after {padding-top: 175%;}
} */
/*full video image css end*/

/*image card css start*/
.delivering h2 {margin-bottom: 80px;}
.delivering .row {margin-left: -8px; margin-right: -8px; gap: 16px 0;}
.delivering [class*="col-"]:first-child .image-card .count, .social-sustainability [class*="col-"]:first-child .image-card .count
.delivering [class*="col-"] {padding-left: 8px; padding-right: 8px;}
.image-card {padding: 15px 25px; height: 100%; max-height: 274px;}
.image-card .bg-img {width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover;}
.image-card:after {display: block; content: ""; padding-top: 39%;}
.image-card:before {width: 100%; height: 100%; position: absolute; left: 0; top: 0; content: ""; background-color: rgba(0, 0, 0, 0.15); z-index: 1;}
.image-card .count {position: relative; z-index: 1; font-size:90px;font-family: 'Reckless Standard M';  line-height: 1;}
.image-card p {position: relative; z-index: 1; margin-top: auto; width: 100%;}
.image-card.white-txt {color: var(--color-white);}
.image-card.whiite-txt .count {color: var(--color-white);}
.image-card.bg-color:before {display: none;}
.image-card .count-icon .user-icon {max-width: 134px; min-width: 134px; margin-left: auto;}
.delivering span.white-txt { z-index:1; font-family: 'Reckless Standard M'; font-size: 90px; color: var(--color-white); line-height: 1;}

@media only screen and (max-width: 1400px) {
  .delivering h2 {margin-bottom: 42px;}
  .image-card {font-size: 16px; padding: 15px 20px;}
  .image-card .count, .delivering .image-card  span.white-txt {font-size: 65px;}
  .image-card .count-icon .user-icon {max-width: 115px;min-width: 115px;}
  .image-card .green-img {width: 100px;}
}

@media only screen and (max-width: 1199px) {
  .image-card .count-icon .user-icon {max-width: 100px;min-width: 100px;}
}

@media only screen and (max-width: 575px) {
  .delivering {padding-top: 75px; padding-bottom: 0;}
  .image-card {max-height: inherit;}
}
/*image card css end*/

/*live projects css start*/
.live-projects {background-position: calc(calc(100vw - 1419px)/2) center !important; background-size: contain  !important; height: 720px  !important; overflow: hidden;}
.live-projects:before {width: 100%; height: 100%; content: ""; position: absolute; left: calc(calc(-100% - 1390px)/2); top: 0; background-color: var(--color-sand);}
.live-projects h2 {margin-bottom: 10px;}
.live-projects h2, .live-projects p, .live-projects h3, .live-projects h4, .live-projects h5, .live-projects h6 {max-width:60%;width:100%}
.live-projects .content * {max-width: 100% ;}
.location-area {width: 547px; margin:-28px 0 0 -39px;}
.location-area .dot {width: 30px; flex: 0 0 30px; height: 30px; background-color: var(--color-white); display: inline-block;}
.location-area .dot:hover, .location-area .dot.active{background-color: var(--color-yellow);}
.location1{margin-left: 95px;margin-top: 50px;}
.location2{margin-left: 49px;margin-top: 170px;}
.location3 {margin-top: 65px;margin-left: -24px;}
.location4 {margin-left: 95px;margin-top: 55px;}
.location5 {margin-left: 50px;margin-top: 85px;}
.location6 {margin-top: 22px;}
.location7 {margin-left: 60px;margin-top: 0;}
.location8 {margin-left: 0;margin-top: 48px;}
.location9 {margin-left: 100px;margin-top: 75px;}
.location10 {margin-left: 30px;margin-top: 35px;}
.location11 {margin-left: -37%;margin-top: 534px;}
.project-box {position: absolute; right: 0; bottom: 0; z-index: 9;}
.project-card {width: 440px;display: none;animation: fade 0.4s ease;}
.project-card.active {display: block;}
.location-slider {display: none !important;}
.order-6 {order: 6;}

@keyframes fade {
  from {
    opacity: 0;
    transform: translateY(10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.project-card .img-card {border-radius: 125px 0 0 0; overflow: hidden; position: relative;}
.project-card .img-card img {width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; top: 0;}
.project-card .img-card:after {display: block; content: ""; padding-top: 66%;}
.project-card .content {padding: 20px; background-color: var(--color-white);}
.project-card .content ul {padding: 0;}
.project-card .content .card-tag {margin-bottom: 25px;}
.project-card .content .card-tag ul li {font-size: 14px;}
.project-card .content .card-tag ul li:before {width: 12px; height: 12px; background-color: var(--color-yellow); content: ""; display: inline-block; vertical-align: middle; margin: -3px 10px 0 0;}
.project-card .content h5 {margin-bottom: 15px;}
.project-card .content h5 > a{ font-family: 'Reckless Standard M';}
.project-card .content .btn-primary {margin-top: 30px;}

@media only screen and (max-width: 1400px) {
  .location2 {margin-left: 35px;}
  .location4 {margin-left: 68px;}
  .location9 {margin-left: 50px;}
  .project-card {width: 380px;}
  .project-card .img-card {border-radius: 80px 0 0 0;}
}

@media only screen and (max-width: 1366px) {
  .live-projects {height:701px!important}
  .location-area {
    margin: -28px 0 0 0;
  }
}

@media only screen and (max-width: 1280px){
  .location-area {
    margin: -28px 0 0 -40px;
  }
}

@media only screen and (max-width: 1200px){
  .location-area {
    margin: -28px 0 0 -82px;
  }
}

@media only screen and (max-width: 1199px) {
  .live-projects {
    height: 715px !important;
  }
  .location-area {
    margin: -28px 0 0 -45px;
  }
  .location-area .dot {width: 25px; flex: 0 0 25px; height: 25px;}
  .location1 {margin-left: 40px;}
  .location2 {margin-left: 30px;}
  .location4 {margin-left: 45px;}
  .location5 {margin-left: 40px;}
  .location11 {margin-left: -36%;margin-top: 553px;}

}

@media only screen and (max-width: 1024px) {
  .location-area {
    margin: -28px 0 0 -15px;
  }
}

@media only screen and (max-width: 991px) {
  .live-projects {background-color: var( --color-light-blue); background-image: none !important; height: auto !important; padding-bottom: 40px;}
  .live-projects .project-card .content {background-color: var( --color-light-blue);}
  .project-box {display: none;}
  .location-area {display: none !important;}
  .location-slider {display: block !important; position: static;}
  .location-slider.owl-carousel .owl-stage {display: flex;}
  .location-slider .project-card {display: block;width: 100%;padding: 0 0 80px 0;position: static;}
  .project-card .img-card {border-radius: 0; overflow: inherit;}
  .project-card .content {padding: 15px 0 0 0; display: flex; flex-wrap: wrap;}
  .project-card .content .card-tag {margin-bottom: 20px; width: 100%;}
  .project-card .content ul {width: 100%;}
  .project-card .content .btn-primary {margin-left: auto;position: absolute;bottom: 0;right: 0;margin-top: auto;}
  .location-slider.owl-carousel .owl-nav {position: absolute; bottom: 0;}
  .live-projects h2, .live-projects p, .live-projects h3, .live-projects h4, .live-projects h5, .live-projects h6 {max-width:100%;width:100%}
}
@media only screen and (max-width: 767px) {
  .live-projects h2, .live-projects p, .live-projects h3, .live-projects h4, .live-projects h5, .live-projects h6 {max-width:100%;width:100%}
}

@media only screen and (max-width: 767px) {
  .live-projects {padding-top: 60px; padding-bottom: 20px;}
  .location-slider .project-card {padding: 0 0 60px 0;}
}
/*live projects css end*/

/*hospitality-slider css start*/
.hospitality-card-heading{max-width: 1400px; width: 100%;position: relative; z-index: 2; padding-left: 20px; padding-right: 20px;position: absolute;top: 40px; left: 0;right: 0;margin: 0 auto;}
.hospitality-card-heading span{display: block;color: var(--color-white);margin-bottom: 10px;font-size:22px; line-height: 1;}
.hospitality-card-heading h2{color: var(--color-white);}
.hospitality-card-img{position: relative;}
.hospitality-card-img img {width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;}
.hospitality-card-img::before {display: block;content: "";padding-top: 64%;}
.hospitality-card-img:after {width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.18); position: absolute; left: 0; top: 0; content: "";}
.hospitality-slider .owl-nav {position: relative;z-index: 2;padding-left: 20px;padding-right: 20px;position: absolute;bottom: 40px;left: calc(calc(100vw - 1412px) / 2);right: auto;margin: 0 auto;}
.hospitality-btn {position: relative;z-index: 1;padding-left: 20px;padding-right: 20px;position: absolute;bottom: 40px;left: calc(calc(100vw - 1210px) / 2);right: auto;margin: 0;padding-left: 0;}
.hospitality-btn .btn-primary:hover {background-color: var(--color-white); color: var(--color-black);}

@media only screen and (max-width: 1400px) {
  .hospitality-slider .owl-nav {left: 0;}
  .hospitality-btn {left: 105px;}
}

@media only screen and (max-width: 1199px) {
  .hospitality-slider .owl-nav {left: 0;}
  .hospitality-btn {left: 110px;}
}

@media only screen and (max-width: 767px) {
  .hospitality-btn {left: 150px;}
  .hospitality-card-heading {top: 20px;}
  .hospitality-slider .owl-nav {bottom: 20px;}
  .hospitality-btn {bottom: 20px;}
  .hospitality-card-img::before {padding-top: 130%;}
}
/*hospitality-slider css end*/

/*our people css start*/
.people-img {width: 62%;flex: 0 0 62%;border-radius: 0 0 150px 0;overflow: hidden; position: relative;}
.people-img img{display: block;width: 100% !important; height: 100%; object-fit: cover; position: absolute; left: 0; top: 0;}
.people-img:after {display: block; content: ""; padding-top: 78%;}
.people-info {width: 38%;flex: 0 0 38%;padding: 40px 40px 120px;}
.people-info-inner{max-width: 432px;}
.people-info h3, .people-info span {display: block;margin-bottom: 34px;}
.people-slider.owl-carousel .owl-stage {display: flex;}
.slider-footer {position: absolute;z-index: 2;padding-left: 20px;padding-right: 20px;bottom: 40px;left: auto;right: calc(calc(100vw - 1412px) / 2);margin: 0;justify-content: end;}
.nav-buttons .owl-prev-custom, .nav-buttons .owl-next-custom {width: 30px; height: 30px; background-color: var(--color-yellow); background-image: url('https://24264970.fs1.hubspotusercontent-ap1.net/hubfs/24264970/tylor-construction/images/slider-arrow.svg'); background-repeat: no-repeat; background-position: center; font-size: 0; border: 0; border-radius: 0; margin: 0;}
.nav-buttons .owl-next-custom {transform: scale(-1);}
.nav-buttons .owl-prev-custom:hover, .nav-buttons .owl-next-custom:hover {background-color: var(--color-white);}
.our-people.white-txt .people-info h3, .our-people.white-txt .people-info p {color: var(--color-white);}
.our-people.white-txt .slider-footer {color: var(--color-white);}
.body-container--project .people-info-inner * {
  color: var(--color-white);
}

.body-container--project span.slide-count {
  color: var(--color-white);
}
.web-color-style .people-info .people-info-inner * {
  color: var(--color-white) !important;
}
.body-container--expertise span.slide-count {
  color: var(--color-white);
}

@media only screen and (max-width: 1400px) {
  .slider-footer {right: 0;}
}

@media only screen and (max-width: 1199px) {
  .slider-footer {right: 0;}
  .people-img {width: 55%;flex: 0 0 55%;border-radius: 0 0 90px 0;}
  .people-info {width: 45%;flex: 0 0 45%;padding: 30px 30px 120px;}
}

@media only screen and (max-width: 991px) {
  .people-card {flex-wrap: wrap;}
  .people-img {width: 50%;flex: 0 0 50%;}
  .people-info {width: 50%;flex: 0 0 50%;padding: 25px 25px 120px;}
  .people-img {width: 100%;flex: 0 0 100%;}
  .people-img:after {padding-top: 75%;}
  .people-info {width: 100%;flex: 0 0 100%;padding: 25px 20px 70px;}
  .people-info-inner {max-width: 100%;}
}

@media only screen and (max-width: 767px) {
  .our-people {background-color: var(--color-beige); padding-bottom: 70px;}
  .our-people.black-bg {background-color: var(--color-black);}
  .people-info .btn-primary {display: none;}
  .nav-buttons .owl-prev-custom, .nav-buttons .owl-next-custom {width: 45px; height: 45px;}
  .slider-footer {bottom: 20px;}
  .slider-footer .slide-count {display: none;}
}

@media only screen and (max-width: 479px){
  .slider-footer {padding-left: 15px; padding-right: 15px;}
}
/*our people css end*/

/*sector expertise css start*/
.width-50{width: 50%;}
.sector-expertise-info {max-width: 700px;margin-left: auto;padding:40px  20px;height: 100%;display: flex;flex-direction: column;justify-content: flex-start;}
.sector-expertise-list{max-width: 560px; margin-top: auto;}
.sector-expertise-list ul {margin-bottom: 70px;}
.sector-expertise-img{position: relative; height: 100%; max-height: 900px;}
.sector-expertise-img img {width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;}
.sector-expertise-img::before {display: block;content: "";padding-top: 110%;}
.sector-upr-info {position: absolute;top: 0;left: 0;bottom: 0;padding: 40px;z-index: 1;display: flex;flex-direction: column;justify-content: space-between;}
.sector-upr-info h2{color: var(--color-white);}

@media only screen and (max-width: 1440px) {
  .sector-expertise-info {justify-content:space-between;}
}

@media only screen and (max-width: 767px) {
  .sector-expertise {flex-wrap: wrap; flex-direction: column-reverse;}
  .sector-expertise .width-50 {width: 100%;}
  .sector-expertise-img::before {padding-top: 125%;}
  .sector-upr-info {padding: 20px;}
  .sector-expertise-list ul {margin-bottom: 15px;}
}
/*sector expertise css end*/

/*latest-news css start*/
.latest-news h2{margin-bottom: 36px;}
.news-card{margin-bottom: 36px;}
.news-card a.h4, .news-card a.h5 {text-decoration-color: var(--color-yellow);}
.news-card:hover a.h4, .news-card:hover a.h5{text-decoration: underline;text-decoration-line: underline;text-decoration-color: var(--color-yellow);text-decoration-thickness: 2px;text-underline-offset: 3px}
.news-card-img{margin-bottom: 20px;position: relative;}
.news-card-img img {width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;}
.news-card-img::before {display: block;content: "";padding-top: 68%;}
.news-card-img:after {position: absolute;left: 0;right: 0;bottom: 0;content: "";height: 8px;background-color: var(--color-yellow);transition: all 0.3s ease;opacity: 0;}
.news-card:hover .news-card-img:after{opacity: 1;}
.news-article-tag{font-size: 14px;margin-bottom: 20px;}
.news-article-tag.lrg {font-size: 20px;}
.news-article-tag i{width: 12px;height: 12px;flex: 0 0 12px;background-color: var(--color-yellow);transition: all 0.3s ease}
.news-article-tag.lrg i {width: 18px; height: 18px;flex: 0 0 18px;}
.news-card:hover i{background-color: var(--color-black);}
.news-card.colume-box .news-card-img {width: calc(100% - 440px); order: 2; margin-bottom: 0;} 
.news-card.colume-box .news-card-info {width: 440px; order: 1; padding-right: 40px;}
.news-card.colume-box .news-card-info p {margin-top: 40px;}
.news-listing  .for-tags { display: flex; align-items: center;flex-wrap: nowrap;}
.news-listing  .for-tags a.news-article-tag { width: auto;}

.news-list .col-md-12:nth-of-type(2) .colume-box{margin-bottom: 70px;}
.news-list [class*="col-"]:nth-of-type(3) .news-card, .news-list [class*="col-"]:nth-of-type(4) .news-card {margin-bottom: 70px;}

@media only screen and (max-width: 1400px) {
  .news-card .h4 {font-size: 27px;}
  .news-card.colume-box .news-card-info p {margin-top: 20px;}
}

@media only screen and (max-width: 991px) {
  .news-card.colume-box .news-card-img {width: calc(100% - 350px);} 
  .news-card.colume-box .news-card-info {width: 350px;}
  .news-list .col-md-12:nth-of-type(2) .colume-box{margin-bottom: 36px;}
  .news-list [class*="col-"]:nth-of-type(3) .news-card, .news-list [class*="col-"]:nth-of-type(4) .news-card {margin-bottom: 36px;}
}

@media only screen and (max-width: 767px) {
  .news-card.colume-box .news-card-img {width: 100%; order: 1; margin-bottom: 20px;} 
  .news-card.colume-box .news-card-info {width: 100%; order: 2;padding-right:0;}
  .news-article-tag.lrg {font-size: 16px;}
  .news-article-tag.lrg i {width: 14px; height: 14px;flex: 0 0 14px;}
}
/*latest-news css end*/

/*footer css start*/
.footer-top-text{width: 55%;flex: 0 0 55%;}
.footer-top-text p{font-family: 'Reckless Standard M';font-size: 26px;}
.newsletter-block {width: 32%;flex: 0 0 32%;}
.newsletter-tag{margin-bottom: 40px;display: block;}
.newsletter-tag a, .newsletter-tag:hover, .newsletter-tag:focus {color: var(--color-white);}
.newsletter-input{margin-bottom: 180px;}
.newsletter-input .form-control{border-radius: 0;background-color: transparent; border-color: var(--color-white); color: var(--color-white);}
.newsletter-input .form-control::-webkit-input-placeholder, .newsletter-input .hs-input::-webkit-input-placeholder{color:var(--color-white); opacity: 1;}
.newsletter-input .form-control::-moz-placeholder, .newsletter-input .hs-input::-webkit-input-placeholder::-moz-placeholder{color:var(--color-white); opacity: 1;}
.newsletter-input .form-control:-ms-input-placeholder, .newsletter-input .hs-input:-ms-input-placeholder{color:var(--color-white); opacity: 1;}
.newsletter-input .form-control:-moz-placeholder, .newsletter-input .hs-input:-moz-placeholder{color:var(--color-white); opacity: 1;}
.go-btn{position: absolute;top: 0;bottom: 0; right: 0;border: none; background-color: transparent;padding: 0 10px;}
.go-btn img {display: block;}
.social-link li a{width: 30px;flex: 0 0 30px;height: 30px;display: flex; align-items: center; justify-content: center;background-color: var(--color-white);}
.footer-bottom{padding-top: 40px;margin-top: 40px;border-top: solid 1px rgba(255, 255, 255, 0.20);}
.ft-links{width: 32%;flex: 0 0 32%;}
.ft-links li{margin-bottom: 6px;}
.ft-links li a{color: rgba(255, 255, 255, 0.40);}
/* .ft-links li a:hover {color: var(--color-white);} */
.ft-logo.mobile {display: none;}
.footer .ft-logo { max-width: 170px; width: 100%;}
footer .hs_email{background:var(--color-black);padding:0;position:relative}
footer .hs_email .input input{background:var(--color-black);border:1px solid var(--color-white);padding-right:30px; padding-top: 0; padding-bottom: 0; height: 50px; line-height: 50px;}
footer .hs_email label{margin:0}footer span.newsletter-tag{color:var(--color-white)}
footer .form-title{padding:0}
footer form .hs_submit.hs-submit{position:absolute;top:20px;transform:translateY(-50%);line-height:1;right:10px}
footer .input input{color:var(--color-white)!important;font-size:20px}
footer input.hs-button.primary.large{background-image:url("https://24264970.fs1.hubspotusercontent-ap1.net/hubfs/24264970/tylor-construction/images/go-btn.svg");background-repeat:no-repeat;background-size:cover;width:8px;height:13px;background-position:center center;background-color:unset;display:inline-block;padding:0;font-size:0;border:none; outline:none;}
footer .hs_email .input input::placeholder {
  color:var(--color-white)!important;
}

/* Chrome, Safari */
footer .hs_email .input input::-webkit-input-placeholder {
  color:var(--color-white)!important;
}

@media only screen and (max-width: 1400px) {
  .newsletter-input {margin-bottom: 125px;}
}

@media only screen and (max-width: 1199px) {
  footer form .hs_submit.hs-submit {top: 21px;}
}

@media only screen and (max-width: 767px) {
  .footer.pad-t40 {padding-top: 60px;}
  .footer.pad-b40 {padding-bottom: 60px;}
  .footer-top {flex-wrap: wrap;}
  .footer-top-text {width: 100%;flex: 0 0 100%;}
  .newsletter-block {width: 100%;flex: 0 0 100%;}
  .newsletter-input {margin-bottom: 20px;}
  .footer-bottom {flex-wrap: wrap;border: 0;padding: 0;}
  .footer-bottom .ft-logo {display: none;}
  .ft-logo.mobile {display: block; margin-bottom: 40px;}
  .ft-links {width: 100%;flex: 0 0 100%;}
  .newsletter-tag {margin-bottom: 30px;margin-top: 30px;}
  .footer-top-text p{font-size:18px;}
}
/*footer css start*/

/*inner welcome txt start*/
.inner-top-txt {padding: 210px 0 130px;}
.inner-top-txt.bg-left {z-index: 9;}
.inner-top-txt.bg-left::before {width: calc(50% - 206px); height: calc(100% - 74px); min-width: 35%; content: "";position: absolute;left: 0;top: 74px;}
.inner-top-txt.bg-left .h2 {padding-right: 60px;}
.inner-top-txt .title-col {width: 36%;}
.inner-top-txt .txt-col {width: 64%; padding-left: 53px;}
.inner-top-txt p:last-child {margin-bottom: 0;}

@media only screen and (max-width: 1400px) {
  .inner-top-txt {padding: 160px 0 80px;}
  .inner-top-txt .txt-col {padding-left: 25px;}
}

@media only screen and (max-width: 1199px) {
  .inner-top-txt {padding: 120px 0 60px;}
}

@media only screen and (max-width: 991px) {
  .inner-top-txt {padding: 110px 0 45px;}
  .inner-top-txt.bg-left {background-color: var(--color-sand);}
  .inner-top-txt.bg-left .h2 {padding-right: 0;}
  .inner-top-txt .title-col {width: 100%;}
  .inner-top-txt .txt-col {width: 100%; padding-left: 12px;}
  .inner-top-txt.bg-left::before {display: none;}
}
/*inner welcome txt end*/

/*ceo talk start*/
.ceo-talk {border-radius: 0 0 125px 0;}
.ceo-img {width: 55%; flex:0 0 55%; border-radius: 0 0 125px 0; overflow: hidden; position: relative;}
.ceo-img img {width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; top: 0; object-position: 43%; display: block;}
.ceo-img:after {display: block; content: ""; padding-top: 80%;}
.ceo-txt {width: 45%; flex: 0 0 45%; padding: 40px calc(calc(100vw - 1300px)/2) 40px 40px;}
.ceo-txt .linkedin-link {margin-top: 120px; margin-left: auto;}
.ceo-talk .h2 {max-width: 930px;}

@media only screen and (max-width: 1440px) {
  .ceo-img:after {padding-top: 105%;}
}

@media only screen and (max-width: 1400px) {
  .ceo-txt {padding: 20px;}
}

@media only screen and (max-width: 1199px) {
  .ceo-img {border-radius: 0 0 100px 0;}
}

@media only screen and (max-width: 991px) {
  .ceo-talk {border-radius: 0 0 120px 0; padding-bottom: 120px;}
  .ceo-img {width: 100%; flex: 0 0 100%;}
  .ceo-txt {width: 100%; flex:0 0 100%;}
}

@media only screen and (max-width: 767px) {
  .ceo-img {width: 100%; flex:0 0 100%;}
  .ceo-img img {position: relative;}
  .ceo-img:after {display: none;}
  .ceo-txt {width: 100%; flex: 0 0 100%;}
}
/*ceo talk end*/

/*image card start*/
.what-believe .title_and_content p {max-width: 360px;}
.image-card-list .row {margin-left: -8px; margin-right: -8px; gap: 16px 0;}
.image-card-list [class*="col-"] {padding-left: 8px; padding-right: 8px;}
.image-txt-card {transition: all ease 0.3s;}
.image-txt-card h3 {color: var(--color-white); font-size: 33px; margin-bottom: 10px;}
.image-txt-card .img-block .bg-img {width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; top: 0;}
.image-txt-card .img-block:before {width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; top: 0; content: ""; background-color: rgba(0, 0, 0, 0.2); z-index: 1;}
.image-txt-card .img-block:after {display: block; content: ""; padding-top: 67%;}
.image-txt-card .txt-block {position: absolute; left: 0; top: 0; padding: 20px; z-index: 2;}
.image-txt-card .txt-block.full-height {display: flex; flex-wrap: wrap; height: 100%;}
.image-txt-card .txt-block p {opacity: 0;}
.image-txt-card .txt-block .animated-link {opacity: 0; margin-top: auto;}
.image-txt-card .txt-block.withimg p {padding-right: 172px;}
.image-txt-card .txt-block.withimg i {opacity: 0; position: absolute; right: 11px; bottom: 20px; max-width: 172px;}
.image-txt-card:hover h3 {color: var(--color-black); width: 100%;}
.image-txt-card:hover .bg-img {display: none;}
.image-txt-card:hover p {opacity: 1 }
.image-txt-card:hover .animated-link {opacity: 1;}
.image-txt-card:hover .img-block::before {display: none;}
/* .image-txt-card.yellow:hover {background-color: var(--color-yellow);}
.image-txt-card.sand:hover {background-color: var(--color-sand);}
.image-txt-card.sand-drk:hover {background-color: var(--color-sand-dark);}
.image-txt-card.lightblue:hover {background-color: var(--color-light-blue);} */
/* .image-txt-card.taupe:hover {background-color: var(--color-taupe);} */
.image-txt-card:hover .txt-block.withimg i {opacity: 1;}
/* .image-txt-card {background-color: var(--color-taupe);} */
.image-txt-card.only-bg h3 {color: var(--color-black);}
.image-txt-card.only-bg .bg-img {display: none;}
.image-txt-card.only-bg .img-block::before {display: none;}

.what-believe-module .top{min-height:149px;}

@media only screen and (max-width: 1199px) {
  .image-txt-card h3 {font-size: 30px;}
  .image-txt-card .txt-block {padding: 15px;}
  .image-txt-card .txt-block.withimg p {padding-right: 100px;}
  .image-txt-card .txt-block.withimg i {right: 10px;bottom: 10px;width: 95px;}
}

@media only screen and (max-width: 991px) {
  .what-believe .title_and_content {margin-bottom: 20px;}
  .what-believe .title_and_content h2 {margin-bottom: 35px !important;}
  .what-believe .title_and_content p {max-width: 100%;}
  .image-card-list {margin-top: 20px;}
  .image-txt-card h3 {font-size: 35px;}
}
/*image card end*/

/*our principal start*/
/* .our-principal {color: var(--color-white); min-height: 825px;} */
.our-principal { min-height: 825px;}
/* .our-principal h2 {color: var(--color-white);} */
.for-expertise { padding: 40px 0 175px 0;}
.team-page-color * { color: var(--color-white);}

@media only screen and (max-width: 1400px) {
  .our-principal {min-height: inherit;}
}

@media only screen and (max-width: 767px) {
  .our-principal {background-color: var(--color-sand); background-image: none; color: var(--color-black);}
  /*   .our-principal h2 {color: var(--color-white);} */
  /*   .our-principal .accordion .accordion-header.white {border-color: var(--color-white);} */
  /*   .our-principal .accordion .accordion-header.white .accordion-button,.our-principal .accordion .accordion-body p, .our-principal p {color: var(--color-white);} */
  /*   .our-principal .accordion .accordion-header.white .accordion-button:after {filter: invert(0);} */
  .services-color .accordion .accordion-header.white {border-color: var(--color-black);}
  .for-expertise { padding: 60px 0 120px 0;}
}
/*our principal end*/

/*sticky bar start*/
.sticky-bar {background-color: var(--color-yellow); padding: 15px 0; position: sticky; top: 90px; z-index: 3;}
.sticky-bar ul {padding: 0; gap: 0 20px;}
.sticky-bar ul li {font-size: 16px;}
.sticky-bar ul li a {position: relative;}
.sticky-bar ul li a:after {width: 100%; height: 1px; content:""; display: block; background-color:var(--color-black); opacity:0; margin-top: -3px;}
.sticky-bar ul li.active a{opacity: 0.5;}
.sticky-bar ul li.active a:after {opacity: 1;}
.sticky-bar ul li:hover a:after {opacity: 1;}
.dnd-section:has(.sticky-bar) {
  position: sticky;
  top: 74px;
  z-index: 5;
}

@media only screen and (max-width: 991px) {
  .sticky-bar {padding: 13px 0 14px;top: 72px;}
  .dnd-section:has(.sticky-bar) {
    top: 72px;
  }
}

@media only screen and (max-width: 479px) {
  .sticky-bar ul {gap: 0 10px;}
  .sticky-bar ul li {font-size: 12px;}
}
/*sticky bar end*/

/*awards start*/
.award-list .list-head {border-bottom: solid 1px var(--color-black); padding-bottom: 22px;}
.award-list .list {border-bottom: solid 1px var(--color-black); padding: 23px 0;}
.award-list .list .mobile-title {display: none;}
.awards .list .row span.h4 a:before {height: 2px;background: var(--color-black);width: 100%;content:'';position: absolute;top: auto;left: 0;bottom: 0;opacity: 0;}
.awards .list .row span.h4 a { position: relative;}
.awards .list .row span.h4 a:hover:before { opacity: 1;}

@media only screen and (max-width: 767px) {
  .award-list .list-head {display: none;}
  .award-list .list {border-top: solid 1px var(--color-black); border-bottom: 0;}
  .award-list .list:last-child {border-bottom: solid 1px var(--color-black);}
  .award-list .list .h4 {margin-bottom: 5px;}
  .award-list .list .mobile-title {display: block; font-weight: 700; margin-top: 15px;}
}
/*awards end*/

/*sector info start*/
.sector-info .side-col {width: 36%;}
.sector-info .side-col::before {width: calc(36% - 10px);height: 430px;position: absolute;top: -430px;content: "";left: 0;right: 0;margin-top: 90px;}
.sector-info .main-col {width: 64%; padding-left: 53px;}
.side-bar { height: 100%; padding-bottom: 50px;}
.side-bar:before {width: 100vw; height: 100%; content: ""; position: absolute; top: 0; left: -100vw;}
.sector-data {border-top: solid 1px var(--color-black); padding: 15px 0; margin-right: 60px;}
.sector-data .no span {font-size: 90px;}
.testimonial-slider {padding-right: 50px; margin-top: 65px;}
.testimonial-slider h4 {margin-bottom: 50px;}
.testimonial-slider p {font-size: 14px;}
.side-bar .slider-footer {position: relative;padding: 0;left: 0;right: auto;bottom: auto;justify-content: flex-start; margin-top: 25px;}
.side-bar .nav-buttons .owl-prev-custom, .side-bar .nav-buttons .owl-next-custom {background-color: var(--color-white);}
.side-bar .nav-buttons .owl-prev-custom:hover, .side-bar .nav-buttons .owl-next-custom:hover {background-color: var(--color-yellow);}
.learning .accordion-button {font-family: 'Intelo'; font-size: 20px;}
.feature-project {margin-top: 50px;}
.feature-project .image-hover-card {margin-bottom: 20px;}
.feature-project .image-hover-card:last-child {margin-bottom:0;}
.sector-info span.js-count { margin-right: 10px;}

@media only screen and (max-width: 1400px) {
  .sector-info .main-col {padding-left: 25px;}
  .sector-data .no span {font-size: 80px;}
}

@media only screen and (max-width: 991px) {
  .testimonial-slider {margin-top: 34px;}
  .testimonial-slider h4 {margin-bottom: 35px;}
  .sector-info .side-col::before {display: none;}
  .sector-info .side-col {width: 100%;}
  .sector-info .main-col {width: 100%; padding-left: 12px; padding-top: 20px;}
  .side-bar::before {left: -20px;z-index: -1;}
  .sector-data {margin-right: 0;}
  .learning .btn-primary {margin-top: 20px !important;}
}

@media only screen and (max-width: 479px) {
  .side-bar::before {left: -15px; right: -15px; width: auto;}
  .learning .btn-primary {padding: 0 15px;}
}
/*sector info end*/

/*image hover card start*/
.image-hover-card .image-wrapper img {width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; top: 0; transition: all ease 0.3s;}
.image-hover-card .image-wrapper img.hover-img {opacity: 0;}
.image-hover-card .image-wrapper:after{display: block; content: ""; padding-top: 57%;}
.image-hover-card .project-title {position: relative; z-index: 1; display: inline-flex; background-color: var(--color-sand); border-radius: 0 50px 0 0; font-size: 14px; padding: 15px 40px 15px 20px; transition: all ease 0.3s;}
.image-hover-card .project-title b, .image-hover-card .project-title strong {display: block; font-weight: 400; line-height: 1;}
.image-hover-card:hover img.hover-img {opacity: 1;}
.image-hover-card:hover img.normal-img {opacity: 0;}
.image-hover-card .project-title p { font-size: 14px;font-weight: 600; }
.image-hover-card:hover .project-title {background-color: var(--color-black); color: var(--color-white);}

@media only screen and (max-width: 679px) {
  .image-hover-card .image-wrapper:after{padding-top: 50%;}
  .image-hover-card .project-title {border-radius: 0 28px 0 0;padding: 10px 20px 8px 10px;}
}
/*image hover card end*/

/*timeline css start*/
.history {overflow: hidden;}
.timeline-section {padding: 40px 0; position: relative;}
.timeline-section .center-line {width: 100%; height: 1px; background-color: var(--color-black); position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0;}
.timeline-section .dot {width: 6px; height: 6px; background-color: var(--color-black); position: absolute; right: 100px;}
.time-block {max-width: 300px; min-width: 300px; width: 100%; font-size: 17px; position: relative;}
.time-block.top {margin-bottom: 468px;}
.time-block.bottom {margin-top: 422px;}
.time-block::after {width: 25px;height: 25px;background-color: var(--color-yellow);content: "";position: absolute;}
.time-block.top::after {bottom: -77px;left: 0;}
.time-block.bottom::after {top: -31px;left: 0;}
.time-block.top .dot {bottom: -68px;}
.time-block.bottom .dot {top: -21px;}
.timeline-track {display: flex; transition: transform 0.8s ease; gap: 0 120px; padding-left: calc(calc(100vw - 1100px)/2); transition: transform 1s ease;}
.time-block h2,.time-block .txt-img p, .time-block .txt-img img {opacity: 0;transform: translateY(20px);}
.time-block h2 {transition: all 0.6s ease 0.4s; margin-bottom: 10px;}
/* .time-block .txt-img {transition: all 0.6s ease 1s;} */
.time-block .txt-img p {margin: 0; line-height: 1.3; font-size: 17px; transition: all 0.6s ease 1s;}
.time-block .txt-img .img-box {position: relative; margin-top: 15px; transition: all 0.6s ease 1s;}
.time-block .txt-img img {width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover; opacity: 0; transition: all 0.6s ease 1.5s;}
.time-block .img-box:after {display: block; content: ""; padding-top: 66%;}
/* Active base */
.time-block.active h2, .time-block.active .txt-img p,  .time-block.active .txt-img img {opacity: 1;}
.timeline-section {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.timeline-section.dragging {
  cursor: grabbing;
}

.timeline-track {
  cursor: grab;
}

@media only screen and (max-width: 1440px) {
  .time-block.top {margin-bottom: 469px;}
  .time-block.bottom {margin-top: 423px;}
  .time-block.bottom .dot {top: -24px;}
}

@media only screen and (max-width: 1400px) {
  .time-block.top {margin-bottom: 468px;}
  .time-block.bottom {margin-top: 421px;}
  .time-block.top .dot {bottom: -71px;}
  .time-block.bottom .dot {top: -24px;}
}

@media only screen and (max-width: 1199px) {
  .timeline-track {padding-left: calc(calc(100vw - 900px)/2);}
  .time-block.bottom::after {top: -38px;left: 0;}
  .time-block.top {margin-bottom: 458px;}
  .time-block.bottom {margin-top: 417px;}
  .time-block.top .dot {bottom: -69px;}
  .time-block.bottom .dot {top: -28px;}
}

@media only screen and (max-width: 991px) {
  .timeline-track {padding-left: calc(calc(100vw - 600px)/2);}
}

@media (max-width: 767px) {
  .history {padding-top: 10px;}
  .timeline-track {padding: 0; gap: 0; flex-direction: column; flex-wrap: wrap;}
  .timeline-section {margin-top: 40px; overflow: hidden; max-height: 564px;}
  .timeline-section .center-line {width: 1px;height: 100%;transform: translateY(0);left: 110px;right: 0; top: 0;}
  .time-block.top {margin-bottom: 40px;}
  .time-block {margin-left: 124px; margin-bottom: 40px; padding-top: 8px; max-width: 230px; min-width: 230px;}
  .time-block.bottom {margin-top: 0;}
  .time-block.top .dot {top: 60%;transform: translateY(-60%);left: -17px;}
  .time-block.bottom .dot {top: 60%;bottom: auto;left: -16px;transform: translateY(-60%);}
  .time-block h2 {margin-bottom: 0;position: absolute;left: -108px;top: 0;}
  .time-block.top::after {top: 32px;left: -20px;bottom: auto;width: 13px;height: 13px;}
  .time-block.bottom::after {top: 32px;left: -20px;width: 13px;height: 13px;bottom: auto;}
  .member-info .timeline-section {max-width: 400px;}
}
/*timeline css end*/

/*filter css start*/
.filter .accordion {border-top: solid 1px var(--color-black); border-bottom: solid 1px var(--color-black); padding-top: 15px;}
.filter .accordion .accordion-header {border: 0; margin-right: 19px;}
.filter .accordion-button {font-family: 'Intelo'; font-size: 20px; font-weight: 700; padding: 0;}
.filter .accordion-button:after {display: none;}
.filter .accordion-body {padding: 0;}
.filter .label {border-top: solid 1px var(--color-black); padding-top: 15px; padding-bottom: 15px;}
.filter .check-list {max-width: 100%;width: 100%;}
.filter .check-list .custom-checkbox {width: 33.33%; padding-right: 15px; margin-bottom: 15px;}
.filter .checkbox-mark {background-color: var(--color-sand);}
.filter .accordion {display: flex; flex-wrap: wrap;}
.filter .accordion-item {display: flex;}
.filter .accordion-item.lrg {width: 80%;}
.filter .accordion-item.small {width: 20%;}
.filter .accordion-item.lrg .check-list, .filter .accordion-item.small .check-list {max-width: 100%;}
.filter .accordion-item.small .check-list .custom-checkbox {width: 100%;}

@media only screen and (min-width:768px) {
  .filter .accordion-collapse {display: block !important;height: auto !important;overflow: visible !important;}
}

@media only screen and (max-width: 1199px) {
  .filter .check-list {max-width: 100%;}
  .filter .check-list .custom-checkbox {width: 50%;}
  .filter .accordion-item.lrg {width: 75%;}
  .filter .accordion-item.small {width: 25%;}
}

@media only screen and (max-width: 991px) {
  .filter .accordion-item.lrg {width: 100%;}
  .filter .accordion-item.small {width: 100%;}
}

@media only screen and (max-width: 767px) {
  .filter .accordion {border-top: 0; padding-top: 0;}
  .filter .accordion-item.lrg {flex-wrap: wrap;}
  .filter .accordion-item.small {flex-wrap: wrap;}
  .filter .accordion .accordion-header {width: 100%; margin: 0; border-top: solid 1px var(--color-black);}
  .filter .accordion-button {padding: 15px 0 18px; font-weight: 400;}
  .filter .accordion-button:after {display: block; margin-right: 5px;}
}

@media only screen and (max-width: 679px) {
  .filter .check-list .custom-checkbox {width: 100%; padding-right: 0;}
}
/*filter css end*/

/*projects start*/
.projects-list .row {gap: 20px 0;}
/*projects end*/

/*project detail start*/
.project-info .top-txt ul li {margin-top: 7px;}
.img-video-bnr {padding: 135px 0 0 0;}
.project-info .top-txt h2 {width: 100%;}
.project-info .top-txt ul {padding: 0; margin-top: 76px; width: 100%;}
.project-info .accordion {margin-top: 15px;}
.project-info .accordion .accordion-header .accordion-button {text-align: right; justify-content: flex-end; font-size: 0; padding-left: 0; padding-right: 0;}
.project-info .accordion .accordion-button:before {width: 10px; height: 2px; background-color: var(--color-white); content: ""; top: -2px;position: absolute;left: 41.66666667%;z-index: 9;}
.project-info .accordion .accordion-button:after {margin-left: 10px; font-family: 'Intelo'; font-size: 16px; transform: none;width: auto; background-position: right;margin: 0;padding-right: 20px;line-height: 1;}
.project-info .accordion .accordion-button.collapsed:after{content: "Open for the full story"; background-image: url('https://24264970.fs1.hubspotusercontent-ap1.net/hubfs/24264970/tylor-construction/images/right-arrow-icon.svg');}
.project-info .accordion .accordion-button:after {content: "Close"; background-image: url('https://24264970.fs1.hubspotusercontent-ap1.net/hubfs/24264970/tylor-construction/images/up-arrow-icon.svg');background-size: 19px;margin-left: 0;padding-right: 30px;}
.project-info .detail-txt .company-info p {font-size: 14px; margin-top: 35px;}
.project-info .col-lg-7 ul { margin-top: 0;padding-left: 24px;}
.project-info .col-lg-7 ul li,.project-info .accordion-body .detail-txt > ul li { position: relative; } 
.project-info .col-lg-7 ul li::after,.project-info .accordion-body .detail-txt > ul li { position: absolute; top: 16px; left: -24px; content: ''; background: var(--color-black); height: 1px; width: 10px; }
.project-info .col-lg-7 ul li{ margin-top: 0;}
.project-gallery .row {gap: 20px 0;}
.only-img {height: 100%;}
.only-img img {width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; top: 0;}
.only-img.lrg:after {display: block; content: ""; padding-top: 65%;}
.only-img.retangle:after {display: block; content: ""; padding-top: 65%;}
.only-img.portrait:after {display: block; content: ""; padding-top: 133.33%;}
.newsletter-block .newsfield {max-width: 443px;}
.newsletter-block .newsfield .form-control {border-color: var(--color-black); font-size: 20px; color: var(--color-black); border-radius: 0;}
.newsletter-block .newsfield .form-control::-webkit-input-placeholder, .newsletter-block .newsfield .hs-input::-webkit-input-placeholder{color:var(--color-black); opacity: 1;}
.newsletter-block .newsfield .form-control::-moz-placeholder, .newsletter-block .newsfield .hs-input::-webkit-input-placeholder::-moz-placeholder{color:var(--color-black); opacity: 1;}
.newsletter-block .newsfield .form-control:-ms-input-placeholder, .newsletter-block .newsfield .hs-input:-ms-input-placeholder{color:var(--color-black); opacity: 1;}
.newsletter-block .newsfield .form-control:-moz-placeholder, .newsletter-block .newsfield .hs-input:-moz-placeholder{color:var(--color-black); opacity: 1;}

.newsletter-block .newsfield .hs-button {position: absolute;right: 0;top: 0;background-color: transparent;font-size: 0;border:0; background-image: url('https://24264970.fs1.hubspotusercontent-ap1.net/hubfs/24264970/tylor-construction/images/long-right-arrow.svg'); background-repeat: no-repeat; background-size: 100%; width: 16px; height: 13px; padding: 0; top: 18px; right: 15px;}
.newsletter-block .newsfield form input[type=email] {font-size: 20px;height: 50px; padding-top: 0; padding-bottom: 0; line-height: 50px; padding-right: 40px;}
.newsletter form {background-color: var(--color-white);} .newsletter form .input input { background: var(--color-white); }

@supports not (-webkit-touch-callout: none) {
  .newsletter-block .newsfield form input[type=email] {padding-bottom: 3px;}
}

.newsletter .social-link {margin-left: auto;}
.newsletter .social-link li a {background-color: var(--color-black);}
.newsletter .social-link li a img {filter: invert(10);}

@media only screen and (max-width: 991px) {
  .img-video-bnr {padding: 100px 0 0 0;}
  .project-info .detail-txt .company-info {margin-bottom: 30px;}
  .project-info .top-txt ul {margin: 30px 0;}
  .project-info .accordion .accordion-button::before {display: none;}
}

@media only screen and (max-width: 767px) {
  .newsletter .social-link {margin: 30px 0 0 0;}
}
/*project detail end*/

/*Management start*/
.management-block h2 {margin-bottom: 30px;}
.management-card{margin-top: 20px;cursor: pointer;transition: all 0.3s ease;}
.management-img{position: relative;}
.management-img::before {display: block;content: "";padding-top: 68%;}
.management-img img {width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;transition: all 0.3s ease;}
.management-card:hover .on-img{opacity: 0;}
.management-card:hover .hover-img{opacity: 1;}
.hover-img{opacity: 0;}
.management-tag{padding: 11px 15px 15px 15px;padding-right: 30px; line-height: 1.3; transition: all 0.3s ease;position: relative;}
.management-card-top.collapsed:hover .management-tag::after {transform: translateY(-50%) rotate(90deg);}
.management-card-top.collapsed .management-tag:after {transform: translateY(-50%) rotate(0);}
.management-card-top .management-tag {background-color: var(--color-beige);}
.management-card-top .management-tag:after{background: url('https://24264970.fs1.hubspotusercontent-ap1.net/hubfs/24264970/tylor-construction/images/heading-arrow.svg') no-repeat; position: absolute;top: 50%; transform: translateY(-50%) rotate(270deg);  transition: all 0.3s ease; right: 15px;content: "";width: 10px;height: 18px;}
.management-card-top.collapsed:hover .management-tag{background-color: var(--color-white);}
.management-info{padding: 15px;transition: all 0.3s ease;border-radius: 0 0 60px 0;}
.management-info p{font-size: 16px;}

@media only screen and (max-width: 991px) {
  .management-block [class*="col-"] {flex: 100%; max-width: 100%;}
}

@media only screen and (max-width: 767px) {
  .management-block h2 {margin-bottom: 30px;}
}
/*Management end*/

/*impacr css start*/
/*esg framwork start*/
.esg-framwork h2 {color: var(--color-white);}
.esg-framwork .esg-img {padding: 45px 0 0;}
.esg-framwork.detail-bnr-img {padding-bottom: 0;}

@media only screen and (max-width: 767px) {
  .esg-framwork {padding-top: 40px;}
  .esg-framwork .esg-img {padding: 50px 0 0;}
}
/*esg framwork end*/

/*governance start*/
.pdf-link-block {margin-top: 30px;}
.pdf-link-block .title-row, .pdf-link-block .link-row {padding: 10px 0;}
.pdf-link-block .title-row p b {font-weight: 600;}
.pdf-link-block .link-row p {margin: 0;}
.pdf-link-block .link-row a {min-width: 100px; text-align: right;}
.pdf-link-block a:hover {text-decoration: underline; text-decoration-thickness: 1px;display: inline-block;}
/*governance end*/

@media only screen and (max-width: 767px) {
  .cycle-chart {display: flex; justify-content: center; margin-bottom: 35px;}
}
/*impact css end*/

/*career css start*/
.about-team .team-card {width: 100%;}
.profile-slider.owl-carousel.owl-drag .owl-item {width: 443px;}
.team-card .img-box img {width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover; object-position: right top;}
.team-card .img-box:after {display: block; content: ""; padding-top: 88%;}
.team-card .title-block {padding:  20px 0; margin-top: 40px; margin-bottom: 40px;}
.team-card .title-block h2 {margin-bottom: 10px;}
.team-card .title-block p {font-size: 22px;}
.career-heighlits .title-block {padding: 15px 0; margin-bottom: 30px;}
.career-heighlits .title-block h2 {margin-bottom: 10px;}
.member-info {display: none;}
.member-info.active {display: block;}
.member-info .info-block ul li {margin-top: 8px;}
.member-info .img-box {max-width: 200px;}
.member-info .timeline-section {padding: 0; margin-top: 0; margin-bottom: 65px; overflow: hidden;}
.member-info .time-block {max-width: 225px; min-width: 225px;}
.member-info .time-block.top {margin-bottom: 48px;}
.member-info .time-block.top::after {top: 76px;left: 0;width: 15px;height: 15px;}
.member-info .time-block .txt-img p {margin: 26px 0 0 0;}
.member-info .time-block.top .dot {top: 80px;right: 0;}
.employee-benifit .accordion-group {min-height: 750px;}
.employee-benifit .top-txt h2 {margin-bottom: 30px;}
.employee-benifit .top-txt p {max-width: 350px;}
.employee-benifit .bottom-img {
  max-width: 244px;
  width: 100%;
  height: auto;
}

.employee-benifit .bottom-img img {
  height: 100% !important;
  display: block;
}

@media only screen and (max-width: 1400px) {
  .about-team .team-card {padding-right: 12px;}
  .member-info .time-block.top::after {top: 61px;}
  .member-info .time-block.top .dot {top: 66px;}
}

@media only screen and (max-width: 1199px) {
  .member-info .time-block.top {margin-bottom: 22px;}
  .member-info .time-block .txt-img p {margin: 35px 0 0 0;}
}

@media only screen and (max-width: 767px) {
  .about-team .team-card {max-width: 100%; width: 100%; min-width: inherit; padding-right: 0;}
  .team-card .title-block {margin-top: 20px; margin-bottom: 20px; padding: 10px 0;}
  .team-card .title-block h2 {margin-bottom: 4px;}
  .team-card .title-block p {font-size: 16px;}
  .team-card .h5 {font-size: 20px;}
  .member-info .time-block h2 {top: -6px;}
  .member-info .time-block.top {margin-bottom: 65px; padding: 0;}
  .member-info .time-block.top::after {top: 24px;left: -21px;}
  .member-info .time-block .txt-img p {margin: 0;}
  .member-info .time-block.top .dot {bottom: -57px;top: auto;transform: none; left: -16px;}
  .employee-benifit .top-txt {margin-bottom: 25px;}
  .employee-benifit .top-txt p {max-width: 100%;}
  .employee-benifit .bottom-img {display: none;}
  .member-info .img-box {margin-bottom: 20px;display:none;}
  .career-heighlits .title-block{display:none;}
  .employee-benifit .accordion-group {min-height: inherit;}
}
/*career css end*/

/*news css start*/
.news-fillter {margin-bottom: 20px;}
.news-fillter .filter-btn {background-color: transparent; background-image: url('https://24264970.fs1.hubspotusercontent-ap1.net/hubfs/24264970/tylor-construction/images/Plus.svg'); background-repeat: no-repeat; background-position: right center; background-size: 20px; border-left: 0; border-right:0;width: 100%;text-align: left; padding: 9px 0; margin-bottom: 25px;}
.news-fillter .filter-btn.active {background-image: url('https://24264970.fs1.hubspotusercontent-ap1.net/hubfs/24264970/tylor-construction/images/minus.svg');}
.news-fillter .filter-accordion {  overflow: hidden;max-height: 0;opacity: 0;transition: max-height 0.35s ease, opacity 0.25s ease;}
/* .news-fillter .filter-accordion. */
.news-fillter .filter-accordion.open { max-height: 500px; margin-bottom:50px;/* large enough to fit content */opacity: 1;}
/*news css end*/

/*news detail css start*/
.news-detail {margin-top: 74px; overflow-x: hidden;}
.news-left {width: 60%; padding-top: 160px; padding-bottom: 100px; padding-right: 60px;}
.news-left .multi-img-block {gap: 20px 0;}
.news-left img {margin-top: 25px; margin-bottom: 0px;}
.news-left img:first{margin-bottom: 25px;}
.news-left img.small {max-width: 430px; width: 100%; margin: 0;}
.news-sidebar {width: 40%; padding: 160px 0 0 70px;}
.news-sidebar:after {width: 100vw; height: 100%; background-color: var(--color-sand); content: ""; position: absolute; top: 0; right: -100vw;}
.news-sidebar h4 {margin-bottom: 45px;}
.news-sidebar ul,.news-sidebar ul li {list-style-type: none;}
.artical-btn-group .prev-btn, .artical-btn-group .next-btn {gap: 0 15px;}
.artical-btn-group .prev-btn i, .artical-btn-group .next-btn i {background-color: var(--color-yellow); width: 30px; height: 30px; display: flex; justify-content: center; align-items: center;}
.artical-btn-group .prev-btn i img, .artical-btn-group .next-btn i img {margin: 0;}
.artical-btn-group .prev-btn i img {transform: scaleX(-1);}
.news-sidebar .share {gap: 0 16px; margin-top: 75px;}
.news-sidebar .social-link li a {background-color: var(--color-black);}
.news-sidebar .social-link li a img {filter: invert(10);}
.artical-btn-group .prev-btn i:hover, .artical-btn-group .next-btn i:hover {
  background-color: var(--color-black);
}
.artical-btn-group .prev-btn i:hover img, .artical-btn-group .next-btn i:hover img{filter:invert(1)}

@media only screen and (max-width: 1400px) {
  .news-left {padding-top: 60px;padding-bottom: 60px;padding-right: 40px;}
  .news-sidebar {padding: 60px 0 0 40px;}
}

@media only screen and (max-width: 991px) {
  .news-detail {margin-top: 72px;}
  .news-left {padding-top: 40px;padding-bottom: 60px;padding-right: 20px; width: 55%;}
  .news-left img {margin-top: 15px; margin-bottom: 0px;}
  .news-sidebar {padding: 30px 0 0 30px; width: 45%;}
  .news-sidebar h4 {margin-bottom: 25px;}
}

@media only screen and (max-width: 767px) {
  .news-left {padding-top: 30px; padding-right: 0; padding-bottom: 40px; width: 100%;}
  .news-sidebar {padding: 25px 0; width: 100%;}
  .news-sidebar::before {width: 100vw;height: 100%;background-color: var(--color-sand);content: "";position: absolute;top: 0;left: -100vw;}
  .news-sidebar .share {margin-top: 40px;margin-bottom: 20px;}
  .artical-btn-group .prev-btn, .artical-btn-group .next-btn {gap: 0 10px;}3
  .news-fillter .filter-accordion.open{margin-bottom:30px;}
}
/*news detail css end*/

/*contact us css start*/
.body-container--contact .dnd_area-row-0-max-width-section-centering > .row-fluid {max-width: 1400px !important; padding-left: 20px; padding-right: 20px;}
.contact-bnr {margin-top: 119px;}
.contact-bnr img {width: 100%; display: block;}
.contact-form .form-control, .contact-form .hs-input {width: 100% !important; border-radius: 0; height: 50px; font-size: 20px;}
.contact-form textarea.form-control {min-height: 240px;}
.form-type .row {gap: 24px 0;}
.form-card {padding: 15px 25px; height: 100%; min-height: 274px;}
.form-card .animated-link {margin-top: auto;}
.form-card.black-bg {color: var(--color-white);}
.form-card.black-bg h4 {color: var(--color-white);}
.form-card.black-bg .animated-link {color: var(--color-white);}
.form-card.black-bg .animated-link:before {background-color: var(--color-white);}
.body-container--contact .title-txt {padding-bottom: 80px;}
.form-module form button:hover {
  background: var(--color-black) !important;
  color: var(--color-white) !important;
}
form .hs-fieldtype-file label {
  padding-bottom: 16px !important;
}
form .hs-fieldtype-textarea .input {
  height: 239px;
}

form .hs-fieldtype-textarea .input textarea {
  height: 100%;
}

@media only screen and (max-width: 1199px) {
  .body-container--contact .title-txt {padding-bottom: 40px;}
}

@media only screen and (max-width: 991px) {
  .contact-bnr {margin-top: 90px;}
  .form-card {padding: 15px;}
}

@media only screen and (max-width: 767px) {
  .contact-form form {margin-top: 25px;}
  .form-type {padding-top:0;}
}
/*contact us css end*/

/*404 css start*/
.no-found-block { border-radius: 0 0 120px 0; margin-top: 90px; height: calc(100vh - 90px); min-height: 450px; margin-bottom: 40px;}

@media only screen and (max-width: 991px) {
  .no-found-block {border-radius: 0 0 90px 0; margin-top: 73px; height: calc(100vh - 73px);}
}
/*404 css end*/

.submitted-message {
  text-align: center;
}
/*related artical start*/
@media only screen and (max-width: 767px) {
  .releted-artical {padding: 30px 0 0;}
  .releted-artical h2 {margin-bottom: 30px !important;}
  fieldset.form-columns-2 .input{margin-right:0px!important}

  .submitted-message {
    margin-top: 50px;
  }

}
/*related artical end*/

/*partner marquess css*/
.partner-logo {
  overflow: hidden;
  width: 100%;
  padding:16px 0 20px 0;
  position: relative;
}

.partner-logo .logo-track, .partner-logo .logo-track-two {
  display: flex;
  align-items: center;
  gap: 0 40px; /* spacing between logos */
  width: max-content;
  will-change: transform;
}

.partner-logo .logo-item img {
  height: 60px;
  transition: 0.3s;
}

.hospitality-slider {
  pointer-events: auto;
}

.hospitality-slider .owl-stage-outer {
  pointer-events: none;
}

.hospitality-slider .owl-nav {
  pointer-events: auto;
}
.body-container--blog-post .disabled {
  opacity: 0.8;
  pointer-events: none;
}