

.ckh-introduction {
    height:100px;
    line-height:100px;
    position:relative;
    top:50%;
    margin-top:-50px;
    font-size:2.5rem;
    font-family:'Macklin Sans W01 Black', 'Veneer W01 Regular', 'P22 Cezanne W05 Regular', serif;
    color:#3b3c3a;
    width:100%;
    text-align:center;
}

.ckh-sketches {
    font-family:'P22 Cezanne W05 Sketches', serif;
}

.ckh-swashes {
    font-family:'P22 Cezanne W05 Swashes', serif;
}

.ckh-cezanne {
    font-family:'P22 Cezanne W05 Regular', serif;
}

.ckh-green {
    color:#9dc10f;
}

.ckh-purple {
    color:#9143e4;
}

.ckh-pink {
    color:#e443de;
}
.ckh-big4 {
    font-size:4rem;
}

.ckh-big35 {
    font-size:3.5rem;
}

.ckh-pureGreenBG {
    background:#00ff00;
}

.ckh-pureRedBG {
    background:#ff0000;
}

.ckh-pureBlueBG {
    background:#0000ff;
}

.ckh-pureGreen {
    color:#00ff00;
}

.ckh-pureRed {
    color:#ff0000;
}

.ckh-pureBlue {
    color:#0000ff;
}

.ckh-introFilmStrip {
    width:100%;
    mx-width:260px;
    position:relative;
    tp:0;
    bttom:0;
    background:#fff;
    overflow:hidden;
    z-index:1;
    hight:300vh;
    display:none;
}

.ckh-introFilmStrip-right {
    rght:0;
    brder-left:10px solid #fff;
}
.ckh-introFilmStrip-left {
    lft:0;
    boder-right:10px solid #fff;
}

.ckh-mainGridItem {
    display:none !important;
}

.heli-fixedHeaderBG {
    display:none;
}

.ckh-mainGridText {
    position: absolute;
    height: 130%;
    width: 130%;
    top: -15%;
    left: -15%;
    font-family: 'Macklin Sans W01 Bold', 'Slate W01 Light', sans-serif;
    color: #9b9c9a;
    line-height: 1rem;
    font-size:.8rem;
    font-size:.7rem;
    line-height:.8rem;
    opacity:0;
    transition:all 5s;
}

.ckh-docLoaded .ckh-mainGridText {
    opacity:1;
}

.ckh-filmSquare {
    position:relative;
    width:60%;
    left:20%;
    height:200px;
    background:#fff;
    margin-top:50px;
}

#ckh-smallTitleHolder {
    position:fixed;
    top:0;
    height:50px;
    width:60%;
    left:20%;
    background:#fff;
    z-index:99;
}

#ckh-smallTitle {
    line-height:60px;
    text-align:center;
    font-family:'Veneer W01 Regular', 'P22 Cezanne W05 Regular', serif;
    font-size:1.5rem;
    color:#5c5b5a;
}

.ckh-filmModule {
    height:300vh;
    width:100%;
    position:relative;
    margin-left:auto;
    margin-right:auto;
    brder-top:5px solid #fff;
    brder-bottom:5px solid #fff;
    bckground:#00b3ec;
}

#ckh-mainGridContainer-top {
    height:unset;
    trnsform:translateY(1500px);
    trnsition:all 5s;
    opcity:0;
}

.ckh-docLoaded #ckh-mainGridContainer-top {
    trnsform:translateY(0);
    opcity:1;
}

#ckh-mainGridContainer-bottom {
    display:none;
}

.ckh-filmSlide {
    height:100vh;
    width:100%;
    position:relative;
    margin-left:auto;
    margin-right:auto;
    brder-top:5px solid #fff;
    brder-bottom:5px solid #fff;
    background:#fff;
}

.ckh-filmSlide:nth-child(1) {
    bckground:#00b3ec;
}

.ckh-filmSlide:nth-child(2) {
    bckground:#f9ff01;
}

.ckh-filmSlide:nth-child(3) {
    bckground:#eb00ec;
}

.ckh-filmSlideInner {
    position:relative;
    height:100%;
    width:100%;
}

.ckh-filmSlide-introTextBG {
    background:#fff !important;
}

.ckh-marginReset {
    position:relative;
    height:1px;
    width:1px;
}

.ckh-introFinished #ckh-introMainHolder {
    display:none;
}

#ckh-infoMainHolder {
    display:none;
}

.ckh-introFinished #ckh-infoMainHolder {
    dsplay:block;
}


#ckh-filmStripHolder-left {
    position:absolute;
    width:20%;
    left:0%;
    max-width:260px;
    top:0;
    bottom:0;
    overflow:hidden;
    z-index:99;
    border-right:10px solid #fff;
}

#ckh-filmStripHolder-right {
    position:absolute;
    width:20%;
    right:0%;
    max-width:260px;
    top:0;
    bottom:0;
    overflow:hidden;
    z-index:1;
    border-left:10px solid #fff;
}

.ckh-filmStripHolderInner {
    transform:translateY(0px);
    transition:all 6s;
    transition-timing-function: linear !important;
}

#ckh-filmStripHolderInner-left {
    position:relative;
    width:100%;
}

#ckh-filmStripHolderInner-right {
    position:relative;
    width:100%;
}

#ckh2-fixedHeader {
    position: absolute;
    z-index: 100;
    top: 0;
    /* right: -200px; */
    width: 70px;
    height: 60px;
    background: none;
    dsplay: none;
}

.ckh-breakpoint-100 #ckh2-fixedHeader:hover {
    cursor:pointer;
    cursor:hand;
}

.ckh2-menu-open #ckh2-fixedHeader:hover {
    cursor:auto;
}

#ckh2-menuArrow-top {
    position:absolute;
    right:0px;
    height:2px;
    width:0px;
    background:#f5ce7d;
    transition:all .4s;
    transform:rotate(0deg);
    transform-origin: center right;
}

#ckh2-menuArrow-bottom {
    position:absolute;
    right:0px;
    height:2px;
    width:0px;
    background:#f5ce7d;
    transition:all .4s;
    transform:rotate(0deg);
    transform-origin: center right;
}

.ckh-breakpoint-100 #ckh2-fixedHeader:hover #ckh2-menuArrow-bottom {
    transform:rotate(-30deg);
    width:18px;
}

.ckh-breakpoint-100 #ckh2-fixedHeader:hover #ckh2-menuArrow-top {
    transform:rotate(30deg);
    width:18px;
}

.ckh2-menu-open #ckh2-menuArrow-top, .ckh2-menu-open #ckh2-menuArrow-bottom {
    transform:rotate(0deg) !important;
    width:0px !important;
}

#ckh2-headerTitle {
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    line-height: 60px;
    font-size: 1.75rem;
    font-family: 'P22 Czanne W05 Regular', 'Macklin Sans W01 Light', sans-serif;
    color: #13b765;
    color:#333;
    transform:scale(0);
    transition:all .4s;
    left:0px;
    padding-left:20px;
    display:inline-block;
}

#ckh2-headerTitle:hover {
    cursor:pointer;
    cursor:hand;
}


.ckh-breakpoint-100 #ckh2-headerTitle {
    transform:scale(1);
}

.ckh2-cueMark {
    position: absolute;
    rght: 20%;
    width: 50px;
    height: 50px;
    top: 30px;
    bckground: #efefef;
    z-index: 100;
    transform:scale(.0666);
    transform:scale(0);
    transition:all .4s;
    left:-80px;
    display:block;
    transform-origin: top left;
    display:none !important;
}

#ckh2-cueMark-3 {
    position:fixed;
    left:unset;
    transition:all 15s;
}

.ckh2-mainContent-zoomed #ckh2-cueMark-3 {
    transform:scale(1);
    transition:all 15s;
    transition-delay:3s;
    top:-250px !important;
    right:40% !important;
}

.ckh2-mainContentShow #ckh2-cueMark-3 {
    transform:scale(1);
    transition:all 10s;
    transition-delay:0s;
    top:-250px !important;
    right:40% !important;
    display:block;
}

.ckh2-introComplete .ckh2-cueMark {
    transform:scale(15);
}

.ckh2-filmSpliceSlide .ckh2-cueMark {
    left:unset;
    right:30px;
    display:block;
}

.ckh2-cueMarkHungry #ckh2-cueMark-1{
    animation: hungryCM 2s;
}

.ckh2-cueMarkIcon {
    font-size:52.5rem;
    color:#000;
    position:absolute;
    transition:all .4s;
}

#ckh2-cueMarkIcon-1 {
    color:rgba(19, 183, 101,.5);
    color: rgba(234, 156, 8, .5);
}

.ckh2-cueMark:hover {
    cursor:pointer;
    cursor:hand;
    trnsform:scale(1);
}

.ckh2-cueMark:hover #ckh2-cueMarkIcon-1 {
    color:rgba(19, 183, 101,.6);
    color: rgba(234, 156, 8, .6);
}

#ckh2-cueMarkIcon-2 {
    transform:rotate(60deg) skew(15deg);
    color:rgb(35, 158, 97,.5);
    top:60px;
    left:30px;
    color: rgba(123, 35, 158, .5);
}

.ckh2-cueMark:hover #ckh2-cueMarkIcon-2 {
    trnsform:rotate(65deg) skew(13deg);
    color:rgba(35, 158, 97,.6);
    top:45px;
    left:15px;
    color: rgba(123, 35, 158, .6);
}

#ckh2-cueMarkIcon-3 {
    transform:rotate(-40deg) skew(185deg);
    color:rgba(42, 95, 69,.5);
    top:45px;
    left:60px;
    color: rgba(107, 25, 195, .5);
}

.ckh2-cueMark:hover #ckh2-cueMarkIcon-3 {
    trnsform:rotate(-45deg) skew(190deg);
    color:rgba(42, 95, 69,.4);
    top:15px;
    left:75px;
    color: rgba(107, 25, 195, .6);
}

#ckh2-cueMarkIcon-4 {
    transform:rotate(260deg) skew(-5deg);
    color:rgba(216, 202, 26,.5);
    top:15px;
    left:-30px;
    color: rgba(26, 197, 216, .5);
}

.ckh2-cueMark:hover #ckh2-cueMarkIcon-4 {
    trnsform:rotate(265deg) skew(-8deg);
    color:rgba(216, 202, 26,.5);
    top:30px;
    left:-15px;
    color: rgba(26, 197, 216, .6);
}

.ckh2-mainContentShow #ckh2-cueMarkIcon-1 {
    anmation:rotatingCM 180s 15s linear infinite;
}
.ckh2-mainContentShow #ckh2-cueMarkIcon-2 {
    anmation: rotatingCM2 300s 20s linear infinite;
}
.ckh2-mainContentShow #ckh2-cueMarkIcon-3 {
    anmation: rotatingCM3 300s 22s linear infinite;
}
.ckh2-mainContentShow #ckh2-cueMarkIcon-4 {
    anmation: rotatingCM4 300s 18s linear infinite;
}

#ckh2-leftHeaderHolder {
    position:fixed;
    left:15%;
    width:20%;
    max-width:260px;
    height:100px;
    overflow:visible;
    z-index:100;
}

#ckh2-rightHeaderHolder {
    position:fixed;
    right:15%;
    width:20%;
    max-width:260px;
    height:100px;
    overflow:visible;
    z-index:100;
}

#ckh2-headerUnderline-1 {
    position:absolute;
    top:50px;
    left:20px;
    height:2px;
    width:0px;
    transition:all .6s;
    background:rgba(19, 183, 101,1);
    background: rgb(234, 156, 8);
    background:#f5ce7d;
}

#ckh2-headerUnderline-2 {
    position:absolute;
    top:54px;
    left:20px;
    height:2px;
    width:0px;
    transition:all .6s;
    transition-delay:.2s;
    background:rgba(216, 202, 26,1);
    background: rgb(123, 35, 158);
    background:#b488e3;
}

#ckh2-headerUnderline-3 {
    position:absolute;
    top:58px;
    left:20px;
    height:2px;
    width:0px;
    transition:all .6s;
    transition-delay:.4s;
    background:rgba(35, 158, 97,1);
    background: rgb(26, 197, 216);
    background: #62a7de;
}

#ckh2-headerUnderline-10 {
    position:absolute;
    top:62px;
    left:20px;
    height:2px;
    width:0px;
    transition:all .6s;
    transition-delay:.6s;
    background:rgba(35, 158, 97,1);
    background: rgb(234, 156, 8);
    bckground: #e868e8;
}

#ckh2-headerUnderline-13 {
    position:absolute;
    top:66px;
    left:20px;
    height:2px;
    width:0px;
    transition:all .6s;
    transition-delay:.8s;
    background:rgba(35, 158, 97,1);
    background: rgb(234, 156, 8);
    background: #e868e8;
}

#ckh2-headerUnderline-4 {
    position:absolute;
    top:50px;
    left:50px;
    height:0px;
    width:2px;
    transition:all .6s;
    transition-delay:1s;
    background:rgba(19, 183, 101,1);
    background: rgb(234, 156, 8);
    background:#f5ce7d;
}

#ckh2-headerUnderline-5 {
    position:absolute;
    top:50px;
    left:46px;
    height:0px;
    width:2px;
    transition:all .6s;
    transition-delay:0s;
    background:rgba(19, 183, 101,1);
    background: rgb(234, 156, 8);
    background:#b488e3;
}

#ckh2-headerUnderline-6 {
    position:absolute;
    top:50px;
    left:42px;
    height:0px;
    width:2px;
    transition:all .6s;
    transition-delay:0s;
    background:rgba(19, 183, 101,1);
    background: rgb(234, 156, 8);
    background:#62a7de;
}

#ckh2-headerUnderline-11 {
    position:absolute;
    top:50px;
    left:38px;
    height:0px;
    width:2px;
    transition:all .6s;
    transition-delay:.0s;
    background:rgba(19, 183, 101,1);
    background: rgb(234, 156, 8);
    bckground:#e868e8;
}

#ckh2-headerUnderline-14 {
    position:absolute;
    top:50px;
    left:34px;
    height:0px;
    width:2px;
    transition:all .6s;
    transition-delay:.0s;
    background:rgba(19, 183, 101,1);
    background: rgb(234, 156, 8);
    background:#e868e8;
}

#ckh2-headerUnderline-7 {
    position:fixed;
    bottom:0px;
    margin-right:50px;
    rght:15%;
    height:0px;
    width:2px;
    transition:all .6s;
    transition-delay:.6s;
    background:rgba(19, 183, 101,1);
    background: rgb(234, 156, 8);
    background:#f5ce7d;
    top:unset;
}

#ckh2-headerUnderline-8 {
    position:fixed;
    bottom:0px;
    margin-right:46px;
    rght:15%;
    height:0px;
    width:2px;
    transition:all .6s;
    transition-delay:0s;
    background:rgba(19, 183, 101,1);
    background: rgb(234, 156, 8);
    background:#b488e3;
    top:unset;
}

#ckh2-headerUnderline-9 {
    position:fixed;
    bottom:0px;
    margin-right:42px;
    rght:15%;
    height:0px;
    width:2px;
    transition:all .6s;
    transition-delay:0s;
    background:rgba(19, 183, 101,1);
    background: rgb(234, 156, 8);
    background: #62a7de;
    top:unset;
}

#ckh2-headerUnderline-12 {
    position:fixed;
    bottom:0px;
    margin-right:38px;
    rght:15%;
    height:0px;
    width:2px;
    transition:all .6s;
    transition-delay:0s;
    background:rgba(19, 183, 101,1);
    background: rgb(234, 156, 8);
    bckground: #e868e8;
    top:unset;
}

#ckh2-headerUnderline-15 {
    position:fixed;
    bottom:0px;
    margin-right:34px;
    rght:15%;
    height:0px;
    width:2px;
    transition:all .6s;
    transition-delay:0s;
    background:rgba(19, 183, 101,1);
    background: rgb(234, 156, 8);
    background: #e868e8;
    top:unset;
}


.ckh-breakpoint-100 #ckh2-headerUnderline-1 {
    width:140px;
}

.ckh-breakpoint-100.ckh2-menu-open.ckh-breakpoint-1201 #ckh2-headerUnderline-1 {
    width:140px;
    wdth:130px;
}

.ckh-breakpoint-100 #ckh2-headerUnderline-2 {
    width:80px;
}

.ckh-breakpoint-bottom-902 #ckh2-headerUnderline-2 {
    wdth:80px;
}

.ckh-breakpoint-100.ckh2-menu-open.ckh-breakpoint-bottom-902 #ckh2-headerUnderline-2 {
    width:198px;
}
.ckh-breakpoint-100.ckh2-menu-open.ckh-breakpoint-bottom-903 #ckh2-headerUnderline-2 {
    width:80px;
}

.ckh-breakpoint-100 #ckh2-headerUnderline-3 {
    width:100px;
}

.ckh-breakpoint-bottom-903 #ckh2-headerUnderline-3 {
    wdth:100px;
}

.ckh-breakpoint-100.ckh2-menu-open.ckh-breakpoint-bottom-903 #ckh2-headerUnderline-3 {
    width: 300px;
}
.ckh-breakpoint-100.ckh2-menu-open.ckh-breakpoint-bottom-904 #ckh2-headerUnderline-3 {
    width: 100px;
}

.ckh-breakpoint-100 #ckh2-headerUnderline-10 {
    width:90px;
}

.ckh-breakpoint-100 #ckh2-headerUnderline-13 {
    width:60px;
}

.ckh-breakpoint-bottom-905 #ckh2-headerUnderline-10 {
    wdth:60px;
}

.ckh-breakpoint-100.ckh2-menu-open.ckh-breakpoint-bottom-904 #ckh2-headerUnderline-10 {
    width:389px;
}

.ckh-breakpoint-100.ckh2-menu-open.ckh-breakpoint-bottom-905 #ckh2-headerUnderline-10 {
    width:90px;
}

.ckh-breakpoint-100.ckh2-menu-open.ckh-breakpoint-bottom-905 #ckh2-headerUnderline-13 {
    width:490px;
}

.ckh-breakpoint-100 #ckh2-headerUnderline-4 {
    height:30vh;
}

.ckh-breakpoint-100 #ckh2-headerUnderline-7 {
    height:35vh;
}

.ckh-breakpoint-bottom-902 #ckh2-headerUnderline-5 {
    height:20vh;
}

.ckh-breakpoint-bottom-902 #ckh2-headerUnderline-8 {
    height:15vh;
}

.ckh-breakpoint-bottom-903 #ckh2-headerUnderline-6 {
    height:10vh;
}

.ckh-breakpoint-bottom-904 #ckh2-headerUnderline-11 {
    height:12.5vh;
}

.ckh-breakpoint-bottom-905 #ckh2-headerUnderline-14 {
    height:15vh;
}

.ckh-breakpoint-bottom-903 #ckh2-headerUnderline-9 {
    height:25vh;
}

.ckh-breakpoint-bottom-904 #ckh2-headerUnderline-12 {
    height:20vh;
}

.ckh-breakpoint-bottom-905 #ckh2-headerUnderline-15 {
    height:12.5vh;
}

.ckh-breakpoint-bottom-902 #ckh2-headerUnderline-2, .ckh-breakpoint-bottom-902 #ckh2-headerUnderline-3, .ckh-breakpoint-bottom-902 #ckh2-headerUnderline-4, .ckh-breakpoint-bottom-902 #ckh2-headerUnderline-10, .ckh-breakpoint-bottom-902 #ckh2-headerUnderline-13 {
    transition-delay:0s;
}

#ckh2-mainMenuHolder {
    position: absolute;
    top: 0px;
    top:2px;
    left: 70px;
    lft:68px;
    height: 60px;
    dsplay: none;
    width: 490px;
    transform:translateY(-100%);
    transition:all .4s;
}

.ckh2-menu-open.ckh-breakpoint-100 #ckh2-mainMenuHolder {
    dsplay:block;
    transform:translateY(0);
}

.ckh2-mainMenuItemHolder {
    position:relative;
    float:left;
    height:60px;
    padding:0px 15px;
}

.ckh2-mainMenuItem {
    width: 100%;
    line-height: 60px;
    text-align: center;
    font-family: 'Macklin Slab W01 Light', sans-serif;
    font-size: 1.125rem;
    fnt-size: 1.1rem;
    color: #333;
    transform: scale(0);
    transition: all .4s;
}

.ckh2-mainMenuItemHolder:hover {
    cursor:pointer;
    cursor:hand;
}

.ckh2-menu-open.ckh-breakpoint-100 .ckh2-mainMenuItem {
    transform:scale(1);
}


#ckh2-mainSpliceTable {
    position:fixed;
    height:400vh;
    width:400vw;
    background:#fff;
    transform:scale(.25) skew(0deg, 0deg);
    z-index:1;
    transform-origin:top left;
    transition:all 2s;
    perspective:900px;
    perspective-origin:center;
    display:none;
}

.ckh2-mainContentShow #ckh2-mainSpliceTable {
    display:none;
}

.ckh2-introSlideActive-1 #ckh2-mainSpliceTable {
    transform:scale(1) translateY(0);
}
.ckh2-introSlideActive-2 #ckh2-mainSpliceTable {
    transform:scale(1) translateY(-160vh);
}
.ckh2-introSlideActive-3 #ckh2-mainSpliceTable {
    transform:scale(1) translateY(-300vh);
}

.ckh2-filmSpliceHolder {
    position:absolute;
    width:60vw;
    background:#ececef;
    border-bottom:50px solid #ececef;
}

#ckh2-filmSpliceHolder-1 {
    top: 0vw;
    left: 10vw;
    transform: translateY(100%);
    transition:all 2s;
    opacity:0;
}

.ckh-docLoaded #ckh2-filmSpliceHolder-1 {
    transform:translateY(0);
    opacity:1;
}

.ckh2-menu-open #ckh2-filmSpliceHolder-1 {
    transform: rotateX(0deg);
}

#ckh2-filmSpliceHolder-2 {
    top: 0vh;
    left: 80vw;
    transform: translateY(-100%);
    transition:all 2s;
    opacity:0;
}

.ckh-docLoaded #ckh2-filmSpliceHolder-2 {
    transform:translateY(0);
    opacity:1;
}

#ckh2-filmSpliceHolder-3 {
    top: 100vh;
    left: 150vw;
    transform:rotateX(0deg) rotateZ(0deg) rotateY(0deg);
    display:none;
}

.ckh2-mainContent-curious #ckh2-filmSpliceHolder-2 {
    transform: scale(1.5);
    transition:all 2s;
}

.ckh2-mainContent-zoomed #ckh2-filmSpliceHolder-2 {
    transform: scale(5);
    transition:all 10s;
}

.ckh2-mainContent-zoomed #ckh2-filmSpliceHolder-1, .ckh2-mainContent-curious #ckh2-filmSpliceHolder-1 {
    transform: translateY(0) translateX(-100%);
        transition:all 7s;
}

.ckh2-filmSpliceIcon {
    color: #cfcfcf;
    font-size: 100rem;
    right: 50vw;
    bottom: -34vh;
    position: absolute;
    transform: rotate(-115deg);
}

.ckh2-filmSpliceSquareHolder {
    position:absolute;
    top:0;
    width:20%;
    padding:0 5%;
}

.ckh2-filmSpliceSquareHolder-right {
    right:0;
}
.ckh2-filmSpliceSquareHolder-left {
    left:0;
}

.ckh2-filmSpliceSquare {
    position:relative;
    margin-top:50px;
    width:100%;
    height:50px;
    background:#fff;
}

.ckh2-filmSpliceSlide {
    position:relative;
    width:60%;
    margin-left:auto;
    margin-right:auto;
    background:#fff;
    border-top:50px solid #ececef;
    height:27vw;
    hight:20.34vw;
    background:url("../images/scarj1.jpg");
    background-size:cover;
    background-position:center;
    ovrflow:hidden;
    box-sizing:content-box;
}

.ckh2-filmSpliceSlide-text {
    background:#fff;
}

.ckh2-filmSpliceSlide-dark {
    background:#8892a1;
    background:linear-gradient(160deg, #8892a1 0%, #9cb0c0 66%);
}

#ckh2-filmSpliceHolder-2 .ckh2-filmSpliceSlide {
    bckground-image:url("../images/scarj2.jpg");
}
#ckh2-filmSpliceHolder-3 .ckh2-filmSpliceSlide {
    background-image:url("../images/scarj4.jpg");
}


#ckh2-spliceTableTitleHolder {
    position: absolute;
    top: 150vh;
    left: 200vw;
    transform: rotate(-15deg);
    height:800px;
    width:900px;
}

.ckh2-spliceTableTitle {
    font-family:'Markerfield W01 Regular', sans-serif;
    font-size:9rem;
    color:#222;
    line-height:11rem;
}

#ckh2-spliceTableTitle-2 {
    margin-left:40px;
}

#ckh2-spliceTableTitle-3 {
    margin-left:-40px;
}

.ckh2-spliceControlHolder {
    position: absolute;
    left: 50%;
    height: 50px;
    width: 160px;
    margin-left: -79px;
    top: -35px;
    opacity:0;
    transition:all 2s;
}

.ckh2-introActive .ckh2-spliceControlHolder {
    opacity:1;
}

#ckh2-splceControlHolder-12 {
    width: 134px;
    margin-left: -67px;    
}

.ckh2-spliceControlIcon {
    /* position: absolute; */
    /* top: 10px; */
    text-align: center;
    font-size: 1.25rem;
    /* left: 5px; */
    color: #fff;
    transition: all .3s;
    padding-right:4px;
}

.ckh2-spliceControlIcon-active {
    color:rgba(0,0,0,0.1);
    color:rgba(155, 176, 193, .5);
}

.ckh2-spliceControlIcon-down {
    position: absolute;
    bottom: 10px;
    text-align: center;
    font-size: 2rem;
    left: 5px;
    color:rgba(0,0,0,0.2);
    transition:all .3s;
}

.ckh2-spliceControlIcon:hover {
    cursor:pointer;
    cursor:hand;
    color:rgba(0,0,0,0.2);
    color:rgba(155, 176, 193, .75);
}

.ckh2-spliceControlIcon-active:hover {
    cursor:pointer;
    cursor:hand;
    color:rgba(0,0,0,0.1);
    color:rgba(155, 176, 193, .5);
}

#ckh2-introSkip {
    position:fixed;
    bottom:40px;
    right:40px;
    font-size:1.5rem;
    color:#222;
    font-family:'Markerfield W01 Regular', sans-serif;
    display:block;
    padding:10px;
    z-index:112;
    transition:all .4s;
    transform:scale(0);
}

.ckh-docLoaded #ckh2-introSkip {
    transform:scale(1);
}

.ckh2-mainContentShow #ckh2-introSkip {
    transform:scale(0);
}

.ckh2-filmSpliceSlideZoomTarget {
    transition:transform 5s;
    z-index:1;
}
.ckh2-mainContent-zoomed .ckh2-flmSpliceSlideZoomTarget {
  transform:scale(5); 
}

#ckh2-spliceScrollDownHolder {
    position:absolute;
    top:160vw;
    left:100vw;
}

#ckh2-spliceScrollDown {
     font-size:3rem;
    text-align:center;
    color:#333;
    color:#8a9aab;
    font-family:'Macklin Display W01 Regular','Macklin Slab W01 Light Italic','Macklin Sans W01 Light', sans-serif;
    height:40px;
    line-height:40px;
    position:absolute;
    top:50%;
    margin-top:-20px;
    width:100%;  
    transform:scale(0);
    transition:all 1s;
}

.ckh2-pleaseScrollDown #ckh2-spliceScrollDown {
    transform:scale(0);
}

#ckh2-mainScrollArea {
    position:relative;
    min-height:2000px;
}

.ckh2-introCopy {
     font-size:2.75rem;
    text-align:center;
    color:#333;
    color:#8a9aab;
    font-family:'Macklin Display W01 Medium','Macklin Slab W01 Light Italic','Macklin Sans W01 Light', sans-serif;
    height:40px;
    line-height:32px;
    position:absolute;
    top:50%;
    margin-top:-20px;
    width:100%;  
}

#ckh2-introCopy-1 {
    font-size:1.75rem;
}

#ckh2-introCopy-2 {
    font-size:1.75rem;
    line-height:32px;
    color:rgba(255,255,255,.9);
    margin-top:-30px;
}

#ckh2-introCopy-3 {
    font-size:1.75rem;
    line-height:32px;
    margin-top:-30px;
}

#ckh2-introCopy-4 {
    font-size:1.75rem;
    color:rgba(255,255,255,.9);
}

#ckh2-introCopy-5 {
    font-size:1.5rem;
    margin-top:0px;
    dsplay:inline-block;
    wdth:unset;
    flat:left;
    wdth:100px;
    line-height:0rem;
    psition:absolute;
    color:rgba(0,0,0,0);
}

.ckh2-introCopyFallingColor {
    color:#8a9aab;
}

.ckh2-cueMarkHungry .ckh2-introCopyFallingColor {
    transition:all .2s;
    transition-delay:1s;
    color:rgba(0,0,0,0);
}

.ckh2-scaleDown {
    transition:all 5s;
    transform:scale(.0666);
    transition-delay:0s;
    display:inline-block;
}

.ckh2-spliceStickyNote {
    position: absolute;
    width: 20vw;
    height: 20vw;
}

.ckh2-stickyNoteHolder {
    background: rgba(254, 255, 205, .9);
    border-top: 4vw solid #f6f7bf;
    background: rgba(255,255,255, .9);
    border-top: 4vw solid #fff;
    box-sizing: border-box;
    box-shadow: 10px 20px 35px -24px;
    opacity:0;
    height:0;
    transition:all .5s;
    overflow:hidden;
}

#ckh2-spliceStickyNote-1 {
    top: -12vw;
    left: -10vw;
    transform: rotate(25deg);
}

.ckh2-showSticky-1 #ckh2-stickyNoteHolder-1 {
    opacity:1;
    height:20vw;
}

#ckh2-spliceStickyNote-2 {
    top: -9vw;
    left: 25vw;
    transform: rotate(10deg);
}

#ckh2-spliceStickyNote-3 {
    top: -6vw;
    left: -10vw;
    transform: rotate(-5deg);
}

#ckh2-spliceStickyNote-4 {
    top: -15vw;
    left: -15vw;
    transform: rotate(20deg);
}

#ckh2-spliceStickyNote-5 {
    top: -12vw;
    left: 30vw;
    transform: rotate(-10deg);
}

#ckh2-spliceStickyNote-6 {
    top: -8vw;
    left: 30vw;
    transform: rotate(-10deg);
    z-index:1;
}

#ckh2-spliceStickyNote-7 {
    top: -7vw;
    left: 32vw;
    transform: rotate(-8deg);
    z-index:2;
}

#ckh2-spliceStickyNote-8 {
    top: -6vw;
    left: 34vw;
    transform: rotate(-12deg);
    z-index:3;
}

#ckh2-spliceStickyNote-9 {
    top: -10vw;
    left: 28vw;
    transform: rotate(-9deg);
    z-index:4;
}

.ckh2-showSticky-4 #ckh2-stickyNoteHolder-2 {
    opacity:1;
    height:20vw;
}

.ckh2-showSticky-6 #ckh2-stickyNoteHolder-3 {
    opacity:1;
    height:20vw;
}

.ckh2-showSticky-9 #ckh2-stickyNoteHolder-4 {
    opacity:1;
    height:20vw;
}

.ckh2-showSticky-10 #ckh2-stickyNoteHolder-5 {
    opacity:1;
    height:20vw;
}

.ckh2-showSticky-11 #ckh2-stickyNoteHolder-6 {
    opacity:1;
    height:20vw;
}

.ckh2-showSticky-12 #ckh2-stickyNoteHolder-7 {
    opacity:1;
    height:20vw;
}

.ckh2-showSticky-13 #ckh2-stickyNoteHolder-8 {
    opacity:1;
    height:20vw;
}

.ckh2-showSticky-14 #ckh2-stickyNoteHolder-9 {
    opacity:1;
    height:20vw;
}

.ckh2-spliceStickyNoteMarker {
    text-align: center;
    padding: 2vw;
    font-size: 2rem;
    font-family: 'Markerfield W01 Regular', sans-serif;
}

.ckh2-mainContentShow #ckh2-mainScrollArea {
    z-index:1;
}


#ckh2-mainPageNameTitle {
    position: absolute;
    top: 45%;
    top: 50%;
    line-height: 50px;
    margin-top: -25px;
    margin-top: 105px;
    font-family: 'Macklin Sans W01 Medium', sans-serif;
    font-size: 1.75rem;
    color: #333;
    text-align: left;
    width: 100%;
    left: 0%;
    transform: scale(0);
    transition: all .4s, transform 3s;
    transition-delay: 0s;
    text-align: center;
    z-index: 2;
}

.ckh2-mainContentShow #ckh2-mainPageNameTitle{
    transform:scale(1);
}

.ckh-breakpoint-100 #ckh2-mainPageNameTitle {
    transform:scale(0);
    transition:all .8s;
}

.ckh2-contentModule {
    position:relative;
    width:100%;
    min-height:100vh;
}
 .ckh2-contentModuleInner {
    width: 100%;
    position:relative;
    mx-width:1600px;
    margin-left:auto;
    margin-right:auto;
    /* max-width: 700px; */
    padding: 0vh 25% 40vh 25%;
    padding: 25vh 25% 25vh 25%;
}

#ckh2-mainPageNameSubTitle {
    position: absolute;
    top: 45%;
    top: 50%;
    line-height: 50px;
    margin-top: 0px;
    margin-top: 133px;
    font-family: 'Macklin Display W01 Italic', sans-serif;
    font-size: 1.1rem;
    color: #7b239e;
    color: #ea00eb;
    color: #247bc1;
    color: #333;
    text-align: center;
    width: 100%;
    margin-left: 0px;
    transform: scale(0);
    transition: all .4s, transform 3s;
    left: 0%;
    z-index: 2;
    transition-delay: 0s;
}

.ckh2-mainContentShow #ckh2-mainPageNameSubTitle {
    transform:scale(1);
}

.ckh-breakpoint-100 #ckh2-mainPageNameSubTitle {
    transform:scale(0);
    transition:all .8s;
}

#ckh2-mainHeaderBGBar {
    position:fixed;
    height:60px;
    background:#fff;
    z-index:20;
    width:100%;
    display:none;
    top:0;
    left:0;
    height:62px;
    transition:all .4s;
}

.ckh2-mainContentShow #ckh2-mainHeaderBGBar {
    display:block;
}

.ckh-breakpoint-100.ckh2-menu-open.ckh-breakpoint-1204 #ckh2-mainHeaderBGBar {
    height:66px;
}

#ckh2-christinaPortraitHolder {
    width: 100%;
    position: relative;
    height: 60vh;
    margin-bottom: 80px;
    background-size: cover;
    background-position: 50% 25%;
    overflow:hidden;
    dsplay:none;
    border:20px solid #fff;
    border-left:none;
    border-top:none;
    border-right:none;
    margin-top:20px;
    border:2px solid #f5ce7d;
    border-left:none;
    dsplay:none;
}

#ckh2-christinaPortrait {
    position: absolute;
    bckground: url(../images/ckhheadshot1c7.jpg);
    bckground: url(../images/ckhheadshot1c9.jpg);
    bckground: url("../images/ckhheadshot7bw2.jpg");
    background: url(../images/ckh_headshot_2bw3.jpg);
    background-size: cover;
    background-position: 50% 25%;
    background-repeat: no-repeat;
    top: 2px;
    left: 0px;
    right: 2px;
    bottom: 2px;
    z-index: 2;
    opacity: 1;
    transition: all .5s;
    filter: contrast(1.25) grayscale(1) sepia(.7) brightness(1.25) saturate(4) hue-rotate(-12deg);
    filter: none;
}

.ckh2-pancake-show #ckh2-christinaPortrait {
    opacity: 0;
    visibility: visible;
}

#ckh2-pancakePortrait {
    position: absolute;
    background: url(../images/pancake1r.jpg);
    background: url(../images/secondary-profile-2024-o.jpg);
    background-size: cover;
    background-position: 50% 25%;
    background-repeat:no-repeat;
    top:2px;
    left:0px;
    right:2px;
    bottom:2px;
    opacity:1;
    z-index:1;
    transition:all .5s;
    vsibility:hidden;
    filter: contrast(1.65) grayscale(1) sepia(.7) brightness(0.8) saturate(16.5) hue-rotate(-12deg);
    filter:contrast(1.25) grayscale(1) sepia(.7) brightness(0.8) saturate(5) hue-rotate(-12deg);
    filter:contrast(1.25) grayscale(1) sepia(.7) brightness(1.25) saturate(4) hue-rotate(-12deg);
    filter:contrast(1) grayscale(1) sepia(0) brightness(1.25) saturate(4) hue-rotate(-12deg);
    filter:none;
}

#ckh2-pancakeButton {
    position:absolute;
    z-index:4;
    right:5%;
    bottom:5%;
    color:#fff;
    font-size:2rem;
    display:none;
}

#ckh2-pancakeButtonOutline {
    position:absolute;
    z-index:3;
    right:0;
    bottom:0;
    padding:20px;
    color:rgba(245, 206, 125, 1);
    clor:#fff;
    font-size:3rem;
    transform:scale(.75);
    transition:all .5s;
}


#ckh2-faceButton {
    position: absolute;
    z-index: 3;
    right: 20px;
    bottom: 20px;
    border-radius: 40px;
    padding: 0px;
    background: #fff;
    font-size: 3.5rem;
    transform: scale(0);
    transition: all .5s;
    /* text-shadow: 1px 1px 0px #f6d07b; */
    color: rgba(245, 206, 125, 1);
}

#ckh2-pancakeButtonOutline:hover, #ckh2-faceButton:hover {
    cursor:pointer;
    cursor:hand;
    clor:#fff;
}

#ckh2-pancakeButtonOutline:hover {
    anmation:dogJump .75s infinite;
}

.ckh2-pancake-show #ckh2-pancakeButtonOutline {
    transform:scale(0);
    animation:none;
}

.ckh2-pancake-show #ckh2-faceButton {
    transform:scale(1);
}

@keyframes dogJump {
    0%   {transform:scale(1) translate(0,0) rotate(0);}
    25%  {transform:scale(1) translate(-5px,-5px) rotate(-15deg);}
    37.5%  {transform:scale(1) translate(-2px,-5px) rotate(5deg);}
    50%   {transform:scale(1) translate(0,0) rotate(0);}
    75%  {transform:scale(1) translate(-5px,-15px) rotate(-10deg);}
    87.5%  {transform:scale(1) translate(0px,-15px) rotate(5deg);}
    100%   {transform:scale(1) translate(0,0) rotate(0);}
}

#ckh2-portraitLowerLeft {
    position: absolute;
    bottom: -12vh;
    height: 15vh;
    left: -25%;
    width: 150%;
    background: rgba(245, 206, 125, .5);
    transform: rotate(5deg);
    display:none;
}

#ckh2-portraitLowerRight {
    position:absolute;
    bottom:0;
    height:3vh;
    width:100%;
    background:rgba(245, 206, 125, .5);
    display:none;
}

.ckh2-biographyText {
    font-family: 'Macklin Sans W01 Light', sans-serif;
    font-size: 1.2rem;
    line-height: 2rem;
    color: #333;
    margin-top: 40px;
    margin-left: 0px;
    mx-width: 600px;
}

#ckh2-biographyText-1 {
    margin-top:0vh;
    mrgin-bottom:80px;
}

#ckh2-biographyText-1:first-letter {
    font-family: 'Macklin Slab W01 Bold', sans-serif;
    font-size: 3rem;
    color: #f5ce7d;
    background: #62a7de;
    padding: 0px 6px;
    brder-radius: 100px;
    margin-right: 2px;
    margin-right:0;
    background:none;
    padding:0;
}

#ckh2-biographyText-2 {
    mrgin-left:80px;
    mx-width:510px;
}

#ckh2-biographyText-3 {
    mrgin-left:60px;
}

#ckh2-biographyText-2, #ckh2-biographyText-3, #ckh2-biographyText-4, #ckh2-biographyText-5  {
    mx-width:500px;
    padding-right: 15%;
    padding-right:10%;
}

#ckh2-biographyText-6  {
    mx-width:500px;
    padding-right: 15%;
    padding-right:10%;
    margin-top:80px;
}

#ckh2-biographyText-2 {
    padding-right: 10%;
    padding-right:10%;
}

#ckh2-biographyText-1 a {
    color:#333;
    transition:all .2s;
}

#ckh2-biographyText-1 a:hover {
    color:#f5ce7d;
}

.ckh2-worksHeader {
    display: inline-block;
    color: #9d60de;
    font-family: 'Macklin Slab W01 medium', sans-serif;
    margin-bottom: 20px;
    font-size: 1.6875rem;
    transform: scale(1);
    transition: all .8s;
    transition-delay: .6s;
    transform-origin: center left;
    transform-origin: center center;
    text-transform: uppercase;
}

.ckh-breakpoint-bottom-902 #ckh2-worksHeader-film {
}

.ckh2-worksHeaderFeatures {
    color: #62a7de;
}

.ckh2-worksHeaderScreen {
    color: #ea9c08;
}

#ckh2-worksHeader-tvp-mobile {
    display:none;
}

.ckh2-worksHeaderFlagpole {
    left:25%;
    position:absolute;
    width:2px;
    height:0vh;
    height:25vh;
    background:#b488e3;
    background:rgba(255,255,255,0);
    transition:all .8s;
    transition-delay:.6s;
    margin-left:153px;
    mrgin-left:143px;
    margin-left:175px;
    margin-left:80px;
    margin-left:165px;
}

#ckh2-worksHeaderFlagpole-tv {
    background:#62a7de;
    background:rgba(255,255,255,0);
    margin-left:186px;
    mrgin-left:171px;
    margin-left:217px;
    margin-left:80px;
    margin-left:202px;
}

#ckh2-worksHeader-tv {
    left:-186px;
    lft:-171px;
    left:-217px;
    left:0;
    left:-202px;
}

.ckh-breakpoint-bottom-903 #ckh2-worksHeader-tv {
    transform:scale(1);
    bottom:-40px;
    lft:-80px;
}

.ckh-breakpoint-bottom-902 #ckh2-worksHeaderFlagpole-film, .ckh-breakpoint-bottom-903 #ckh2-worksHeaderFlagpole-tv {
    height:25vh;
}

.ckh2-wrksHeader:first-letter {
    font-family: 'Macklin display W01 Bold itali', sans-serif;
    font-size: 3.5rem;
    color: #fff;
    /* background: #f5ce7d; */
    padding: 0px 0px 0px 0px;
    brder-radius: 100px;
    margin-right: -4px;
    color: #964ce4;
}

.ckh2-wrksHeader.ckh2-worksHeaderScreen:first-letter {
    color: #62a7de;
}

.ckh2-pageWorksHolder {
    mrgin-left: 40px;
    margin-top: 100px;
}

.ckh2-screenWorksHolder {
    bx-shadow: 10px 10px 50px 20px rgba(0,0,0,0.05);
    background:#247bc1;
}

#ckh2-pageWorksHolder-amb {
    margin-top: 110px;
}

#ckh2-pageWorksHolder-fwo {
    margin-top: 110px;
}

#ckh2-pageWorksHolder-fwo .ckh2-pageWorksText {
    padding-right:5%;
}

.ckh2-pageWorksTitle {
    font-family: 'Macklin Sans W01 Medium', sans-serif;
    fnt-family: 'Macklin Sans W01 Light', sans-serif;
    font-size: 1.75rem;
    color: #222;
    margin-bottom: 16px;
    letter-spacing: -.5px;
    
    fnt-family: 'Macklin Slab W01 Medium', sans-serif;
    font-size: 1.85rem;
    clor: #247bc1;
    clor: #8743ce;
    margin-bottom: 16px;
    font-size:1.9rem;
    display: inline-block;
    position: relative;
    transition:all .8s;
    padding-right:50px;
    font-size:1.8rem;
    font-size:1.6875rem;
    font-size:1.625rem;
    fnt-size:2rem;
    ltter-spacing:0;
}

.ckh2-screenWorksTitle {
    font-family: 'Macklin Slab W01 Medium', sans-serif;
    font-size: 1.85rem;
    font-family: 'Macklin Sans W01 Regular', sans-serif;
    font-size: 1.9rem;    color: #fff;
    margin-bottom: 10px;
    letter-spacing: -.5px;
    margin-right:50px;
}

.ckh2-pageWorksGenre {
    font-family: 'Macklin Sans W01 Light', sans-serif;
    font-size:1rem;
    color:#777;
    transition:all .8s, background 0s;
    font-size:1rem;
    position:relative;
    mrgin-left:10px;
    brder-left: 5px solid #bbbbbb;
    pdding-left: 10px;
    brder-radius: 20px;
}

.ckh2-pageWorksText {
    font-family: 'Macklin Sans W01 Light', sans-serif;
    font-size: 1.2rem;
    line-height: 2rem;
    color: #333;
    color:#333;
    margin-top: 32px;
    mx-width: 500px;
    margin-bottom:26px;
    transition:all .8s, background 0s;
    fnt-size:1.14rem;
    lne-height:1.84rem;
    margin-top:26px;
    position:relative;
}

.ckh2-pageWorksHonors {
    font-family: 'Macklin Sans W01 Light', sans-serif;
    font-size:1rem;
    color:#777;
    line-height:1.2rem;
    transition:all .8s;
    position:relative;
}

.ckh2-pageWorksHonors-top {
    margin-bottom:10px;
}

.ckh2-screenWorksHonors {
    color: #62a7de;
}

.ckh2-pageScreenHolder {
    padding: 25px 36px 30px;
    background: #247bc1;
    position:relative;
}

.ckh2-screenWorksGenre {
    font-family: 'Macklin Sans W01 Regular', sans-serif;
    font-size: 1rem;
    color: rgba(255,255,255,.75);
    margin-right:50px;
}

.ckh2-screenWorksPlus {
    position: absolute;
    right: 30px;
    top: 50%;
    margin-top: -22px;
    font-size: 3rem;
    color: rgba(255,255,255,.75);
    transition: all .4s;
    
    height:50px;
    width:50px;
    margin-top:-25px;
}

.ckh2-moreInfoOpen.ckh2-screenWorksPlus {
    transform:rotate(45deg);
}

.ckh2-screenWorksText {
    margin-top:0px;
    fnt-size: 1.1rem;
    lne-height: 1.7rem;
    color: rgba(0,0,0,0.75);
}

.ckh2-screenWorksPlus:hover {
    color:rgba(255,255,255,1);
    cursor:pointer;
    cursor:hand;
    transform:scale(1.2);
}

.ckh2-moreInfoOpen.ckh2-screenWorksPlus:hover {
    transform:rotate(45deg) scale(1.2);
}

.ckh2-screenWorksMoreInfo {
    padding: 40px;
    background: #c7def1; 
    background:rgba(199, 222, 241, .45);
    background:#e6f0f9;
    overflow: hidden;
    position:relative;
}

.ckh2-screenWorksMoreInfoWrapper {
    position:relative;
    overflow:hidden;
    height:0;
    transition:all .5s;
}

.ckh2-screenPlus-ver {
    position:absolute;
    top:0px;
    left:50%;
    width:2px;
    height:0%;
    background:#c7def1;
    margin-left:-1px;
    transition:all .5s;
    transition-property:all, height, width;
    transition-delay:0s, .5s, .5s;
}

.ckh2-screenPlus-hor {
    position:absolute;
    top:50%;
    left:0%;
    width:0%;
    height:2px;
    margin-top:-1px;
    background:#c7def1;
    transition:all .5s;
    transition-property:all, height, width;
    transition-delay:0s, .5s, .5s;

}

.ckh2-screenWorksPlus:hover .ckh2-screenPlus-hor, .ckh2-screenWorksPlus:hover .ckh2-screenPlus-ver {
    background:#fff;
}

.ckh-breakpoint-bottom-1101 #ckh2-screenWorksPlus-1 .ckh2-screenPlus-ver, .ckh-breakpoint-bottom-1102 #ckh2-screenWorksPlus-2 .ckh2-screenPlus-ver, .ckh-breakpoint-bottom-1103 #ckh2-screenWorksPlus-3 .ckh2-screenPlus-ver {
    height:100%;
}

.ckh-breakpoint-bottom-1101 #ckh2-screenWorksPlus-1 .ckh2-screenPlus-hor, .ckh-breakpoint-bottom-1102 #ckh2-screenWorksPlus-2 .ckh2-screenPlus-hor, .ckh-breakpoint-bottom-1103 #ckh2-screenWorksPlus-3 .ckh2-screenPlus-hor {
    width:100%;
}



#ckh-breakpointSpacer-1 {
    position:absolute;
    height:1px;
    width:1px;
    top:10px;
    left:0;
}

.ckh2-awardIcon {
        font-size: 1.4rem;
    margin-right: 10px;
    color: #964ce4;
    color: #f5ce7d;
    color:#8743ce;
    color:#bbbbbb;
}

#ckh2-contactHeadlineHolder {
    position:relative;
    margin-left:auto;
    margin-right:auto;
    width:100%;
    max-width:550px;
    padding:40px;
    margin-bottom:100px;
}

#ckh2-contactHeadline {
    font-family:'Macklin Sans W01 Light', sans-serif;
    font-size:1.2rem;
    line-height:2rem;
    color:#333;
    text-align:center;
}

#ckh2-contactHeadlineHolder-2 {
    position:relative;
    margin-left:auto;
    margin-right:auto;
    width:100%;
    max-width:500px;
    padding:40px 10px;
    margin-bottom:100px;
    background:#222;
    overflow:visible;
    border-left: 10px solid #ea00eb;
    border-radius:10px 0 0 10px;
}

#ckh2-emailHeadline {
    font-family:'Macklin Text W01 Medium', sans-serif;
    font-size:1.5rem;
    fnt-size:1.1rem;
    line-height:2rem;
    color:#fff;
    text-align:center;
    transition:all .4s;
}

a #ckh2-emailHeadline{
    color:#fff;
    transition:all .4s;
}

a:hover #ckh2-emailHeadline {
    color:#ea00eb;
}

a #ckh2-emailHeadline #ckh2-asign{
    color:#ea00eb;
    transition:all .4s;
}

 a:hover #ckh2-emailHeadline #ckh2-asign{
    color:#fff;
}

#xh2-hallmark {
    font-family: 'P22 Cezanne W05 Sketches', serif;
    position: absolute;
    bottom: 20px;
    right: 20px;
    transform: rotate(15deg);
    color: rgba(0,0,0,0.3);
    font-size: 3rem;
}

.ckh2-sectionBorder {
    height:2px;
    position:absolute;
    bottom:20vh;
    bottom:0vh;
    background:#b488e3;
    transition:all .8s;
}

.ckh2-sectionBorder-right {
    right:50%;
    left:50%;
}

.ckh2-sectionBorder-left {
    right:50%;
    left:50%;
}

#ckh2-sectionBorder-left-2, #ckh2-sectionBorder-right-2 {
    background:#62a7de;
}

#ckh2-sectionBorder-left-3, #ckh2-sectionBorder-right-3 {
    background:#ea9c08;
}

#ckh2-sectionBorder-left-5, #ckh2-sectionBorder-right-5 {
    background:#e868e8;
}

#ckh2-sectionBorder-left-4, #ckh2-sectionBorder-right-4 {
    background:#f5ce7d;
    transition-delay:.4s;
    bottom:20vh;
}

.ckh-breakpoint-bottom-902 #ckh2-sectionBorder-left-1, .ckh-breakpoint-bottom-903 #ckh2-sectionBorder-left-2, .ckh-breakpoint-bottom-904 #ckh2-sectionBorder-left-3, .ckh-breakpoint-bottom-905 #ckh2-sectionBorder-left-5, .ckh-breakpoint-100 #ckh2-sectionBorder-left-4 {
    left:15%;
}

.ckh-breakpoint-bottom-902 #ckh2-sectionBorder-right-1, .ckh-breakpoint-bottom-903 #ckh2-sectionBorder-right-2, .ckh-breakpoint-bottom-904 #ckh2-sectionBorder-right-3, .ckh-breakpoint-bottom-905 #ckh2-sectionBorder-right-5, .ckh-breakpoint-100 #ckh2-sectionBorder-right-4 {
    right:15%;
}

.ckh2-splashFilmGraphic {
    position:absolute;
    font-size:7rem;
    left:50%;
    margin-left:-40px;
    top:50%;
    margin-top:-40px;
    color:#f3f3f3;
    transform:scale(0);
    transition:all 5s;
}

#ckh2-splashFilmGraphic-1 {
    margin-top:-119px;
}
#ckh2-splashFilmGraphic-2 {
    margin-top:39px;
}

.ckh2-mainContentShow .ckh2-splashFilmGraphic {
    transform:scale(1);
}

.ckh-breakpoint-100 .ckh2-splashFilmGraphic {
    transform:scale(0);
    transition: all .8s;
}

.ckh2-trivia {
    bckground:#f5e87d;
    color:#333;
    clor:#f1b63c;
    clor:#fff;
    pdding:4px 10px;
    margin-right:4px;
    font-family:'Macklin Text W01 Italic', serif;
    font-family: 'Macklin Slab W01 Medium', sans-serif;
    font-family: 'Macklin Slab W01 Bold', sans-serif;
}

a.ckh2-pressLink {
    color:#333;
    txt-decoration:underline;
    transition:all .2s;
    font-size:1.1rem;
}

a.ckh2-pressLink:hover {
    color:#ecb43e;
    text-decoration:underline;
}

a.ckh2-pressLinkSource {
    color:#333;
    transition:all .2s;
}

a.ckh2-pressLinkSource:hover {
    color:#ecb43e;
}

a#ckh2-pressLink-deadline {
    font-family:'Lumios Typewriter W05 New', sans-serif;
    text-transform:uppercase;
    font-size:1rem;
}

a#ckh2-pressLink-thewrap {
    font-family:'Macklin Sans W01 Light', sans-serif;
    text-transform:uppercase;
    font-size:1rem;
}

.ckh2-reddot {
    color:red !important;
    transition:all .2s;
}

a.ckh2-pressLinkSource:hover .ckh2-reddot {
     color:#ecb43e !important;
}


a#ckh2-pressLink-variety {
    font-family:'BemboBookW04-BoldItalic','Bembo Book W04 Italic', sans-serif;
    font-size:1.1rem;
    text-transform:uppercase;
}

.ckh2-pressText-sm {
    margin-top:30px !important;
}

#ckh2-contentModule-6 {
    min-height:1800px;
    min-height:1100px;
}

#ckh2-asign {
    clor:#ea00eb;
    font-size:1.5rem;
}

.ckh2-socialTrail {
    position:absolute;
    top:100%;
    width:2px;
    background:rgba(0,0,0,0);
    background:#333;
    background:linear-gradient(160deg, #333 0%, #ea00eb 66%);
    background:#e868e8;
    background:none;
    overflow:visible;
    transition:all .6s;
}

#ckh2-socialTrail-1 {
    left:25%;
    height:0px;
    transform:scale(0);
}

#ckh2-socialTrail-2 {
    right:25%;
    height:0px;
    transition-delay:.2s;
    transform:scale(0);
}

#ckh2-socialTrail-3 {
    height:0;
    left:50%;
    margin-left:1px;
    transition-delay:.4s;
}

#ckh2-socialTrail-4 {
    height:0;
    left:50%;
    margin-left:-2px;
    transition-delay:.4s;
}

#ckh2-socialTrail-5 {
    right:50%;
    height:0px;
    margin-left:-1px;
    transition-delay:.4s;
    transform:scale(0);
}

.ckh-breakpoint-776 #ckh2-socialTrail-1 {
    height:150px;
    transform:scale(1);
}

.ckh-breakpoint-776 #ckh2-socialTrail-2 {
    height:250px;
    transform:scale(1);
}

.ckh-breakpoint-776 #ckh2-socialTrail-5 {
    height:400px;
    transform:scale(1);
}

.ckh-breakpoint-106 #ckh2-socialTrail-4, .ckh-breakpoint-106 #ckh2-socialTrail-3 {
    height:400px;
    background:#e868e8;
}

.ckh2-socialIcon {
    font-size: 2rem;
    color: #fff;
    position: absolute;
    padding: 10px 12px;
    bottom: -20px;
    border-radius: 50px;
    left: -24px;
    background: #222;
    transition:all .4s;
    transform:scale(1);
}

#ckh2-socialIcon-1 {
    padding:10px;
}

#ckh2-socialIcon-2 {
    padding:10px 12px;
    left:-24px;
}

.ckh-breakpoint-106 #ckh2-socialIcon-1, .ckh-breakpoint-106 #ckh2-socialIcon-2 {
    transform:scale(1);
}

.ckh2-socialIcon:hover {
cursor:pointer;
cursor:hand;
bckground:#ea00eb;
color:#222;
color:#ea00eb;
transform:scale(1.2) !important;
anmation: scaleBounce 1s .5s forward;
}

#ckh2-contactBox {
    position: relative;
    top: 100%;
    /* left: -150px; */
    width: 90%;
    max-width: 500px;
    margin-top: 550px;
    height: 100px;
    margin-left: auto;
    margin-right: auto;
    opacity: 0;
    transition: all 1s;
    
    display:none !important;
}

.ckh-contact-open #ckh2-contactBox {
    height:600px;
    max-height:800px;
    wdth:450px;
    bckground:#ea00eb;
    bx-shadow: 20px 20px 50px rgba(0,0,0,0.5);
    background:#fff;
}



.ckh2-contactBoxBorder {
    background:#e868e8;
    position:absolute;
    transition:all .6s;
}

.ckh-breakpoint-106 #ckh2-contactBox {
    opacity:1;
}

.ckh2-contactBoxBorder-horizontal {
    height:2px;
    width:0;
}

.ckh2-contactBoxBorder-vertical {
    width:2px;
    height:0;
}

#ckh2-contactBoxBorder-TL {
    right:50%;
    transition-delay:.8s;
}

#ckh2-contactBox:hover #ckh2-contactBoxBorder-TL, .ckh-contact-open #ckh2-contactBoxBorder-TL {
    width:50%;
    transition-delay:0s;
}

#ckh2-contactBoxBorder-TR {
    left:50%;
    transition-delay:.8s;
}

#ckh2-contactBox:hover #ckh2-contactBoxBorder-TR, .ckh-contact-open #ckh2-contactBoxBorder-TR  {
    width:50%;
    transition-delay:0s;
}

#ckh2-contactBoxBorder-BL {
    top:100%;
    left:0;
    transition-delay:0s;
}
#ckh2-contactBox:hover #ckh2-contactBoxBorder-BL, .ckh-contact-open #ckh2-contactBoxBorder-BL {
    width:50%;
    transition-delay:.8s;
}

#ckh2-contactBoxBorder-BR {
    top:100%;
    right:0;
    transition-delay:0s;
}

#ckh2-contactBox:hover  #ckh2-contactBoxBorder-BR, .ckh-contact-open #ckh2-contactBoxBorder-BR {
    width:50%;
    transition-delay:.8s;
}

#ckh2-contactBoxBorder-L {
    top:0;
    left:0;
    transition-delay:.4s;
}

#ckh2-contactBox:hover #ckh2-contactBoxBorder-L, .ckh-contact-open #ckh2-contactBoxBorder-L {
    height:100%;
}

#ckh2-contactBoxBorder-R {
    right:0;
    top:0;
    transition-delay:.4s;
}

#ckh2-contactBox:hover  #ckh2-contactBoxBorder-R, .ckh-contact-open #ckh2-contactBoxBorder-R {
    height:100%;
}

#ckh2-contactBoxTitle {
    position: absolute;
    tp: 50%;
    mrgin-top: -10px;
    text-align: center;
    font-family: 'Macklin Sans W01 Medium Italic', sans-serif;
    color: #333;
    font-size: 1.5rem;
    width: 100%;
    opacity:1;
    transform:scale(0);
    transition: all .4s, opacity .6s;
    transition-property:all, opacity, transform;
    transition-delay:0s, .6s, 0s;
    line-height:100px;
}

#ckh2-contactBoxTitle:hover {
    cursor:pointer;
    cursor:hand;
}

.ckh-breakpoint-106 #ckh2-contactBoxTitle {
    opacity:1;
    transform:scale(1);
}

.ckh-contact-open #ckh2-contactBoxTitle {
    opacity:0;
    transform:scale(0);
}

#ckh2-contactBox:hover #ckh2-contactBoxTitle {
    color:#ea00eb;
}

#ckh-contactFormScrollCover {
    background:#fff;
    top:2px;
    bottom:2px;
    right:2px;
    top: 0px;
    bottom: -2px;
    right: 0px;
    border: 2px solid #e868e8;
    border-left: none;
}

.xh2-shortFormSubmittedTitle {
    font-family:'Macklin Slab W01 Medium', serif;
    color:#f9f9f9;
}

#ckh2-breakpointFinal {
    position:absolute;
    bottom:150px;
    left:0px;
    height:1px;
    width:1px;
}

#ckh2-copyright {
    position: fixed;
    bottom: 32px;
    right: 15%;
    font-family: 'Macklin Sans W01 Light', sans-serif;
    font-size: .8rem;
    margin-right: 60px;
    color: #333;
    transform: scale(0);
    transition: all .4s;
    trnsition-delay: .6s;
    z-index: 3;
}

#ckh2-copyright a {
    color:#333;
    transition:all .4s;
}

#ckh2-copyright a:hover {
    color:#ea00eb;
}

.ckh-breakpoint-bottom-303 #ckh2-copyright {
    transform:scale(1);
}

#ckh2-copyrightLedge {
    height: 2px;
    position: fixed;
    bottom: 24px;
    right: 15%;
    width: 0;
    margin-right: 0px;
    background: #f5ce7d;
    transition: all .6s;
    z-index: 0;
}

.ckh-breakpoint-bottom-303 #ckh2-copyrightLedge {
    width:200px;
}

.xh2-shortFormSubmittedReset {
    font-family: 'Macklin Sans W01 Regular', sans-serif;
    font-size:1.1rem;
}


#ckh2-miniFilmContainer {
    position: absolute;
    overflow: hidden;
    width: 180px;
    height: 350px;
    left: 50%;
    top: 50%;
    z-index: 2;
    margin-left: -90px;
    margin-top: -200px;
    background: #f1f1f1;
    transform: scale(0) rotate(120deg);
    transition: all 3s;
}

.ckh2-mainContentShow #ckh2-miniFilmContainer {
       transform: scale(.75) rotate(0);
}

.ckh-breakpoint-100 #ckh2-miniFilmContainer {
    transform: scale(0) rotate(120deg);
    transition:all .8s;
}

#ckh2-miniFilmAnimator {
    position:relative;
    dsplay:none;
}

.ckh2-mainContentShow #ckh2-miniFilmAnimator {
    animation: filmSpin 2s 3.2s linear infinite;
}

.ckh-breakpoint-100 #ckh2-miniFilmAnimator {
    animation:none;
}

.ckh2-miniFilm-left {
    position:absolute;
    width:40px;
    left:0;
    top:0;
    bottom:0;
}

.ckh2-miniFilm-right {
    position:absolute;
    width:40px;
    right:0;
    top:0;
    bottom:0;
}

.ckh2-miniFilmSlide {
    position:relative;
    width:100px;
    height:75px;
    margin-left:auto;
    margin-right:auto;
    border-top:10px solid #f1f1f1;
    background:#fff;
    bckground:url("../images/ckhheadshot1.jpg");
    bckground-size:cover;
    bckground-position:center;
    flter:grayscale(1);
}

.ckh2-miniFilmDot {
    position:absolute;
    top:0;
    bottom:0;
    right:8px;
    width:20px;
}

.ckh2-miniFilmDot-yellow {
    background:#f5ce7d;
}
.ckh2-miniFilmDot-purple {
    background:#b488e3;
}
.ckh2-miniFilmDot-blue {
    background:#62a7de;
}
.ckh2-miniFilmDot-pink {
    background:#e868e8;
}

.ckh2-miniFilmSquare {
    width: 20px;
    height:20px;
    position:relative;
    margin-top:10px;
    margin-left:10px;
    background:#fff;
}


@keyframes filmSpin {
    0%   {transform:translateY(0%);}
  100%  {transform:translateY(-50%);}
}


.ckh2-longBorderBreakPoint {
    position:absolute;
    top:20vh;
    left:0;
    width:1px;
    height:1px;
}


#ckh2-contentModule-2 {
    margin-top:-20vh;
}

.ckh2-pageMarker {
    position:absolute;
    left:0;
    bottom:25vh;
    height:1px;
    width:1px;
}

#ckh2-pageMarker-biography {
    bottom:45vh;
}

#ckh2-socialMarker {
    position: absolute;
    left: 0;
    bottom: 25vh;
    height: 1px;
    width: 1px;
}


#ckh2-scrollIcon-holder {
    position:absolute;
    height:50px;
    width:50px;
    line-height:50px;
    font-size:2rem;
    color:#333;
    bottom:50px;
    left:50%;
    margin-left:-25px;
    text-align:center;
    transform:scale(0);
    transition:all 1.25s;
}

.ckh2-pleaseScroll #ckh2-scrollIcon-holder {
    transform:scale(1);
}

#ckh2-scrollIcon {
    line-height:50px;
    font-size:2rem;
    color:#333;
    text-align:center;
    transition:all .75s;
}

.ckh2-pleaseScroll #ckh2-scrollIcon {
    animation:scrolldown 2.5s 1s infinite;
}


@keyframes scrolldown {

0% {
    transform:translateY(0px);
}

75% {
    transform:translateY(30px);
}

100% {
    transform:translateY(0px);
}
}


#vf-splashSVG-1 {
    transition:all 1.25s;
    stroke-dashoffset: 251.32;
    stroke-dasharray: 251.32;
}

.ckh2-pleaseScroll #vf-splashSVG-1 {
    anmation: dash 1s 0s forwards;
    stroke-dashoffset: 0;
}

#ckh2-scrollIconArrowHolder {
    position:absolute;
    height:20px;
    width:20px;
    top:12px;
    left:15px;
    transform:rotate(45deg);
}

#ckh2-scrollIconArrowLeft {
    position:absolute;
    right:0;
    bottom:0;
    width:2px;
    height:0%;
    background:#b488e3;
    transition:all .625s;
    transition-delay:.625s;
}

.ckh2-pleaseScroll #ckh2-scrollIconArrowLeft {
    height:100%;
}

#ckh2-scrollIconArrowBottom {
    position:absolute;
    bottom:0;
    height:2px;
    width:0%;
    background:#000;
    background:linear-gradient(90deg, #e868e8 0%, #b488e3 100%);
    transition:all .625s;
}

.ckh2-pleaseScroll #ckh2-scrollIconArrowBottom {
    width:100%;
}


#ckh2-splashScrollArrow {
    position: absolute;
    width: 2px;
    height: 0px;
    left: 50%;
    margin-left: -1px;
    top: 50%;
    margin-top: 20px;
    margin-top: 185px;
    background: #333;
    transition: all .4s;
}

.ckh2-pleaseScroll #ckh2-splashScrollArrow {
    height:50px;
}

.ckh2-splashScrollArrowFeather {
    width:2px;
    height:0px;
    background:#333;
    position:absolute;
    bottom:0px;
    transition:all .4s;
    transition-delay:.4s;
    transform-origin:bottom center;
}

.ckh-breakpoint-100 .ckh2-splashScrollArrowFeather {
    transition-delay:0s;
}

#ckh2-splashScrollArrowFeather-left {
    transform-origin:bottom right;
}

#ckh2-splashScrollArrowFeather-right {
    transform-origin:bottom left;
}

.ckh2-pleaseScroll #ckh2-splashScrollArrowFeather-left {
    transform:rotate(-35deg);
    height:20px;
}

.ckh2-pleaseScroll #ckh2-splashScrollArrowFeather-right {
    transform:rotate(35deg);
    height:20px;
}


.ckh2-mainLogoFlourish {
    font-family:'Macklin Slab W01 Regular', sans-serif;
}

.ckh2-headerUnderline-bottom {
    right:15%;
}

.ckh2-mobileBorderBreakpoint {
    position:absolute;
    height:1px;
    width:1px;
    margin-bottom:50px;
    bottom:0vh;
}

#ckh2-mobileBorderBreakpoint-1 {
    bottom:20vh;
}


/* Swiper and Lightgallery */

.ckh2-gallery-hide {
    display:nne !important;
}

.swiper {
    width:100%;
    aspect-ratio: 1920/940;
}

#ckh2-wd-swiper-mobile-waterdog {
    width:100%;
    aspect-ratio: 1920/1920;
}

#ckh2-wd-swiper-mobile {
    width:100%;
    aspect-ratio: 1920/940;    
}

#wd-swiper-holder {
    padding:2px;
    border-top:2px solid #ec3a28;
    
}

#wd-swiper-holder-waterdog  {
    padding:2px;
    border:2px solid #b488e3;
    margin-top:46px;
    margin-bottom:50px;
    width:90%;
    border-left:none;
    padding-left:0;
}

#wd-swiper-holder-mobile {
    padding:2px;
    border:2px solid #b488e3;
    margin-top:46px;
    margin-bottom:50px;
    width:90%;
    border-left:none;
    padding-left:0;
    display:none;
    
    border:none;
    padding:0;
}

#wd-swiper-holder-mobile {
    mrgin-bottom:2px !important;
    width:100vw !important;
    border:none !important;
    brder-top:2px solid #ec3a28;
    mrgin-top:60px;
    margin-left:-5vw !important;
}

#wd-swiper-holder-waterdog {
    mrgin-bottom:0px;
    wdth:100%;
    border:none;
    brder-top:2px solid #ec3a28;
    mrgin-top:60px;
    padding:0;
    margin-bottom:52px;
}

@media all and (max-width: 750px) {
#wd-swiper-holder-mobile {
    display:block;
}
#wd-swiper-holder-waterdog {
    display:none;
}
}

.ckh2-wd-swiper-img:hover {
    cursor:pointer;
    cursor:hand;
}

.swiper-button-next, .swiper-button-prev {
    color:rgba(233, 64, 44, .0) !important;
    color:rgba(255,255,255,.0) !important;
    transition:all .4s;
    transform:scale(.8);
}

.swiper:hover .swiper-button-next, .swiper:hover .swiper-button-prev {
    color:rgba(233, 64, 44, .75) !important;
    color:rgba(255,255,255,.75) !important;
}

.swiper:hover .swiper-button-next:hover, .swiper:hover .swiper-button-prev:hover {
    color:rgba(233, 64, 44, .95) !important;
    color:rgba(255,255,255,.95) !important;
}





.swiper-pagination-bullet {
    background:rgba(255,255,255,.5) !important;
    background:rgba(182, 134, 226, .5) !important;
    opacity:1 !important;
}

#ckh2-pageWorksHolder-waterdog .swiper-pagination-bullet {
    background:  rgba(236, 58, 40,.5) !important;
    background:rgba(0,0,0,0.3) !important;
}

#swiper-pagination-waterdog {
    position: relative !important;
    top: 5px !important;
    txt-align: left !important;
    lft: -3px !important;
}

#swiper-pagination-mobile-waterdog  {
    position: relative !important;
    top: 0px !important;
    background: #fff !important;
    padding: 8px 0 !important;
    height: 30px !important;
    lft:-3px !important;
    txt-align:left !important;
}

.swiper-pagination-bullet-active {
    background:rgba(255,255,255, .95) !important;
    background:rgba(182, 134, 226, .95) !important;
}

#ckh2-pageWorksHolder-waterdog .swiper-pagination-bullet-active {
    background: rgba(236, 58, 40,.95) !important;
    background:rgba(0,0,0,0.75) !important;
}



.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    pointer-events:auto !important;
}

.swiper-pagination {
    background: rgba(182, 134, 226, .85) !important;
    background: rgba(0,0,0,0.65) !important;
    background: rgba(255,255,255, .9) !important;
    bottom: 0 !important;
    height: 22px !important;
    padding-top:1px !important;
}


/* Lightgallery */

.lg-next, .lg-prev {
    padding:10px !important;
    border-radius:100px !important;
    background:rgba(0,0,0,0.45) !important;
}

#lg-components-3, #lg-components-4, #lg-components-1, #lg-components-2, #lg-components-5, .lg-components {
    bottom:unset !important;
    top:0 !important;
}

.lg-zoomed .lg-components {
    transform:none !important;
    opacity:1 !important;
}

.lg-sub-html {
    text-align:left !important;
    font-family:'Macklin Slab W01 medium', sans-serif !important;
    padding:14px 12px !important;
    color:#bbb !important;
}

.lg-zoomed .lg-sub-html {
    opacity:1 !important;
}

.lg-counter {
    margin-left:70px !important;
    font-family:'Macklin Slab W01 medium', sans-serif !important;
    padding-left:80px !important;
    padding-top:16px !important;
    font-size:14px !important;
}

.ckh2-wd-red {
    color:#ee3323 !important;
}

.ckh2-wd-lg-logo {
 width:120px !important;
 padding-top:2px !important;
}


/* End Swiper and Lightgallery */





@media all and (max-width: 1250px) {

#ckh2-leftHeaderHolder {
    left:10%;
}

.ckh2-headerUnderline-bottom {
    right:10%;
}

.ckh2-contentModuleInner {
    padding-left: 20%;
    padding-right:20%;
}

.ckh2-worksHeaderFlagpole {
    left:20%;
}

.ckh-breakpoint-bottom-902 #ckh2-sectionBorder-left-1, .ckh-breakpoint-bottom-903 #ckh2-sectionBorder-left-2, .ckh-breakpoint-bottom-904 #ckh2-sectionBorder-left-3, .ckh-breakpoint-bottom-905 #ckh2-sectionBorder-left-5, .ckh-breakpoint-100 #ckh2-sectionBorder-left-4 {
    left:10%;
}

.ckh-breakpoint-bottom-902 #ckh2-sectionBorder-right-1, .ckh-breakpoint-bottom-903 #ckh2-sectionBorder-right-2, .ckh-breakpoint-bottom-904 #ckh2-sectionBorder-right-3, .ckh-breakpoint-bottom-905 #ckh2-sectionBorder-right-5, .ckh-breakpoint-100 #ckh2-sectionBorder-right-4 {
    right:10%;
}

#ckh2-copyrightLedge {
    right:10%;
}

#ckh2-copyright {
    right:10%;
}

#ckh2-christinaPortrait {
    border:none;
}


}






@media all and (max-width: 1000px) {

#ckh2-leftHeaderHolder {
    left:5%;
}

.ckh2-headerUnderline-bottom {
    right:5%;
}

.ckh2-contentModuleInner {
    padding-left: 15%;
    padding-right:15%;
}

.ckh2-worksHeaderFlagpole {
    left:15%;
}

.ckh-breakpoint-bottom-902 #ckh2-sectionBorder-left-1, .ckh-breakpoint-bottom-903 #ckh2-sectionBorder-left-2, .ckh-breakpoint-bottom-904 #ckh2-sectionBorder-left-3, .ckh-breakpoint-bottom-905 #ckh2-sectionBorder-left-5, .ckh-breakpoint-100 #ckh2-sectionBorder-left-4 {
    left:5%;
}

.ckh-breakpoint-bottom-902 #ckh2-sectionBorder-right-1, .ckh-breakpoint-bottom-903 #ckh2-sectionBorder-right-2, .ckh-breakpoint-bottom-904 #ckh2-sectionBorder-right-3, .ckh-breakpoint-bottom-905 #ckh2-sectionBorder-right-5, .ckh-breakpoint-100 #ckh2-sectionBorder-right-4 {
    right:5%;
}

#ckh2-copyrightLedge {
    right:5%;
}

#ckh2-copyright {
    right:5%;
}

#ckh2-christinaPortrait {
    border:none;
}


}








@media all and (max-width: 750px) {

#ckh2-leftHeaderHolder {
    left:5%;
}

.ckh2-headerUnderline-bottom {
    right:5%;
    display:none;
}

#ckh2-headerUnderline-7 {
    margin-right:0px;
}

#ckh2-headerUnderline-8 {
    margin-right:-4px;
}

#ckh2-headerUnderline-9 {
    margin-right:-8px;
}

#ckh2-headerUnderline-12 {
    margin-right:-12px;
}

#ckh2-headerUnderline-15 {
    margin-right:-14px;
}

#ckh2-copyrightLedge {
    right:0;
}

#ckh2-copyright {
    right:0;
    margin-right:30px;
}

#ckh2-headerUnderline-4, #ckh2-headerUnderline-5, #ckh2-headerUnderline-6, #ckh2-headerUnderline-11, #ckh2-headerUnderline-14 {
    height:0 !important;
}

#ckh2-headerTitle {
    padding-left:0;
    left:5%;
    top:-3px;
}

.ckh2-longBorderBreakPoint {
    top:0vh;
}

.ckh-mobileMenu-open #ckh2-headerTitle {
    top:-5px;
}

#ckh-mobileMenuHolder {
    border-bottom:2px solid #fff;
    transition:all .5s, border 0s;
    height:400px;
    transform: translateY(-350px);
}

.ckh-breakpoint-2801 #ckh-mobileMenuHolder {
    border-bottom:2px solid #f5ce7d;
}

.ckh-breakpoint-2802 #ckh-mobileMenuHolder {
    border-bottom:2px solid #b488e3;
}

.ckh-breakpoint-2803 #ckh-mobileMenuHolder {
    border-bottom:2px solid #62a7de;
}

.ckh-breakpoint-2804 #ckh-mobileMenuHolder {
    border-bottom:2px solid #ea9c08;
}

.ckh-breakpoint-2805 #ckh-mobileMenuHolder {
    border-bottom:2px solid #e868e8;
}

.ckh-mobileMenu-open #ckh-mobileMenuHolder {
    box-shadow: 3px 3px 20px 20px rgba(0,0,0,0.1);
}

#ckh2-headerUnderline-10, #ckh2-headerUnderline-1, #ckh2-headerUnderline-2, #ckh2-headerUnderline-3, #ckh2-headerUnderline-13 {
    left:0;
    height:4px;
    border-bottom:2px solid #fff;
    border-right:2px solid #fff;
    wdth:unset !important;
    rght:0 !important;
    display:none;
}

.ckh2-contentModuleInner {
    padding-left:5%;
    padding-right:5%;
    padding-left:5%;
    padding-right:5%;
}

#ckh2-biographyText-2, #ckh2-biographyText-3, #ckh2-biographyText-4 {
    padding-right:0;
}

.ckh-breakpoint-bottom-902 #ckh2-sectionBorder-left-1, .ckh-breakpoint-bottom-903 #ckh2-sectionBorder-left-2, .ckh-breakpoint-bottom-904 #ckh2-sectionBorder-left-3, .ckh-breakpoint-bottom-905 #ckh2-sectionBorder-left-5, .ckh-breakpoint-100 #ckh2-sectionBorder-left-4 {
    left:0%;
}

.ckh-breakpoint-bottom-902 #ckh2-sectionBorder-right-1, .ckh-breakpoint-bottom-903 #ckh2-sectionBorder-right-2, .ckh-breakpoint-bottom-904 #ckh2-sectionBorder-right-3, .ckh-breakpoint-bottom-905 #ckh2-sectionBorder-right-5, .ckh-breakpoint-100 #ckh2-sectionBorder-right-4 {
    right:0%;
}

#ckh2-emailHeadline {
    font-size:1rem;
}

#ckh2-contactBox {
    width:100%;
}

.ckh2-wrksHeader {
    clor: #9d60de;
    pdding: 0px 0px;
    fnt-family: 'Macklin slab W01 black', sans-serif;
    fnt-size: 1.75rem;
    bckground:none;
    fnt-family: 'Markerfield W01 Regular', sans-serif;
    fnt-size:2.75rem;
    mrgin-bottom:25vh;

    font-family: 'Macklin Slab W01 ExtraLight', sans-serif;
    font-size: 1.75rem;
    
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    width: 80vw;
    margin-left: 0;
    left: -45vw;
    transform-origin:center center;

}

#ckh2-wrksHeader-tv {
    left:-40vw;
}

#ckh2-worksHeader-tvp {
    display:none;
}

#ckh2-worksHeader-tvp-mobile {
    display:block;
}

#ckh2-contactHeadlineHolder {
    padding:0;
}

.ckh-breakpoint-bottom-902 #ckh2-wrksHeader-film {
    left: -40vw;
}

.ckh-breakpoint-bottom-903 #ckh2-wrksHeader-tv {
    left: -40vw;
}

#ckh2-pageWorksTitle-1 {
    margin-top:0;
}

#ckh2-pageWorksHolder-1 {
    margin-top:0;
}

#ckh2-screenWorksHolder-1, #ckh2-screenWorksTitle-1 {
    margin-top:0;
}

.ckh2-worksHeaderScreen {
    clor: #62a7de;
}

.ckh2-pageScreenHolder {
    padding: 20px 5% 20px;
}

.ckh2-screenWorksTitle {
    font-size:1.5rem;
}

.ckh2-screenWorksGenre {
    font-size:.8rem;
}

.ckh2-screenWorksPlus {
    right: 5%;
    height: 40px;
    width: 40px;
    margin-top: -20px;
}

.ckh2-screenWorksMoreInfo {
    padding: 20px 5%;
}

.ckh2-pageWorksText {
    fnt-size: 1.1rem;
    lne-height: 1.8rem;
}

#ckh2-miniFilmContainer {
    transform: scale(0) rotate(120deg);
}

.ckh2-mainContentShow #ckh2-miniFilmContainer {
    transform: scale(.65) rotate(0);
}

.ckh-breakpoint-100 #ckh2-miniFilmContainer {
    transform: scale(0) rotate(120deg);
}

#ckh2-mainHeaderBGBar {
    height:58px;
    height:66px;
    height:50px;
}

.ckh-mobileMenuItem {
    font-family:'Macklin Slab W01 Regular', sans-serif;
    font-size:1.1rem;
    font-family:'Macklin Sans W01 Regular', sans-serif;
    font-size:1.0625rem;
    margin-left:0;
    letter-spacing:0px;
}

#ckh2-mainScrollArea {
    transition: margin-top .5s;
}

.ckh-mobileMenu-open #ckh2-mainScrollArea {
    margin-top:320px;
    transition: margin-top .5s;
}


#ckh2-scrollIcon-holder {
    bottom:120px;
}


.ckh-breakpoint-100.ckh-breakpoint-1201 #ckh2-headerUnderline-1 {
    width:140px;
    wdth:130px;
    wdth:90vw;
}



.ckh-breakpoint-100.ckh-breakpoint-1202 #ckh2-headerUnderline-2 {
    width:200px;
    wdth:190px;
    width:198px;
    wdth:90vw;
}



.ckh-breakpoint-100.ckh-breakpoint-1203 #ckh2-headerUnderline-3 {
    width:278px;
    wdth:264px;
    width:300px;
    wdth:90vw;
}



.ckh-breakpoint-100.ckh-breakpoint-1204 #ckh2-headerUnderline-10 {
    width:363px;
    width:389px;
    width:90.4vw;
}

#ckh2-contactHeadlineHolder-2 {
        pdding:40px 30px;
}

#ckh2-christinaPortraitHolder {
    brder:none;
}
#ckh2-christinaPortrait {
    border:none;
}

#ckh2-worksHeaderFlagpole-tv {
    left:50%;
    margin-left:-1px;
}

#ckh2-worksHeaderFlagpole-film {
    left:50%;
    margin-left:-1px;
}

#ckh2-miniFilmContainer {
    margin-top:-230px;
}

#ckh2-mainPageNameTitle {
    margin-top:75px;
}

#ckh2-mainPageNameSubTitle {
    margin-top:103px;
}

#ckh2-splashScrollArrow {
    margin-top:155px;
}


}



@media (max-width: 750px) {
#ckh2-emailHeadline {
    font-size: 1.1rem;
}
}

@media (max-width: 374px) {
#ckh2-emailHeadline {
    font-size: 1rem;
}
}






@keyframes hungryCM {
  0%   {transform:scale(.0666) translate(0vw, 0vw);}
  10%  {transform:scale(.075) translate(-20vw, -10vw);}
  20%  {transform:scale(.075) translate(-20vw, -10vw);}
  30%  {transform:scale(.075) translate(15vw, -20vw);}
  40%  {transform:scale(.075) translate(15vw, -20vw);}
  80%  {transform:scale(.085) translate(-200vw, 135vw);}
  100% {transform:scale(.0666) translate(0vw, 0vw);}
}

@keyframes rotatingCM2 {
  0%   {transform:scale(1) rotate(60deg) skew(15deg);}
  50%   {transform:scale(1) rotate(420deg) skew(20deg);}
  100%   {transform:scale(1) rotate(60deg) skew(15deg);}
}
@keyframes rotatingCM3 {
  0%   {transform:scale(1) rotate(-40deg) skew(185deg);}
  50%   {transform:scale(1) rotate(320deg) skew(190deg);}
  100%   {transform:scale(1) rotate(-40deg) skew(185deg);}
}
@keyframes rotatingCM4 {
  0%   {transform:scale(1) rotate(260deg) skew(-5deg);}
  50%   {transform:scale(1) rotate(-100deg) skew(-10deg);}
  100%   {transform:scale(1) rotate(260deg) skew(-5deg);}
}

.ckh-font-2 {
    font-size:2rem;
}

.ckh-font-112 {
    font-size:1.5rem;
}

.ckh2-dispItalic {
    font-family:'Macklin Display W01 Italic', serif;
}

.ckh2-medItalic {
    font-family:'Macklin Display W01 Medium It', serif;
}

.ckh2-boldItalic {
    font-family:'Macklin Text W01 Medium Italic', serif;
}

.ckh2-boldSans {
    font-family:'Macklin Sans W01 Bold', sans-serif;
}

.ckh2-blueText {
    color:#247bc1;
}
