/*! Custom
 */body,html{
width:100%;height:100%
}

body{
font-family:'Ubuntu', sans-serif;
}

.btn-xl{
padding:1.25rem 2.5rem
}

.content-section{
padding-top:7.5rem;padding-bottom:7.5rem
}

.content-disclaimer-inpage{
	padding-top:15px;
	padding-bottom:15px;
}

.content-section-heading h2{
font-size:3rem
}

.content-section-heading h3{
font-size:1rem;text-transform:uppercase
}

h5{
font-size:16px;
}

h1{
font-weight:100
}

h2,h3,h4,h5,h6{
font-weight:700
}

.text-faded{
color:rgba(255,255,255,.7)
}

.map{
height:30rem
}

@media (max-width:992px){
.map{
height:75%
}


}

.map iframe{
pointer-events:none
}

.scroll-to-top{
position:fixed;right:15px;bottom:15px;display:none;width:50px;height:50px;text-align:center;color:#fff;background:rgba(52,58,64,.5);line-height:45px
}

.scroll-to-top:focus,.scroll-to-top:hover{
color:#fff
}

.scroll-to-top:hover{
background:#3C3C3B
}

.scroll-to-top i{
font-weight:800
}

.masthead{
min-height:30rem;position:relative;display:table;width:100%;height:auto;padding-top:8rem;padding-bottom:8rem;background:linear-gradient(90deg,rgba(255,255,255,.1) 0,rgba(255,255,255,.1) 100%),url(../img/bg-masthead.jpg);background-position:center center;background-repeat:no-repeat;background-size:cover
}

.masthead-fast-lane{
min-height:30rem;position:relative;display:table;width:100%;height:auto;padding-top:8rem;padding-bottom:8rem;background:linear-gradient(90deg,rgba(255,255,255,.1) 0,rgba(255,255,255,.1) 100%),url(../img/bg-masthead-fast-lane.jpg);background-position:center center;background-repeat:no-repeat;background-size:cover
}

.masthead-online-shop{
min-height:30rem;position:relative;display:table;width:100%;height:auto;padding-top:8rem;padding-bottom:8rem;background:linear-gradient(90deg,rgba(255,255,255,.1) 0,rgba(255,255,255,.1) 100%),url(../img/bg-masthead-online-shop.jpg);background-position:center center;background-repeat:no-repeat;background-size:cover
}

.masthead-btag{
min-height:30rem;position:relative;display:table;width:100%;height:auto;padding-top:8rem;padding-bottom:8rem;background:linear-gradient(90deg,rgba(255,255,255,.1) 0,rgba(255,255,255,.1) 100%),url(../img/bg-masthead-btag.jpg);background-position:center center;background-repeat:no-repeat;background-size:cover
}

.masthead-lounge{
min-height:30rem;position:relative;display:table;width:100%;height:auto;padding-top:8rem;padding-bottom:8rem;background:linear-gradient(90deg,rgba(255,255,255,.1) 0,rgba(255,255,255,.1) 100%),url(../img/bg-masthead-lounge.jpg);background-position:center center;background-repeat:no-repeat;background-size:cover
}

.masthead .masthead-fast-lane h1{
font-size:4rem;margin:0;padding:0
}

@media (min-width:992px){
.masthead .masthead-fast-lane .masthead-online-shop .masthead-btag .masthead-lounge{
height:100vh
}

.masthead .masthead-fast-lane .masthead-online-shop .masthead-btag .masthead-lounge h1{
font-size:60px
}


}

	
	
	

#sidebar-wrapper{
	position:fixed;
	z-index:2;
	right:0;
	width:250px;
	height:100%;
	transition:all .4s ease 0s;
	transform:translateX(250px);
	background:#17405C;
	border-left:1px solid rgba(0,0,0,.2)
}

.sidebar-nav{
position:absolute;top:0;width:250px;margin:0;padding:0;list-style:none
}

.sidebar-nav li.sidebar-nav-item a{
display:block;text-decoration:none;color:#fff;padding:15px
}

.sidebar-nav li a:hover{
text-decoration:none;color:#fff;background:rgba(14,39,66,.5)
}

.sidebar-nav li a:active,.sidebar-nav li a:focus{
text-decoration:none
}

.sidebar-nav>.sidebar-brand{
font-size:1.2rem;background:rgba(14,29,66,.2);height:80px;line-height:50px;padding-top:15px;padding-bottom:15px;padding-left:15px
}

.sidebar-nav>.sidebar-brand a{
color:#fff
}

.sidebar-nav>.sidebar-brand a:hover{
color:#fff;background:0 0
}

#sidebar-wrapper.active{
right:250px;width:250px;transition:all .4s ease 0s
}

.menu-toggle{
	position:fixed;
	right:15px;
	top:15px;
	width:50px;
	height:50px;
	text-align:center;
	color:#fff;
	background:rgba(0,0,0,.4);
	line-height:50px;
	z-index:999;
}

.menu-toggle:focus,.menu-toggle:hover{
color:#fff
}

.menu-toggle:hover{
	background:rgba(0,0,0,.6);
}

.service-icon{
background-color:#fff;color:#C4211C;height:7rem;width:7rem;display:block;line-height:7.5rem;font-size:2.25rem;box-shadow:0 3px 3px 0 rgba(0,0,0,.1)
}

.callout{
padding:15rem 0;background:linear-gradient(90deg,rgba(255,255,255,.1) 0,rgba(255,255,255,.1) 100%),url("../img/bg-partnership.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover
}

.callout h2{
font-size:3.5rem;font-weight:700;display:block;max-width:30rem
}

.portfolio-item{
display:block;position:relative;overflow:hidden;max-width:530px;margin:auto auto 1rem
}

.portfolio-item .caption{
display:flex;height:100%;width:100%;background-color:rgba(33,37,41,.2);position:absolute;top:0;bottom:0;z-index:1
}

.portfolio-item .caption .caption-content{
color:#fff;margin:auto 2rem 2rem
}

.portfolio-item .caption .caption-content h2{
font-size:.8rem;text-transform:uppercase
}

.portfolio-item .caption .caption-content p{
font-weight:300;font-size:1.2rem
}

@media (min-width:992px){
.portfolio-item{
max-width:none;margin:0
}

.portfolio-item .caption{
transition:background-color .7s,-webkit-clip-path .25s ease-out;transition:clip-path .25s ease-out,background-color .7s;transition:clip-path .25s ease-out,background-color .7s,-webkit-clip-path .25s ease-out;-webkit-clip-path:inset(0);clip-path:inset(0)
}

.portfolio-item .caption .caption-content{
transition:opacity .25s;margin-left:5rem;margin-right:5rem;margin-bottom:5rem
}

.portfolio-item img{
transition:-webkit-clip-path .25s ease-out;transition:clip-path .25s ease-out;transition:clip-path .25s ease-out,-webkit-clip-path .25s ease-out;-webkit-clip-path:inset(-1px);clip-path:inset(-1px)
}

.portfolio-item:hover img{
-webkit-clip-path:inset(2rem);clip-path:inset(2rem)
}

.portfolio-item:hover .caption{
background-color:rgba(196,33,28,.9);-webkit-clip-path:inset(2rem);clip-path:inset(2rem)
}


}

.map iframe{
height:100%;width:100%;border:0
}

footer.footer{
padding-top:5rem;padding-bottom:5rem
}

footer.footer .social-link{
display:block;height:4rem;width:4rem;line-height:4.3rem;font-size:1.5rem;background-color:#C4211C;transition:background-color .15s ease-in-out;box-shadow:0 3px 3px 0 rgba(0,0,0,.1)
}

footer.footer .social-link:hover{
background-color:#A82622;text-decoration:none
}

a{
color:#C4211C
}

a:active,a:focus,a:hover{
color:#A82622
}

.btn-primary{
background-color:#C4211C!important;border-color:#C4211C!important;color:#fff!important
}

.btn-primary:active,.btn-primary:focus,.btn-primary:hover{
background-color:#A82622!important;border-color:#A82622!important
}

.btn-secondary{
background-color:#FFFFFF!important;border-color:#FFFFFF!important;color:#C4211C!important
}

.btn-secondary:active,.btn-secondary:focus,.btn-secondary:hover{
background-color:#EBEBEB!important;border-color:#EBEBEB!important
}

.btn-dark{
color:#fff!important
}

.btn{
box-shadow:0 3px 3px 0 rgba(0,0,0,.1);font-weight:700
}

.bg-primary{
background-color:#C4211C!important
}

.text-primary{
color:#C4211C!important
}

.text-secondary{
color:#B1B1B1!important
}

/*code*/.content-section-small {
padding-top: 20px;padding-bottom: 10px;
}


.wrapper {
display: flex;flex-grow: 1;
}

/*tabs*/.tab__container {
position: relative;
}

.tab__container > ul {
position: absolute;list-style: none;margin: 0;right: 1rem;top: -2rem;padding-left: 0;
}

.tab__container .code {
white-space: normal;padding: 1rem 1.5rem;
}

.tab {
display: inline-block;padding: 0.3rem 0.5rem;font-weight: 200;cursor: pointer;
}


.tab.active {
border-bottom: 1px solid #000000;font-weight: 700;display: inline-block;
}

.tab__pane {
display: none;
}

.tab__pane.active {
display: block; font-size: 11px;
}

/* code */.code {
border-radius: 3px;font-family:'Ubuntu', sans-serif;background: #FFFFFF;border: 1px solid #EBEBEB;color: var(--primary-color-light);
}

.code--block {
white-space: pre-line;padding: 0 1.5rem;
}

.code--inline {
padding: 3px 6px;font-size: 80%;
}

/*buttons*/.button--primary {
padding: 10px 22px;background-color: var(--accent-color);color: white;position: relative;text-decoration: none;border: 0;transition: all .3s ease-out;
}

.button--primary:after {
position: absolute;content: "";width: 1rem;height: 1rem;background-color: var(--accent-color-light);right: -0.4rem;top: -0.4rem;transition: all 0.3s ease-out;
}

.button--primary:hover {
text-shadow: 0px 1px 1px var(--accent-color-dark);color: white;transform: translate3D(0, -3px, 0);
}

.button--primary:hover::after {
transform: rotate(90deg);
}

.button--secondary {
padding: 10px 22px;border: 2px solid var(--primary-color);transition: all 0.5s ease-out;
}

.button--secondary:hover {
border-color: var(--accent-color);color: var(--accent-color);
}

/* links */
.link {
text-decoration: none;transition: all 0.3s ease-out;
}

.link:hover {
color: var(--accent-color);
}

.link--dark {
color: var(--primary-color);
}

.link--light {
color: var(--accent-color);
}

/*menu*/nav {
display: grid;grid-template-columns: 70px auto;
}

.menu {
margin: 0;text-align: right;overflow: hidden;list-style: none;
}

.toggle {
display: none;position: relative;
}

.toggle span,.toggle span:before,.toggle span:after {
content: '';position: absolute;height: 2px;width: 18px;border-radius: 2px;background: var(--primary-color);display: block;cursor: pointer;transition: all 0.3s ease-in-out;right: 0;
}

.toggle span:before {
top: -6px;
}

.toggle span:after {
bottom: -6px;
}

.toggle.open span{
background-color: transparent;
}

.toggle.open span:before,.toggle.open span:after {
top: 0;
}

.toggle.open span:before {
transform: rotate(45deg);
}

.toggle.open span:after {
transform: rotate(-45deg);
}

.menu__item {
padding: 1rem;display: inline-block;
}

.menu__item.toggle {
display: none;
}

/*table*/table {
border-collapse: collapse;width: 100%;transition: color .3s ease-out;margin-bottom: 2rem;
}

table td, table th {
border: 1px solid var(--code-bg-color);padding: 0.8rem;font-weight: 300;
}

table th {
text-align: left;background-color: white;border-color: white;border-bottom-color: var(--code-bg-color);
}

table td:first-child {
background-color: var(--bg-color);font-weight: 600;
}

@media screen and (max-width: 600px) {
nav {
  grid-template-columns: 70px auto;
}

.menu__item{
  display: none;
}

.menu__item.toggle {
  display: inline-block;
}


.menu {
  text-align: right;  padding: 0.5rem 1rem;
}

.toggle {
  display: block;
}

.menu.responsive .menu__item:not(:first-child) {
  display: block;  padding: 0 0 0.5rem 0;
}


}

/*layout*/.wrapper {
margin: 0 auto;width: 70%;
}

.footer {
text-align: center;background-color: var(--primary-color);padding: 2rem;color: white;
}

@keyframes fadeUp {
0% {
  opacity: 0;  transform: translate3d(0,30px,0);
}

100% {
  transform: translate3d(0,0,0);
}


}


/* Solid border */
hr.solid {

  border-top: 1px solid #EBEBEB;
	padding-bottom: 20px;
	padding-top: 10px;

}



.content-section-medium {

  padding-top: 3rem;
  padding-bottom: 3rem;

}



.content-section6{
padding-top:2.5rem;padding-bottom:1rem
}