/* global ease transition */
.deloitte-ease {
    transition: all ease-in-out 0.3s;
}

/* float */
body:not(.finetune) .float {
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    transition: all 0.3s ease-out;
}

body:not(.finetune) .float:hover, body:not(.finetune) .float:focus, body:not(.finetune) .float:active {
    -webkit-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    transform: translateY(-8px);
    box-shadow: 0px 10px 15px 2px rgba(0, 0, 0, 0.18);
}

/* shadow */
.shadowhover:hover {
    box-shadow: 0px 0px 35px 0px rgba(0,0,0,0.75)
}

.hvr-bounce-to-bottom:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #0097A9;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    transform-origin: 50% 0;
    transition: all 0.5s ease-out;
}

.hvr-bounce-to-bottom:hover,  .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:active {
    color: white;
}

 .hvr-bounce-to-bottom:hover:before,  .hvr-bounce-to-bottom:focus:before,  .hvr-bounce-to-bottom:active:before {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* accordion styles */
.down-caret, 
.plus-x, 
.plus-minus p:before, 
.creative-accordion, 
.creative-accordion::after {
    transition: all linear 0.2s;
    cursor: pointer;
}
.creative-accordion::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 0;
    height: 1px;
    background-color: rgb(67, 176, 42);
}
.creative-accordion:hover::after {
    width: 100%;
}
.down-caret p:before {
    content:'\E012';
    font-family:'kohtello';
    transform: rotate(0deg);
}
.plus-x p:before, .plus-minus p:before {
    content:'\002B';
}
.plus-minus p:before {
    display: block;
}
.rotated .plus-minus p:before {
    transform: rotate(180deg);
    content:'\2212';
}
.rotated .down-caret {
    transform: rotate(180deg);
}
.rotated .plus-x {
    transform: rotate(45deg);
}

/* tabbed interface */
body:not(.finetune) .creative-tab-item {
    display: none!important;
}

body:not(.finetune) .creative-tab-item.creative-active-tab-item {
    display: block!important;
    animation: animateIn .75s forwards ease;
}

.creative-tab-button, .creative-tab-item {
    box-shadow: 0 3px 16px #00000040;
    transition: all linear 0.2s;
}

.creative-active-tab-button {
    color: #000000!important;
    background-color: #FFFFFF!important;
    pointer-events: none!important;
}

/* tab animation */
@keyframes animateIn{
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* carousels */
.carousel-shadow {
    box-shadow: 0 3px 16px #00000040;
}

body:not(.finetune) .looping-container {
    overflow-x: hidden!important;
    display: flex!important;
    justify-content: flex-start;
}

body:not(.finetune) .looping {
    height: 100%;
    display: flex!important;
    transition: all ease 1s;
    margin-left: 0!important;
}

body:not(.finetune) .looping-slide {
    flex: 1;
    height: 100%;
    display: flex!important;
    flex-wrap: wrap;
    /*flex-direction: column;*/
    /*align-items: center;*/
    /*justify-content: center;*/
}

.looping-next, .looping-prev,
.looping-buttons {
    transition: all 300ms ease-in-out;
}

/* scroll-triggered animation */
body:not(.finetune) .creative-scroll {
    opacity: 0;
    transform: translateY(1rem);
    transition: all 1s ease-out;
}
 
body:not(.finetune) .creative-scroll.scrolled {
    transform: translateY(0);
    opacity: 1;
}