/* Dark band with bracket: the old theme's bracket block (left variant) with its row's design settings. The
   band's picture on the old staging host never loaded, so it shows the dark colour unless one is chosen. */
.et-braket-block{max-width:588px}
.braket-block-inner{position:relative}
.et-braket-block .braket{position:absolute;top:0;left:0;width:24px;height:100%;z-index:15;overflow:hidden}
.et-braket-block .braket > div:first-child,.et-braket-block .braket > div:last-child{position:absolute;top:0;left:12px;width:12px;height:12px;transition:transform .2s cubic-bezier(.55,.085,.68,.53) .2s,opacity 0s linear .4s;transform:translate3d(-200%,0,0)}
.et-braket-block.active .braket > div:first-child,.et-braket-block.active .braket > div:last-child{transform:translateZ(0);opacity:1;transition:transform .2s cubic-bezier(.25,.46,.45,.94) .3s,opacity 0s linear .3s}
.et-braket-block .braket > div:last-child{top:auto;bottom:0}
.et-braket-block .braket > div:nth-child(2){position:absolute;top:0;left:0;width:12px;height:100%;overflow:hidden}
.et-braket-block .braket > div:nth-child(2) span{width:100%;height:100%;display:block;transform:translate3d(0,-100%,0);transition:transform .3s cubic-bezier(.39,.575,.565,1) .4s}
.et-braket-block.active .braket > div:nth-child(2) span{transform:translateZ(0);transition:transform .3s cubic-bezier(.47,0,.745,.715)}
.braket-block-content{padding:48px 0 48px 0;overflow:hidden}
.braket-block-content.text{padding:0 48px 0 48px;overflow:initial;opacity:0;transform:translate3d(-24px,0,0)}
.et-braket-block.active .braket-block-content.text{opacity:1;transform:none;transition:transform .8s cubic-bezier(.25,.46,.45,.94) .45s,opacity .8s cubic-bezier(.25,.46,.45,.94) .45s}
.braket-sub-title{padding-left:48px;margin-bottom:0;font-size:14px;line-height:24px;letter-spacing:1.5px;text-transform:uppercase;transition:transform .4s cubic-bezier(.55,.085,.68,.53) .01s;transform:translate3d(-100%,0,0)}
.et-braket-block.active .braket-sub-title{transition:transform 1.5s cubic-bezier(.19,1,.22,1) .3s;transform:translateZ(0)}
.braket-title{margin-bottom:0;transition:transform .4s cubic-bezier(.55,.085,.68,.53);transform:translate3d(-100%,0,0);padding-left:48px}
.et-braket-block.active .braket-title{transition:transform 1.5s cubic-bezier(.23,1,.32,1) .3s;transform:translateZ(0)}
.braket-button{margin-top:24px}
.braket-block-content-inner > *{margin-bottom:0 !important}
@media only screen and (max-width:767px){
	.braket-sub-title,.braket-title{padding-left:32px}
	.braket-block-content{padding:32px 0 32px 0}
	.braket-block-content.text{padding:24px 0 0 0 !important}
}
.ctwb-experience{padding-top:120px !important;padding-bottom:120px !important;background-color:#212121 !important;background-position:center !important;background-repeat:no-repeat !important;background-size:cover !important}
.ctwb-experience-col{padding-top:0 !important}
.ctwb-experience .braket-title{font-size:64px;font-weight:700;line-height:72px;color:#ffffff}
.ctwb-experience .braket-sub-title{color:#ffffff}
.ctwb-experience .braket-button{color:#ffffff !important}
.ctwb-experience .braket-button:hover{color:#ffffff !important}
.ctwb-experience .braket-button:before{box-shadow:inset 0 0 0 1px #ffffff}
.ctwb-experience .braket-button:after{background-color:var(--site-accent)}
.ctwb-experience .braket > div:first-child,.ctwb-experience .braket > div:last-child,.ctwb-experience .braket > div:nth-child(2) > span{background-color:var(--site-accent)}
