@import url("MyFontsWebfontsKit.css");


.brand { text-indent:-999em; background:url('../images/tc-logo-small-white.png') no-repeat 0px 25px; background-size: 82px 32px; width:50px; height:54px; }

.muller { font-family: "Muller", sans-serif; font-weight:200; }
.muller-bold { font-family: "Muller", sans-serif; font-weight:700; }
.h1.muller, .h1.muller-bold { font-size:3rem; line-height:1.1; }

.galano-light { font-family: "GalanoGrotesque-Light", sans-serif; }
.galano { font-family: "GalanoGrotesque-Regular", sans-serif; }
.galano-bold { font-family: "GalanoGrotesque-Bold", sans-serif; }
.line-ample { line-height: 1.8; }

/* GREEN VERSION */

.bg-drkgreen { background-color: #437C1F; }
.bg-drkrgreen { background-color: #3D6424; }
.bg-lgtgreen { background-color:#C9E9B5; }
.bg-mdgreen { background-color:#79C847; }
.bg-greentaupe { background-color: #E5DFDA; }
.bg-drkgreen-gradient-trans {
	background: -moz-linear-gradient(top, rgba(67,124,31,0.6) 0%, rgba(87,148,50,0.6) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(67,124,31,0.6) 0%,rgba(87,148,50,0.6) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(67,124,31,0.6) 0%,rgba(87,148,50,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#991a3c4a', endColorstr='#99225062',GradientType=0 ); /* IE6-9 */
}

.drkrgreen { color:#3D6424; }
.drkgreen { color:#437C1F; /*225062*/; }
.lgtgreen { color:#C9E9B5; /*A9BBBF*/; }
.mdgreen { color:#79C847; /*5F8F9A;*/ }
.greentaupe { color: #E5DFDA; /*D5CFC4*/; }


/* END OF GREEN VERSION */


.bg-cream { background-color: #eee9dd; }
.bg-drkblue { background-color: #225062; }
.bg-drkrblue { background-color: #1a3c4a; }
.bg-lgtblue { background-color:#A9BBBF; }
.bg-taupe { background-color: #D5CFC4; }
.bg-drkblue-gradient {
	background: #1a3c4a; /* Old browsers */
	background: -moz-linear-gradient(top, #1a3c4a 0%, #225062 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #1a3c4a 0%,#225062 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #1a3c4a 0%,#225062 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a3c4a', endColorstr='#225062',GradientType=0 ); /* IE6-9 */
}
.bg-drkblue-gradient-trans {
	background: -moz-linear-gradient(top, rgba(26,60,74,0.6) 0%, rgba(34,80,98,0.6) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(26,60,74,0.6) 0%,rgba(34,80,98,0.6) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(26,60,74,0.6) 0%,rgba(34,80,98,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#991a3c4a', endColorstr='#99225062',GradientType=0 ); /* IE6-9 */
}

.drkblue { color:#225062; }
.lgtblue { color:#A9BBBF; }
.mdblue { color:#5F8F9A; }
.taupe { color: #D5CFC4; }

.btn { padding:0.7rem 1.1rem 0.6rem; letter-spacing:1px; }
.btn-primary { background-color: #5F8F9A; }
.btn-disabled { cursor: default; }
.btn:focus { border-color:rgba(0, 0, 0, 0); box-shadow:none; }

.desk-half { display:none; }
.h1 { font-size: 2.3rem }
.h2 { font-size: 1.8rem; line-height: 1; }
.h3 { font-size: 1.2rem }
.h4 { font-size: 0.9rem }
.h5 { font-size: 0.8rem }
.logos-hero { min-height:50px; position: relative; margin-top:100px; }

@media (min-width: 52em) {
	.desk-half { display:table-cell; width:50%; }
	.h1 { font-size: 2.9rem }
	.h2 { font-size: 2.3rem; line-height: 1; }
	.h3 { font-size: 1.3rem }
	.h4 { font-size: 1rem }
	.h5 { font-size: 0.9rem }
	.container-narrow {
	  max-width: 48em;
	  margin-left: auto;
	  margin-right: auto;
	}
	.hero { min-height: 550px; }
	.logos-hero { min-height:150px; position: relative; margin-top:200px; }
}

.logo {
	-webkit-transition: opacity 0.4s ease-out;
	transition: opacity 0.4s ease-out;
	-webkit-transform: translate(-50%, -49%);
	-ms-transform: translate(-50%, -49%);
	transform: translate(-50%, -49%);
	position: absolute;
	left: 50%;
	/*top: 43%;*/
	opacity: 0;
}
.visible { opacity: 1; }

.logo:nth-child(1) { animation: xfade 48s 40s infinite; }
.logo:nth-child(2) { animation: xfade 48s 32s infinite; }
.logo:nth-child(3) { animation: xfade 48s 24s infinite; }
.logo:nth-child(4) { animation: xfade 48s 16s infinite; }
.logo:nth-child(5) { animation: xfade 48s 8s infinite; }
.logo:nth-child(6) { animation: xfade 48s 0s infinite; }

@keyframes xfade{
   0%{
      opacity: 1;
   }
   10.5% {
      opacity:1;
   }
   12.5%{
      opacity: 0;
   }
   98% {
      opacity:0;
   }
   100% {
      opacity:1;
   }
}

/* extra spacing classes */
.pl2 { padding-left: 1rem }
.pr2 { padding-right: 1rem }

.BambooHR-ATS { font-family: "GalanoGrotesque-Regular", sans-serif!important; }
.BambooHR-ATS-board h2 { display: none; font-family: "GalanoGrotesque-Regular", sans-serif!important; }
.BambooHR-ATS-board ul { font-family: "GalanoGrotesque-Regular", sans-serif!important; }
/*.BambooHR-ATS-board li { font-family: "GalanoGrotesque-Regular", sans-serif!important; }*/
/*.BambooHR-ATS-Department-Header {}
.BambooHR-ATS-Jobs-List {}
.BambooHR-ATS-Jobs-Item {}
.BambooHR-ATS-Location {}*/


/* gallery */
.careers-gallery .gallery-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.gallery-image {
    padding: 0.5rem;
    position: relative;
}


.slidemenu-box.slidemenu-box-toggle~button.slidemenu-close-btn {
    left: 274px;
    transition-delay: 100ms!important;
    transition: left 500ms cubic-bezier(.68,0,.265,1.2);
}
button.slidemenu-close-btn {
    background-color: transparent;
    position: fixed;
    top: 10px;
    left: -44px;
    width: 44px;
    height: 44px;
    z-index: 200;
    padding: 0;
    transition: left 400ms cubic-bezier(.68,0,.265,1.55);
}
.slidemenu-box.slidemenu-box-toggle {
    left: -36px;
    transition: left 400ms cubic-bezier(.68,0,.265,1.55);
}
.slidemenu {
    font-family: title-font,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1;
    padding: 0 0 30px 4px;
    width: 281px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 36px;
    right: -15px;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-font-smoothing: auto;
    -webkit-overflow-scrolling: touch;
    list-style: none;
}
.slidemenu li {
    letter-spacing: 1px;
    position: relative;
    margin: 4px 0;
    color: #8fb3ae;
    width: 262px;
}
.slidemenu li.slidemenu-active>a {
    background-color: #7aa59f;
    border-right: 3px solid #8fb3ae;
}
.slidemenu-box {
    position: fixed!important;
    position: relative;
    left: -302px;
    z-index: 9999;
    width: 302px;
    height: 100%;
    background-color: #8fb3ae;
    overflow: hidden;
    transition: left 400ms cubic-bezier(.68,-.55,.265,1);
}


.dropmenu div { display:none; }
/*
.dropmenu div:target { display:block; transition: all .3s ease-in; }
.untarget { position: absolute; top: 0; width: 100%; height: 100%; display: none; }
.dropmenu-close:target { display:none; }


/* what is the following used for and where did it come from */

.navigation-bar {
	/*background: #ccc;*/
    position: fixed;
    /*height: 80px;*/
    opacity: 1;
    top: 0;
    z-index: 4;
    width: 100%;
    -webkit-transition: height 400ms ease,top 400ms ease 200ms,opacity 200ms ease;
    -moz-transition: height 400ms ease,top 400ms ease 200ms,opacity 200ms ease;
    transition: height 400ms ease,top 400ms ease 200ms,opacity 200ms ease;
    overflow: hidden;
}
.navigation-bar.closed {
	top: -84px;
    opacity: 0;
    -webkit-transition: top 400ms ease 200ms,opacity 200ms ease 600ms;
    -moz-transition: top 400ms ease 200ms,opacity 200ms ease 600ms;
    transition: top 400ms ease 200ms,opacity 200ms ease 600ms;
}

.navigation-link { position: relative; }
.navigation-link:before {
	content: '';
    display: block;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: -6px;
    border-bottom: 1px dashed #000;
}

.navigation-link:hover:before {
	content: '';
    display: block;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: -6px;
    border-bottom: 1px solid #000;
}


.browser {
    /* margin-top: 150px; */
    border-radius: 5px;
    max-width: 750px;
    margin: 0 auto;
    padding-top: 20px;
    font-size: 30px;
    background: #fafafa;
    height: auto;
    font-family: 'Monaco', 'Courier New';
    text-align: left;
    font-size: 14px;
    color: #fafafa;
    word-wrap: break-word;
}

.browser .code-line {
    text-indent: -1.6666%;
}

.browser .code-line-0 {
    margin-left: 1.6666%;
}

.browser .code-line-1 {
    margin-left: 2.6666%;
}

.browser .code-line-2 {
    margin-left: 3.6666%;
}

.browser .code-line-3 {
    margin-left: 4.6666%;
}

.browser .code-line-4 {
    margin-left: 5.6666%;
}

.answer {
    color: #ccc;
}
.answer a {
    color: #ccc;
    text-decoration: underline;
}


.hover-in {
    opacity: 0;
    -webkit-transform: translateY(-40px) translateZ(0);
    transform: translateY(-40px) translateZ(0);
    -webkit-transition: .5s opacity cubic-bezier(.23,1,.32,1),.5s -webkit-transform cubic-bezier(.23,1,.32,1);
    transition: .5s opacity cubic-bezier(.23,1,.32,1),.5s transform cubic-bezier(.23,1,.32,1);
    z-index: 1;
}

.come-in.delay {
    -webkit-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
}
.come-in {
    -webkit-transform: translateY(250px);
    -ms-transform: translateY(250px);
    -o-transform: translateY(250px);
    transform: translateY(250px);
    opacity: 0;
    -webkit-animation: slide-up .6s ease forwards;
    -o-animation: slide-up .6s ease forwards;
    animation: slide-up .6s ease forwards;
}

.drop-in {
    -webkit-transform: translateY(-250px);
    -ms-transform: translateY(-250px);
    -o-transform: translateY(-250px);
    transform: translateY(-250px);
    opacity: 0;
    -webkit-animation: slide-down .6s ease forwards;
    -o-animation: slide-down .6s ease forwards;
    animation: slide-down .6s ease forwards;
}

@-webkit-keyframes slide-up{to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
@-o-keyframes slide-up{to{opacity:1;-o-transform:translateY(0);transform:translateY(0)}}
@keyframes slide-up{to{opacity:1;-webkit-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}

@-webkit-keyframes slide-down{to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
@-o-keyframes slide-down{to{opacity:1;-o-transform:translateY(0);transform:translateY(0)}}
@keyframes slide-down{to{opacity:1;-webkit-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}

/* dataveyes */
.home .wrap-content .content-services ul li:hover:after {
    -moz-animation: sticky cubic-bezier(0.13,.85,.87,1.04) .35s;
    -webkit-animation: sticky cubic-bezier(0.13,.85,.87,1.04) .35s;
    animation: sticky cubic-bezier(0.13,.85,.87,1.04) .35s;
    height: 100px;
}
.home .wrap-content .content-services ul li:after {
    content: " ";
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    height: 0;
    width: 100%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -moz-animation: stickout cubic-bezier(0.13,.85,.87,1.04) .35s;
    -webkit-animation: stickout cubic-bezier(0.13,.85,.87,1.04) .35s;
    animation: stickout cubic-bezier(0.13,.85,.87,1.04) .35s;
    z-index: 10;
}
@keyframes sticky{0%{height:10px}30%{height:110px}100%{height:100px}}
@keyframes stickout{0%{height:100px}70%{height:110px}100%{height:10px}}

.code-space {
    display: inline-block;
    overflow: hidden;
    width: 1.33333%;
}

#bamboo-hr {
    max-width: 750px;
}