*, *:before, *:after {box-sizing: border-box;}
html {height:100%;max-width:100%;min-height: 100%;-webkit-font-smoothing: antialiased;}
body {padding:0;margin:0;position:relative;width:100%;max-width:100%;height:100%;min-height:100%;font-family:'Neue Helvetica W01', Helvetica, Arial;font-weight:300;font-size: 17px;line-height: 28px;color:#323839;background: #FFF;}
img {border:none;}
a {color:#323839;text-decoration:none;}
a:hover {color:#207b8b;}
a.reverse {color:#207b8b;text-decoration:none;}
a.reverse:hover {color:#323839;text-decoration: underline;}
.cinfo a {color:#FFF;text-decoration: underline;}
.clear {clear:both;}
.point {cursor: pointer;}
.darrow {width: 40px;height:25px;position:absolute;left:50%;margin-left:-20px;top:95%;z-index:2;display: none;}
.header.fixed { width: 100%; height: 80px; position: fixed;top:0px;left:0px;background: transparent; z-index:99999;overflow: hidden;}
.home .header {box-shadow: none;}
.headerfix { width: 100%; height: 80px; position: relative;}
.footer { width: 100%; height: 50px; position: fixed;bottom:0px;left:0px;background:#FFFFFF;background: transparent; z-index:99999; -moz-box-shadow: 0 -6px 4px -4px #b6b6b6; box-shadow: 0 -6px 4px -4px #b6b6b6;}
.logo {width:200px;height:32px;position:absolute;left: -350px;top:0;background:url(../images/slicelogo.svg) no-repeat;background-size:400px 32px;transition: all 0.5s ease;background-position:0 0;cursor: pointer;}
.logo.showme {left: 5%;top:28px;}
.midnightHeader.default {background:rgba(28,28,28,0.8);}
.midnightHeader.darkbg {background:transparent;}
.midnightHeader.lightbg {background:rgba(28,28,28,0.8);}
.midnightHeader.lightbg .logo {background-position: 0px 0px;}
.menu {margin:0 auto;font-size:15px;line-height:15px;color:#888888;width:90%;}
.menuitems {float:right;margin-top:33px;}
.sharedmenu {margin-top:21px;margin-left:17px;float:left;}
.menuitem {margin-left:45px;float:left;font-weight: 500;}
.home .menuitem a {color:#FFF;}
.menuitem .under {width:auto;max-width: 0;height:4px;background:#207b8b;position: relative;transition: 0.4s ease-in-out;margin-top: 4px;}
.home .menuitem .under {background:#FFF;}
.menuitem:hover .under, .menuitem.activemenu .under {max-width: 100%;}
.menuitem.activemenu a {color:#207b8b;}
.menuitem.fmenuitem {margin-left:5%;}
.menuitem.social {margin-left: 6px;}
.menuitem.re, .menuitem.re a {color:#335059;width:100px;text-align: left;}
.menuitem.dd, .menuitem.dd a {color:#970024;width:100px;text-align: left;}
.menuitem.first, .menuitem.first a {width:65px;}
.menuitem.noclick {width:120px;text-align: right;}
.menuitem a {cursor: pointer;}
.menu .phone {color:#686868;margin-left:30px;}
.menu .email {width:32px;height:29px;}
.menu .email a {width:32px;height:29px;background:url(../images/mailicon.png) no-repeat;display:block;position:relative;top:-6px;}
.menu .email a:hover {background-position: -32px;}
.mmenuicon {margin-top:28px;width:40px;height:40px;position:absolute;right:20px;cursor:pointer;}
.burger {width:40px;height:40px;background: transparent;overflow:hidden;transition: all .5s ease;}
.burgerline {width:37px;height:7px;position: absolute;left:0; transition: all .5s ease;}
.burgerline.top {top:2px;background:url(../images/burgerline-top.png);background-size: 74px 7px;}
.burgerline.mid {top:16px;opacity:1;background:url(../images/burgerline-mid.png);background-size: 74px 7px;}
.burgerline.btm {top:30px;background:url(../images/burgerline-btm.png);background-size: 74px 7px;}
.midnightHeader.lightbg .burgerline {background-position: 0px 0px;}
.burgerline.top.active {transform: rotate(45deg);transform-origin: top left;left:14px;}
.burgerline.mid.active {opacity:0;}
.burgerline.btm.active {transform: rotate(-45deg);transform-origin: bottom left;left:14px;}

.streamlined {position: absolute;bottom:30%;left:-100%;width:100%;text-align: center;font-size:32px;line-height: 32px;font-weight:700;color:transparent;text-shadow: 0 0 15px rgba(70,189,219,0.5);padding-bottom:15px;animation-fill-mode:forwards;}
@keyframes whoosh {0% {left:-100%;color:transparent;text-shadow: 0 0 15px rgba(70,189,219,0.5);} 10%{left:0;color:transparent;text-shadow: 0 0 15px rgba(70,189,219,0.5);} 30% {left:0;color:#46BDDB;transform:skewX(0deg);text-shadow: none;} 80% {left:0;color:#46BDDB;transform:skewX(0deg);text-shadow: none;} 85%{left:0;color:transparent;transform:skewX(-10deg);text-shadow: 0 0 15px rgba(70,189,219,0.5);} 100%{transform:skewX(-10deg);left:100vw;text-shadow: 0 0 30px rgba(70,189,219,0.5);}}
.streamlined.goanimate {animation:whoosh 3s ease;animation-delay: 1s}
.streamlined.hand.goanimate {animation:whoosh 3s ease;animation-delay:4s;}

.anisquiggle {position: absolute;bottom:3px;right:3px;width:25%;}
.path {
  stroke-dasharray: 1700;
  stroke-dashoffset: 1700;
}
.path.goanimate {animation: dash 2s linear;animation-fill-mode:forwards;animation-delay:2s;}
@keyframes dash {from {stroke-dashoffset: 1700;} to {stroke-dashoffset: 0;}}

.mmenu {width:100%;height:100%;position:fixed;top:0;left:100%;z-index:9999;transition: all 1s ease;background:rgba(28,28,28,0.95);}
.mmenucontain {width:460px;position: relative;margin:0 auto;font-size:32px;line-height: 32px;color:#46BDDB;text-align: left;margin-top: 20vh;}
.mmenu.active {left:0;}
.mmenuitem {position: relative;padding-bottom: 34px;}
.mmenuitem.cat {width:94px;margin-top:35px;float:left;}
.mmenuitem.brace {width:88px;margin-top:20px;float:left;}
.mmenucontain .subcontain {position:relative;float:left;}
.mmenuitem.subitem {float:none;}
.mmenuitem a {color:#46BDDB;transition:all 0.7s ease}
.mmenuitem a:hover {color:#FFF;}
.menuscribble {position: absolute;bottom:20px;left:-15px;}
.talkbubble {width:120px;height:76px;background:url(../images/talkbubble.png);position: relative;padding-top:15px;text-align: center;cursor:pointer;}
.talkbubble a {color:#000;font-size: 25px;}
.talkbubble:hover a {color:#FFF;}
.noscroll {overflow:hidden;}

.scribble {display:inline-block;position: relative;padding-bottom: 5px;}
.case .scribble {width:110%;padding-bottom: 12px;}
.underscribble {position: absolute;left:0;bottom:0;width:100%;}
.encircle {position: absolute;left:-30px;top:-10px;width:100%;}
.bigencircle {position: absolute;left:-30px;top:0;width:120%;}

.rightmenu {width:70px;height:auto;position:fixed;top:30%;right:30px;z-index: 9998;transition:all 0.5s ease;}
.rmenuitem {width:70px;height:34px;background:url(../images/menububble.png);background-size:100% 100%;font-size:14px;font-weight:400;line-height: 34px;color:#1C1C1C;text-align: center;position:relative;margin-bottom: 20px;cursor:pointer;opacity:0.5;transition:opacity 0.7s ease;}
.rmenuitem .submenu {position: absolute;width:220px;height:24px;top:0;left:0;transition:all 0.5s ease;opacity:0;}
.submenu .submenuitem {width:100px;height:24px;background:url(../images/menububblelg.png);background-size:100px 24px;font-size:11px;font-weight:400;line-height: 24px;color:#1C1C1C;text-align: center;position:relative;cursor:pointer;opacity:1;transition:opacity 0.7s ease;float:right;margin-right: 10px;}
.rmenuitem:hover, .rmenuitem.inview {opacity:1;}
.rmenuitem.talk {height:39px;background:url(../images/menutalkbubble.png) no-repeat;background-size:100% 100%;padding-bottom:calc(25% - 3px)}

.updown{animation-name:updown;animation-duration:1.5s;animation-timing-function:ease-in;animation-iteration-count:infinite;animation-direction:normal;}
@keyframes updown{0%{transform-style:preserve-3d;transform:translateZ(0px) translateY(0px) rotateX(0deg);}50%{transform-style:preserve-3d;transform:translateZ(0px) translateY(15px) rotateX(0deg);}}

.front {width:100%;height:100vh;position: relative;overflow:hidden;}
.contentcontain {width:100%;position: relative;height: auto;text-align: center;padding:0;margin:0 auto;overflow:hidden;}
.contentcontain.hp {width:100%;height:100vh;min-height:100%;}
.contentcontain.hp.light {background:#46BDDB;color:#1C1C1C}
.contentcontain.hp.dark {background:#1C1C1C;color:#46BDDB;}
.contentcontain.hp.where {background:#46BDDB url(../images/map2.png) right top;background-size:cover;}

.cb {position: relative;margin:0 auto;width:100%}
.cb-content {position: absolute;top:0;left:0;right:0;bottom:0;clip: rect(0, auto, auto, 0);overflow: hidden;}
.holdhold {width:100%;height:100%;background:#46BDDB;position: relative;z-index: 9994;}
.cb-content .hold {top: 0px;left: 0px;right: 0px;bottom: 0px;width: 560px;height:100%;max-height:auto;margin: auto 0 auto 5%;display: table;z-index: 9994;background:#46BDDB;position: relative;}
.cb-content .hold .holdimg {width:70%;margin:0 auto;position: relative;}
.cb-content .hold .holdimg img {width:100%}
.cb-content .contents {height:auto;max-height:100%;display: table-cell;margin: auto;vertical-align: middle;width: 100%;text-align: center;position: relative;font-size:74px;line-height: 90px;text-align: left;animation-delay: 11s;top:0;}
.cb-content .contents.holdhide {animation:holdhide 2s ease}
@keyframes holdhide {from {top:0;} to {top:-70%;}}

.split-hold {width:100%;height:100%;max-height:100%;position: absolute;left:0;top:0;overflow:hidden;background:transparent;}
.split-top {width:100%;height:65%;position: absolute;top:0;left:0;overflow:hidden;}
.split-bottom {width:100%;height:35%;position: absolute;bottom:0;left:0;overflow:hidden;}
.split-top .copy-top {width: 560px;position: absolute;bottom:-45px;left:5%;font-size:74px;line-height: 90px;text-align: left;}
.split-bottom .copy-bottom {width: 560px;position: absolute;top:-45px;left:5%;font-size:74px;line-height: 90px;text-align: left;}
.split-hold.two .copy-top, .split-hold.two .copy-bottom {width:90%;max-width: 930px;}
.split-hold.one {z-index:5;}
.split-hold.two {z-index:4;}
.split-hold.three {background:#46BDDB;color:#1C1C1C;z-index:3;}
.split-hold.one.hideme {animation:movebelow 0.1s;animation-delay:17s;animation-fill-mode: forwards;}
.split-hold.two.hideme {animation:movebelow 0.1s;animation-delay:19s;animation-fill-mode: forwards;}
.split-hold.one .split-top, .split-hold.one .split-bottom {background:#46BDDB;color:#1C1C1C;}
.split-hold.two .split-top, .split-hold.two .split-bottom {background:#1C1C1C;color:#46BDDB;}
.split-hold.one .split-top.gogo {animation:splittop 2s ease;animation-delay: 5.5s;animation-fill-mode: forwards;}
.split-hold.one .split-bottom.gogo {animation:splitbottom 2s ease;animation-delay: 5.5s;animation-fill-mode: forwards;}
.split-hold.two .split-top.gogo {animation:splittop 2s ease;animation-delay: 17s;animation-fill-mode: forwards;}
.split-hold.two .split-bottom.gogo {animation:splitbottom 2s ease;animation-delay: 17s;animation-fill-mode: forwards;}
.sliceword {width:100%;position: absolute;left:0;height:5px;top:0;border-top:5px solid #46BDDB;}
.sliceword.darker {border-top:5px solid #1C1C1C;}
.split-hold.one .sliceword.gogo {animation:killslice 0.1s ease;animation-delay: 5.5s;animation-fill-mode: forwards;}
.split-hold.two .sliceword.gogo {animation:killslice 0.1s ease;animation-delay: 17s;animation-fill-mode: forwards;}
.split-hold.three .lastreveal {position: relative;text-align: left;font-size: 48px;line-height: 66px;color:#1C1C1C;width: 80%;max-width:1000px;margin: 10% 0 0 5%;overflow:hidden;}
.split-hold.one.noshow, .split-hold.two.noshow {display:none;}

.word {position:relative;font-weight: 700;color:#46BDDB;}
.wordslide {position:absolute;left:-120%;top:0;font-weight: 700;transform:skewX(-10deg);color:transparent;text-shadow: 0 0 15px rgba(0,0,0,0.5);color:#1C1C1C;}
.slideaway {animation:slideaway 1.7s ease;}
.finalslide {animation:finalslide 1.7s ease;animation-fill-mode:forwards;}
@keyframes slideaway {0% {left:-100%;color:transparent;text-shadow: 0 0 15px rgba(0,0,0,0.5);} 10%{left:0;color:transparent;text-shadow: 0 0 15px rgba(0,0,0,0.5);} 30% {left:0;color:#1c1c1c;transform:skewX(0deg);text-shadow: none;} 80% {left:0;color:#1c1c1c;transform:skewX(0deg);text-shadow: none;} 85%{left:0;color:transparent;transform:skewX(-10deg);text-shadow: 0 0 15px rgba(0,0,0,0.5);} 100%{transform:skewX(-10deg);left:100vw;text-shadow: 0 0 30px rgba(0,0,0,0.5);}}
@keyframes finalslide {0% {left:-100%;color:transparent;text-shadow: 0 0 15px rgba(0,0,0,0.5);color:#1C1C1C;} 10%{left:0;color:transparent;text-shadow: 0 0 15px rgba(0,0,0,0.5);color:#1C1C1C;} 30% {left:0;color:#1c1c1c;transform:skewX(0deg);text-shadow: none;} 100%{left:0;color:#1c1c1c;transform:skewX(0deg);text-shadow: none;}}
.word2 {animation-delay: 1.5s}
.word3 {animation-delay: 3s}
.word4 {animation-delay: 4.5s}
.word5 {animation-delay: 6s}
.word6 {animation-delay: 7.5s}

.split-hold.two .word {color:transparent;}
.split-hold.two .wordslide {color:#46BDDB;width:100%;text-shadow: 0 0 15px rgba(70,189,219,0.5);}
.split-hold.two .slideaway {animation:rslideaway 1.7s ease;animation-delay:8.5s;}
.split-hold.two .finalslide {animation:rfinalslide 1.7s ease;animation-fill-mode:forwards;}
@keyframes rslideaway {0% {left:-100%;color:transparent;text-shadow: 0 0 15px rgba(70,189,219,0.5);} 10%{left:0;color:transparent;text-shadow: 0 0 15px rgba(70,189,219,0.5);} 30% {left:0;color:#46BDDB;transform:skewX(0deg);text-shadow: none;} 80% {left:0;color:#46BDDB;transform:skewX(0deg);text-shadow: none;} 85%{left:0;color:transparent;transform:skewX(-10deg);text-shadow: 0 0 15px rgba(70,189,219,0.5);} 100%{transform:skewX(-10deg);left:100vw;text-shadow: 0 0 30px rgba(70,189,219,0.5);}}
@keyframes rfinalslide {0% {left:-100%;color:transparent;text-shadow: 0 0 15px rgba(70,189,219,0.5);} 10%{left:0;color:transparent;text-shadow: 0 0 15px rgba(70,189,219,0.5);} 30% {left:0;color:#46BDDB;transform:skewX(0deg);text-shadow: none;} 100%{left:0;color:#46BDDB;transform:skewX(0deg);text-shadow: none;}}
.split-hold.two .word2 {animation-delay: 10s}
.split-hold.two .word3 {animation-delay: 11.5s}
.split-hold.two .word4 {animation-delay: 13s}
.split-hold.two .word5 {animation-delay: 14.5s}
.split-hold.two .word6 {animation-delay: 16s}
.replay, .viewmore {width:269px;height:54px;position: relative;margin-top:30px;text-align: center;color:#46BDDB;font-size:24px;line-height: 54px;font-weight: 700;background:url(../images/button.png);transition:all 0.5s ease;cursor:pointer;}
.replay:hover, .viewmore:hover {color:#FFF;}
.wordslice {position: absolute;top:0;left:0;width:100%;height:53%;border-bottom:4px solid #46BDDB;}
.wordslice.slicer {height: 54%;border-bottom: 2px solid #46BDDB;}

@keyframes splittop {from {top:0;} to {top:-65%;}}
@keyframes splitbottom {from {bottom:0;} to {bottom:-35%;}}
@keyframes killslice {from {opacity:1} to {opacity:0;}}
@keyframes movebelow {from {height:100%;max-height: 100%;} to {height:0;max-height:0;}}
@-webkit-keyframes reflow {to {width: auto;}}

.reflow {animation-name:reflow}

.whois .cb-content, .whatis .cb-content {min-height: 100%;height:100%;}
.cb-content .peoples {width:80%;margin:0 0 0 5%;position: relative;font-size:20px;line-height: 27px;color:#46BDDB;text-align: left;max-width: 1000px;top:50%;transform: translateY(-50%);}
.cb-content .person {width:200px;text-align: center;position: relative;float:left;margin-top:50px;cursor:pointer;}
.person .personicon {height:150px;position: relative;margin-bottom: 30px;}
.person .personicon img {top: 50%;transform: translateY(-50%) translateX(-50%);position: absolute;}
.over {opacity:0;transition:opacity 0.5s ease;}
.name {font-size: 20px;font-weight: 700;transition:all 0.5s ease;}
.moniker {transition:all 0.5s ease;}
.monikersquig {position: relative;top:-10px;}
.cb-content .person:hover .name, .cb-content .person:hover .moniker {color:#FFF;}
.cb-content .person:hover .over {opacity:1;}

.person-details {width:90%;height:100%;position: absolute;left:100%;top:0;background:rgba(70,189,219,0.95);color:#1C1C1C;z-index: 99999;transition:all 1s ease;}
.person-details.open {left:10%;}
.person-detail {position: relative;width:85%;top:50%;transform: translateY(-50%);}
.person-detail .personicon {width:25%;text-align: center;position: relative;top:0;bottom:0;float:left;margin:10px 0 30px 10%;min-width: 130px;}
.person-detail .personicon img {width:100%;position: relative;}
.person-detail .personicon.sh {max-width: 243px;}
#tina .person-detail .personicon img {width:70%;}
.person-detail .persontext {position: relative;width:55%;text-align: left;font-size: 16px;line-height: 25px;float:left;margin-left: 10%;}
.person-detail .persontext h1 {margin:0;padding:0;font-size: 28px;line-height: 28px;font-weight: 700;}
.person-detail .underscribble {position: absolute;left:0;bottom:-4px;width:120%;}
.person-detail .persontext h2 {margin:0 0 30px 0;padding:0;font-size:18px;line-height:25px;font-weight: 400;}
.person-details .closeperson {position: absolute;top:5vw;right:5vw;width:30px;height:34px;background:url(../images/close.png);cursor: pointer;}
.person-details .closeperson:hover {background-position: -30px;}
.person-detail .persondots {position: relative;padding-top:40px;width:auto;margin:0 auto;display:inline-block;}
.persondots .arrow {position: relative;height:24px;margin-right: 20px;float:left;transition:all 0.5s ease;opacity:0.7;cursor: pointer;}
.persondots .arrow img {height:24px;width:auto;}
.persondots .arrow:hover {opacity:1;}
.person-detail .persondot {position: relative;width:24px;height:24px;float:left;margin-right:20px;transition:all 0.5s ease;cursor: pointer;opacity:0.7}
.person-detail .persondot:hover, #shown {background-size:22px 22px;opacity:1;}
.persondot.dot1 {background:url(../images/dots/dot1.png) no-repeat;background-position: center center;background-size: 12px 12px;}
.persondot.dot2, .persondot.dot5 {background:url(../images/dots/dot2.png) no-repeat;background-position: center center;background-size: 12px 12px;}
.persondot.dot3 {background:url(../images/dots/dot3.png) no-repeat;background-position: center center;background-size: 12px 12px;}
.persondot.dot4 {background:url(../images/dots/dot4.png) no-repeat;background-position: center center;background-size: 12px 12px;}

.cb-content.whatmain {width:90%;margin:0 auto 0 auto;position: relative;padding-top:100px;}
.whatmain .whattext {width:380px;font-size:22px;line-height:27px;color:#46BDDB;margin-top: 50px;text-align: left;transition:opacity 0.5s ease;}
.whattext h1 {margin:0 0 10px 0;padding:0;font-weight:700;font-size:22px;line-height:27px;}
.sectiontitle {position: absolute;top:150px;left:0;width:330px;font-size:28px;line-height: 35px;font-weight: bold;color:#46BDDB;text-align: left;opacity:0;transition:opacity 0.5s ease;}
.whatgraphicall {width:calc(100% - 320px);position: absolute;top:100px;left:320px;}
.lookhere {width:70px;height:53px;position: absolute;top:-30px;left:-30px;animation:stretch 1s ease-out alternate infinite;transition:opacity 0.5s ease;}
.lookhere img {width:100%;}
/* .lookhere.byebye {opacity:0;} */
@keyframes stretch {from {width:70px;height:53px;} to {width:80px;height:60px;}}
.whatgraphicall .graphic {width:360px;height:360px;left:calc(50% - 180px);margin:50px 0 0 0;position: relative;transition:all 0.5s ease;}
.graphic .quadrant {width:180px;height:180px;position:absolute;cursor:pointer;max-width:180px;height:180px;max-height:180px;transition:all 0.5s ease;}
.graphic .quadrant img {width:100%;}
.quadrantname {font-size:16px;line-height: 25px;color:#1C1C1C;width:150px;height:150px;position: absolute;top:0;font-weight: 700;display:table;}
.quadrantname .qname {display:table-cell;vertical-align: middle;position: relative;}
.quadrantname .qname.qname1 {left:25px;top:40px;}
.quadrantname .qname.qname2 {left:5px;top:40px;}
.quadrantname .qname.qname3 {left:25px;top:-10px;}
.quadrantname .qname.qname4 {left:5px;top:-10px;}
.quadrant.quadrant1 {top:0;left:0;}
.quadrant.quadrant2 {top:0;left:180px;}
.quadrant.quadrant3 {top:180px;left:0;}
.quadrant.quadrant4 {top:180px;left:180px;}
.quadrant.quadrant1:hover {top:-320px;left:-320px;max-width: 500px;width:500px;max-height: 500px;height:500px;}
.quadrant.quadrant2:hover {top:-320px;left:180px;max-width: 500px;width:500px;max-height: 500px;height:500px;}
.quadrant.quadrant3:hover {left:-320px;max-width: 500px;width:500px;max-height: 500px;height:500px;}
.quadrant.quadrant4:hover {max-width: 500px;width:500px;max-height: 500px;height:500px;}
.quadrant.quadrant1:hover .quadrantname, .quadrant.quadrant2:hover .quadrantname, .quadrant.quadrant3:hover .quadrantname, .quadrant.quadrant4:hover .quadrantname {display:none;}
.quadrant.quadrant1:hover .qslides, .quadrant.quadrant2:hover .qslides, .quadrant.quadrant3:hover .qslides, .quadrant.quadrant4:hover .qslides {display:block;}
.quadrant.quadrant1:hover .slidedots, .quadrant.quadrant2:hover .slidedots, .quadrant.quadrant3:hover .slidedots, .quadrant.quadrant4:hover .slidedots {display:block;}
.whatgraphicall:hover .lookhere {opacity:0;}
.whatgraphicall:hover ~ .whattext {opacity:0;}
.whatgraphicall .graphic.q1hovergraphic {transform: translate(180px, 320px);}
.whatgraphicall .graphic.q2hovergraphic {transform: translate(-160px, 320px);}
.whatgraphicall .graphic.q3hovergraphic {transform: translate(180px, 0px);}
.whatgraphicall .graphic.q4hovergraphic {transform: translate(-160px, 0px);}
.unseen {opacity:0}
.sectiontitle.seen {opacity:1}

.qslides {width:300px;height:auto;position:absolute;color:#1c1c1c;font-size:16px;line-height: 25px;text-align: left;display:none;overflow:hidden;}
.qslides.top {bottom: 100px;left: 150px;}
.qslides.bottom {top:60px;left:170px;}
.qslides.qslides2.top {bottom:100px;left:60px;}
.qslides.qslides4.bottom {top:60px;left:50px;}
.qslider {width:1800px;left:0;height:auto;position: relative;transition:all 0.5s ease;}
.qslides2 .qslider {width:1500px;}
.qslides3 .qslider {width:1200px;}
.qslides4 .qslider {width:1500px;}
.qslide {width:300px;float:left;}
.slidedots {position: absolute;width:300px;bottom:50px;left:150px;display:none;}
.slidedots.slidedots2 {left:60px;}
.slidedots.slidedots3 {bottom:240px;left:170px;}
.slidedots.slidedots4 {bottom:180px;left:60px;}
.slidedots .slidearrow {position: relative;height:24px;margin-right: 5px;float:left;transition:all 0.5s ease;opacity:0.7;cursor: pointer;}
.slidedots .slidearrow img {height:24px;width:auto;}
.slidedots .slidearrow:hover {opacity:1;}
.slidedot {position: relative;width:24px;height:24px;float:left;margin-right:5px;transition:all 0.5s ease;cursor: pointer;opacity:0.7}
.slidedot.dot1 {background:url(../images/dots/dot1.png) no-repeat;background-position: center center;background-size: 12px 12px;}
.slidedot.dot2 {background:url(../images/dots/dot2.png) no-repeat;background-position: center center;background-size: 12px 12px;}
.slidedot.dot3 {background:url(../images/dots/dot3.png) no-repeat;background-position: center center;background-size: 12px 12px;}
.slidedot.dot4 {background:url(../images/dots/dot4.png) no-repeat;background-position: center center;background-size: 12px 12px;}
.slidedot.dot5 {background:url(../images/dots/dot1.png) no-repeat;background-position: center center;background-size: 12px 12px;}
.slidedot.dot6 {background:url(../images/dots/dot2.png) no-repeat;background-position: center center;background-size: 12px 12px;}
.slidedot:hover, .slidedot.shown {background-size:22px 22px;opacity:1;}

.mobilequad {display:none;padding-left: 5%;}
.mquadrantname {width:auto;height:54px;position: relative;margin:30px 20px 0 0;padding:0 20px 0 20px;text-align: center;color:#1C1C1C;font-size:24px;line-height: 54px;font-weight: 700;background:url(../images/button-blue.png);background-size:100% 100%;transition:all 0.5s ease;cursor:pointer;float:left;}
.mqslides {width:100%;height:100%;background:#46BDDB;position: absolute;top:0;left:100%;transition:all 0.5s ease;z-index: 99999;}
.mqslides .qslides {display:block;}
.mqslides .slidedots {display:block;left:5%;bottom:15%;}
.mqslides .slidedots.slidedots2, .mqslides .slidedots.slidedots3, .mqslides .slidedots.slidedots3 {bottom:15%;}
.mqslides .qslides.top, .mqslides .qslides.bottom {left:5%;bottom:auto;top:100px;}
.mqslides .closeup {position: absolute;top: 5vw;right: 5vw;width: 30px;height: 34px;background: url("../images/close.png");cursor: pointer;}
.mqslides .closeup:hover {background-position:-30px}
.mqslides .whatslide {font-size:18px;line-height: 18px;font-weight: 700;color:#1C1C1C;text-align: left;position: relative;left:5%;top:5vw;padding-top: 12px;width:75%;}
.mqshow {left:0;}

.how {width:100%;height:100%;min-height: 100%;background:#1C1C1C;position: relative;overflow:hidden;}
.how-contain {width:85%;max-width:920px;height:100%;position: relative;display:table;margin-left: 5%;}
.how-intro {width:100%;position: relative;display:table-cell;vertical-align: middle;font-size:48px;line-height: 69px;color:#46BDDB;text-align: left;}
.cs {font-weight: 700;cursor:pointer;transition:all 0.5s ease;text-decoration: underline;}
.cs:hover {color:#FFF;}
.case-contain {width:100%;min-height:100%;position: absolute;left:100%;top:0;transition:all 0.5s ease;background:rgba(28,28,28,0.95);z-index: 99999;overflow-y: scroll;overflow-x: hidden;}
.case-intro-contain {width:80%;height:auto;position: absolute;margin-left: 5%;top:50%;transform: translateY(-50%);}
.case-intro {width:100%;position: relative;font-size:74px;line-height: 90px;color:#46BDDB;text-align: left;}
#cs5 .case-intro {max-width:1000px;font-size:24px;line-height: 30px;}
.closecase {position: absolute;top:5vw;right:5vw;width:30px;height:34px;background:url(../images/closeb.png);cursor: pointer;}
.closecase:hover {background-position: -30px;}
.viewbutton, .launchbutton {width:269px;height:54px;font-size:22px;line-height: 54px;font-weight:700;position: relative;margin-top:30px;color:#1C1C1C;cursor:pointer;background:url(../images/button-blue.png);transition:all 0.5s ease;}
.launchbutton {background:url(../images/buttonlaunch.png);color:#46BDDB;text-align:center;}
.viewbutton:hover, .launchbutton:hover {color:#FFF;}
.case {background:rgba(70,189,219,0.95);width:95%;min-height: 100%;position: absolute;left:100%;transition:all 0.5s ease;font-size:16px;line-height: 25px;color:#1c1c1c;padding:5%;}
.case h1 {margin:0 0 30px 0;padding:0font-weight:700;font-size:28px;line-height: 28px;color:#1c1c1c;text-align: left;display:inline-block;float:left;}
.case-details {position: relative;width:100%;text-align: left;}
.case-details p {margin:0 0 30px 0;padding:0;max-width:720px;}
.output-block {width:75%;height:0;padding-bottom:26%;position: relative;background:#3f8da1;margin:30px 0 15px 0;}
.output-block.york {width:640px;height:360px;padding-bottom: 0;}
.output-block.york iframe {width: 100%;height:100%;}
.output-block.cheerios {height:auto;padding-bottom: 0;background:transparent;}
.output-block.nobg {background:transparent;}
.output-block.nifc {max-width:720px;height:auto;padding-bottom: 0;}
.output-block img {width:100%;}
.caseopen {left:0;}
.casestudyopen {left:5%;}
.closecasestudy {position: absolute;top:5vh;right:5vh;width:30px;height:34px;background:url(../images/close.png);cursor: pointer;}
.closecasestudy:hover {background-position: -30px;}

.where-content {position: relative;margin:0 0 0 5%;padding-top:150px;width:90%;max-width: 720px;color:#1c1c1c;text-align: left;}
.where-content .whereis {font-size:48px;line-height: 66px;margin-bottom: 40px;position: relative;}
.where-block {position: relative;width:50%;float:left;font-size: 22px;line-height: 26px;margin-bottom: 20px;}
.where-block a {color:#1c1c1c;text-decoration: underline;transition:all 0.5s ease;}
.where-block a:hover {color:#FFF;}
.social {position: absolute;margin-top: 20px;text-align: left;bottom:50px;right:0;}
.social .network {width:65px;height:58px;margin:30px 50px 0 0;transition:all 0.5s ease;float:left;cursor: pointer;}
.social .network:hover {opacity:0.6;}

.talk-contain {width:90%;height:100%;position: relative;display:table;margin-left: 5%;}
.talk-content {width:100%;position: relative;display:table-cell;vertical-align: middle;font-size:48px;line-height: 69px;color:#46BDDB;text-align: center;}
.talk-items {display:inline-block;width:auto;max-width:750px;position: relative;margin-bottom: 80px;}
.talk-item {position: relative;width:325px;height:123px;float:left;margin:50px 50px 0 0;color:#46BDDB;font-size:32px;line-height: 123px;text-align: center;background:url(../images/talkframe.png);transition:all 0.5s ease;cursor: pointer;}
.talk-item .whenover {position: absolute;top:0;left:0;opacity:0;transition:all 0.5s ease;}
.talk-item:hover {color:#FFF;}
.talk-item:hover .whenover {opacity:1;}
.contactslide {background:url(../images/callus.png) right bottom;background-size: cover;width:95%;min-height: 100%;position: absolute;left:100%;transition:all 0.5s ease;color:#1c1c1c;z-index: 99999;}
.contactslide.setupcall {background:url(../images/setupcall.png) right bottom;background-size: cover;}
.contactslide.sendnote, .contactslide.sendmail {background:url(../images/sendnote.png) right bottom;background-size: cover;}
.contactslide.lunch {background:url(../images/lunch.png) right bottom;background-size: cover;}
.contactslide .call {font-size:60px;line-height: 60px;position: absolute;top:25%;left:5%;text-align: left;}
.contactslide .call .city {font-size:24px;line-height: 24px;margin-top:50px;}
.contactslide .call a {color:#1c1c1c;text-decoration: underline;transition:all 0.5s ease;}
.contactslide .call a:hover {color:#FFF;}
.contactopen {left:5%;}
.send {width:130px;height:54px;position: relative;margin-top:30px;text-align: center;color:#46BDDB;font-size:24px;line-height: 54px;font-weight: 700;background:url(../images/submit.png);transition:all 0.5s ease;cursor:pointer;}
.send:hover {color:#FFF;}
.thankyou {position:relative;width: 50%;margin: 10vh 0 0 5%;color:#1c1c1c;font-size:52px;line-height: 64px;display:none;text-align: left;}
.hideform {animation:byeform 0.5s ease;animation-delay: 0.5s;animation-fill-mode: forwards;}
@keyframes byeform {from {opacity:1} to {opacity:0}}






.prices .contentcontain {text-align: left;width:80%;}
/* .contentcontain.cc1 {padding: 130px 0 20px 0;/* border-bottom: 1px solid #DDD; */} */
.prices .contentcontain.cc1 {padding:0 0 50px 0;width:90%;}
.contentcontain.cc1.s2bg {background-image:url(../images/s2bg.jpg);background-position: 50% 50%; background-repeat: repeat-y; background-size: cover; background-attachment: scroll;}
.contentcontain.cc1.s4bg {background-image:url(../images/s3bg.jpg);background-position: 50% 50%; background-repeat:repeat-y;background-size: cover; background-attachment: scroll;}
.contentcontain.cc1.s6bg {background-image:url(../images/s6bg.jpg);background-position: 50% 50%; background-repeat:repeat-y;background-size: cover; background-attachment: scroll;}
.contentcontain.tc1 {height:auto;padding-bottom: 0;max-width:1340px;margin:0 auto;text-align: left;}
.clients .contentcontain.tc1, .prices .contentcontain.tc1 {width:90%;max-width: none;}
.contentcontain.hp {width:100%;height:100%;height:100vh;min-height:100%;border-bottom: 1px solid #46BDDB;}
.front .contentcontain {width:100%;position: relative;height: 100%;text-align: center;padding:0;margin:0 auto;background:#1C1C1C;}
.priceintro {width:100%;height:auto;position: relative;background:url(../images/s1bg.jpg) center top;}
.topcenter {width:100%;padding-top: 70px;color:#FFF;position: relative;max-width: 800px;}
.front .topcenter {width:100vw;padding:0 10% 0 10%;height:100vh;position: relative;display:table-cell;vertical-align: middle;right:0;top:0;bottom:0;left:0;max-width: none;}
.front .topcenter img {width:50%;display:inline-block;}
.priceintro .topcenter {padding: 70px 20px 70px 20px;color:#FFF;position: relative;max-width: 984px;margin:0 auto;bottom:0;}
.clients .topcenter {width:100%;}
.topcenter h1 {font-size:60px;line-height: 60px;color:#207b8b;}
.front .topcenter h1 {font-weight: 700;font-size:4.5vw;line-height: 4.7vw;color:#FFF;}
.contentcontain h1 span.heavy {font-weight: 700;}
.contentcontain .intro {margin:30px 0 20px 0;color:#323839;}
.contentcontain .intro p {margin:0;padding:0 0 10px 0;}
.priceintro .intro p a {color:#FFF;text-decoration: underline;}
.priceintro .intro p a:hover {text-decoration: none;color:#00ae31;}
.contentblock {width:50%;position: relative;text-align: left;}
.contentblock h1 {color:#207b8b;}
.contentblock.visual img {width:100%;display:block;}
.contentblock.left {float:left;}
.contentblock.right {float:right;}
.contentblock.right.visual {text-align: right;}
.contentblock.words {padding:5%;}
.contentblock h1 {font-size:36px;line-height: 36px;margin-bottom: 20px;font-weight: 700;}
.godown {width:100%;position: absolute;bottom:5%;font-size: 100px;line-height: 100px;color:#FFF;text-align: center;}
.godown a {color:#FFF;text-decoration: none;}

.contents h1 {font-weight: 700;font-size: 60px;line-height: 60px;color:#FFF;margin-bottom: 20px;}

.greenbg {background-color: #00ae31;}
.orangebg {background-color: #ffb71c;}
.redbg {background-color: #e4564c;}
.bluebg {background-color: #207b8b;}
.bgbg {background-color: #839092;}
.cb-content .hold .bottomimg {position: absolute;bottom:0;margin:0 10% 0 10%;width:80%;}
.cb-content .hold .bottomimg img {width:100%;display:block;}

.columncontain {width: 1340px;height:auto;margin:0 auto 0 auto;padding:30px 0 100px 0;position: relative;}
.clients .contentcontain {width:1340px;text-align: left;left:20px;}
.clientintro {max-width: 680px;padding:0 20px 0 20px;margin:0 auto;}
.column {width: 320px;height:320px;position: relative;float: left;overflow:hidden;cursor: pointer;border-radius: 4px;margin:0 15px 15px 0;-webkit-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.34);
-moz-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.34);
box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.34);}
/*
.col1 {background: url(../images/services/col1b.jpg) no-repeat; background-size: 320px 320px;}
.col2 {background: url(../images/services/col2b.jpg) no-repeat; background-size: 320px 320px;}
.col3 {background: url(../images/services/col3b.jpg) no-repeat; background-size: 320px 320px;}
.col4 {background: url(../images/services/col4b.jpg) no-repeat; background-size: 320px 320px;}
.col5 {background: url(../images/services/col5b.jpg) no-repeat; background-size: 320px 320px;}
.col6 {background: url(../images/services/col6b.jpg) no-repeat; background-size: 320px 320px;}
.col7 {background: url(../images/services/col7b.jpg) no-repeat; background-size: 320px 320px;}
.col8 {background: url(../images/services/col8b.jpg) no-repeat; background-size: 320px 320px;}
.col9 {background: url(../images/services/col9b.jpg) no-repeat; background-size: 320px 320px;}
.col10 {background: url(../images/services/col10b.jpg) no-repeat; background-size: 320px 320px;}
*/
.altcol {margin-top:160px;}
.upcol {margin-top: -160px;}
.coltitle {width: 320px;height:320px;position: absolute;top:0;left:0;}
.coltitle h1 {margin:0 padding:0;font-size:20px;line-height: 20px;color:#FFF;font-weight: 500;text-align: center;-ms-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);transform: rotate(-90deg);position: absolute;bottom:10px;left:30px;-webkit-transform-origin: bottom left;-moz-transform-origin: bottom left;-ms-transform-origin: bottom left;transform-origin: bottom left;}
.serviceslide {width:320px;height:320px;position: absolute;left:0;top:0;z-index: 3;}
.sdescribe {width:270px;height:320px;position: absolute;top:0;left:50px;font-size: 15px;line-height: 18px;color:#FFF;padding:30px 30px 0 0;z-index: 2;display:none;}
.sdescribe p a {color:#FFF;text-decoration: underline;}
.sdescribe p a:hover {text-decoration: none;}

.prselects {width: 280px;position: relative;margin-top: 30px;}
.prselect {width:250px;position:relative;border-radius: 2px;border:2px solid #207b8b;font-size:18px;line-height: 18px;font-weight:500;padding:10px;color:#207b8b;text-align: center;margin-bottom: 15px;background:rgba(255,255,255,0.7);cursor: pointer;text-transform: uppercase;}
.prselect:hover {background:rgba(93,102,103,0.7);color:#FFF;}
.prselect .cnctr {position: absolute;right:-30px;top:18px;overflow:hidden;display:none;max-height: 324px;transition:all 1s ease;}
.prselect.practive {color:#FFF;background:rgba(0,174,49,0.7);
	-webkit-animation: chgbg 1s;
       -moz-animation: chgbg 1s;
        -ms-animation: chgbg 1s;
         -o-animation: chgbg 1s;
            animation: chgbg 1s;
}
.prselect.practive .cnctr {display: block;
/*
	 -webkit-animation: fadein 2s;
       -moz-animation: fadein 2s;
        -ms-animation: fadein 2s;
         -o-animation: fadein 2s;
            animation: fadein 2s;
*/
}
.prselect.practive .cnctr.prs2 {max-height:267px;}
.prselect.practive .cnctr.prs3 {max-height:210px;}
.prselect.practive .cnctr.prs4 {max-height:153px;}
.prselect.practive .cnctr.prs5 {max-height:96px;}
.prselect.practive .cnctr.prs6 {max-height:39px;}
.prcontain {width:100%;padding:30px;position: relative;border-radius: 2px;border:2px solid #207b8b;background:rgba(255,255,255,0.8);margin-bottom: 50px;}
.prcontain h2 {font-size:30px;line-height:30px;color:#207b8b;padding:0;margin:0 0 20px 0;font-weight: 500;}
.prcontain p {font-size: 15px;line-height:22px;padding:0 0 20px 0;margin:0;font-weight: 400;text-align: left;}
.prcontain p.lastp {border-bottom: 1px dotted #323839;margin:0 0 20px 0;}
.prcontain p.pdivide {border-bottom: 1px dotted #323839;margin:0 0 20px 0;padding:0;}
.prcontain .module {width:47%;min-width:280px;position: relative;float: left;border-radius: 2px;border:2px solid #207b8b;padding:0;background:#FFF;font-size:18px;font-weight: 700;line-height: 22px;}
.prcontain .module.left {margin-right: 6%;}
.prcontain .module h3 {width:100%;font-size:18px;line-height:36px;font-weight: 500;color:#FFF;background:#207b8b;margin:0;padding:0 0 0 10px;position: relative;}
.prcontain .module .txt {padding:20px;}
.prcontain .module .txt img {margin:5px;}
.prcontain .module .txt .item {width:45%;min-width:115px;margin-right: 10%;color:#323839;font-size:22px;line-height: 22px;font-weight: 500;margin-bottom: 20px;float:left;text-align: left;}
.prcontain .module .txt .itemprice {width:45%;min-width:115px;color:#207b8b;font-size:48px;line-height: 48px;font-weight: 500;margin-bottom: 20px;float:left;}
.prdetail {display:none;}
p.note {font-size:13px;line-height: 15px;}

.clientlogobg {width:100%;padding:0 20px 20px 20px;position: relative;background: #FFF;}
.clientlogos {width:100%;text-align: center}
.clientlogos img {margin:0 30px 0 30px;}
.spacer100 {width:100%;height:100px;position: relative;}


@keyframes chgbg {from { background:rgba(93,102,103,0.7); } to   { background:rgba(0,174,49,0.7); }}
@-moz-keyframes chgbg {from { background:rgba(93,102,103,0.7); } to   { background:rgba(0,174,49,0.7); }}
@-webkit-keyframes chgbg {from { background:rgba(93,102,103,0.7); } to   { background:rgba(0,174,49,0.7); }}
@-ms-keyframes chgbg {from { background:rgba(93,102,103,0.7); } to   { background:rgba(0,174,49,0.7); }}
@-o-keyframes chgbg {from { background:rgba(93,102,103,0.7); } to   { background:rgba(0,174,49,0.7); }}

.cinfo {width:100%;height:auto;position: relative;color:#FFF;padding:0 0 100px 0;
background: rgb(32,123,139);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIwN2I4YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1YWE0YjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(32,123,139,1) 0%, rgba(90,164,177,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(32,123,139,1)), color-stop(100%,rgba(90,164,177,1)));
background: -webkit-linear-gradient(top,  rgba(32,123,139,1) 0%,rgba(90,164,177,1) 100%);
background: -o-linear-gradient(top,  rgba(32,123,139,1) 0%,rgba(90,164,177,1) 100%);
background: -ms-linear-gradient(top,  rgba(32,123,139,1) 0%,rgba(90,164,177,1) 100%);
background: linear-gradient(to bottom,  rgba(32,123,139,1) 0%,rgba(90,164,177,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#207b8b', endColorstr='#5aa4b1',GradientType=0 );
}
.infocontain {width:80%;position: relative;height: auto;text-align: center;padding:0;margin:0 auto;}
.infocontain .infos {width:50%;min-width:280px;padding-top:50px;text-align: left;float:left;}
.contactform {width:280px;position: relative;}
.contactform input, .contactform textarea {width: 100%;background: #323839;border-radius: 5px;font-size: 12px;color: #989898;height: 36px;padding: 0 10px;border: 1px solid #989898;margin-top: 10px;}
.contactform input:focus, .contactform textarea:focus {outline: none;background:#FFF;color:#323839;}
.contactform textarea {padding-top: 10px;height:76px;}
.sendbutton {width:100px;height:36px;background:#00ae31;color:#FFF;font-size:18px;line-height: 36px;font-weight: 700;text-align: center;border-radius: 5px;margin-top: 10px;cursor: pointer;float:left;}
.sendbutton:hover {background:#207b8b;}
.contactform input.correct, .contactform textarea.correct {border: 1px solid red;}
.wrong {font-size: 13px;line-height:13px;color:red;float:left;padding:15px 0 0 20px;display:none;}
.infoimg {margin-top: 60px;width:150px;display: block;}
.andcopy {position: absolute;bottom:10px;left:20px;font-size:12px;}
.green {color:#00ae31;}
.white {color:#FFF;text-align: left;}
.shadowed {-webkit-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5);-moz-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5);box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5);}

.header-img { width: 100%; height:100%;position:relative;background:#e9e7e3;z-index: 10;}
.header-img.des {background:#ededed;}
.header-img.svc {background:#e9e7e3;}
.header-hover {width: 100%;height:100%;position:absolute;top:0px;left:0px;background: url(../images/headerhover.png) center top; background-size:cover;display:none;}
.sectioncontain {width:82%;height:380px;position:absolute;top:50%;margin:-200px 9% 0 9%;}
.text-card {position:absolute;color:#d4d4d4;font-size:46px;line-height:46px;text-align:center;text-shadow: 1px 1px 2px rgba(50, 50, 50, 0.7);background:transparent;width:268px;padding:20px;display:inline-block;cursor:pointer;}
.text-card h1 {margin:0;padding:0;font-size:46px;line-height:46px;font-weight: normal;padding-bottom: 14px;}
.text-card .bborder {width:100%;height:4px;background: url(../images/divide.png) repeat-x;position:relative;}
.text-card .goview {font-size: 16px;line-height:16px;padding-top:10px;color:#465058;text-shadow: none;text-align: left;position:relative;}
.text-card .goview a {color:#465058;text-decoration: none;}
.text-card .goview a:hover {color:#465058;text-decoration: underline;}
.text-card-l {left:5%;}
.text-card-r {position:relative;float:left;margin:0;padding:0;width:auto;top:0;}
.text-card-r2 {position:relative;float:right;top:20%;margin:30px 5% 0 0;}
.text-card p {font-size:16px;text-shadow: none;line-height: 16px;margin-top:30px;}
.text-card.text-card-pm {top:15%;width:50%;left:5%;font-size:18px;line-height:22px;text-shadow: none;font-weight: 500;text-align: left;background:rgba(057,077,085,0.8);text-shadow: none;}
.text-card.text-card-rm {width:400px;font-size:18px;line-height:22px;text-shadow: none;font-weight: 500;text-align: justify;color:#465058;text-shadow: none;right:0px;bottom:0px;padding:0;cursor: default;}
.text-card.text-card-rm p, .text-card.text-card-pm p {font-size:14px;line-height:18px;margin:0 0 10px 0;}
.text-card.text-card-pm h2 {font-size:30px;line-height: 30px;margin:0;padding:0;font-weight: 400;}
.text-card a, text-card a:hover {color:#FFF;text-decoration: none;}
.text-card.text-card-pm a {text-decoration: underline;}
.tc-title {color:#f79422;padding:10% 0 0 10%;line-height: 1em;}
.sectionimg {width:481px;height:281px;position: absolute;top:126px;left:65px;}
.slide-txt {background-color:#f58124;padding:10px;font-size:30px;color:#FFF;position:absolute;top:20% !important;left:20%;}
.slide-img {left:50% !important;top:30% !important;}
.mobile-watch, .mwatch {margin:11px 7% 30px 7%;background:#dadada;color:#FFF;font-size:16px;line-height:16px;padding:5px;display:none;cursor: pointer;}

.s1 {width:100%;height:230px;background-color:#FFF;position:relative;z-index:9;overflow:hidden;}
.s1.meet {width:100%;position:relative;z-index:9;overflow:hidden;height:auto;background: #e9e7e3;height:100%;}
.s1-inner {text-align:left;position:absolute;overflow: hidden;}
#team.s1 .s1-inner {position:relative;width:600px;}
.pthumbs {width:600px;height:auto;position:relative;}
.pthumb {width:100px;height:100px;margin-top:20px;margin-right:20px;cursor:pointer;float:left;overflow:hidden;position:relative;}
.pthumb img {position: relative;left:-45px;}
.prthumb {width:100px;height:100px;margin-right:20px;background:#000;cursor:pointer;float:left;text-align: center;}
.pthumb-txt {font-size:12px;line-height:12px;font-weight: 600;color:#FFF;position:absolute;bottom:3px;text-align: center;width:100%;}
.heavy {font-weight: 700;}
.s1-expand {position:absolute;top:122px;left:55px;width:530px;height:168px;text-align:left;display:none;z-index:10;cursor:pointer;}
.s1-expand-txt {font-size:17px;font-weight:300;line-height:20px;width:340px;position:absolute;left:196px;top:15px;}
.s1-expand h2 {font-size:24px;line-height:36px;margin:0;padding:0;color:#f79422;}
.s1-expand img {position:absolute;top:0px;left:0px;}
.pillars {margin-top:40px;position:relative;}
.s1-pillar {text-align:center;font-size:16px; cursor:pointer;position:relative;float:left;padding-right: 21px;z-index:9;}
.s1-pillar img:hover {opacity:0.7;}
.s1 h2 { padding:0; margin: 0; font-size: 28px; line-height: 28px;font-weight:300;color:#394d55;}

.s2 { width: 100%; height: 100%; background-color: #ededed; z-index: 12; position:relative;overflow:hidden;}
.s2.folio {overflow:visible;width:984px;margin:0 auto;background-color:#FFF;}
.s2 h2 { padding:0; margin: 30px 0 30px 5%; font-size: 28px; line-height: 28px;font-weight: 400;}
.s2 .thumbnails {width:100%;max-width:850px;max-height:460px;overflow:hidden;margin:-230px auto 0 auto;top:50%;position:relative;}
.s2.folio .thumbnails {max-height: 728px;max-width: 907px;overflow: hidden;padding-top:50px;position:relative;}
.s2 .thumbnail {margin:0 32px 32px 0;padding:0;float:left;cursor:pointer;width:85px;height:85px;position:relative;}
.s2.folio .subhead {font-size:16px;line-height:16px;margin-bottom: 36px;}
.foliolist {width:200px;font-size:13px;line-height:17px;color:#465058;position:relative;float:left;text-transform:capitalize;}
.foliolist ul {list-style: none;margin:0;padding:0;}
.foliolist ul li {cursor: pointer;}
.foliolist ul li:hover {font-weight: 600;}
.foliolist ul li.inview {padding:10px 0 10px 0;font-weight: 600;}
.showing {display:none;}
.s2.folio .thumbnail {margin:0 28px 28px 0;padding:0;float:left;cursor:pointer;width:85px;height:85px;}
.s2 .thumbcenter {width:85px;height: 85px;overflow: hidden;}
.s2 .thumbcenter img {position: relative;left:-34px;}
.s2 .thumbcenter:hover {box-shadow:3px 3px 5px rgba(0,0,0,0.6);}
.s2 .thumbnail img:hover {box-shadow:3px 3px 5px rgba(0,0,0,0.6);}
.pxname {position: absolute;top:0;left:0;background:rgba(255,255,255,0.8);font-size:12px;line-height:12px;padding:32px 5px 5px 5px;z-index: 2;width:100%;height:100%;text-transform: uppercase;text-align: center;opacity:0;}
.pxname:hover {opacity:1}
.thumbsover {width:100%;height:100%;background:rgba(237,237,237,0.92);position: absolute;top:0px;left:0px;display:none;}
.s2.folio .thumbsover {top:50px;}
.thumbsover .info {position: absolute;left: 0;bottom:0;width:100%;height:30px;color:#FFF;padding:0 0 0 20px;font-size:14px;line-height:30px;font-weight: 300;text-transform: uppercase;background:rgba(57,77,85,0.8);z-index: 999;}
.s2.folio .photos {position: relative;width:784px;margin:0;padding:0;float:left;}
.s2.folio .photos img {margin-bottom: 20px;}
.titleclassg {color:#394d55;text-transform:uppercase;margin-bottom:10px;}
.largetype {font-size:24px;line-height: 24px;}
.spacer {width:100%;height:10px;}
#articlephotos { position:relative; top:0px; left:25px; height:400px; width:300px; margin-right:20px; float:left; }
#articledetail { float:left; height:400px; position:relative; top:0px; font-size:16px; left: 70px; color:#444;}
.quotecontain {position:relative;width:260px;}
.quotetype {font-size:18px;line-height:22px;float:left;position:relative;}
.lquotes {font-weight:bold;color:#394d55;font-size:36px;height:20px;overflow:hidden;font-family:Georgia, "Times New Roman", Times, serif;position:relative;top:10px;}
.rquotes {font-weight:bold;color:#394d55;font-size:36px;line-height:36px;float:right;position:relative;top:0px;right:10px;font-family:Georgia, "Times New Roman", Times, serif;}
.quote {width:220px;padding:0px 20px 0px 20px;font-size:16px;font-style:italic;float:left;}
#pressclose, #folioclose, #legalclose { position:absolute; top:0px; right:10%; padding:2px 5px 2px 5px; border:1px solid #444; color:#444; font-size:14px;font-weight:bold;cursor:pointer; z-index:9; }
#folioclose {top:-30px;right:0px;}
#pressclose:hover {color:#888;border:1px solid #888;z-index:9;}

#work.s2 { -moz-box-shadow: 0 6px 4px -4px #b6b6b6; -webkit-box-shadow: 0 6px 4px -4px #b6b6b6;box-shadow: 0 6px 4px -4px #b6b6b6;}
.s2-inner {width:100%;height:0;padding-bottom:45%;text-align:center;position:relative;left:-100%;}
.s2-inner .rubics {width:100%;padding:65px 100px 0 55px;height:100%;max-height:100%;position:absolute;left:0px;top:0px;}
.nabisco {position:absolute;top:0px;right:0px;cursor:pointer;}
.vidicons {width:214px;height:auto;color:#838383;margin:0 22px 40px 0;float:left;text-align:left;font-size:17px;line-height:18px;}
.vidicons img {margin-bottom:12px;cursor:pointer;}
.s2-inner .work1 {left:100%;top:0px;background:url('../images/properties/13101/w1bg.jpg') no-repeat top center;}
.s2-inner .work2 {left:200%;background:url('../images/properties/13101/w2bg.jpg') no-repeat top center;}
.s2-inner .cult1 {left:100%;top:0px;background:url('../images/c1bg.jpg') no-repeat top center;}
.s2-inner .cult2 {left:200%;background:url('../images/c2bg.jpg') no-repeat top center;}
.s2-inner .work1, .s2-inner .work2, .s2-inner .cult1, .s2-inner .cult2 {width:100%;height:100%;position:absolute;background-size:cover;}
.s2 .vidtext {position:absolute;top:42px;right:42px;font-size:41px;line-height:42px;color:#FFF;font-weight:400;width:375px;text-align:left;text-shadow: 1px 1px 3px rgba(0,0,0,0.7);}
.s2 .vidtext a {color:#FFF;font-size:24px;line-height:37px;text-decoration: none;}
.s2 .vidtext a:hover {color:#394d55;text-decoration: none;}
.s2-inner .culttext {width:100%;height:100%;font-size:41px;line-height:42px;color:#FFF;text-align:left;text-shadow: 1px 1px 3px rgba(0,0,0,0.7);background:rgba(0,0,0,0.7);padding:10% 20% 0 20%;display:none;}
.culttext .attrib {color:#F79422;font-size:24px;line-height:37px;}
.s2 .rarrow {position:absolute;right:3%;top:50%;margin-top:-26px;width:52px;height:53px;cursor:pointer;background:url(../images/arrowr.png) no-repeat;}
.s2 .larrow { position: absolute; left: 3%; top: 50%; margin-top:-26px; width: 52px; height: 53px; cursor: pointer;background:url(../images/arrowl.png) no-repeat;display:none;}
.rarrow:hover, .larrow:hover {background-position: -52px;}
.cube {width:25px;height:25px;position:absolute;top:20px;left:20px;cursor:pointer;background:url(../images/cube.png) no-repeat;}
.cube:hover {background-position:-25px;}
#cult.s2 {z-index:12;}
.s3 { width: 100%; height: 566px; background:#FFF; z-index: 11; overflow: hidden;position:relative; -moz-box-shadow: 0 6px 4px -4px #b6b6b6; -webkit-box-shadow: 0 6px 4px -4px #b6b6b6;box-shadow: 0 6px 4px -4px #b6b6b6;}
.s3-inner {width:1100px;height:100%;margin:0 auto;text-align:center;position:relative;}
.s3-inner .copy {margin:100px 155px 0 145px;color:#6d6e71;text-align:left;}
.s3-inner .copy h2 {font-weight:300;font-size:47px;line-height:51px;margin:0 0 60px 0;padding:0;}
.s3-inner .copy .bullets {width:400px;font-size:28px;line-height:28px;float:left;}
.s3-inner .copy .bullets p {margin:0;padding:0 0 26px 0;}
.bullets img {margin-right:24px;}
.s4 { width: 82%; height: 424px; z-index: 10; overflow: hidden;position:relative;top:50%;margin:-212px auto 0 auto;}
.s4-inner {width:100%;height:304px;text-align:center;position:relative;top:0px;left:0px;}
.s4-inner.all {background: url('../images/team/everyone.jpg') no-repeat top left;background-size:contain; position: absolute;}
.s4-inner.ab {background: url('../images/team/abk.jpg') no-repeat top left;background-size:contain; position: absolute;display: none;}
.s4-inner.maia {background: url('../images/team/maia.jpg') no-repeat top left;background-size:contain; position: absolute;display: none;}
.s4-inner.lisette {background: url('../images/team/lisette.jpg') no-repeat top left;background-size:contain; position: absolute;display: none;}
.s4-inner.eponine {background: url('../images/team/eponine.jpg') no-repeat top left;background-size:contain; position: absolute;display: none;}
.teamphotocontain {position:relative;}
.biopush {width:100%;height:1px;}
.frame {position: absolute;top:0px;left:0px;height: 100%;width:auto;}
.frame img {width:auto;height:100%;}
.s4-inner .bio {width:320px;height:auto;position:absolute;right:0;top:0;text-align: left;font-size:14px;line-height:18px;color:#465058;}
.bio h1 {font-size:28px;color:#FFF;font-weight: 300;padding:0;margin:0;text-shadow: 1px 1px 2px rgba(50, 50, 50, 0.7);}
.bio h2 {font-size:17px;line-height:17px;color:#465058;font-weight: 400;margin:20px 0 0 0;padding:0;text-transform: uppercase;}
.bio p {margin:10px 0 0 0;padding:0;}
p.teamtop {margin:60px 0 0 0;}
p.teammail {margin:30px 0 0 0;}
.s4-inner .head {width:320px;height:470px;float:left;}
.s4-inner .head h2 {font-weight:300;font-size:48px;line-height:48px;padding:0;margin:0;color:#394d55;height:48px;position:absolute;top:201px;}
#team .s1-inner h2 { padding:50px 0 10px 0; margin: 0; font-size: 28px; line-height: 28px;font-weight:300;color:#394d55;border-bottom: 1px solid #ababab;width:50%;float: right;margin-bottom:50px;text-align: right;}


.s5 { width: 100%; height: 100%; z-index: 13; overflow: hidden;position:relative;background:#ededed;}
.s5-inner {width:80%;height:500px;top:50%;margin:-300px auto 0 auto;text-align:center;position:relative;}
.s5-inner .elogo {width:40%;margin-top:145px;text-align: center;float:left;}
.elogo img {border:1px solid #FFF;}
.s5-inner .address {width:350px;text-align: left;position: relative;float:left;}
.address-block {margin:60px 0 0 120px;position: relative;}
.address-block img {margin-bottom: 36px;}
.s2#press h2 { padding:50px 0 10px 0; margin: 0; font-size: 28px; line-height: 28px;font-weight:300;color:#394d55;border-bottom: 1px solid #ababab;width:50%;float: right;margin-bottom:50px;text-align: right;margin-right:5%;}
.s2#folio h2 { padding:50px 0 60px 0; font-size: 28px; line-height: 28px;font-weight:300;color:#394d55;max-width:984px;margin:0 auto;text-align: left;}
.address p {padding-top: 10px;margin:0;font-size: 15px;line-height:20px;color:#465058;}
.address h2 {font-size:28px;color:#FFF;font-weight: 300;padding:0;margin:50px 0 0 0;text-shadow: 1px 1px 2px rgba(50, 50, 50, 0.7);}
.address p.cmail {padding:0;}
.storefront {width: 462px;height:100%;position: relative;float:right;}
.storefront img {position: absolute;bottom:0;left:0;}
.follow {position: absolute;bottom:60px;right:10%;}
.follow .followitem {margin-right: 15px;float:left;}
.followitem a {opacity:0.8}
.followitem a:hover {opacity:1;}
.legal-btn {position: absolute;bottom:60px;right:5%;font-size:14px;line-height:14px;letter-spacing: 1px;color:#465058;cursor:pointer;}
.legal-btn:hover {text-decoration: underline;}
.legal {width: 100%;height:100%;background: rgba(237,237,237,0.9);z-index: 14;position: absolute;top:0;left:0;display:none;}
.legal-copy {width:50%;min-width:300px;font-size:15px;line-height: 18px;color:#465058;position: relative;left:50%;margin-left:-25%;}
.legal-copy h2 {font-size:28px;color:#FFF;font-weight: 300;padding:0;margin:100px 0 50px 0;text-shadow: 1px 1px 2px rgba(50, 50, 50, 0.7);}
#legalclose {right:0px;}
.mbreak {display:none;}
.dbreak {display:inline;}
.s6 { width: 100%; height:0;padding-bottom:35%; background-color: #cecece; z-index: 13; overflow: hidden;position:relative; }
.infobox {color:#6d6e71;font-size:16px;line-height:22px;padding-left: 20px;}
.infobox p {font-size:24px;font-weight: bold;color:#ff953b;margin:0;padding:0;}
.infobox a {color:#ff953b;text-decoration: underline;}
.infobox a:hover {color:#6d6e71;}
.vcontain { background: rgba(0,0,0,0.9);width:100%;height:100%; z-index: 9999;position:absolute;top:0px;left:0px; display:none;}
.video-overlay {position:relative;height:100%;width:62%;margin:auto;}
.video-embed {position:relative;height: 100%;width:100%;}
.video-embed iframe {width:100%;height:100%;position:relative;}
.wvcontain { background: rgba(255,255,255,0.9);width:100%;height:100%; z-index: 9999;position:absolute;top:0px;left:0px; display:none;}
.wvideo-overlay {position:relative;height:100%;width:62%;margin:auto;}
.wvideo-embed {position:relative;height: 100%;width:100%;}
.wvideo-embed iframe {width:100%;height:100%;position:relative;}
.closevid0 { position:absolute; top:15px; right:15px; width:52px; height:53px; overflow:hidden; background-image: url(../images/closevid.png); cursor:pointer; z-index:10000;display:none;}
.closevid0:hover {background-position:-52px;}

.s2#buybuy {background:#FFF;overflow: visible;}
#buybuy.s2 .container {width:1320px;margin:0 auto;margin-bottom: 100px;}
#buybuy.s2 .container h2, .centercontentba h2 {width:100%;margin:60px 0 0 0;border-bottom: 1px solid #ababab;padding-bottom: 10px;font-size:24px;line-height: 24px;font-weight: 300;color:#394d55;}
#filtermenu { width: 100%; text-align: left; height: auto; border-bottom: 1px solid #ababab; margin-top: 10px; margin-bottom: 20px; }
#filtermenu .submenuitem {float:left;margin:0 30px 10px 0;font-size:12px;}
#filtermenu .submenuitemr {float:right;margin:0 0 10px 30px;font-size:12px;text-align:right;}
.sub {display:none;font-size:12px;line-height:20px;margin-top:5px;}
.sub a {font-size:12px;text-transform:uppercase;padding-right:20px;padding-left:10px;display:block;}
.nabisco {width:50px;height:28px;position:absolute;top:0px;right:0px;display:none;z-index: 99;}
.npop { position: absolute; top: 0px; right: 70px; padding: 10px; background: #FFF; border: 1px solid #394d55; font-size: 12px; -webkit-box-shadow: 7px 7px 5px rgba(50, 50, 50, 0.4); -moz-box-shadow: 7px 7px 5px rgba(50, 50, 50, 0.4); box-shadow: 7px 7px 5px rgba(50, 50, 50, 0.4); display: none; width: 150px; }
.ptitle {text-transform: uppercase;font-size:15px;line-height: 17px;}
.ptitle a {color:#465058;}
.oviewcontain {margin:0 auto;position:relative;display:inline-block;}
.overview {width:400px;margin: 40px 40px 0 0;float:left;position: relative;}
.overview p {padding:0;margin:0;font-size: 14px;line-height: 14px;}
p.p20, .ptitle.p20 {padding-top: 15px;}
.ref {text-align: right;padding-bottom: 5px;font-size: 12px;line-height: 12px;}
.imghold {position: relative;}

.centercontent {width:874px;margin:0 auto;}
.detailhead {text-align: center; height: auto; margin: 40px 0 20px 0; font-size: 15px; line-height:19px; font-weight: 400;position:relative;}
.detailhead p.ptitle {font-size:24px;line-height:24px;font-weight: 500;}
.detailhead p {margin:0;padding:0 0 24px 0;}
.subtitle { font-size: 16px; font-style: italic;font-weight: 500; }
.detailhead .nabisco {position:relative;text-align: center;margin:0 auto 20px auto;width:204px;height:24px;}
.lower {text-transform: capitalize;}
.lowercase {text-transform: lowercase;}
.doviewcontain {margin:0 auto;width:874px;}
.doverview { position: relative; margin-bottom: 30px; border-bottom: 1px solid #efefef; height: auto; }
.doverview ul { list-style: inside;margin:0;padding:0; margin-bottom: 20px; }
.return {text-align:left;font-size:15px;margin-bottom:10px;font-weight: 500;}
.return:hover {cursor:pointer;text-decoration:underline;}
p.leftpad50 {padding-left: 84px;}
.dleft { width: 694px; height: auto; position: relative; float: left; margin:10px 0 20px 0; }
.dright { width: 180px; height: auto; position: relative; float: left; margin-top: 10px;}
.bodytype {padding:0;margin:0;}
.pimg {margin-bottom:20px;}
.pimg img {width:874px;}

#rqclose, #sclose { position:absolute; top:10px; right:10px; padding:2px 5px 2px 5px; border:1px solid #394d55; color:#394d55; font-size:12px;font-weight:bold;cursor:pointer; z-index:9; }
#rqclose:hover, #sclose:hover {color:#666666;border:1px solid #999999;z-index:9;}
#getinfo {margin:30px 120px 0px 0px;} 
#getinfo iframe {border:none;}
.moreinfo {margin-top:20px;font-weight: 600;cursor:pointer;}
.request { width:600px; height:auto; position:absolute; top:0px; left:-1px; padding:30px 20px 30px 30px;font-size:13px; line-height:16px; background:#fff; z-index:10001; border:1px solid #426772;-webkit-box-shadow:7px 7px 5px 0px rgba(50, 50, 50, 0.16);-moz-box-shadow:7px 7px 5px 0px rgba(50, 50, 50, 0.16);box-shadow:7px 7px 5px 0px rgba(50, 50, 50, 0.16);display:none;}
.rqdetail {position:absolute;top:10px;right:10px;text-transform:uppercase;z-index:999;font-size:12px;}
.rqdetail a {color:#426772;text-decoration:none;}
.rqdetail a:hover {text-decoration:underline;}

.centercontentba {width:960px;margin:0 auto;overflow: hidden;position:relative;}
#featured {margin: 30px 0 50px 0;}
.fmapintro { width:100%; height:17px; background:rgb(66,103,114);background: rgba(66,103,114,0.7); position:absolute; bottom:0px; left:0px; z-index:5; text-transform:uppercase; font-size:13px; text-align:center; padding-top: 3px; color:#FFF; }

.grey {color:#CCC;cursor: pointer;}
.grey:hover {color:#465058;}
.blue {color:#207b8b;}
.red {color:#e4564c;}
.bolded {font-weight: 600;}
.tshadow {text-shadow: 1px 1px 2px rgba(0,0,0,0.7);}

.modal {display:none;position:fixed;z-index:1000;top:0;left:0;height:100%;width:100%;background: rgba( 255, 255, 255, .8 ) url('../images/loading.gif') 50% 50% no-repeat;}
body.loading {overflow:hidden;}
body.loading .modal {display: block;}

.mobileshow {display: none;}


@media only screen and (max-width : 1025px) {
	.split-top .copy-top, .split-bottom .copy-bottom {font-size:48px;line-height: 60px;}
	.split-top .copy-top {bottom:-30px;}
	.split-bottom .copy-bottom {top:-30px;}
	.sliceword {border-top: 3px solid #46BDDB;}
	.sliceword.darker {border-top: 3px solid #1c1c1c;}
	.split-hold.three .lastreveal {font-size:32px;line-height: 44px;margin:20vh 0 0 5%;}
	.whatgraphicall {display:none;}
	.whatmain .whattext {width:85%;margin-top:10px;}
	.mobilequad {display: block}
	.cb-content.whatmain {height:auto;min-height: 1px;}
	.output-block {width:100%;padding-bottom:35%;}
}

@media only screen and (max-width : 1024px) and (orientation : landscape) {
	.cb-content .person {width:200px;}
}

@media only screen and (max-width : 1023px), screen and (max-width : 1024px) and (orientation : portrait) {
	.rightmenu {display:none;}
	.front .topcenter img {width:80%;}
	.whatmain .whattext {width:100%;}
}

@media only screen and (max-width : 767px) {
	.mobileshow {display:block;}
	.mmenuitem .mobileshow {display:inline-block;}
	.mobilehide {display:none;}
	.mmenucontain {font-size:24px;line-height: 24px;width:320px;margin-top: 22vh;}
	.mmenuitem {padding-bottom: 12px;}
	.mmenuitem.brace {margin-top: 10px;}
	.mmenuitem.brace img {width:70%;}
	.mmenuitem.cat {margin-top:25px;}
	.talkbubble {width: auto;height: auto;background: none;padding-top: 0;text-align: left;}
	.talkbubble a, talkbubble a:hover {color:#46BDDB;}
	.streamlined {font-size: 20px;line-height: 20px;}
	.anisquiggle {display:none;}
	.godown {bottom:12%;}
	.godown img {width:30px;}
	.person-detail {width:100%;}
	.person-detail .persontext {width:90%;margin-left:5%;line-height: 18px;}
	.person-detail .personicon {display:none;}
	.person-detail .persontext h2 {margin:0 0 10px 0;}
	.person-detail .persondot {margin-right: 10px;}
	.how-intro {font-size:34px;line-height: 44px;}
	.case-intro {font-size:44px;line-height:56px}
	.where-content .whereis {font-size:26px;line-height: 32px;margin-bottom: 20px;}
	.where-block {font-size:17px;line-height:20px;}
	.output-block.york {width:590px;height:332px;}
}

@media only screen and (max-width : 667px) {
	.phonehide {display:none;}
	.mmenucontain {width:280px;}	
	.split-top .copy-top, .split-bottom .copy-bottom {font-size:30px;line-height: 42px;width:90%;}
	.split-top .copy-top {bottom:-20px;}
	.split-bottom .copy-bottom {top:-21px;}
	.sliceword {border-top: 3px solid #46BDDB;}
	.sliceword.darker {border-top: 3px solid #1c1c1c;}
	.split-hold.three .lastreveal {font-size:20px;line-height:24px;margin:22vh 0 0 5%;}
	.wordslide {left:-110%;}
	.cb-content .peoples {width:90%;}
	.cb-content .peoples div:first-of-type {margin-bottom:20px;}
	.cb-content .person {width:100%;float:none;margin:0 auto;}
	.person .personicon {height: 50px;width: 50px;float: left;margin-bottom: 30px;}
	.person .personicon img {width:100%;}
	.cb-content.whatmain {padding-top:80px;}
	.whatmain .whattext {font-size:18px;line-height: 22px;}
	.contentcontain.hp.where {background:#46BDDB;}
	.mquadrantname {width:auto;height:44px;position: relative;margin:20px 20px 0 0;padding:0 20px 0 20px;text-align: center;color:#1C1C1C;font-size:18px;line-height: 44px;font-weight: 700;background:url(../images/button-blue.png);background-size:100% 100%;transition:all 0.5s ease;cursor:pointer;float:left;}
	.how-intro, .case-intro {font-size:28px;line-height: 34px;}
	#cs5 .case-intro {font-size: 20px;line-height: 22px;}
	.where-content {padding-top:100px;}
	.social {margin-top:0;}
	.social .network {margin:20px 20px 0 0;width:50px;height:45px;}
	.social .network img {width:100%;}
	.talk-items {width:240px;margin:0 auto;}
	.bigtalk {display:none;}
	.talk-item {position: relative;width: 240px;height: 70px;margin: 20px 20px 0 0;font-size: 24px;line-height: 70px;font-weight: 700;background-size: 100% 100%;}
	.talk-item .whenover {width:240px;height:70px;}
	.talk-item .whenover img {width:100%;height:100%;}
	.contactslide, .contactslide.sendnote, .contactslide.setupcall, .contactslide.sendmail {background:#46BDDB;}
	.contactslide .call {font-size:40px;line-height: 40px;}
	.pure-form {width:90% !important;margin:40px 0 0 5% !important;}
	.pure-form-stacked input[type="text"], .pure-form-stacked input[type="password"], .pure-form-stacked input[type="email"], .pure-form-stacked input[type="url"], .pure-form-stacked input[type="date"], .pure-form-stacked input[type="month"], .pure-form-stacked input[type="time"], .pure-form-stacked input[type="datetime"], .pure-form-stacked input[type="datetime-local"], .pure-form-stacked input[type="week"], .pure-form-stacked input[type="number"], .pure-form-stacked input[type="search"], .pure-form-stacked input[type="tel"], .pure-form-stacked input[type="color"], .pure-form-stacked input[type="file"], .pure-form-stacked select, .pure-form-stacked label, .pure-form-stacked textarea {margin:30px 0 0 0 !important;font-size:24px !important;}
	#time {width:65% !important;}
	#tz {width:30% !important;float:right !important;}
	.pure-form select {height:34px !important;}
	.output-block.york {width:310px;height:175px;}
}