@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:400,400i,600,600i');
#tmWelcome {
    position: relative;
    display: flex;
    align-items: center;
}
.parallax-window {
    min-height: 1130px;
    background: transparent;
	
}
.container-fluid {
    max-width: 1200px;
}
.tm-brand-container-inner {
    max-width: 650px;
    width: 100%;
}
.tm-bg-black-transparent {
    background-color: rgba(0, 0, 0, 0.5);
}
.text-white {
    color: #fff!important;
}
.tm-brand-container {
    padding: 75px 110px;
}
.tm-brand-name {
    font-size: 3.8rem;
}
.tm-brand-description {
    font-size: 1.4rem;
}
.tm-welcome-container {
    min-height: 400px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    align-items: stretch;
}
.tm-bg-white-transparent {
    background-color: rgba(255, 255, 255, 0.8);
}
.container-fluid {
    max-width: 1200px;
}

.tm-welcome-left-col {
    display: flex;
    align-items: center;
}

.tm-welcome-left {
    padding-right: 30px;
    padding-top: 50px;
    padding-bottom: 50px;
}

.tm-welcome-right {
    color: white;
    background-color: #986665;
    padding: 80px 43px 70px;
    height: 100%;
}
.tm-welcome-icon {
    margin-bottom: 50px;
    display: block;
    text-align: center;
}

.page-section {
    position: relative;
    padding-bottom: 100px;
}
.justify-content-center {
    justify-content: center !important;
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.card-page {
    position: relative;
    padding: 20px;
    background-color: #fff;
    color: #6b6872;
    border-radius: 4px;
    box-shadow: 0 2px 12px rgba(95, 90, 104, 0.12);
}
.text-center {
    text-align: center !important;
}
.fg-primary {
    color: var(--primary) !important;
}
.fw-medium {
    font-weight: 500 !important;
}
.fs-vlarge {
    font-size: 21px !important;
    color:#dc6c1b;
}
p {
    margin-top: 0;
    margin-bottom: 1rem;
}
.mb-0, .my-0 {
    margin-bottom: 0 !important;
}
form {
    display: block;
    margin-top: 0em;
}
.form-group {
    margin-bottom: 1rem;
}

.form-control {
    padding-top: 10px;
    padding-bottom: 10px;
    height: unset;
}
			.maps-container {
				display: block;
				background-color: #E4E1EB;
				width: 100%;
				height: 100%;
				min-height: 500px;
			}

			.maps-container #myMap {
				height: 100%;
				min-height: 500px;
			}


	
				.categoryWrapper{
				  height: 310px;
				  display: flex;
				  justify-content: center;
				  align-items: center;
				  position: relative;
				}

				.categoryWrapper:after{
				  position: absolute;
				  top:0;
				  left: 0;
				  right:0;
				  bottom: 0;
				/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a29ca9+0,95909b+99 */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a29ca9', endColorstr='#95909b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
				  content: '';
				  
					-webkit-transition: opacity 0.9s ease 0s; 
				}

				.categoryWrapper:hover:after{
				  opacity: 0.4;
				}

				.categoryWrapper h1{
				  color:#f6f6f6;
				  font-size: 50px;
				  letter-spacing: 2px;
				  -webkit-transition: all 0.15s ease 0s; 
				  position: relative;
				  z-index: 10;
				}

				.categoryWrapper:hover h1{
				  transform: translateY(-10px);
				}

				.categoryWrapper button{
				  position: absolute;
				  transform: translatey(60px);
				  -webkit-appearance: none;
				  border: none;
				  background: none;
				  color:white;
				  width: 250px;
				  height:50px;
				  font-size: 20px;
				  padding: 0;
				  margin: 0;
				  outline: none;
				  z-index: 10;
				}

				.categoryWrapper button span{
				  display: block;
				  position: relative;
				  line-height: 50px;
				  height: 50px;
				  cursor: pointer;
				}

				.categoryWrapper button > span:after{
				  content:'';
				  position: absolute;
				  top:0;
				  left: 50%;
				  width: 20px;
				  height: 0;
				  
				  border: 1px solid white;
				  border-left: none;
				  border-bottom: none;
				  
					  transition: height 0.15s ease-out, width 0.15s ease-out 0.15s;
				}

				.categoryWrapper:hover button > span:after{
				  width: calc(50% - 1px);
				  height: calc(100% - 2px);
				  transition: width 0.15s ease-out, height 0.15s ease-out 0.15s;
				}

				.categoryWrapper button > span:before{
				  content:'';
				  position: absolute;
				  top:0;
				  right: 50%;
				  width: 20px;
				  height: 0;
				  
				  border: 1px solid white;
				  border-right: none;
				  border-bottom: none;
				  
					  transition: height 0.15s ease-out, width 0.15s ease-out 0.15s;
				}

				.categoryWrapper:hover button > span:before{
				  width: calc(50% - 1px);
				  height: calc(100% - 2px);
				  transition: width 0.15s ease-out, height 0.15s ease-out 0.15s;
				}

				.categoryWrapper button > span > span:before{
				  content:'';
				  position: absolute;
				  bottom:0;
				  right: 0%;
				  width: 1px;
				  height: 1px;
				  opacity: 0;
				  
				}

				.categoryWrapper:hover button > span > span:before{
				  opacity: 1;
				  border-bottom: 1px solid white;
				  width: calc(50%);
				  height: 1px;
				  transition: opacity 0s ease-out 0.29s, width 0.15s ease-out 0.3s;
				}

				.categoryWrapper button > span > span:after{
				  content:'';
				  position: absolute;
				  bottom:0;
				  left: 0%;
				  width: 1px;
				  height: 1px;
				  opacity: 0;
				  
				}

				.categoryWrapper:hover button > span > span:after{
				  opacity: 1;
				  border-bottom: 1px solid white;
				  width: calc(50%);
				  height: 1px;
				  transition: opacity 0s ease-out 0.29s, width 0.15s ease-out 0.3s;
				}

				.categoryWrapper button > span > span > span{
				  transition: color 0.15s ease-out 0.3s;
				  color: transparent;
				}

				.categoryWrapper:hover button > span > span > span{
				  color:black;
				}

				.categoryWrapper button > span > span > span:after{
				  position: absolute;
				  top:0;left:0;right:0;bottom:0;
				  color:#1f2e4d;
				  content: attr(data-attr-span);
				  width: 0%;
				  height: 100%;
				  background:white;
				  white-space: nowrap;
				  text-align: center;
				  margin: auto;
				  overflow: hidden;
				  display: flex;
				  justify-content: center;
				  transition: width 0.2s;
				}

				.categoryWrapper button:hover > span > span > span:after{
				  width: 100%;
				}
				@keyframes showTopText {
				  0% { transform: translate3d(0, 100%, 0); }
				  40%, 60% { transform: translate3d(0, 50%, 0); }
				  100% { transform: translate3d(0, 0, 0); }
				}
				@keyframes showBottomText {
				  0% { transform: translate3d(0, -100%, 0); }
				  100% { transform: translate3d(0, 0, 0); }
				}
				.animated-title {
				  color: #222;
				  font-family: Roboto, Arial, sans-serif;
				  height: 90vmin;
				  left: 30%;
				  position: absolute;
				  top: 50%;
				  transform: translate(-50%, -50%);
				  width: 90vmin;
				}
				.animated-title > div {
				  height: 50%;
				  overflow: hidden;
				  position: absolute;
				  width: 50%;
				}
				.animated-title > div div {
				  font-size: 6vmin;
				  padding: 2vmin 0;
				  position: absolute;
				}
				.animated-title > div div span {
				  display: block;
				}
				.animated-title > div.text-top {
				  border-bottom: 4px solid #84827d;
				  top: 0;
				}
				.animated-title > div.text-top div {
				  animation: showTopText 1s;
				  animation-delay: 0.5s;
				  animation-fill-mode: forwards;
				  bottom: 0;
				  transform: translate(0, 100%);
				}
				.animated-title > div.text-top div span:first-child {
				  color: #767676;
				}
				.animated-title > div.text-bottom {
				  bottom: 0;
				}
				.animated-title > div.text-bottom div {
				  animation: showBottomText 0.5s;
				  animation-delay: 1.75s;
				  animation-fill-mode: forwards;
				  top: 0;
				  transform: translate(0, -100%);
				}