html, body{
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	scroll-behavior: smooth;
	background-color: #fff;
	font-family: halyard-display, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 62.5%;
}

::selection{
	background: #19D4E6;
}

h1,h2,h3,h4,h5,h6{
	font-family: sculpin, sans-serif;
	font-weight: 700;
}

h1{
	font-size: 6rem;
}

h2{
	font-size: 4.8rem;
}

h3{
	font-size: 3.9rem;
}

h4{
	font-size: 3.1rem;
}

h5{
	font-size: 2.5rem;
}

h6{
	font-size: 2rem;
}

.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 700,
  'GRAD' 0,
  'opsz' 48
}

p{
	font-size: 1.6rem;
	font-family: halyard-display, sans-serif;
}

a{
	font-size: 2rem;
	font-weight: 700;
	font-family: sculpin, sans-serif;
	color: #000;
}

.bg-light{
	background-color: #fff!important;
}

.bg-orange{
	background-color: #FFAF10!important;
}

.bg-secondary{
	background-color: #19D4E6!important;
}

.mb0{
	margin-bottom: 0!important;
}

.mt0{
	margin-top: 0!important;
}


.mt2{
	margin-top: 2rem;
}

.mt8{
	margin-top: 8rem;
}

.mt4{
	margin-top: 4rem;
}

.reset-margin{
	margin: 0!important;
}

.mt8{
	margin-top: 8rem;
}

.mb2{
	margin-bottom: 2rem;
}

.mb4{
	margin-bottom: 4rem;
}

.mb8{
	margin-bottom: 8rem;
}

.fdc{
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	justify-content: center;
}


.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto{
	padding: 0!important;
}

.container{
	max-width: 1200px!important;
	width: 90%!important;
}


.bg-teal{
	background-color: #60DEEA!important;
}

.preload{
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	z-index: 999;
}

.preload-left{
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 50%;
	background-color: #FFAF10;
	z-index: 99;
}


.preload-right{
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 50%;
	background-color: #FFAF10;
	z-index: 99;
}


.preload-header{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 7.5rem;
	color: #000;
	font-family: sculpin, sans-serif;
	font-weight: 700;
	z-index: 9999;
}

.loading-screen {
    position: relative;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    background-color: #FFAF10;
    width: 0%;
    height: 100%;
}

.load-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    z-index: 10;
    pointer-events: none;
}


nav{
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: auto;
	background-color: #fff;
	transition: .2s all cubic-bezier(0.4, 0, 0.2, 1);
	z-index: 99;
	border-bottom: 2px solid #000;
}

.nav-down{
	top: -100%;
}


.nav-container{
	width: 90%;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-o-flex-direction: row;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}

.logo-link{
	padding-top: 35px;
	padding-bottom: 35px;
}

.menu-wrapper{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.menu-link{
	padding: 2rem;
}

.menu-link:hover{
	color: #000;
	text-decoration: underline;
}

.menu-button-link{
	margin-left: 2rem;
	display: inline-block;
	padding: 10px 30px;
	border: 2px solid #000;
	background: #FFAF10;
	box-shadow: 4px 4px 0 0 #000;
	transition: .2s all ease-in-out;
	text-decoration: none;
}

.menu-button-link:hover{
	text-decoration: none;
	color: #000;
	transform: translate(4px, 4px);
	box-shadow: 0 0;
}


.mobile-menu{
	display: none;
}

.burger{
	display: none;
}


.menu-contact-wrapper{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	padding: 2rem 0;
	font-size: 2rem;
	margin-top: 1rem;
}

.menu-contact-text{
	display: inline-block;
	margin-bottom: 2rem;
}

.menu-contact-link{
	font-size: 2rem;
	font-weight: 300;
	font-family: halyard-display, sans-serif;
}

.menu-contact-link:hover{
	color: #000;
}


.banner-section{
	margin-top: 10rem;
	padding-bottom: 4rem;
	border-bottom: 2px solid #000;
}


.banner-wrapper{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-o-flex-direction: row;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	height: 85vh;
}

.banner-text-wrapper{
	width: 60%;
	height: 85vh;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
}

.banner-img-wrapper{
	width: 40%;
	height: 85vh;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
}

.contact-banner-section{
	margin-top: 10rem;
	padding-bottom: 4rem;
	border-bottom: 2px solid #000;
}

.contact-banner-wrapper{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-o-flex-direction: row;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	height: 70vh;
}

.contact-banner-text-wrapper{
	width: 55%;
	height: 70vh;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}

.about-banner-text-wrapper{
	width: 45%;
	height: 70vh;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}

.landing-page-text-wrapper{
	width: 55%;
	height: 80vh;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}

.tiboost-banner-text-wrapper{
	width: 65%;
	height: 70vh;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}




.contact-banner-text-header{
	margin: 0;
	padding: 0;
}

.contact-banner-img-wrapper{
	width: 45%;
	height: 70vh;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
}

.about-banner-img-wrapper{
	width: 50%;
	height: 70vh;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	margin-left: 5%;
}

.landing-page-img-wrapper{
	width: 45%;
	height: 90vh;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	margin-left: 5%;
}

.shopsvg{
	animation: pulse ease-in 2s infinite;
}


.about-us{
	min-height: 100vh;
	background-color: #FFAF10;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	justify-content: center;
	border-bottom: 2px solid #000;
}

.about-us-header{
	margin-bottom: 8rem;
	font-size: 6rem;
}

.about-us-text{
	margin-bottom: 4rem;
	font-size: 3.1rem;
	font-weight: 300;
}

.about-us-link{
	display: inline-block;
	padding: 15px 40px;
	border: 2px solid #000;
	background: #fff;
	box-shadow: 4px 4px 0 0 #000;
	transition: .2s all ease-in-out;
	text-decoration: none;
	margin-top: 4rem;
}


.about-us-link:hover{
	text-decoration: none;
	color: #000;
	transform: translate(4px, 4px);
	box-shadow: 0 0;
}


.offer{
	min-height: 100vh;
	background-color: #fff;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	justify-content: center;
	margin-top: 8rem;
	padding-bottom: 8rem;
	border-bottom: 2px solid #000;
}

.offer-row{
	margin-top: 8rem;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.row-gap{
	display: -webkit-inline-flex;
	display: -moz-inline-flex;
	display: -ms-inline-flex;
	display: -o-inline-flex;
	display: inline-flex;
	flex-wrap: nowrap;
	gap: 2rem;
}

.offer-header{
	margin-bottom: 4rem;
}

.offer-text{
	font-size: 3.1rem;
	font-weight: 300;
	padding-top: 4rem;
}

.offer-text-span{
	text-decoration: underline;
	font-weight: bold;
}

.offer-card{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border: 2px solid #000;
	padding: 6rem 4rem;
	box-shadow: 4px 4px 0 0 #000;
	text-align: center;
}

.offer-card-less-padding{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border: 2px solid #000;
	padding: 4rem 2rem;
	box-shadow: 4px 4px 0 0 #000;
	text-align: center;
}



.offer-icon{
	max-width: 96px;
	height: auto;
	margin-bottom: 4rem;
}

.offer-icon-color{
	display: none;
	max-width: 96px;
	height: auto;
	margin-bottom: 4rem;
}

.offer-card-header{
	font-size: 2rem;
	font-weight: 900;
}

.offer-card-text{
	font-size: 1.6rem;
	font-weight: 500;
	text-align: left;
	margin-top: 2rem;
	margin-bottom: -2rem;
}

.offer-card:hover .offer-icon{
	display: none;
}

.offer-card:hover .offer-icon-color{
	display: block;
}

.offer-card-less-padding:hover .offer-icon{
	display: none;
}

.offer-card-less-padding:hover .offer-icon-color{
	display: block;
}


.our-services{
	padding-top: 8rem;
	padding-bottom: 8rem;
	border-bottom: 2px solid #000;
	background-color: #F1F1F1;
}

.our-services2{
	padding-top: 8rem;
	padding-bottom: 8rem;
	border-bottom: 2px solid #000;
}

.light-subheader{
	font-size: 2.5rem;
	font-weight: 300;
	padding-top: 4rem;
	margin-bottom: 4rem;
}

.list{
	font-size: 2rem;
	font-weight: 300;
	margin-top: 4rem;
	padding-left: 3rem;
	list-style-image: url("../images/tick.png");
}

.list-ol{
	font-size: 2rem;
	font-weight: 300;
	margin-top: 4px;
	padding-left: 3rem;
	list-style-image: none;
}

.list2{
	font-size: 2.5rem;
	font-weight: 500;
	margin-top: 4rem;
	padding-left: 3rem;
	list-style-image: url("../images/tick.png");
}

.list-span{
	font-weight: 700;
}

.list-item{
	margin-top: 2rem;
	margin-bottom: 2rem;
}

.img-center{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	justify-content: center;
}

.support-wrapper{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	justify-content: center;
}

.support-header{
	margin-bottom: 4rem;
}

.support-subheader{
	font-size: 2rem;
	font-weight: 300;
}

.tabs-wrapper{
	border: 2px solid #000;
	background-color: #fff;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-o-flex-direction: row;
	flex-direction: row;
}

.tabs-content{
	width: 100%;
}


.nav-tabs{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-o-flex-direction: row;
	flex-direction: row;
}

.tab-link{
	padding: 2rem 1rem;
}

.nav-tabs{
	border: none;
	margin: 0!important;
	padding: 0!important;
	border-bottom: 2px solid #000;
}

.nav-tabs .nav-link{
	border: none;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	justify-content: center;
	height: 100%;
}

.nav-tabs .nav-link:hover{
	color: #000;
}

.nav-tabs .nav-item{
	text-align: center;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link{
	background-color: #FFAF10;
	color: #000;
	border: none;
	border-radius: 0;
}

.first-tab-link{
	border-right: 2px solid #000!important;
	width: 33.34%;
}

.second-tab-link{
	border-right: 2px solid #000!important;
	width: 33.33%;
}

.third-tab-link{
	width: 33.33%;
}

.fourth-tab-link{
	width: 33.34%;
	border-right: 2px solid #000;
	border-top: 2px solid #000;
}

.fifth-tab-link{
	width: 33.33%;
	border-right: 2px solid #000;
	border-top: 2px solid #000;
}

.sixth-tab-link{
	width: 33.33%;
	border-top: 2px solid #000;
}

.first-tab-link-25vw{
	width: 25%;
	border-right: 2px solid #000!important;
}

.second-tab-link-25vw{
	width: 25%;
	border-right: 2px solid #000!important;
}

.third-tab-link-25vw{
	width: 25%;
	border-right: 2px solid #000!important;
}

.fourth-tab-link-25vw{
	width: 25%;
}

.nav-tabs .nav-item{
	margin-bottom: 0!important;
}

.tab-flex{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-o-flex-direction: row;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.tab-text-wrapper{
	width: 50%;
	height: 100%;
	padding: 2rem;
}

.harold-tab-text-wrapper{
	width: calc(50% - 3px);
	height: 100%;
	padding: 2rem;
}

.tab-image-wrapper{
	width: 50%;
	height: 100%;
	padding: 4rem 2rem;
	border-left: 2px solid #000;
}

.tab-text{
	font-size: 2.5rem;
}

.contact-us{
	background-color: #f1f1f1;
	padding-top: 4rem;
	padding-bottom: 4rem;
	border-bottom: 2px solid #000;
}

.contact-us-flex{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-o-flex-direction: row;
	flex-direction: row;
	align-items: center;
}

.contact-info-header{
	font-size: 3.1rem;
	font-weight: 700;
	margin-top: 2rem;
	margin-bottom: 4rem;
}

.contact-info-text{
	font-size: 2.5rem;
	font-weight: 300;
	margin-top: 2rem;
	margin-bottom: 2rem;
}

.contact-info-link{
	text-decoration: none;
	font-weight: 300;
	margin-top: 2rem;
	font-size: 2.5rem;
	margin-bottom: 2rem;
	font-family: halyard-display, sans-serif;
}

.contact-info-link:hover{
	text-decoration: underline;
	color: #000;
}

.contact-info-icon{
	margin-right: 1rem;
	font-size: 2.5rem;
}

.contact-light-subheader{
	font-size: 3.1rem;
	font-weight: 300;
	margin-top: 4rem;
	margin-bottom: 4rem;
}

.about-header{
	margin-bottom: 8rem;
}

.about-subheader{
	font-size: 3.1rem;
	line-height: 3.9rem;
	font-weight: 700;
}

.about-text-light{
	font-size: 2.5rem;
	font-weight: 300;
	margin-top: 4rem;
}

.about-text-cursive{
	display: inline-block;
	margin-top: 1rem;
}

.how-we-work-wrapper{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;	
}

.how-we-work-item{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-o-flex-direction: row;
	flex-direction: row;
	align-items: flex-start;
	border-bottom: 1px solid #000;
	padding: 2rem 0;
}

.how-we-work-item:first-of-type{
	padding-top: 0;
}

.how-we-work-image{
	margin-right: 2rem;
}

.how-we-work-text{
	font-size: 2rem;
	font-weight: 300;
}

.how-we-work-text-bold{
	font-weight: 700;
}

.our-work{
	width: 100%;
	height: auto;
	border-bottom: 2px solid #000;
	margin-top: 10rem;
	padding-top: 8rem;
	padding-bottom: 8rem;
	background-color: #F1F1F1;
}

.our-work-project{
	text-decoration: none;
	transition: .2s all ease-in-out;
	
}
.our-work-project:hover{
	text-decoration: none;
	color: #000;
}

.our-work-image-wrapper{
	display: block;
	border: 2px solid #000;
	box-shadow: 8px 8px 0 0 #000;
	transition: .2s all ease-in-out;
	text-decoration: none;
}

.our-work-project:hover>.our-work-image-wrapper{
	transform: translate(8px, 8px);
		box-shadow: none;
}

.our-work-text-wrapper{
	margin-top: 4rem;
}

.our-work-project-header{
	margin-bottom: 2rem;
}

.our-work-project-text{
	font-weight: 300;
	font-size: 1.6rem;
}

.project-showcase-text{
	font-weight: 300;
	font-size: 2rem;
}

.our-project{
	width: 100%;
	height: calc(100vh - 10rem);
	margin-top: 10rem;
	border-bottom: 2px solid #000;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	justify-content: space-between;
}

.our-project-header-wrapper{
	height: 45vh;
}

.banner-text-subheader{
	font-size: 6rem;
	color: #FFAF10;
	margin-top: 2rem;
}


.our-project-details-text-bold{
	font-size: 2.5rem;
	font-weight: 500;
}

.our-project-details-text-light{
	font-size: 2rem;
	font-weight: 300;
}

.our-project-intro{
	width: 100%;
	border-bottom: 2px solid #000;
	padding-top: 8rem;
	padding-bottom: 8rem;
	height: auto;
}


.sticky-circle-wrap{
	height: 200vh;
}


.sticky-circle {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  padding-top: 6rem;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.sticky-circle-element {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 35rem;
  height: 35rem;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 35em;
}

.sticky-circle-img {
  position: relative;
  width: 100%;
  height: 100vh;
  max-width: none;
  min-height: 100vh;
  min-width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.our-project-description{
	margin-top: 6rem;
	margin-bottom: 8rem;
}

.our-project-description-text{
	font-size: 2.5rem;
	font-weight: 300;
	margin-top: 2rem;
}

.cta-button-wrapper{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 4rem;
}

.cta-button{
	display: inline-block;
    padding: 15px 40px;
    border: 2px solid #000;
    background: #FFAF10;
    box-shadow: 4px 4px 0 0 #000;
    transition: .2s all ease-in-out;
    text-decoration: none;
    margin-top: 4rem;
}

.cta-button:hover{
	text-decoration: none;
	color: #000;
	transform: translate(4px, 4px);
	box-shadow: 0 0;
}


form{
	font-size: 2rem;
}

.form-group{
	margin-top: 4rem;
	margin-bottom: 4rem;
	position: relative;
}

.form-control{
	padding: 2rem 2rem;
	border: 2px solid #000;
	border-radius: 0;
	background-color: #f1f1f1;
	font-size: 2rem;
	box-shadow: 4px 4px 0 0 #000;
	transition: .2s all ease-in-out;
	color: #000;
	font-weight: 500;

}

.form-label{
	position: absolute;
	top: .5rem;
	left: 1rem;
	font-weight: 300;
	display: block;
	background-color: #f1f1f1;
	z-index: 1;
	padding: 0 1rem;
	transition: .2s all ease-in-out;
}

.form-control::placeholder{
	opacity: 0;
}

.form-control:focus{
	background-color: #f1f1f1;
	border-color: #000;
	transform: translate(4px, 4px);
	box-shadow: none;
	color: #000;
}

.form-control:focus + label{
	transform: translateY(-15px);
	padding: 0 3rem;
}

.form-control:not(:placeholder-shown) + label{
	transform: translateY(-19px);
	padding: 0 3rem;
}

.form-check-label{
	font-size: 1.6rem;
	font-weight: 300;
}

.form-check-input{
	-webkit-appearance: none;
  appearance: none;
}


.form-check-input {
  appearance: none;
  background-color: transparent;
  font: inherit;
  color: #000;
  width: 20px;
  height: 20px;
  border: 1px solid #000;
  box-shadow: 2px 2px 0 0 #000;
  cursor: pointer;
  transition: .2s all ease-in-out;
}

.form-check-input::before {
  content: "";
  width: 20px;
  height: 20px;
  transform: scale(0);
  transition: .2s transform ease-in-out;
  box-shadow: inset 1em 1em #000;
}


.form-check-input {
  display: grid;
  place-content: center;
}

.form-check-input::before {
  content: "";
  width: 1em;
  height: 1em;
  transform: scale(0);
  transition: .2s transform ease-in-out;
  box-shadow: inset 1em 1em #000;
}

.form-check-input:checked{
	transform: translate(2px, 2px);
	box-shadow: none;
}

.form-check-input:checked::before {
  transform: scale(1);
}


.form-check-label{
	margin-left: 2rem;
	user-select: none;
}

.form-check-label:hover{
	cursor: pointer;
}

.form-submit{
	margin-top: 4rem;
	margin-bottom: 4rem;
	font-weight: 700;
	font-family: sculpin, sans-serif;
	padding: 1rem 3rem;
	border: 2px solid #000;
	background-color: #FFAF10;
	box-shadow: 4px 4px 0 0 #000;
	transition: .2s all ease-in-out;
}

.form-submit:hover{
	cursor: pointer;
	transform: translate(4px, 4px);
	box-shadow: none;
}

.marquee-wrapper{
	width: 100%!important;
	border-bottom: 2px solid #000;
	background-color: #60DEEA;
	overflow: hidden;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-o-flex-direction: row;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	height: 12rem;
	user-select: none;
}

.marquee-wrapper>div{
	color: #000;
	height: 12rem;
	font-size: 6rem;
	font-family: sculpin, sans-serif;
	font-weight: 700;
	margin-left: 5vw;
	margin-right: 5vw;
	animation: slide 75s linear infinite;
	white-space: nowrap;
	display: -webkit-flex;

}

.marquee-wrapper>div>span{
	margin-left: 2vw;
	margin-right: 2vw;
	height: 12rem;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-o-flex-direction: row;
	flex-direction: row;
	align-items: center;
}


@keyframes slide{
	0%{
		transform:translateX(0);
	}
	
	
	100%{
		transform:translateX(-100%);
	}
}




footer{
	padding: 10rem 0;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	background-color: #FFAF10;
}


.footer-header{
	font-size: 2rem;
}

.footer-menu-wrapper{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	padding: 1rem 0;
}

.footer-menu-link-wrapper{
	padding: 1rem 0;
}


.footer-menu-link:hover{
	color: #000;
}

.menu-contact-icon{
	margin-right: 1rem;
}


.ticms-banner-wrapper{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-o-flex-direction: row;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	min-height: 90vh;
}

.baner-text-wrapper{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}

.baner-title-big-text{
	font-size: 9.5rem;
}

.baner-title{
	font-size: 6rem;
}

.rotations-wrapper{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-o-flex-direction: row;
	flex-direction: row;
}

.rotations {
    text-align: center;
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    overflow: hidden;
}


.rotations div:first-child {
    animation: rotations 10s ease infinite
}

    @keyframes rotations {
        0% {
            margin-top:-480px
        }

        5% {
            margin-top: -480px
        }

        10% {
            margin-top: -480px
        }

        15% {
            margin-top: -400px
        }

        20% {
            margin-top: -400px
        }

        25% {
            margin-top: -400px
        }

        30% {
            margin-top: -320px
        }

        35% {
            margin-top: -320px
        }

        40% {
            margin-top: -320px
        }

        45% {
            margin-top: -240px
        }

        50% {
            margin-top: -240px
        }

        55% {
            margin-top: -240px
        }

        60% {
            margin-top: -160px
        }

        65% {
            margin-top: -160px
        }

        70% {
            margin-top: -160px
        }

        75% {
            margin-top: -80px
        }

        80% {
            margin-top: -80px
        }

        85% {
            margin-top: -80px
        }

        90% {
            margin-top: 0
        }

        95% {
            margin-top: 0
        }

        to {
            margin-top: 0
        }
    }


.baner-box {
    height: 80px;
    line-height: 80px;
    padding-left: 1rem;
    padding-right: 1rem;
	margin-left: 0.5rem;
}

.height-box {
    height: 80px;
    line-height: 80px;
}


.baner-box-bg {
    background-color: rgba(255, 175, 16,1);
}

.ticms-banner-text-wrapper{
	width: 70%;
	height: 70vh;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}

.about-ticms{
	min-height: 130vh;
	background-color: #FFAF10;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	justify-content: center;
	border-bottom: 2px solid #000;
}

.testimonial-wrapper{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	border: 2px solid #000;
	box-shadow: 4px 4px 0 0 #000;
	position: relative;
	margin-top: 8rem;
	margin-bottom: 4rem;
}

.testimonial-client{
	position: absolute;
	left: -2px;
	top: 0;
	transform: translate(0, -50%);
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-o-flex-direction: row;
	flex-direction: row;
	align-items: center;
	background-color: #FFAF10;
	border: 2px solid #000;
	padding: 0 4rem 0 0;
}

.testimonial-client-image img{
	border-right: 2px solid #000;
	margin-right: -2px;
}

.testimonial-client-info{
	margin-left: 2rem;
}

.testimonial-client-name{
	font-weight: bold;
	font-size: 2rem;
}

.testimonial-client-company{
	font-size: 2rem;
}

.testimonial-text-wrapper{
	padding: 8rem 4rem 4rem 4rem;
	background: #fff;
}

.testimonial-text{
	font-size: 4.8rem;
	font-style: italic;
	font-weight: 300;
}

.faq{
	padding-top: 8rem;
	padding-bottom: 8rem;
	border-bottom: 2px solid #000;
	background-color: #fff;
}

.faq-container{
	border: 2px solid #000;
	border-bottom: none;
	margin-top: 4rem;
	margin-bottom: 4rem;
}

.card{
	border: none;
}


.faq-card-header{
	background-color: #fff;
	border-bottom: 2px solid #000;
}

.faq-card-header:last-of-type{
	border-bottom: none!important;
}

.faq-collapse-button{
	color: #000;
	user-select: none;
	cursor: pointer;
	background-color: #fff;
	border: none;
	text-align: left;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-o-flex-direction: row;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding: 2rem .5rem;
	width: 100%;
}

.faq-collapse-button:focus{
	outline: none;
	border: none;
}

.faq-collapse-button-text{
	font-size: 2rem;
	font-weight: 700;
	width: 90%;
	margin: 0;
}

.faq-img{
	max-width: 48px;
	max-height: 48px;
	transition: .2s all ease-in-out;
	position: absolute;
	right: 2rem;
}

.faq-img.image-rotate{
	transform: rotate(45deg);
}

.faq-collapse{
	background-color: #FFAF10;
}

.faq-text{
	font-size: 2.5rem;
	font-weight: 500;
}

.card-body{
	padding: 2rem;
}

.faq-list{
	font-size: 2.5rem;
	font-weight: 300;
	margin: 0;
	padding: 0 2.5rem;
	list-style-image: url("../images/tick.png");
}


.collapse.show{
	border-bottom: 2px solid #000;
}

.collapsing{
	 -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}


.tishop-banner-text-header-wrapper{
	min-height: 70vh;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.tishop-banner-text-header{
	font-size: 7.6rem;
	margin-bottom: 6rem;
}

.tishop-banner-text-subheader{
	font-size: 4.8rem;
	font-weight: 500;
	text-align: center;
}

.tishop-banner-text-header-span{
	color: #FFAF10;
	text-decoration: underline;
}

.about-tishop-header{
	margin-bottom: 6rem;
	font-size: 6rem;
	font-size: 3.9rem;
}

.fwb-underline{
	font-weight: 700;
	text-decoration: underline;
}

.full-height-banner-wrapper{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-o-flex-direction: row;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	height: 90vh;
}

.landing-page-text-header{
	margin: 0;
	padding: 0;
	font-size: 4.8rem;
}

.landing-page-subheader{
	font-size: 2.5rem;
	font-weight: 300;
	margin-top: 4rem;
	margin-bottom: 4rem;
}

.about-us-titles{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	flex-wrap: nowrap;
	margin-bottom: 4.5rem;
}

.about-us-title{
	text-align: center;
	padding: 2rem 1rem;
	border-left: 2px solid black;
	flex: 1;
}

.about-us-title.active{
	border-left: 2px solid white;
}

.about-us-title h3{
	font-size: 1.6rem;
	text-align: left;
}

.about-us-title h4{
	font-size: 1.6rem;
	text-align: left;
}

.about-us-title h4{
	font-size: 1.6rem;
	text-align: left;
}

.about-us-title.active h3{
	color: white;
}

.about-us-title.active h4{
	color: white;
}



.about-us-title:hover{
	cursor: pointer;
	border-color: white;
}

.about-us-title:hover h3{
	color: white;
}

.about-us-title:hover h4{
	color: white;
}

.about-us-row{
	display: none;
}

.about-us-row.show{
	display: flex;
	flex-direction: column;
}

.about-us-text{
	margin-bottom: .4rem;
}

.about-us-text h4{
	font-size: 2.2rem;
}

.about-us-text p{
	font-size: 1.8rem;
	line-height: 2.2rem;
	color: black;
	font-weight: 300;
}

.blog-article-wrapper{
	margin-top: 40px;
}

.blog-image{
	border: 2px solid #000;
}

.blog-menu-wrapper{
	position: sticky;
    position: -webkit-sticky;
	top: 120px;
}

.blog-menu{
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	border-top: 1px solid #000;
	padding-top: 10px;
	
}

.blog-menu-item{
	margin-bottom: 5px;
}

.blog-menu-item-link{
	font-size: 1.6rem;
	font-weight: 300;
}

.blog-menu-item-link:hover{
	color:rgba(255, 175, 16,1);
	text-decoration: none;
	font-weight: bold;
}

.blog-menu-item-link.active{
	color:rgba(255, 175, 16,1);
	text-decoration: none;
	font-weight: bold;
}

.blog-header{
	font-size: 3.9rem;
	margin-bottom: 4rem;
}

.blog-subheader{
	margin-bottom: 2rem;
}

.blog-text{
	font-family: halyard-display, sans-serif;
	font-size: 2rem;
	font-weight: 300;
	margin-bottom: 2rem;
}

.blog-list{
	margin-top: 0;
	margin-bottom: 2rem;
}

.blog-form-wrapper{
	display: flex;
	flex-direction: column;
	border: 2px solid #000;
	box-shadow: 4px 4px 0 0 #000;
	background-color: #60DEEA;
	padding: 40px 20px;
}

.form-row-wrapper{
	display: flex;
	flex-direction: row;
	width: 100%;
	justify-content: space-between;
	margin-top: 4rem;
	margin-bottom: 4rem;
}

.form-row-wrapper>.form-group>.form-control{
	background-color: #60DEEA;
}

.form-row-wrapper>.form-group{
	width: 30%;
	margin: 0;
}

.form-row-wrapper>.form-group>.form-label{
	background-color: #60DEEA;
}

.form-row-wrapper>.form-submit{
	margin: 0;
	width: 30%;
	padding: 0;
}

.fwb{
	font-weight: bold;
}

.blog-item{
	display: flex;
    margin-bottom: 2rem;
	padding: 2rem 2rem!important;
	border: 2px solid black;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	box-shadow: 4px 4px 0 0 #000;
}


.blog-item-header{
	font-size: 2.5rem;
	margin-bottom: 2rem;
}

.blog-item-text{
	color: black;
	font-weight: 300;
}

.testimonial-header{
	font-size: 3.9rem;
}

.testimonial-slider{
	width: 100%;
	min-height: 30vh;
	user-select: none;
}

  .carousel-inner{
	width: 70%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
  }

  .carousel-item{
	height: 100%;
	padding: 4rem 0;
  }

  .carousel-header{
	text-align: left;
	font-size: 2rem;
  }

  .carousel-text{
	font-size: 2rem;
	font-style: italic;
	font-weight: 300;
	text-align: left;
	margin-top: 2rem;
}


.carousel-control-prev-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='000000' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
   }
   
   .carousel-control-next-icon {
	 background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='000000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
   }

   .projects-carousel-inner{
	width: 90%;
   }

   .projects-carousel-image{
	height: auto;
	width: 100%;
   }


   .projects-carousel-item{
	padding: 0;
   }

   .faq-main-header-color-secondary{
	color:rgba(255, 175, 16,1);
	font-size: 4.8rem;
   }

   .faq-cta-wrapper{
	display: flex;
	gap: 2rem;
   }

   .project-showcase-wrapper{
	 height: 100%;
	 width: 100%;
	 display: flex;
	 flex-direction: column;
	 justify-content: space-between;
	 padding: 3rem 3rem;
	 border: 2px solid black;
	 box-shadow: 4px 4px 0 0 #000;
	 -webkit-box-shadow: 4px 4px 0 0 #000;
   }

   .project-showcase-link{
	display: block;
	width: 40%;
	text-align: center;
	align-self: flex-end;
	padding: 10px 30px;
	border: 2px solid #000;
	background: #fff;
	box-shadow: 4px 4px 0 0 #000;
	transition: .2s all ease-in-out;
	text-decoration: none;
	margin-top: 4rem;
}


.project-showcase-link:hover{
	text-decoration: none;
	color: #000;
	transform: translate(4px, 4px);
	box-shadow: 0 0;
}

.projects-row{
	display: none;
}

.projects-row.show{
	display: flex;
}

.project-showcase-link.active{
	background-color: #FFAF10;
}

.logos-wrapper{
	display: flex;
}

.logo-wrapper{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-grow: 1;
	flex: 1 1 0px;
}

.scroll-div{
	height: auto;
	max-width: 100%;
	position: sticky;
	bottom: 0;
	padding: 1rem;
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
	background-color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	z-index: 5;
}

.scroll-div:first-of-type{
	border-top: none;
}

.scroll-div:nth-of-type(2){
	z-index: 4;
}
.scroll-div:nth-of-type(3){
	z-index: 3;
}
.scroll-div:nth-of-type(4){
	z-index: 2;
}
.scroll-div:nth-of-type(5){
	z-index: 1;
	border-bottom: none;
}

.scroll-div-top{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding-top: 20px;
}

.scroll-div-number{
	font-size: 2.5rem;
}

.scroll-div-header{
	font-size: 2.5rem;
	text-transform: uppercase;
}

.scroll-div-bottom{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin-bottom: 20px;
}

.scroll-div-image-wrapper{
	width: 100%;
	height: auto;
}

.scroll-div-image{
	width: 100%;
	height: auto;
}

.scroll-div-text{
	font-weight: 300;
}

.full-height-container{
	width: 100%;
	height: 80vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.big-header-section{
	border-bottom: 2px solid #000;
}

.big-text{
	text-align: left;
	font-size: 2rem;
	font-family: sculpin, sans-serif;
	font-weight: 700;
	margin-top: 2rem;
}

.blog-grid{
	display: grid;
	grid-template-rows: auto auto;
	grid-template-columns: 1fr 1fr;
	grid-auto-columns: 1fr;
	grid-column-gap: 2vw;
	grid-row-gap: 2vw;
}


.blog-item-wrapper{
	border: 2px solid #000;
	width: 100%;
	display: flex;
	flex-direction: column;
	box-shadow: 4px 4px 0 0 #000;
	transition: .2s all ease-in-out;
}

.blog-item-wrapper:hover{
	color: #000;
	text-decoration: none;
	transform: translate(4px, 4px);
	box-shadow: 0 0;
}

.blog-item-image{
	border-bottom: 2px solid #000;
}

.blog-item-content{
	padding: 2rem;
	padding-bottom: 3rem;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 2rem;
}

.blog-item-date{
	font-size: 1.4rem;
	font-weight: 300;
}

.blog-item-text-teaser{
	font-weight: 300;
	font-size: 2rem;
}

.blog-item-cta{
	display: flex;
	align-items: center;
	font-size: 2rem;
	font-weight: 700;
	font-family: sculpin, sans-serif;
}






@media only screen and (max-width: 480px){
	
	
	.preload-header{
		font-size: 3.9rem;
	}
	
	nav{
		z-index: 99;
		border-bottom: 2px solid #000;
	}
	
	.logo-link>img{
		width: 90%;
	}
	
	.burger {
	  background-color: transparent;
	  cursor: pointer;
	  display: flex;
	  padding: 5px 10px;
	  z-index: 99;
	  border: 2px solid #000;
	  box-shadow: 4px 4px 0 0 #000;
	  transition: .2s all ease-in-out;
	}
	
	.burger.opened{
		transform: translate(4px, 4px);
		box-shadow: none;
	}
	
	.banner-text-header{
		font-size: 3.1rem;
		text-align: left;
	}
	
	.line {
	  fill: none;
	  stroke: black;
	  stroke-width: 6;
	  transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
		stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
	}
	.line1 {
	  stroke-dasharray: 60 207;
	  stroke-width: 6;
	}
	.line2 {
	  stroke-dasharray: 60 60;
	  stroke-width: 6;
	}
	.line3 {
	  stroke-dasharray: 60 207;
	  stroke-width: 6;
	}
	.opened .line1 {
	  stroke-dasharray: 90 207;
	  stroke-dashoffset: -134;
	  stroke-width: 6;
	}
	.opened .line2 {
	  stroke-dasharray: 1 60;
	  stroke-dashoffset: -30;
	  stroke-width: 6;
	}
	.opened .line3 {
	  stroke-dasharray: 90 207;
	  stroke-dashoffset: -134;
	  stroke-width: 6;
}
	
	.menu-wrapper{
		display: none;
	}
	
	.mobile-menu{
		opacity: 0;
		position: absolute;
		top: 100%;
		left: -100%;
		right: 0;
		width: 100%;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
		padding-top: 2rem;
		padding-bottom: 2rem;
		transition: all .3s ease-in-out;
		background-color: #fff;
		border-bottom: 2px solid #000;
		z-index: -1!important;
		height: 35rem;
  		max-height: 45rem;
		overflow-y: scroll;
 	 	-webkit-overflow-scrolling:touch;
	}
	
	.mobile-menu.active{
		opacity: 1;
		left: 0;
		z-index: 3;
	}
	
	.mobile-menu-list{
		list-style-type: none;
		padding: 0;
		margin: 0;
	}
	
	.mobile-menu>.mobile-menu-list>.menu-item{
		padding-top: 1rem;
		padding-bottom: 1rem;
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
	
	.mobile-menu>.mobile-menu-list>.menu-item>.menu-button-link{
		margin-top: 1rem;
		margin-bottom: 1rem;
		padding: 10px 10px;
		margin: 0;
		display: block;
		text-align: center;
		width: 90%;
		transition: .2s all ease-in-out;
	}
	
	.mobile-menu>.menu-button-link.active{
		transform: translate(4px, 4px);
		box-shadow: none;
	}
	
	.has-children> a::after {
	  content: "\f107";
	  font-family: "FontAwesome";
	  margin-left: 10px;
	}
	
	.has-children.active> a::after {
	  content: "\f106";
	  font-family: "FontAwesome";
	  margin-left: 10px;
	}
	
	.sub-menu{
		display: none;
		list-style-type: none;
		padding-left: 2rem;
	}
	
	.sub-menu>li{
		padding-top: 1rem;
		padding-bottom: 1rem;
		
	}
	
	.sub-menu>li>a{
		text-decoration: none;
		font-weight: 500;
	}
	
	.sub-menu>li>a:hover{
		color: #000;
		text-decoration: underline;
	}
	
	.nav-down{
		top: 0!important;
	}

	.menu-link{
		padding: 0;
	}
	
	.banner-wrapper{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
		justify-content: space-between;
		height: auto;
		padding-top: 4rem;
	}
	
	.banner-text-wrapper{
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		height: auto;
		text-align: center;
	}
	
	.banner-img-wrapper{
		margin-left: auto;
		margin-right: auto;
		width: 100%;
		height: auto;
		margin-top: 4rem;
	}
	
	.svg-baner{
		max-height: 40vh;
	}
	
	.about-us{
		padding-top: 8rem;
		padding-bottom: 8rem;
		min-height: auto;
		height: auto;
	}
	
	.about-us-header{
		font-size: 3.1rem;
		margin-bottom: 4rem;
	}
	
	.about-us-text{
		font-size: 2rem;
		margin-bottom: 4rem;
	}
	
	.about-us-link{
		padding: 10px 30px;
		font-size: 1.6rem;
		margin-top: 0;
	}
	
	.cta-button{
		padding: 10px 30px;
		font-size: 1.6rem;
		margin-top: 0;
	}
	
	.offer-header{
		font-size: 2.5rem;
		margin-bottom: 0;
	}

	.testimonial-header{
		font-size: 2.5rem;
	}
	
	.offer-text{
		font-size: 2rem;
		padding-top: 2rem;
		
	}
	
	.offer-row{
		margin-top: 4rem;
	}
	
	.offer-card-wrapper{
		margin-bottom: 4rem;
	}
	
	.offer-card{
		padding: 4rem 2rem;
	}
	
	.offer-card-less-padding{
		padding: 4rem 2rem;
	}
	
	.offer-icon{
		max-width: 64px;
	}
	
	.offer-icon-color{
		max-width: 64px;
	}
	
	.offer-card-header{
		font-weight: 700;
		font-size: 1.6rem;
	}
	
	.light-subheader{
		font-size: 2rem;
		padding-top: 4rem;
		margin-bottom: 0;
	}
	
	
	.list{
		padding-left: 2.5rem;
		margin-top: 2rem;
		font-size: 1.6rem;
	}
	
	.list2{
		padding-left: 2.5rem;
		padding-top: 2rem;
		font-size: 2rem;
	}
	
	.img-center{
		margin-top: 4rem;
	}
	
	.svg-list-wrapper{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-direction: column-reverse;
		margin-top: -2rem;
	}
	
	.support-header{
		font-size: 2.5rem;
	}
	
	.arrow-right-wrapper{
		display: none;
	}
	
	.support-subheader{
		font-size: 1.6rem;
	}
	
	.nav-tabs{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
	}
	
	.first-tab-link{
		width: 100%;
		border-right: none!important;
		border-bottom: 2px solid #000;
	}
	
	.second-tab-link{
		width: 100%;
		border-right: none!important;
		border-bottom: 2px solid #000;
	}
	
	.third-tab-link{
		width: 100%;
		border-right: none!important;
	}
	
	.fourth-tab-link{
		width: 100%;
	}

	.fifth-tab-link{
		width: 100%;
	}

	.sixth-tab-link{
		width: 100%;
	}

	.first-tab-link-25vw{
		width: 100%;
		border-right: none!important;
		border-bottom: 2px solid #000;
	}
	
	.second-tab-link-25vw{
		width: 100%;
		border-right: none!important;
		border-bottom: 2px solid #000;
	}
	
	.third-tab-link-25vw{
		width: 100%;
		border-right: none!important;
		border-bottom: 2px solid #000;
	}
	
	.fourth-tab-link-25vw{
		width: 100%;
		border-right: none!important;
	}
	

	
	.tab-flex{
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
	}
	
	.tab-text-wrapper{
		width: 100%;
		padding: 4rem 1rem;
	}
	
	.tab-text{
		font-size: 2rem;
		font-weight: 300;
	}
	
	.tab-image-wrapper{
		width: 100%;
		border: none;
	}
	
	.contact-banner-wrapper{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
	}
	
	.contact-banner-text-wrapper{
		width: 100%;
		margin-top: 4rem;
	}
	
	.contact-banner-img-wrapper{
		width: 100%;
		height: auto;
		margin-top: 4rem;
		margin-bottom: 4rem;
	}
	
	.contact-banner-text-header{
		font-size: 3.1rem;
	}
	
	.marquee-wrapper{
		height: 8rem;	
	}
	
	.marquee-wrapper>div{
		font-size: 3.1rem;
	}
	
	.marquee-svg{
		width: 64px;
		height: auto;
	}
	
	.contact-info-text{
		font-size: 2rem;
	}
	
	.contact-info-link{
		font-size: 2rem;
		font-weight: 300;
		font-family: halyard-display, sans-serif;
	}
	
	.form-submit{
		width: 100%;
	}
	
	.contact-light-subheader{
		font-size: 2rem;
		font-weight: 300;
		margin-top: 4rem;
		margin-bottom: 4rem;
	}
	
	.about-banner-text-wrapper{
		width: 100%;
		height: auto;
	}
	
	.tiboost-banner-text-wrapper{
		width: 100%;
		height: auto;
	}
	
	.about-banner-img-wrapper{
		width: 100%;
		height: auto;
	}
	
	.about-header{
		font-size: 3.1rem;
		margin-bottom: 4rem;
	}
	
	.about-subheader{
		font-size: 2rem;
		line-height: 1.5;
	}
	
	.about-text-light{
		font-size: 2rem;
		margin-top: 2rem;
	}
	
	.about-text-cursive{
		margin-bottom: 4rem;
	}
	
	.how-we-work-image{
		width: 24px;
		height: auto;
	}
	
	.how-we-work-text{
		font-size: 1.6rem;
	}
	
	.our-work{
		padding-top: 4rem;
		padding-bottom: 4rem;
	}
	
	.mt8{
		margin-top: 4rem;
	}
	
	.our-work-project-header{
		font-size: 2.5rem;
	}
	
	.our-work-project-wrapper{
		margin-bottom: 8rem;
	}
	
	.our-project{
		height: initial;
	}
	
	.banner-text-subheader{
		font-size: 2.5rem;
	}
	
	.our-project-header-wrapper{
		height: auto;
		margin-bottom: 4rem;
	}
	
	.our-project-details{
		margin-bottom: 2rem;
	}
	
	.our-project-details:last-of-type{
		margin-bottom: 4rem;
	}
	
	.our-project-details-text-bold{
		font-size: 2rem;
	}
	
	.our-project-details-text-light{
		font-size: 1.6rem;
	}
	
	.sticky-circle-wrap{
		height: 150vh;
	}
	
	.our-project-description-text{
		font-size: 1.6rem;
	}
	
	footer{
		padding: 4rem 0;
	}
	
	.footer-header{
		margin-top: 2rem;
	}
	
	.menu-contact-wrapper{
		padding-top: 2rem;
		padding-bottom: 0;
	}
	
	.baner-text-wrapper{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		align-items: flex-start;
	}
	
	.ticms-banner-wrapper{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
	}
		
	
	.ticms-banner-text-wrapper{
		width: 100%;
		min-height: 40vh;
		height: auto;
		padding-bottom: 4rem;
	}
	
	.baner-box{
		margin-left: 0;
	}
	
	.baner-title-big-text{
		font-size: 4.8rem;
	}

	.baner-title{
		font-size: 2.8rem;
	}
	
	.rotations-wrapper{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
	}
	
	.about-ticms{
		padding-top: 4rem;
		padding-bottom: 4rem;
	}
	
	.ticms-header{
		font-size: 2.5rem;
	}
	
	.fourth-tab-link{
		border-right: none;
	}
	
	.fifth-tab-link{
		border-right: none;
	}
	
	.row-gap{
		flex-wrap: wrap;
	}
	
	.testimonial-text-wrapper{
		padding: 4rem 1rem;
	}
	
	.testimonial-text{
		font-size: 2rem;
	}
	
	.testimonial-client{
		padding: 1rem 2rem 1rem 0;
		top: -20%;
		width: 102%;
		 
	}
	
	.testimonial-client-name{
		font-size: 1.6rem;
	}
	
	.testimonial-client-company{
		font-size: 1.6rem;
	}
	
	.testimonial-client-image{
		display: none;
	}
	
	.testimonial-wrapper{
		box-shadow: none;
		margin-bottom: 0;
	}
	
	.faq-main-header{
		font-size: 2.5rem;
	}
	
	.faq-collapse-button-text{
		font-size: 1.6rem;
		font-weight: 500;
		width: 85%;
	}
	
	.faq-img{
		max-width: 28px;
		max-height: 28px;
		right: 1rem;
	}
	
	.card-header{
		padding-left: .2rem;
		padding-right: .2rem;
	}
	
	.card-body{
		padding: 2rem .5rem;
	}
	
	.faq-text{
		font-size: 1.6rem;
	}
	
	.faq-list{
		font-size: 1.6rem;
	}
	
	.faq-list-item{
		padding-top: .5rem;
		padding-bottom: .5rem;
	}
	
	.tishop-banner-text-header-wrapper{
		min-height: 50vh;
		padding-top: 4rem;
		
	}
	
	.tishop-banner-text-header{
		font-size: 4.8rem;
	}
	
	
	.tishop-banner-text-subheader{
		font-size: 2rem;
		text-align: left;
	}
	
	.about-ticms{
		min-height: 100vh;
	}
	
	.about-ticms-header{
		font-size: 2.5rem;
	}
	
	.how-we-work-container{
		margin-top: 8rem;
	}

	.full-height-banner-wrapper{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
	}

	.landing-page-text-header{
		font-size: 3.1rem;
	}

	.landing-page-subheader{
		font-size: 2rem;
		font-weight: 300;
		margin-top: 4rem;
		margin-bottom: 4rem;
	}

	.blog-item:first-of-type{
		margin-top: 4rem;
	}

	.project-showcase-link{
		width: 100%;
		font-size: 1.6rem;
	}

	.projects-buttons-wrapper{
		margin-top: -8rem;
	}

	.blog-header{
		font-size: 2.5rem;
		margin-bottom: 4rem;
	}

	.blog-subheader{
		font-size: 2rem;
	}

	.blog-text{
		font-size: 1.6rem;
	}

	.list-ol{
		font-size: 1.6rem;
	}

	.blog-form-wrapper{
		display: flex;
		flex-direction: column;
		border: 2px solid #000;
		box-shadow: 4px 4px 0 0 #000;
		background-color: #60DEEA;
		padding: 20px 10px;
	}

	.blog-form-wrapper>.blog-subheader{
		text-align: center;
		font-size: 2.5rem;
	}
	
	.form-row-wrapper{
		display: flex;
		flex-direction: column;
		width: 100%;
		justify-content: space-between;
		margin-top: 2rem;
		margin-bottom: 2rem;
	}
	
	.form-row-wrapper>.form-group>.form-control{
		background-color: #60DEEA;
		margin-bottom: 2rem;
	}
	
	.form-row-wrapper>.form-group{
		width: 100%;
		margin: 0;
	}
	
	.form-row-wrapper>.form-group>.form-label{
		background-color: #60DEEA;
	}
	
	.form-row-wrapper>.form-submit{
		margin: 0;
		width: 100%;
		padding: 2rem;
	}

}


@media only screen and (min-width: 481px) and (max-width: 768px){
	
	.preload-header{
		font-size: 3.9rem;
	}
	
	nav{
		z-index: 2;
		border-bottom: 2px solid #000;
	}
	
	.burger {
	  background-color: transparent;
	  cursor: pointer;
	  display: flex;
	  padding: 10px 20px;
	  z-index: 99;
	  border: 2px solid #000;
	  box-shadow: 4px 4px 0 0 #000;
	  transition: .2s all ease-in-out;
	}
	
	.burger.opened{
		transform: translate(4px, 4px);
		box-shadow: none;
	}
	
	.line {
	  fill: none;
	  stroke: black;
	  stroke-width: 6;
	  transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
		stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
	}
	.line1 {
	  stroke-dasharray: 60 207;
	  stroke-width: 6;
	}
	.line2 {
	  stroke-dasharray: 60 60;
	  stroke-width: 6;
	}
	.line3 {
	  stroke-dasharray: 60 207;
	  stroke-width: 6;
	}
	.opened .line1 {
	  stroke-dasharray: 90 207;
	  stroke-dashoffset: -134;
	  stroke-width: 6;
	}
	.opened .line2 {
	  stroke-dasharray: 1 60;
	  stroke-dashoffset: -30;
	  stroke-width: 6;
	}
	.opened .line3 {
	  stroke-dasharray: 90 207;
	  stroke-dashoffset: -134;
	  stroke-width: 6;
}

	
	.menu-wrapper{
		display: none;
	}
	
	.mobile-menu{
		opacity: 0;
		position: absolute;
		top: 100%;
		left: -100%;
		right: 0;
		width: 100%;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
		padding-top: 2rem;
		padding-bottom: 2rem;
		transition: all .3s ease-in-out;
		background-color: #fff;
		border-bottom: 2px solid #000;
		z-index: -1!important;
		height: 35rem;
  		max-height: 45rem;
		overflow-y: scroll;
 	 	-webkit-overflow-scrolling:touch;
	}
	
	.mobile-menu.active{
		opacity: 1;
		left: 0;
		z-index: 3;
	}
	
	.mobile-menu-list{
		list-style-type: none;
		padding: 0;
		margin: 0;
	}
	
	.mobile-menu>.mobile-menu-list>.menu-item{
		padding-top: 1rem;
		padding-bottom: 1rem;
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
	
	.mobile-menu>.mobile-menu-list>.menu-item>.menu-button-link{
		margin-top: 1rem;
		margin-bottom: 1rem;
		padding: 10px 10px;
		margin: 0;
		display: block;
		text-align: center;
		width: 90%;
		transition: .2s all ease-in-out;
	}
	
	.mobile-menu>.menu-button-link.active{
		transform: translate(4px, 4px);
		box-shadow: none;
	}
	
	.has-children > a::after {
	  content: "\f107";
	  font-family: "FontAwesome";
	  margin-left: 10px;
	}
	
	.has-children.active> a::after {
	  content: "\f106";
	  font-family: "FontAwesome";
	  margin-left: 10px;
	}
	
	.sub-menu{
		display: none;
		list-style-type: none;
		padding-top: 1rem;
		padding-left: 2rem;
	}
	
	.sub-menu>li{
		padding-top: 1rem;
		padding-bottom: 1rem;
		
	}
	
	.sub-menu>li>a{
		text-decoration: none;
		font-weight: 500;
	}
	
	.sub-menu>li>a:hover{
		color: #000;
		text-decoration: underline;
	}
	
	.nav-down{
		top: 0!important;
	}
	
	.menu-link{
		padding: 0;
	}
	
	
	.banner-wrapper{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
		justify-content: space-between;
		height: auto;
		padding-top: 8rem;
		padding-bottom: 8rem;
	}
	
	.banner-text-wrapper{
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		height: auto;
		text-align: center;
	}
	
	.banner-text-header{
		font-size: 3.9rem;
	}
	
	.banner-img-wrapper{
		margin-left: auto;
		margin-right: auto;
		width: 100%;
		height: auto;
		margin-top: 4rem;
	}
	
	.svg-baner{
		max-height: 35vh;
	}
	
	
	.about-us{
		padding-top: 4rem;
		padding-bottom: 4rem;
	}
	
	.about-us-header{
		font-size: 3.1rem;
	}
	
	.about-us-text{
		font-size: 2rem;
		margin-bottom: 8rem;
	}
	
	.about-us-link{
		font-size: 1.6rem;
		margin-top: 0;
	}
	
	.cta-button{
		font-size: 1.6rem;
		margin-top: 0;
	}
	
	.offer-header{
		font-size: 3.1rem;
		margin-bottom: 6rem;
	}

	.testimonial-header{
		font-size: 3.1rem;
	}
	
	.offer-text{
		font-size: 2.5rem;
	}
	
	.offer-card-wrapper{
		margin-bottom: 4rem;
	}
	
	.offer-card{
		padding: 4rem 4rem;
	}
	
	.offer-card-less-padding{
		padding: 4rem;
	}
	
	.offer-icon{
		max-width: 96px;
	}
	
	.offer-icon-color{
		max-width: 96px;
	}
	
	.offer-card-header{
		font-weight: 700;
		font-size: 2rem;
	}
	
	.light-subheader{
		font-size: 2.5rem;
	}
	
	
	.list{
		padding-left: 2.5rem;
		margin-top: 2rem;
		font-size: 2rem;
	}
	
	.list2{
		padding-left: 2.5rem;
		margin-top: 2rem;
		font-size: 2.5rem;
	}
	
	.img-center{
		margin-top: 4rem;
	}
	
	.svg-list-wrapper{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-direction: column-reverse;
		margin-top: -2rem;
	}
	
	.support-header{
		font-size: 3.1rem;
	}
	
	.arrow-right-wrapper{
		display: none;
	}
	
	.support-subheader{
		font-size: 2rem;
	}
	
	.nav-tabs{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
	}
	
	.first-tab-link{
		width: 100%;
		border-right: none!important;
		border-bottom: 2px solid #000;
	}
	
	.second-tab-link{
		width: 100%;
		border-right: none!important;
		border-bottom: 2px solid #000;
	}
	
	.third-tab-link{
		width: 100%;
		border-right: none!important;
	}
	
	.fourth-tab-link{
		width: 100%;
		border-right: none!important;
	}

	.fifth-tab-link{
		width: 100%;
		border-right: none!important;
	}

	.sixth-tab-link{
		width: 100%;
	}

	.first-tab-link-25vw{
		width: 100%;
		border-right: none!important;
		border-bottom: 2px solid #000;
	}
	
	.second-tab-link-25vw{
		width: 100%;
		border-right: none!important;
		border-bottom: 2px solid #000;
	}
	
	.third-tab-link-25vw{
		width: 100%;
		border-right: none!important;
		border-bottom: 2px solid #000;
	}
	
	.fourth-tab-link-25vw{
		width: 100%;
		border-right: none!important;
	}
	
	.tab-flex{
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
	}
	
	.tab-text-wrapper{
		width: 100%;
		padding: 4rem 1rem;
	}
	
	.tab-text{
		font-size: 2rem;
		font-weight: 300;
	}
	
	.tab-image-wrapper{
		width: 100%;
		border: none;
	}
	
	.contact-banner-wrapper{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
	}
	
	.contact-banner-text-wrapper{
		width: 100%;
		margin-top: 4rem;
	}
	
	.contact-banner-img-wrapper{
		width: 100%;
	}
	
	.contact-banner-text-header{
		font-size: 3.1rem;
	}
	
	.marquee-wrapper{
		height: 8rem;	
	}
	
	.marquee-wrapper>div{
		font-size: 3.1rem;
	}
	
	.marquee-svg{
		width: 64px;
		height: auto;
	}
	
	.contact-info-text{
		font-size: 2rem;
	}
	
	.contact-info-link{
		font-size: 2rem;
		font-weight: 300;
		font-family: halyard-display, sans-serif;
	}
	
	.contact-light-subheader{
		font-size: 2rem;
		font-weight: 300;
		margin-top: 4rem;
		margin-bottom: 4rem;
	}
	
	.form-submit{
		width: 100%;
	}
	
	.about-banner-text-wrapper{
		width: 100%;
		height: auto;
	}
	
	.tiboost-banner-text-wrapper{
		width: 100%;
		height: auto;
	}
	
	.about-banner-img-wrapper{
		width: 100%;
		height: auto;
	}
	
	.about-header{
		font-size: 3.1rem;
		margin-bottom: 4rem;
	}
	
	.about-subheader{
		font-size: 2rem;
		line-height: 1.5;
	}
	
	.about-text-light{
		font-size: 2rem;
		margin-top: 2rem;
	}
	
	.about-text-cursive{
		margin-bottom: 4rem;
	}
	
	.how-we-work-image{
		width: 24px;
		height: auto;
	}
	
	.how-we-work-text{
		font-size: 1.6rem;
	}
	
	.our-work-project-header{
		font-size: 2.5rem;
	}
	
	.our-work-project-wrapper{
		margin-bottom: 8rem;
	}
	
	.our-project{
		height: initial;
	}
	
	.our-project-header-wrapper{
		height: initial;
		margin-bottom: 8rem;
	}
	
	.banner-text-subheader{
		font-size: 3.1rem;
	}
	
	.our-project-details{
		margin-bottom: 2rem;
	}
	
	.our-project-details:last-of-type{
		margin-bottom: 4rem;
	}
	
	.our-project-details-text-bold{
		font-size: 2rem;
	}
	
	.our-project-description-text{
		font-size: 2rem;
	}
	
	.cta-button{
		font-size: 2rem;
	}
	
	footer{
		padding: 4rem 0;
	}
	
	.footer-header{
		margin-top: 2rem;
	}
	
	.menu-contact-wrapper{
		padding-top: 2rem;
		padding-bottom: 0;
	}
	
	.baner-text-wrapper{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		align-items: flex-start;
	}
	
	.ticms-banner-text-wrapper{
		width: 100%;
		min-height: 40vh;
		height: auto;
		padding-bottom: 4rem;
		
	}
	
	.baner-title-big-text{
		font-size: 6rem;
	}

	.baner-title{
		font-size: 4.8rem;
	}
	
	
	
	.rotations-wrapper{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-direction: row;
		-moz-flex-direction: row;
		-ms-flex-direction: row;
		-o-flex-direction: row;
		flex-direction: row;
	}

	.full-height-banner-wrapper{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
	}

	.landing-page-subheader{
		font-size: 2rem;
		font-weight: 300;
		margin-top: 4rem;
		margin-bottom: 4rem;
	}

	.project-showcase-link{
		width: 100%;
		font-size: 1.6rem;
	}

	.projects-buttons-wrapper{
		margin-top: -8rem;
	}
	
	.blog-header{
		font-size: 2.5rem;
		margin-bottom: 4rem;
	}

	.blog-subheader{
		font-size: 2rem;
	}

	.blog-text{
		font-size: 1.6rem;
	}

	.list-ol{
		font-size: 1.6rem;
	}

	.blog-form-wrapper{
		display: flex;
		flex-direction: column;
		border: 2px solid #000;
		box-shadow: 4px 4px 0 0 #000;
		background-color: #60DEEA;
		padding: 20px 10px;
	}

	.blog-form-wrapper>.blog-subheader{
		text-align: center;
		font-size: 2.5rem;
	}
	
	.form-row-wrapper{
		display: flex;
		flex-direction: column;
		width: 100%;
		justify-content: space-between;
		margin-top: 2rem;
		margin-bottom: 2rem;
	}
	
	.form-row-wrapper>.form-group>.form-control{
		background-color: #60DEEA;
		margin-bottom: 2rem;
	}
	
	.form-row-wrapper>.form-group{
		width: 100%;
		margin: 0;
	}
	
	.form-row-wrapper>.form-group>.form-label{
		background-color: #60DEEA;
	}
	
	.form-row-wrapper>.form-submit{
		margin: 0;
		width: 100%;
		padding: 2rem;
	}

}


@media only screen and (max-width: 768px) and (orientation: landscape){
	.svg-baner{
		max-height: 50vh;
	}
	
	.mobile-menu{
		height: 25rem;
		max-height: 40rem;
	}
	
	.fourth-tab-link{
		border-right: none;
	}
	
	.fifth-tab-link{
		border-right: none;
	}
	
	.row-gap{
		flex-wrap: wrap;
	}
	
	.testimonial-text-wrapper{
		padding: 4rem 1rem;
	}
	
	.testimonial-text{
		font-size: 2rem;
	}
	
	.testimonial-client{
		padding: 1rem 2rem 1rem 0;
		top: -20%;
		width: 102%;
		 
	}
	
	.testimonial-client-name{
		font-size: 1.6rem;
	}
	
	.testimonial-client-company{
		font-size: 1.6rem;
	}
	
	.testimonial-client-image{
		display: none;
	}
	
	.testimonial-wrapper{
		box-shadow: none;
		margin-bottom: 0;
	}
	
	.faq-main-header{
		font-size: 2.5rem;
	}
	
	.faq-collapse-button-text{
		font-size: 1.6rem;
		font-weight: 500;
		width: 85%;
	}
	
	.faq-img{
		max-width: 28px;
		max-height: 28px;
		right: 1rem;
	}
	
	.card-header{
		padding-left: .2rem;
		padding-right: .2rem;
	}
	
	.card-body{
		padding: 2rem .5rem;
	}
	
	.faq-text{
		font-size: 1.6rem;
	}
	
	.faq-list{
		font-size: 1.6rem;
	}
	
	.faq-list-item{
		padding-top: .5rem;
		padding-bottom: .5rem;
	}

	.baner-text-wrapper{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		align-items: flex-start;
		justify-content: flex-start;
		flex-direction: row;
	}
	
	.ticms-banner-wrapper{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-direction: row;
		height: auto;
		justify-content: space-between;
		padding-top: 8rem;
		padding-bottom: 4rem;
	}
		
	
	.ticms-banner-text-wrapper{
		width: 100%;
		min-height: 40vh;
		height: auto;
		padding-bottom: 4rem;
	}
	
	.baner-box{
		margin-left: 0;
	}
	
	.baner-title-big-text{
		font-size: 4.8rem;
	}

	.baner-title{
		font-size: 2.8rem;
	}
	
	.rotations-wrapper{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
	}
	
	.about-ticms{
		padding-top: 4rem;
		padding-bottom: 4rem;
	}
	
	.ticms-header{
		font-size: 2.5rem;
		margin-bottom: 4rem;
	}

	.ticms-text{
		margin-bottom: 2rem;
	}

	.about-us-link{
		margin-top: 2rem;
	}

	.offer-row{
		margin-top: 4rem;
	}

	.offer-text{
		padding: 0;
		font-size: 2rem;
	}

	.project-showcase-link{
		width: 100%;
		font-size: 1.6rem;
	}

	.projects-buttons-wrapper{
		margin-top: -8rem;
	}

	.full-height-container{
		min-height: 100vh;
	}
}


@media only screen and (max-width: 991px){
	
	.preload-header{
		font-size: 4.8rem;
	}
	
	.has-children.active> a::after {
	  content: "\f106";
	  font-family: "FontAwesome";
	  margin-left: 10px;
	}
	
	.sub-menu{
		padding-left: 2rem;
	}
	
	.contact-banner-wrapper{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
		margin-top: 4rem;
		height: auto;
	}
	
	.contact-banner-text-wrapper{
		width: 100%;
		margin-top: 4rem;
		height: auto;
	}
	
	.contact-banner-img-wrapper{
		width: 100%;
	}
	
	.contact-banner-text-header{
		font-size: 3.1rem;
	}
	
	.marquee-wrapper{
		height: 8rem;	
	}
	
	.marquee-wrapper>div{
		font-size: 3.1rem;
	}
	
	.marquee-svg{
		width: 64px;
		height: auto;
	}
	
	.contact-info-text{
		font-size: 2rem;
	}
	
	.contact-info-link{
		font-size: 2rem;
		font-weight: 300;
		font-family: halyard-display, sans-serif;
	}
	
	.contact-light-subheader{
		font-size: 2rem;
		font-weight: 300;
		margin-top: 4rem;
		margin-bottom: 4rem;
	}
	
	.form-submit{
		width: 100%;
	}
	
	.full-height-banner-wrapper{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
		margin-top: 4rem;
		height: auto;
	}

	.landing-page-subheader{
		font-size: 2rem;
		font-weight: 300;
		margin-top: 4rem;
		margin-bottom: 4rem;
	}

	.project-showcase-link{
		width: 100%;
		font-size: 1.6rem;
	}

	.projects-buttons-wrapper{
		margin-top: -8rem;
	}

}

@media only screen and (min-width: 769px) and (max-width: 1024px){
	
	.preload-header{
		font-size: 3.9rem;
	}
	
	nav{
		z-index: 2;
		border-bottom: 2px solid #000;
	}
	
	.burger {
	  background-color: transparent;
	  cursor: pointer;
	  display: flex;
	  padding: 10px 20px;
	  z-index: 99;
	  border: 2px solid #000;
	  box-shadow: 4px 4px 0 0 #000;
	  transition: .2s all ease-in-out;
	}
	
	.burger.opened{
		transform: translate(4px, 4px);
		box-shadow: none;
	}
	
	.line {
	  fill: none;
	  stroke: black;
	  stroke-width: 6;
	  transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
		stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
	}
	.line1 {
	  stroke-dasharray: 60 207;
	  stroke-width: 6;
	}
	.line2 {
	  stroke-dasharray: 60 60;
	  stroke-width: 6;
	}
	.line3 {
	  stroke-dasharray: 60 207;
	  stroke-width: 6;
	}
	.opened .line1 {
	  stroke-dasharray: 90 207;
	  stroke-dashoffset: -134;
	  stroke-width: 6;
	}
	.opened .line2 {
	  stroke-dasharray: 1 60;
	  stroke-dashoffset: -30;
	  stroke-width: 6;
	}
	.opened .line3 {
	  stroke-dasharray: 90 207;
	  stroke-dashoffset: -134;
	  stroke-width: 6;
}

	
	.menu-wrapper{
		display: none;
	}
	
	.mobile-menu{
		opacity: 0;
		position: absolute;
		top: 100%;
		left: -100%;
		right: 0;
		width: 100%;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
		padding-top: 2rem;
		padding-bottom: 2rem;
		transition: all .3s ease-in-out;
		background-color: #fff;
		border-bottom: 2px solid #000;
		z-index: -1!important;
		height: 35rem;
  		max-height: 45rem;
		overflow-y: scroll;
 	 	-webkit-overflow-scrolling:touch;
	}
	
	.mobile-menu.active{
		opacity: 1;
		left: 0;
		z-index: 3;
	}
	
	.mobile-menu-list{
		list-style-type: none;
		padding: 0;
		margin: 0;
	}
	
	.mobile-menu>.mobile-menu-list>.menu-item{
		padding-top: 1rem;
		padding-bottom: 1rem;
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
	
	.mobile-menu>.mobile-menu-list>.menu-item>.menu-button-link{
		margin-top: 1rem;
		margin-bottom: 1rem;
		padding: 10px 10px;
		margin: 0;
		display: block;
		text-align: center;
		width: 90%;
		transition: .2s all ease-in-out;
	}
	
	.mobile-menu>.menu-button-link.active{
		transform: translate(4px, 4px);
		box-shadow: none;
	}
	
	.has-children > a::after {
	  content: "\f107";
	  font-family: "FontAwesome";
	  margin-left: 10px;
	}
	
	.sub-menu{
		display: none;
		list-style-type: none;
		padding-top: 1rem;
		padding-left: 4rem;
	}
	
	.sub-menu>li{
		padding-top: 1rem;
		padding-bottom: 1rem;
	}
	
	.sub-menu>li>a{
		text-decoration: none;
		font-weight: 500;
	}
	
	.sub-menu>li>a:hover{
		color: #000;
		text-decoration: underline;
	}
	.nav-down{
		top: 0!important;
	}
	
	.banner-wrapper{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
		justify-content: space-between;
		height: auto;
		padding-top: 8rem;
		padding-bottom: 8rem;
	}
	
	.banner-text-wrapper{
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		height: auto;
		text-align: center;
	}
	
	.banner-text-header{
		font-size: 4.8rem;
	}
	
	.banner-img-wrapper{
		margin-left: auto;
		margin-right: auto;
		width: 100%;
		height: auto;
		margin-top: 4rem;
	}
	
	.svg-baner{
		max-height: 35vh;
	}
	
	.about-us{
		padding-top: 4rem;
		padding-bottom: 4rem;
	}
	
	.about-us-header{
		font-size: 3.9rem;
	}
	
	.about-us-text{
		font-size: 2.5rem;
		margin-bottom: 8rem;
	}
	
	.about-us-link{
		font-size: 2rem;
		margin-top: 0;
	}
	
	.cta-button{
		font-size: 2rem;
		margin-top: 0;
	}
	
	.offer-header{
		font-size: 3.9rem;
		margin-bottom: 6rem;
	}

	.testimonial-header{
		font-size: 3.9rem;
	}
	
	.offer-text{
		font-size: 2.5rem;
	}
	
	.offer-card-wrapper{
		margin-bottom: 4rem;
	}
	
	.offer-card{
		padding: 4rem 4rem;
	}
	
	.offer-card-less-padding{
		padding: 4rem;
	}
	
	.offer-icon{
		max-width: 96px;
	}
	
	.offer-icon-color{
		max-width: 96px;
	}
	
	.offer-card-header{
		font-weight: 700;
		font-size: 2rem;
	}
	
	.light-subheader{
		font-size: 2.5rem;
	}
	
	
	.list{
		padding-left: 2.5rem;
		margin-top: 2rem;
		font-size: 2rem;
	}
	
	.list2{
		padding-left: 2.5rem;
		margin-top: 2rem;
		font-size: 2.5rem;
	}
	
	.img-center{
		margin-top: 8rem;
	}
	
	.svg-list-wrapper{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-direction: column-reverse;
		margin-top: 2rem;
	}
	
	.support-header{
		font-size: 3.9rem;
	}
	
	.arrow-right-wrapper{
		display: none;
	}
	
	.support-subheader{
		font-size: 2.5rem;
	}
	
	.support-subheader:first-of-type{
		margin-top: 4rem;
	}
	
	.contact-banner-wrapper{
		margin-top: 4rem;
		min-height: 50vh;
		height: auto;
	}
	
	.contact-banner-text-wrapper{
		width: 100%;
		margin-top: 4rem;
		height: auto;
	}
	
	.contact-banner-img-wrapper{
		width: 100%;
		height: auto;
	}
	
	.contact-banner-text-header{
		font-size: 3.9rem;
	}
	
	.marquee-wrapper{
		height: 8rem;	
	}
	
	.marquee-wrapper>div{
		font-size: 3.1rem;
	}
	
	.marquee-svg{
		width: 64px;
		height: auto;
	}
	
	.contact-info-text{
		font-size: 2rem;
	}
	
	.contact-info-link{
		font-size: 2rem;
		font-weight: 300;
		font-family: halyard-display, sans-serif;
	}
	
	.contact-light-subheader{
		font-size: 2rem;
		font-weight: 300;
		margin-top: 4rem;
		margin-bottom: 4rem;
	}
	
	.form-submit{
		width: 100%;
	}	
	
	.about-banner-text-wrapper{
		width: 100%;
		height: auto;
	}
	
	.tiboost-banner-text-wrapper{
		width: 100%;
		height: auto;
	}
	
	.about-banner-img-wrapper{
		width: 100%;
		height: auto;
	}
	
	.about-header{
		font-size: 3.9rem;
		margin-bottom: 4rem;
	}
	
	.about-subheader{
		font-size: 3.1rem;
		line-height: 1.5;
	}
	
	.about-text-light{
		font-size: 2.5rem;
		margin-top: 2rem;
	}
	
	.about-text-cursive{
		margin-bottom: 8rem;
	}
	
	.how-we-work-image{
		width: 36px;
		height: auto;
	}
	
	.how-we-work-text{
		font-size: 2rem;
	}
	
	.row.mt8{
		margin-top: 0;
	}

	.our-work-project-header{
		font-size: 3.1rem;
	}
	
	.our-work-project-wrapper{
		margin-bottom: 8rem;
	}
	
	.our-project{
		height: initial;
	}
	
	.our-project-header-wrapper{
		height: initial;
		margin-bottom: 8rem;
	}
	
	.banner-text-subheader{
		font-size: 3.9rem;
	}
	
	.our-project-details{
		margin-bottom: 2rem;
	}
	
	.our-project-details:last-of-type{
		margin-bottom: 4rem;
	}
	
	.our-project-details-text-bold{
		font-size: 2rem;
	}
	
	.our-project-description-text{
		font-size: 2rem;
	}
	
	.cta-button{
		font-size: 2rem;
	}
	
	footer{
		padding: 4rem 0;
	}
	
	.footer-header{
		margin-top: 2rem;
	}
	
	.menu-contact-wrapper{
		padding-top: 2rem;
		padding-bottom: 0;
	}
	
	.ticms-banner-wrapper{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
	}
	
	.ticms-banner-text-wrapper{
		width: 100%;
		height: auto;
		min-height: 30vh;
	}

	.row-gap{
		flex-wrap: wrap;
	}

	.about-ticms{
		min-height: 90vh;
		height: auto;
	}

	.testimonial-text{
		font-size: 3.1rem;
	}

	.full-height-banner-wrapper{
		margin-top: 4rem;
		min-height: 50vh;
		height: auto;
	}

	.landing-page-text-header{
		font-size: 3.9rem;
	}
	
	.landing-page-subheader{
		font-size: 2rem;
		font-weight: 300;
		margin-top: 4rem;
		margin-bottom: 4rem;
	}

	.full-height-container{
		min-height: 40vh;
	}

	.big-text{
		font-size: 3.1rem;
	}

	
}


@media only screen and (min-width: 769px) and (max-width: 991px) and (orientation: landscape){
	.svg-baner{
		max-height: 75vh;
	}
	
	.mobile-menu{
		height: 27rem;
		max-height: 40rem;
	}
	
	.has-children.active> a::after {
	  content: "\f106";
	  font-family: "FontAwesome";
	  margin-left: 10px;
	}
	

	.baner-text-wrapper{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		align-items: flex-start;
		justify-content: flex-start;
		flex-direction: row;
	}
	
	.ticms-banner-wrapper{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-direction: row;
		height: auto;
		justify-content: space-between;
		padding-bottom: 4rem;
	}
		
	
	.ticms-banner-text-wrapper{
		width: 100%;
		min-height: 40vh;
		height: auto;
		padding-bottom: 4rem;
		padding-top: 8rem;
	}
	
	.baner-box{
		margin-left: 0;
	}
	
	.baner-title-big-text{
		font-size: 4.8rem;
	}

	.baner-title{
		font-size: 2.8rem;
	}
	
	.rotations-wrapper{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
	}
	
	.about-ticms{
		padding-top: 4rem;
		padding-bottom: 4rem;
	}
	
	.ticms-header{
		font-size: 3.1rem;
		margin-bottom: 4rem;
	}

	.ticms-text{
		margin-bottom: 2rem;
	}

	.about-us-link{
		margin-top: 2rem;
	}

	.offer-row{
		margin-top: 4rem;
	}

	.offer-text{
		padding: 0;
		font-size: 2rem;
	}

	.testimonial-text{
		font-size: 3.1rem;
	}

	
}

@media only screen and (min-width: 1025px) and (max-width: 1200px){
	.about-us{
		padding-top: 4rem;
		padding-bottom: 4rem;
	}
	
	.about-us-header{
		font-size: 4.8rem;
	}
	
	.about-us-text{
		font-size: 3.1rem;
		margin-bottom: 8rem;
	}
	
	.about-us-link{
		font-size: 2rem;
		margin-top: 0;
	}
	
	.cta-button{
		font-size: 2rem;
		margin-top: 0;
	}
	
	.contact-banner-text-wrapper{
		width: 100%;
		margin-top: 4rem;
		height: auto;
	}
	
	.contact-banner-img-wrapper{
		width: 100%;
	}
	
	.contact-banner-text-header{
		font-size: 4.8rem;
	}
	
	.contact-light-subheader{
		font-size: 3.1rem;
	}
	
	.marquee-wrapper{
		height: 8rem;	
	}
	
	.marquee-wrapper>div{
		font-size: 3.1rem;
	}
	
	.marquee-svg{
		width: 64px;
		height: auto;
	}
	
	.contact-info-text{
		font-size: 2rem;
	}
	
	.contact-info-link{
		font-size: 2rem;
		font-weight: 300;
		font-family: halyard-display, sans-serif;
	}
	
	
	.form-submit{
		width: 100%;
	}	
	
	.baner-text-wrapper{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 100%;
	}

	.baner-title-big-text{
		font-size: 7.6rem;
	}

	.baner-title{
		font-size: 4.8rem;
	}

	.rotations-wrapper{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-direction: row;
		-moz-flex-direction: row;
		-ms-flex-direction: row;
		-o-flex-direction: row;
		flex-direction: row;
	}

	.rotations {
		text-align: center;
		display: inline-flex;
		flex-direction: column;
		align-items: flex-start;
		overflow: hidden;
	}


	.baner-box {
		height: 80px;
		line-height: 80px;
		padding-left: 1rem;
		padding-right: 1rem;
		margin-left: 0.5rem;
	}

	.height-box {
		height: 80px;
		line-height: 80px;
	}


	.baner-box-bg {
		background-color: rgba(255, 175, 16,1);
	}

	.ticms-banner-text-wrapper{
		width: 70%;
		height: auto;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
	}

	.testimonial-text{
		font-size: 3.9rem;
	}
	.row-gap{
		flex-wrap: wrap;
	}

	.offer-card-less-padding{
		padding: 8rem 4rem;
	}

	.offer-card-header{
		font-size: 3.1rem;
		margin-bottom: 4rem;
	}

	.offer-card-text{
		font-size: 2rem;
	}

	.landing-page-text-header{
		font-size: 4.8rem;
	}

	.landing-page-subheader{
		font-size: 3.1rem;
	}

	.full-height-container{
		min-height: 40vh;
	}

	.big-text{
		font-size: 3.1rem;
	}

}

@media screen and (min-width: 992px){
	.dropdown-menu{
	position: absolute;
	top: 95%;
	left: 0;
	padding:0;
	border: 3px solid #000;
	border-radius: 0;
}
	
.dropdown{
	padding-top: 2rem;
	padding-bottom: 2rem;
}
	
	.dropdown-menu-items{
		padding: 1rem;
	}

.dropdown-item{
	font-weight: 700;
	padding: 1rem;
	color: #000;
}

.dropdown-item:hover{
	background-color: #fff;
	text-decoration: underline;
}

.dropdown-item:focus{
	color: #000;
}

.dropdown:hover>.dropdown-menu {
  display: flex;
}

.dropdown>.dropdown-toggle:active {
  /*Without this, clicking will make it sticky*/
    pointer-events: none;
}
	
	.dropdown-menu-images{
		border-left: 2px solid #000;
		min-width: 350px;
		height: inherit;
		position: relative;
	}
	
	.dropdown-menu-image-default{
		width: 100%;
		height: 100%;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		margin-left: auto;
		margin-right: auto;
		transition: .2s all ease-in-out;
		opacity: 1;
	}
	
	.dropdown-menu-image{
		width: 100%;
		height: 100%;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		margin-left: auto;
		margin-right: auto;
		opacity: 0;
		transition: .2s all ease-in-out;
	}
	
	.image-opacity{
		opacity: 1;
	}
	
	.image-no-opacity{
		opacity: 0;
	}

	.our-work-section-wrapper{
		display: flex;
		gap: 3rem;
	}

	.our-work-project-wrapper{
		flex-grow: 1;
		flex: 1 1 0px;
	}

	
	#projectsslider>.carousel-control-prev{
		left: -10%;
	   }
	
	   #projectsslider>.carousel-control-next{
		right: -10%;
	   }
	
	   .projects-buttons-wrapper{
		display: flex;
		flex-direction: row;

	   }

	   .projects-buttons-wrapper{
		display: flex;
		flex-direction: row;
		justify-content: center;
		flex-wrap: wrap;
		gap: 1rem;
	}

	.projects-buttons-wrapper .project-showcase-link{
		width: 30%;
	}

}


@media screen and (max-width: 1080px){
	.burger {
	  background-color: transparent;
	  cursor: pointer;
	  display: flex;
	  padding: 10px 20px;
	  z-index: 99;
	  border: 2px solid #000;
	  box-shadow: 4px 4px 0 0 #000;
	  transition: .2s all ease-in-out;
	}
	
	.burger.opened{
		transform: translate(4px, 4px);
		box-shadow: none;
	}
	
	.line {
	  fill: none;
	  stroke: black;
	  stroke-width: 6;
	  transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
		stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
	}
	.line1 {
	  stroke-dasharray: 60 207;
	  stroke-width: 6;
	}
	.line2 {
	  stroke-dasharray: 60 60;
	  stroke-width: 6;
	}
	.line3 {
	  stroke-dasharray: 60 207;
	  stroke-width: 6;
	}
	.opened .line1 {
	  stroke-dasharray: 90 207;
	  stroke-dashoffset: -134;
	  stroke-width: 6;
	}
	.opened .line2 {
	  stroke-dasharray: 1 60;
	  stroke-dashoffset: -30;
	  stroke-width: 6;
	}
	.opened .line3 {
	  stroke-dasharray: 90 207;
	  stroke-dashoffset: -134;
	  stroke-width: 6;
}

	
	.menu-wrapper{
		display: none;
	}
	
	.mobile-menu{
		opacity: 0;
		position: absolute;
		top: 100%;
		left: -100%;
		right: 0;
		width: 100%;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
		padding-top: 2rem;
		padding-bottom: 2rem;
		transition: all .3s ease-in-out;
		background-color: #fff;
		border-bottom: 2px solid #000;
		z-index: -1!important;
		height: 35rem;
  		max-height: 45rem;
		overflow-y: scroll;
 	 	-webkit-overflow-scrolling:touch;
	}
	
	.mobile-menu.active{
		opacity: 1;
		left: 0;
		z-index: 3;
	}
	
	.mobile-menu-list{
		list-style-type: none;
		padding: 0;
		margin: 0;
	}
	
	.mobile-menu>.mobile-menu-list>.menu-item{
		padding-top: 1rem;
		padding-bottom: 1rem;
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
	
	.mobile-menu>.mobile-menu-list>.menu-item>.menu-button-link{
		margin-top: 1rem;
		margin-bottom: 1rem;
		padding: 10px 10px;
		margin: 0;
		display: block;
		text-align: center;
		width: 90%;
		transition: .2s all ease-in-out;
	}
	
	.mobile-menu>.menu-button-link.active{
		transform: translate(4px, 4px);
		box-shadow: none;
	}
	
	.has-children > a::after {
	  content: "\f107";
	  font-family: "FontAwesome";
	  margin-left: 10px;
	}
	
	.sub-menu{
		display: none;
		list-style-type: none;
		padding-top: 1rem;
		padding-left: 4rem;
	}
	
	.sub-menu>li{
		padding-top: 1rem;
		padding-bottom: 1rem;
	}
	
	.sub-menu>li>a{
		text-decoration: none;
		font-weight: 500;
	}
	
	.sub-menu>li>a:hover{
		color: #000;
		text-decoration: underline;
	}
	.nav-down{
		top: 0!important;
	}
	
}


@media screen and (min-width: 768px){
	.about-us-titles{
		flex-direction: column;
	}

	.about-us-title{
		text-align: left;
		border-bottom: none;
		border-left: 2px solid black;
		margin-bottom: 0;
		display: block;
		flex: 0;
		padding-top: clamp(calc(32px * 0.65), 2.22222vw, 32px);
		padding-bottom: clamp(calc(32px * 0.65), 2.22222vw, 32px);
		padding-left: clamp(calc(40px * 0.65), 2.77778vw, 40px);
		width: 90%;
	}

	.about-us-title.active{
		border-left: 2px solid white;
        border-bottom: none;
	}

	.about-us-title h3{
		font-size: 2.5rem;
	}

	.about-us-title h4{
		font-size: 2.5rem;
	}	

	.about-us-row>div>.about-us-text{
		padding-top: clamp(calc(35px * 0.65), 2.43056vw, 35px);
		padding-bottom: clamp(calc(50px * 0.65), 3.47222vw, 50px);
		border-top: 1px solid black;
		margin-bottom: 0;
	}
	
	.scroll-div{
		max-height: 100vh;
	}

	.scroll-div-bottom{
		flex-direction: row-reverse;
		justify-content: space-between;
		align-items: flex-end;
	}

	.scroll-div-image-wrapper{
		display: flex;
		justify-content: flex-end;
	}

	.scroll-div-description{
		width: 70%;
	}

	
	.scroll-div-image{
		width: 70%;
		height: auto;
	}

}

@media screen and (min-width: 992px){
	.about-us-row.show{
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
	}

	.blog-items{
		display: flex;
		gap: 1rem;
		margin-top: 4rem;
	}

	.blog-item{
		flex-grow: 1;
		flex: 1 1 0px;
	}

	.blog-item-header{
		padding-top: 1rem;
	}

	.blog-item-text{
		padding-top: 1rem;
		padding-bottom: 1rem;
	}

	#projectsslider>.carousel-control-prev{
		left: -10%;
	   }
	
	   #projectsslider>.carousel-control-next{
		right: -10%;
	   }
}


@media screen and (min-width: 1024px){

	.projects-buttons-wrapper{
		display: flex;
		flex-direction: row;
		justify-content: center;
		flex-wrap: wrap;
		gap: 1rem;
	}

	.projects-buttons-wrapper .project-showcase-link{
		width: 30%;
	}

	.blog-article-wrapper{
		max-width: 800px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 60px;
	}
}


@media screen and (min-width: 1200px){

	.about-us-titles{
		margin-top: 4rem;
	}

	.about-us-row{
		margin-top: 4rem;
	}

	.about-us-title h3{
		font-size: 3.6rem;
	}

	.about-us-title h4{
		font-size: 2.5rem;
	}

	.about-us-text h4{
		font-size: 2.5rem;
	}

	.about-us-text p{
		font-size: 2.5rem;
		margin-top: 2rem;
	}

	.scroll-div{
		height: 95vh;
	}

	.scroll-div-number{
		font-size: 4.8rem;
	}

	.scroll-div-header{
		font-size: 4.8rem;
	}

	.scroll-div-text{
		margin-bottom: 4rem;
	}

	.scroll-div-subheader{
		font-size: 3.9em;
	}

	.full-height-container{
		min-height: 100vh;
	}

	.big-text{
		font-size: 3.9rem;
	}

	.big-text:first-of-type{
		margin-bottom: 8rem;
	}
}