*, *:before, *:after {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;word-break: keep-all;}
html {height:100%;min-height: 100vh;overflow-x: hidden;}
body {padding:0;margin:0;position:relative;width:100%;height:auto;min-height:100vh;font-family:'Jost', sans-serif;font-weight:300;font-size: 17px;line-height: 28px;color:#000;background: #FFF;}
body.home {overflow-y: hidden;}
img {border:none;}
a {color:#323839;text-decoration:none;transition: all 0.5s;}
a:hover {color:#207b8b;}
a.reverse {color:#207b8b;text-decoration:underline;}
a.reverse:hover {color:#323839;text-decoration: underline;}
a.onwhite {color:#FFF;text-decoration: underline;}
a.onwhite:hover {color:#FFF;opacity:0.9}
.small-type {font-size: 18px;}
.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 { width: 100%; width:100vw; height: 80px; position: fixed;top:0px;left:0px;z-index:999;overflow: hidden;}
.home .header {background:transparent;-moz-box-shadow:none;box-shadow: none;-webkit-box-shadow:none;}
.headerfix { width: 100%; height: 80px; position: relative;}
.footer { width: 100%; height: 50px; position: fixed;bottom:0px;left:0px;background: rgba(32,123,139,0.7);padding:0 20px;display:flex;line-height: 50px;font-size: 14px;}
.sub-menu { width: 100%; height: 50px; position: relative;background: rgba(32,123,139,0.7);padding:0 20px;display:flex;line-height: 50px;font-size: 14px;color:#FFF;}
.footer .footer-left {width:50%;color:#FFF;text-align: left;}
.footer .footer-right {width:50%;color:#FFF;text-align: right;}
.footer a, .sub-menu a {color:#FFF;text-decoration: underline;transition: all 0.5s;}
.footer a:hover. sub-menu a:hover {color:#207b8b;}
.logo {position: absolute;width:120px;height:40px;right:28px;top:28px;}
.the-book, .the-big-book {position: absolute;right:50px;top:50px;width:calc(25vh * 0.726);height: 25vh;z-index: 9;}
.the-book img, .the-big-book img {height:100%;width:100%;}
.logo img {width:100%;}
.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;left:20px;cursor:pointer;}
.burger {width:40px;height:40px;background: rgba(32,123,139,0.7);overflow:hidden;transition: all .5s ease;z-index: 999;}
.burger.active {background: transparent;}
.burgerline {width:24px;height:4px;background:#FFF;position: absolute;left:8px; transition: all .5s ease;}
.burgerline.top {top:10px;}
.burgerline.mid {top:18px;opacity:1;}
.burgerline.btm {top:26px;}
.burgerline.top.active {-ms-transform: rotate(45deg) translate(0px,8px); -webkit-transform: rotate(45deg); transform: rotate(45deg);-ms-transform-origin: center center; -webkit-transform-origin: top left; transform-origin: top left;left:14px;}
.burgerline.mid.active {opacity:0;}
.burgerline.btm.active {-ms-transform: rotate(-45deg) translate(0px,-8px); -webkit-transform: rotate(-45deg); transform: rotate(-45deg);-ms-transform-origin: center center; -webkit-transform-origin: bottom left; transform-origin: bottom left;left:14px;}

.mmenu {width:100%;height:0;max-height:0;max-width:370px;position:fixed;top:0;left:0px;z-index:998;overflow:scroll;transition: all 1s ease;font-family: 'Cormorant Garamond', serif;font-weight: 700;background: rgba(32,123,139,0.95);}
.mmenu.active {height:auto;overflow:scroll;max-height: 100%;padding:80px 0 20px 0;}
.mmenuitem {color:#FFF;font-size:28px;line-height:36px;padding:10px 0 10px 0;cursor:pointer;text-align: left;padding-left: 20px;}
.mmenuitem:hover {background:#394d55;}
.mmenuitem a {color:#FFF;}
.mmenuitem.active {pointer-events: none;}
.mmenuitem.active a {color:#0E3755;pointer-events: none;}

.scroller {position: relative;transition:all 0.7s ease;z-index: 1;overflow-x:hidden;}
.pos0 {-webkit-transform:translate(0, 0vh);-ms-transform:translate(0, 0vh);transform:translate(0, 0vh);}
.pos1 {-webkit-transform:translate(0, -100vh);-ms-transform:translate(0, -100vh);transform:translate(0, -100vh);}
.pos2 {-webkit-transform:translate(0, -200vh);-ms-transform:translate(0, -200vh);transform:translate(0, -200vh);}
.pos3 {-webkit-transform:translate(0, -300vh);-ms-transform:translate(0, -300vh);transform:translate(0, -300vh);}
.pos4 {-webkit-transform:translate(0, -400vh);-ms-transform:translate(0, -400vh);transform:translate(0, -400vh);}
.pos5 {-webkit-transform:translate(0, -500vh);-ms-transform:translate(0, -500vh);transform:translate(0, -500vh);}
.pos6 {-webkit-transform:translate(0, -600vh);-ms-transform:translate(0, -600vh);transform:translate(0, -600vh);}
/* .pos7 {-webkit-transform:translate(0, -650vh);-ms-transform:translate(0, -650vh);transform:translate(0, -650vh);} */

.intro-header {width:100%;height:auto;min-height:40vh;position: relative;top:0;left:0;background:url(../images/intro-header.jpg) center center no-repeat;background-size: cover;transition: all 0.5s;}
.intro-header.desat {filter:saturate(0);}
.intro-header .crumb {position: absolute;top:28px;left:80px;font-family: 'Cormorant Garamond', serif;font-size: 22px;line-height: 40px;color:#FFF;font-weight: 500;}
.intro-header a.free-copy {position: absolute;top:130px;left:80px;font-family: 'Cormorant Garamond', serif;font-size: 22px;line-height: 40px;color:#FFF;font-weight: 500;text-decoration: underline;display:block;z-index: 10;}
.intro-header a.free-copy:hover {color:#207b8b;}
.intro-header .bns {width:100%;text-align: center;font-family: 'Cormorant Garamond', serif;font-size: 32px;line-height: 1;color:#FFF;position: absolute;bottom:70px;font-weight: 700;}
.intro-header .presenting {width:100%;text-align: center;font-family: 'Cormorant Garamond', serif;font-size: 60px;line-height: 1;color:#FFF;position: absolute;bottom:20px;text-shadow: 3px 3px 6px rgba(0,0,0,0.7);font-weight: 700;}
.content-contain.who {max-width:960px;margin:50px auto 0 auto;padding:0 0 50px 0;}
.content-contain .intro-sub {font-size:30px;line-height: 34px;font-weight: 500;padding:0 20px;text-align: center;}
.content-contain .body-copy {font-size:22px;line-height: 1.2;padding-top: 30px;}
.content-contain .body-copy ul {margin-top:6px;}
.content-contain .body-copy ul li {margin-top: 10px;}
.content-contain .body-copy .sub-topic {display:none;}
.intouch .content-contain .body-copy {display:flex;flex-wrap: wrap;justify-content: space-between;}
.intouch .content-contain .body-copy .bcleft {width:60%;}
.intouch .content-contain .body-copy .bcright {width:35%;}
.intouch .content-contain .body-copy .bcright img {width:100%;}
.intouch .content-modal .content-contain {width:90%;max-width: 700px;margin:50px auto 50px auto;background:rgba(32,123,133,0.9);color:#FFF;padding:30px;font-size: 17px;}
.jost-heavy {font-weight: 500;}
.basics .intro-header {background:url(../images/basics-header.jpg) center center;background-size: cover;}
.basics .intro-header .presenting {text-align: left;width:auto;bottom:auto;top:60px;left:80px;}
.basics .intro-header .presenting.sub-modal {text-align: center;bottom:20px;top:auto;left:0;width:100%;display:none;}
.basics.coaching .intro-header {height:100%;min-height: 100%;background:url(../images/tailored-menu-bg.jpg) center center no-repeat;background-size:cover;position: fixed;top:0;left:0;}
.basics.book .intro-header {height:100%;min-height: 100%;background:url(../images/book-bg.jpg) center center no-repeat;background-size:cover;position: fixed;top:0;left:0;}
.basics.workshops .intro-header {height:100%;min-height: 100%;background:url(../images/workshop-bg.jpg) center bottom no-repeat;background-size:cover;position: fixed;top:0;left:0;}
.basics.blogs .intro-header {height:100%;min-height: 100%;background:url(../images/blogs-vlogs-bg.jpg) center center no-repeat;background-size:cover;position: fixed;top:0;left:0;}
.basics.individual .intro-header {background:url(../images/individual-coaching-header.jpg) center center no-repeat;background-size: cover;}
.basics.master .intro-header {background:url(../images/master-class-head.jpg) left top no-repeat;background-size: cover;}
.basics.rehearsals .intro-header {background:url(../images/rehearsals-header.jpg) center center no-repeat;background-size: cover;}
.basics.calculus .intro-header {background:url(../images/calculus-header.jpg) center center no-repeat;background-size: cover;}
.basics.presence .intro-header {background:url(../images/presence-header.jpg) center top no-repeat;background-size: cover;}
.basics.tempo .intro-header {background:url(../images/tempo-header.jpg) center bottom no-repeat;background-size: cover;}
.vid-embed {width: auto;margin:50px auto;height:0;padding-bottom: 56.25%;position: relative;}
.content-contain .body-copy ul .vid-embed {transform: translateX(-60px);}
.content-contain .body-copy h2 {font-family: 'Cormorant Garamond', serif;font-size: 24px;line-height:1;font-weight: 700;margin:0;padding:0;text-transform: uppercase;}
.content-contain .body-copy .sub-topic h2 {padding-bottom: 10px;}
.vid-embed iframe, .vid-embed object, .vid-embed embed {width:100%;height:100%;position: absolute;top:0;left:0;}
.content-modal {width:100%;height:auto;min-height:calc(100% - 40vh);background:rgba(32,123,133,0.95);position: absolute;left:0;top:40vh;z-index: 999;display:none;}
.blogs .content-modal, .intouch .content-modal {min-height: 100%;top:0;}
.intouch .content-modal {background:rgba(32,123,133,0.95) url(../images/about-photos-bg.jpg);background-size: cover;background-attachment: fixed;background-position: center center;}
.content-modal-close {position: absolute;top:20px;right:20px;width:30px;height:30px;transition: all 0.5s;cursor: pointer;}
.intouch .content-modal-close {position: fixed;}
.content-modal-close:hover {transform: rotate(90deg);}
.content-modal .content-contain .body-copy {color:#FFF;}
.page-menu {position: absolute;top:150px;left:60px;font-family: 'Cormorant Garamond', serif;font-size: 28px;line-height: 1.2;color:#FFF;font-weight: 700;padding:0 20px 20px 20px;background:rgba(32,123,133,0.7);}
.page-menu a {color:#FFF;text-decoration: none;transition: all 0.5s;padding-top: 20px;display:block;}
.page-menu a:hover {color:#31bad2;}
.basics.blogs .page-menu {max-height: calc(100vh - 220px);overflow:auto;}
.page-intro {background:rgba(32,123,133,0.9);width:50%;position: absolute;bottom:calc(3vh + 50px);right:50px;color:#FFF;padding:20px;font-size:22px;line-height: 1.2;}
.chapters {width:80%;position: absolute;bottom:60px;left:50%;transform: translateX(-50%);font-size: 22px;line-height: 1.2;color:#FFF;background:rgba(32,123,139,0.8);padding:30px;max-width: 960px;border-radius: 20px;}
.chapters:before {display:block;font-size:34px;color:#FFF;text-align: center;content:'CHAPTERS:';width:100%;top:-50px;left:0;position:absolute;font-family: 'Cormorant Garamond', serif;font-weight: 700;}
.chapters:after {position: absolute;left:50%;top:calc(-60px - 25vh);width:calc(25vh * 0.726);height: 25vh;z-index: 9;transform:translateX(-50%);content:'';background:url(../images/book.png);background-size:100%;}
.chapters span.ttl {display:block;margin-bottom: 8px;}

.wings {width:100px;height:37px;position: absolute;top:150px;left:100%;margin-left:-120px;overflow: visible;display:none;z-index: 999;}
.lwing, .rwing {width:50px;height:37px;position:absolute;top:0;}
.lwing {left:0;-webkit-animation: left 0.4s infinite;animation: left 0.5s infinite;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;-webkit-animation-play-state: paused;animation-play-state: paused;}
.rwing {left:50px;-webkit-animation: right 0.4s infinite;animation: right 0.5s infinite;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;-webkit-animation-play-state: paused;animation-play-state: paused;}
.rotateright {-ms-transform: rotate(30deg);-webkit-transform: rotate(30deg);transform: rotate(30deg);}
.rotateleft {-ms-transform: rotate(-30deg);-webkit-transform: rotate(-30deg);transform: rotate(-30deg);}

.contentcontain.cc1.s1m {padding-bottom: 15%;overflow:hidden;}
.movebg {
	width:100%;height:100%;
	background: url(../images/clouds.jpg) no-repeat;
	background-size: cover;
	min-height:100%;z-index: 0;position: absolute;top:0;left:0;overflow: visible;
/*
    -webkit-animation-name: MOVE-BG;
    -o-animation-name: MOVE-BG;
    animation-name: MOVE-BG;
    -webkit-animation-duration: 120s;
    -o-animation-duration: 120s;
    animation-duration: 120s;
    -webkit-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
*/
}

@-webkit-keyframes moveplane {
    from {
        -webkit-transform: translate(0,0) scale(0.6,0.6) rotate(0deg);
        transform: translate(0,0) scale(0.6,0.6) rotate(0deg);
    }

    to {
        -webkit-transform: translate(800%,-400%) scale(1.2,1.2) rotate(-15deg);
        transform: translate(800%,-400%) scale(1.2,1.2) rotate(-15deg);
    }
}

@-o-keyframes moveplane {
    from {
        -o-transform: translate(0,0) scale(0.6,0.6) rotate(0deg);
        transform: translate(0,0) scale(0.6,0.6) rotate(0deg);
    }

    to {
        -o-transform: translate(800%,-400%) scale(1.2,1.2) rotate(-15deg);
        transform: translate(800%,-400%) scale(1.2,1.2) rotate(-15deg);
    }
}

@keyframes moveplane {
    from {
        -webkit-transform: translate(0,0) scale(0.6,0.6) rotate(0deg);
        -o-transform: translate(0,0) scale(0.6,0.6) rotate(0deg);
        transform: translate(0,0) scale(0.6,0.6) rotate(0deg);
    }

    to {
        -webkit-transform: translate(800%,-400%) scale(1.2,1.2) rotate(-15deg);
        -o-transform: translate(800%,-400%) scale(1.2,1.2) rotate(-15deg);
        transform: translate(800%,-400%) scale(1.2,1.2) rotate(-15deg);
    }
}

@keyframes fadein {
	0% { opacity: 0.4; }
	50% { opacity: 1; }
	100% { opacity: 0.4; }
}
@-moz-keyframes fadein {
	0% { opacity: 0.4; }
	50% { opacity: 1; }
	100% { opacity: 0.4; }
}

@-webkit-keyframes fadein {
	0% { opacity: 0.4; }
	50% { opacity: 1; }
	100% { opacity: 0.4; }
}

@-ms-keyframes fadein {
	0% { opacity: 0.4; }
	50% { opacity: 1; }
	100% { opacity: 0.4; }
}

@-o-keyframes fadein {
	0% { opacity: 0.4; }
	50% { opacity: 1; }
	100% { opacity: 0.4; }
}



@-webkit-keyframes left {
    0%   {-ms-transform: rotate(0deg);-webkit-transform: rotate(0deg);transform: rotate(0deg);}
    50%  {-ms-transform: rotate(-40deg);-webkit-transform: rotate(-40deg);transform: rotate(-40deg);margin-right: 5px;}
    100% {-ms-transform: rotate(0deg);-webkit-transform: rotate(0deg);transform: rotate(0deg);margin-right: 0;}
}

@-webkit-keyframes right {
    0%   {-ms-transform: rotate(0deg);-webkit-transform: rotate(0deg);transform: rotate(0deg);}
    50%  {-ms-transform: rotate(40deg);-webkit-transform: rotate(40deg);transform: rotate(40deg);margin-left:5px;}
    100% {-ms-transform: rotate(0deg);-webkit-transform: rotate(0deg);transform: rotate(0deg);margin-left: 0;}
}

.bulb {
	-webkit-animation-name: fadein;
    -o-animation-name: fadein;
    animation-name: fadein;
    -webkit-animation-duration: 4s;
    -o-animation-duration: 4s;
    animation-duration: 4s;
    -webkit-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
	-webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity:0.4;}


.updown{animation-name:updown;animation-duration:1.5s;animation-timing-function:ease-in;animation-iteration-count:infinite;animation-direction:normal;-webkit-animation-name:updown;-webkit-animation-duration:1.5s;-webkit-animation-timing-function:ease-in;-webkit-animation-iteration-count:infinite;-webkit-animation-direction:normal;-moz-animation-name:updown;-moz-animation-duration:1.5s;-moz-animation-timing-function:ease-in;-moz-animation-iteration-count:infinite;-moz-animation-direction:normal;-ms-animation-name:updown;-ms-animation-duration:1.5s;-ms-animation-timing-function:ease-in;-ms-animation-iteration-count:infinite;-ms-animation-direction:normal}

@-webkit-keyframes updown{0%{transform-style:preserve-3d;transform:translateZ(0px) translateY(0px) rotateX(0deg);-webkit-transform-style:preserve-3d;-webkit-transform:translateZ(0px) translateY(0px) rotateX(0deg);-moz-transform-style:preserve-3d;-moz-transform:translateZ(0px) translateY(0px) rotateX(0deg);-ms-transform-style:preserve-3d;-ms-transform:translateZ(0px) translateY(0px) rotateX(0deg)}50%{transform-style:preserve-3d;transform:translateZ(0px) translateY(15px) rotateX(0deg);-webkit-transform-style:preserve-3d;-webkit-transform:translateZ(0px) translateY(15px) rotateX(0deg);-moz-transform-style:preserve-3d;-moz-transform:translateZ(0px) translateY(15px) rotateX(0deg);-ms-transform-style:preserve-3d;-ms-transform:translateZ(0px) translateY(15px) rotateX(0deg)}}
@-moz-keyframes updown{0%{transform-style:preserve-3d;transform:translateZ(0px) translateY(0px) rotateX(0deg);-webkit-transform-style:preserve-3d;-webkit-transform:translateZ(0px) translateY(0px) rotateX(0deg);-moz-transform-style:preserve-3d;-moz-transform:translateZ(0px) translateY(0px) rotateX(0deg);-ms-transform-style:preserve-3d;-ms-transform:translateZ(0px) translateY(0px) rotateX(0deg)}50%{transform-style:preserve-3d;transform:translateZ(0px) translateY(15px) rotateX(0deg);-webkit-transform-style:preserve-3d;-webkit-transform:translateZ(0px) translateY(15px) rotateX(0deg);-moz-transform-style:preserve-3d;-moz-transform:translateZ(0px) translateY(15px) rotateX(0deg);-ms-transform-style:preserve-3d;-ms-transform:translateZ(0px) translateY(15px) rotateX(0deg)}}
@-ms-keyframes updown{0%{transform-style:preserve-3d;transform:translateZ(0px) translateY(0px) rotateX(0deg);-webkit-transform-style:preserve-3d;-webkit-transform:translateZ(0px) translateY(0px) rotateX(0deg);-moz-transform-style:preserve-3d;-moz-transform:translateZ(0px) translateY(0px) rotateX(0deg);-ms-transform-style:preserve-3d;-ms-transform:translateZ(0px) translateY(0px) rotateX(0deg)}50%{transform-style:preserve-3d;transform:translateZ(0px) translateY(15px) rotateX(0deg);-webkit-transform-style:preserve-3d;-webkit-transform:translateZ(0px) translateY(15px) rotateX(0deg);-moz-transform-style:preserve-3d;-moz-transform:translateZ(0px) translateY(15px) rotateX(0deg);-ms-transform-style:preserve-3d;-ms-transform:translateZ(0px) translateY(15px) rotateX(0deg)}}
@keyframes updown{0%{transform-style:preserve-3d;transform:translateZ(0px) translateY(0px) rotateX(0deg);-webkit-transform-style:preserve-3d;-webkit-transform:translateZ(0px) translateY(0px) rotateX(0deg);-moz-transform-style:preserve-3d;-moz-transform:translateZ(0px) translateY(0px) rotateX(0deg);-ms-transform-style:preserve-3d;-ms-transform:translateZ(0px) translateY(0px) rotateX(0deg)}50%{transform-style:preserve-3d;transform:translateZ(0px) translateY(15px) rotateX(0deg);-webkit-transform-style:preserve-3d;-webkit-transform:translateZ(0px) translateY(15px) rotateX(0deg);-moz-transform-style:preserve-3d;-moz-transform:translateZ(0px) translateY(15px) rotateX(0deg);-ms-transform-style:preserve-3d;-ms-transform:translateZ(0px) translateY(15px) rotateX(0deg)}}


.s111 {width:100%;height:0;position: relative;padding-bottom:35%;background:transparent;}
.s111.serv {width:100%;height:auto;padding:0;}
.front {width:100%;height:100vh;position: relative;background-image:url(../images/s1bgg.jpg);background-position: center center; background-repeat:no-repeat;background-size: cover; background-attachment: scroll;}



.cc0 {width:100%;position:relative;z-index: 3;}
.contentcontain {width:100%;position: relative;height: auto;text-align: center;padding:0;margin:0 auto;}
.contentcontain.who {max-width:1340px;margin-top:50px;padding:0 0 50px 0;}
.person {width:48%;position: relative;float:left;margin-bottom: 2%;cursor: pointer;text-align: left;color:#FFF;}
.person.left {margin-right:2%;}
.person img {width:100%;height:auto;display:block;}
.person .overlay {width:95%;height:95%;-ms-transform:scale(0.1);-webkit-transform:scale(0.1);transform:scale(0.1);transition:all 0.5s ease-in-out;position: absolute;top:2.5%;left:2.5%;background:rgba(0,0,0,0.9);opacity:0;padding:5%;}
.person .overlay h1 {font-size:28px;line-height: 38px;color:#FFF;text-align: left;font-weight: 300;padding:0;margin:0;}
.person .overlay h2 {font-size:18px;line-height: 28px;color:#FFF;text-align: left;font-weight: 300;padding:0;margin:0 0 20px 0;border-top:1px solid #FFF;display:inline-block;}
.person .overlay h1.alt {border-bottom:1px solid #FFF;display:inline-block;}
.person .overlay h2.alt {border-top:none;display:block;}
.person:hover .overlay {-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);opacity:1;}
.overlay.greenbg {background:rgba(0,174,49,0.9);}
.overlay.yellowbg {background:rgba(255,183,28,0.9);}
.overlay.bluebg {background:rgba(32,123,139,0.9);}
.overlay.orangebg {background:rgba(255,183,28,0.9);}
.overlay.redbg {background:rgba(228,86,76,0.9);}


.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:100vh;min-height:100%;}
.front .contentcontain {width:100%;position: relative;height: 100%;text-align: center;padding:0;margin:0 auto;background:rgba(32,123,139,0.3);}
.priceintro {width:100%;height:auto;position: relative;background:url(../images/s1bg.jpg) center top;}
.contentcontain h1 {font-size: 48px;line-height:48px;padding:0;margin:0;font-weight: 300;-webkit-font-smoothing: antialiased;}
.topcenter {width:100%;padding-top: 70px;color:#FFF;position: relative;max-width: 800px;}
.front .topcenter {width:100vw;position: relative;max-width: none;padding-top: 7vh;}
.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-size:8vw;line-height: 8vw;color:#FFF;text-align: center;font-family: 'Cormorant Garamond', serif;font-weight: 700;font-style: italic;-webkit-text-stroke-width: 2px;
-webkit-text-stroke-color: #0E3755;transform: translateX(-100vw);}
.loaded .front .topcenter h1 {animation: flyin 1s ease;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
.front .because {width:100vw;position: absolute;bottom:10vw;text-align: center;font-family: 'Cormrant Garamond', serif;font-weight: 700;font-style: italic;color:#FFF;font-size:4vw;line-height: 4vw;transform: translateX(100vw);}
.loaded .front .because {animation: flyin2 1s ease;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;animation-delay: 1s;}
.front h2.main-head {font-size:8vw;line-height: 8vw;color:#0E3755;text-align: center;font-family: 'Cormorant Garamond', serif;font-weight: 700;font-variant: small-caps;-webkit-text-stroke-width: 2px;
-webkit-text-stroke-color: #000;position: absolute;bottom:20px;width:100%;display:block;margin:0;transform: translateX(-100vw);}
.loaded .front h2.main-head {animation: flyin 1s ease;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;animation-delay: 2s;}
.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;}

@keyframes flyin {0% {transform: translateX(-100vw);} 100% {transform: translateX(0);}}
@keyframes flyin2 {0% {transform: translateX(100vw);} 100% {transform: translateX(0);}}

.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);}
.cb-content .hold {top: 0px;left: 0px;right: 0px;bottom: 0px;width: 50%;height:100%;margin: auto;display: table;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;backface-visibility: hidden}
.cb-content .hold .holdimg {width:70%;margin:0 auto;position: relative;}
.cb-content .hold .holdimg img {width:100%}
.cb-content .hold .holdimg .bulb {width:100%;position: absolute;top:0;left:0}
.cb-content .hold .holdimg .bulb img {width:100%;}
.cb-content .contents {display: table-cell;margin: auto;vertical-align: middle;width: 100%;text-align: center;position: relative;-moz-hyphens: none;-ms-hyphens: none;-webkit-hyphens: none;hyphens: none;}
.contents h1 {font-weight: 400;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%;-ms-transform: translate(-70vw,0);-webkit-transform: translate(-70vw,0);transform:translate(-70vw,0);transition: all 1s ease;-webkit-transition: all 1s ease;-webkit-transition-delay: 0.5s;transition-delay: 0.5s;}
.cb-content .hold .bottomimg.inview {-ms-transform: translate(0,0);-webkit-transform: translate(0,0);transform:translate(0,0);}
.cb-content .hold .bottomimg img {width:100%;display:block;-ms-transform: scale(1,1);-webkit-transform: scale(1,1);transform:scale(1,1);}
.globalgif, .priceimg {-ms-transform: scale(0,0);-webkit-transform: scale(0,0);transform:scale(0,0);transition: all 1s ease;-webkit-transition: all 1s ease;-ms-transform-origin: bottom left;-webkit-transition-delay: 0.5s;transition-delay: 0.5s;-webkit-transform-origin: center center;-ms-transform-origin: center center;transform-origin: center center;}
.globalgif.inview, .priceimg.inview {-ms-transform: scale(1,1);-webkit-transform: scale(1,1);transform:scale(1,1);}
.qualityfirst {-ms-transform: translate(70vw,0);-webkit-transform: translate(70vw,0);transform:translate(70vw,0);transition: all 1s ease;-webkit-transition: all 1s ease;-webkit-transition-delay: 0.5s;transition-delay: 0.5s;}
.qualityfirst.inview {-ms-transform: translate(0,0);-webkit-transform: translate(0,0);transform:translate(0,0);}
span.throb {text-shadow: none;-webkit-animation: throb 1.5s infinite;}
@keyframes throb {
	0% {text-shadow: none;}
	30% {text-shadow: none;}
	40% {text-shadow: rgb(254, 161, 154) 0px 0px 10px;}
	50% {text-shadow: none;}
	60% {text-shadow: rgb(254, 161, 154) 0px 0px 10px;}
	70% {text-shadow: none;}
	100% {text-shadow: none;}
}

#s7 {box-shadow: 0px 8px 15px 0px rgba(0,0,0,0.45);-webkit-box-shadow: 0px 8px 15px 0px rgba(0,0,0,0.45);-moz-box-shadow: 0px 8px 15px 0px rgba(0,0,0,0.45);}

.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;z-index: 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 );
}
.home .cinfo {position:absolute;bottom: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;}
.thankyou {font-size: 13px;line-height:13px;color:#FFF;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;line-height: 13px;}
.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: 600;}
.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;}
.white {color:#FFF;}
.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;}

.mobile {display: none;}

#getinfo form {font-size:12px;padding-bottom: 20px;width:500px;}
#getinfo form input {float:left;margin:10px 20px 0 0;color:#ababab;width:121px;border:1px solid #ababab;padding:5px;outline:none;}
#getinfo form textarea {float:left;margin:10px 20px 0 0;color:#ababab;width:260px;height:40px;border:1px solid #ababab;padding:5px;outline:none;}
#getinfo form input.correct {float:left;margin:10px 20px 0 0;color:#ababab;width:121px;border:1px solid #FF0000;padding:5px;}
#getinfo form textarea.correct {border:1px solid #FF0000;}
#getinfo form input:focus, #getinfo form textarea:focus {border: 1px solid #4578a0;}
#getinfo form select {float:left;margin:10px 20px 0 0;width:135px; background-color: #fff;border:1px solid;border-color:#ababab;height: 24px;font-size:10px;line-height: 24px;padding: 4px 6px;color:#666;}
#getinfo form select:focus {border: 1px solid #4578a0;}
.newline {clear: left;}
.emerror {color:red;display:none;float:left;margin-top:10px;}
.error {color:red;margin-top:10px;display: none;}
#getinfo .next {font-size:18px;line-height:18px;padding:10px;background-color: #426772;color:#FFF;width:100px;text-align:center;cursor:pointer;margin-top:10px;float:left;}
#getinfo .next:hover {background-color:#888;}
.ital {font-style: italic;}
.activem {color:#30373c;font-weight: 600;}
.taphere {display:none;width:100%;text-align: center;font-size:15px;line-height: 15px;font-weight: 500;color:#FFF;padding:10px 0 10px 0;background: #465058;margin:-10px 0 30px 0;position: relative;cursor: pointer;}
.mobilebrowse {position: relative;z-index: 99;}
.mobilebrowse .foliolist {background: rgba(255,255,255,0.9);font-size:18px;line-height: 24px;padding:20px 0 20px 0;display:none;}

@media only screen and (max-width : 1470px) {
#buybuy.s2 .container {width: 880px;}
}

@media only screen and (max-width : 1599px) {
.columncontain, .clients .contentcontain, .contentcontain.tc1 {width: 1340px;}
}

@media only screen and (max-width : 1200px) {
.sectioncontain {width:90%;height:380px;position:absolute;top:50%;margin:-200px 5% 0 5%;}
.sectionimg {left:0px;}
.s4 {width: 92%;}
.menu {width:94%;}
.logo {margin-left: 0;}
}

@media only screen and (max-width : 1350px) {
.columncontain, .clients .contentcontain, .contentcontain.tc1 {width: 1005px;}
}

@media only screen and (max-width : 1024px) and (orientation : portrait) {
.columncontain, .clients .contentcontain, .contentcontain.tc1 {width: 670px;}
.topcenter {max-width: none;}
.contentcontain .intro {padding:0;}
}

@media only screen and (max-width : 1023px), screen and (max-width : 1024px) and (orientation : portrait) {
.columncontain, .clients .contentcontain, .contentcontain.tc1 {width: 670px;}
.topcenter {max-width: none;}
.contentcontain .intro {padding:0;}
.menu, .splitmenu {font-size:15px;}
.lang {margin-right:10px;}
.menuitem {margin-left:23px;}
.topcenter {bottom:20px;}
.topcenter h1 {font-size: 50px;line-height: 50px;}
.front .topcenter h1 {font-size:10vw;line-height: 10vw;}
.page-intro {display:none;}

/* .contentcontain, .prices .contentcontain {max-width: 728px;} */
/* .contentcontain, .prices .contentcontain {max-width: 728px;} */
.contentcontain .intro {margin:30px 0 0 0;padding:0;}
.contentblock.left, .contentblock.right {float:none;margin:0 auto;}
.contentblock.visual {margin-top:50px;text-align: center;}
.contentblock.right.visual {text-align: center;}
.sectioncontain {width:481px;height:auto;position:relative;top:90px;left:50%;margin:0 0 0 -240px;}
.sectionimg {position: relative;top:0px;left:0px;margin-top:20px;height:241px;}
.text-card.text-card-rm {width:481px;position:relative;margin-top:20px;}
.text-card-r {float:none;}
.s2#press .thumbnails, .s2#folio .thumbnails {max-width: 90%;}
.email {display:none;}
.text-card.text-card-pm {width:90%;top:10%;}
.header-img, .s2-inner, {padding-bottom: 40%;}
.s4 {width: 600px;height:100%;top:0px;margin:0 auto;}
.s4-inner .bio {width:100%;top:-300px;}
p.teamtop {margin:10px 0 0 0;}
.biopush {height:350px;}
.s5-inner {width:462px;height:100%;top:0;margin:0 auto;}
.address {margin-top: 50px;}
.address-block {margin: 30px 0 0 80px;}
.storefront {width: 430px;height:238px;position: relative;float:right;margin-top:50px;}
.storefront img {width:350px;height:238px;left:50px;}
.follow {right:23%;}
.s6 {padding-bottom: 50%;}
.mbreak {display: inline;}
.centercontentba {width:476px;}
#featured, .centercontentba div.orbit-wrapper, .centercontentba div.orbit, .centercontentba div.content { width: 476px !important; height: 1008px !important;}
#selected, .photos div.orbit-wrapper, .photos div.orbit, .photos div.content { width: 688px !important; height: 420px !important;}
#selected img {width:688px !important;height: 420px !important;}
.s2.folio {width:728px;}
.foliolist {width:150px;}
#folio .photos {width:578px}
#folio .photos #selected img {width:578px !important; height: auto !important;}
.fmapintro {height:38px;}
.mobile-watch {margin:11px 5% 30px 5%;font-size:24px;line-height:24px;padding:8px;display:block;}
.s1-inner {padding-top: 0;}
.centercontent {width:528px;margin:0 auto;}
.doviewcontain, .request {width:528px;}
.dright {margin-bottom: 20px;}
.pimg img {width:528px;}
p.leftpad50 {padding-left: 0px;}
.person {line-height: 1.2em;}
}

@media only screen and (max-width : 920px) {
#buybuy.s2 .container {width: 440px;}
}

@media only screen and (max-width : 1023px), screen and (max-width : 1024px) and (orientation : portrait) {
.person {width: 100%;line-height: 2em;}
.person.left {margin-right: 0;}
.content-contain.who {padding:0 20px 50px 20px;}
.logo {display:none;}
}

@media only screen and (max-width : 767px) {
body {font-size:15px;line-height: 20px;}
.menuitems {display:none;}
.mmenuicon, .mmenu {display:block;}
.footer .footer-right {display: none;}
.footer .footer-left {width:100%;}
/* .contentcontain, .prices .contentcontain {max-width: 528px;} */
.contentcontain .intro {padding:0;}
.topcenter h1 {font-size:40px;line-height: 40px;}
.cb-content .hold, .cb-content .hold .holdimg {width:90%;}
.contents h1 {font-size: 40px;line-height: 40px;color:#FFF;margin-bottom: 20px;}
.clientlogos img {width: 120px;}
.mobile-watch {margin:11px 5% 30px 5%;font-size:24px;line-height:24px;padding:8px;display:block;}
.mbreak {display: inline;}
.dbreak {display: none;}
.s1-inner {padding-top: 0;}
.s1-expand {top:92px;left:55px;width:445px;height:168px;}
.s1-expand-txt {font-size:17px;font-weight:300;line-height:20px;width:300px;left:166px;top:5px;}
.s1-expand h2 {font-size:20px;line-height:32px;}
.s1-expand img {width:130px;height:130px;}
.s1-pillars {margin-top:20px;}
.s1-pillar img {width:90px;height:90px;}
#articlephotos {display:none;}
.s4 {width: 300px;}
.s4-inner {height:152px;width:290px;}
.s4-inner .bio {width:100%;top:-270px;font-size:13px;}
.bio h1 {font-size:24px;}
.bio h2 {margin:10px 0 0 0;}
p.teamtop {margin:10px 0 0 0;}
p.teammail {display:none;}
.biopush {height:300px;}
.pthumbs {width:300px;}
.pthumb {margin-right:10px;margin-top:10px;width:50px;height:50px;}
.pthumb img {width:50px;height:50px;left:0px !important;}
.frame {display: none;}
.s6 {padding-bottom: 70%;}
#sthoverbuttons {display:none;}
#selected, .photos div.orbit-wrapper, .photos div.orbit, .photos div.content { width: 508px !important; height: 310px !important;}
#selected img {width:508px !important;height: 310px !important;}
.s2.folio {width:280px;}
.s2#folio h2 {padding:30px 0 20px 0;font-size:24px;line-height: 28px;}
.taphere {display:block;}
.s2.folio .photos img {margin-bottom: 10px;}
.foliolist {display:none;}
.mobilebrowse .foliolist {display: none;position: absolute;top:0;left:0px;background: rgba(255,255,255,0.9);width:100%;}
.mobilebrowse .foliolist ul {width:170px;position: relative;left:50px;}
#folio .photos {width:280px}
#folio .photos #selected img {width:280px !important; height: auto !important;}
.prcontain .module {float: none;margin:0 auto;left:-20px;}
.prcontain .module.left {float: none;margin:0 auto;margin-bottom: 20px;}
.prcontain .module .txt {padding:20px 10px 20px 10px;}
.prcontain .module .txt .item {margin-right: 10px;}
.person {width: 100%;line-height: 2em;}
.person.left {margin-right: 0;}
.intro-header .presenting {font-size:8vw;}
.intro-header .bns {font-size:4.5vw;}
.chapters {font-size:18px;width:90%;padding:20px;}
.chapters:before {font-size:30px;top:-40px;}
.slick-arrow {display:none !important;}
.intouch .content-contain .body-copy .bcleft, .intouch .content-contain .body-copy .bcright {width:100%;}
.intouch .content-contain .body-copy .bcright {margin: 30px 0;}
.the-book {display:none;}
}
@media only screen and (max-height : 680px) {
	.chapters:after {display:none;}
}
@media only screen and (max-width : 567px), screen and (max-width : 667px) and (orientation : portrait) {
.page-menu {font-size:24px;}
.s111.cl {padding-bottom:40%;}
.contentcontain.tc1.cl {padding-bottom: 40%;width:320px;}
.contentcontain.cc1 {padding: 60px 0 0 0;}
.prices .contentcontain.cc1 {padding:0;}
.s111, .s111.serv, .contentcontain.cc1.s2bg, .contentcontain.cc1.s4bg, .contentcontain.cc1.s6bg {background-attachment: scroll;}
.wings {margin-top:-40px;}
.plane {width:35%}
.lwing, .rwing { -webkit-animation: none;animation:none;}
.logo, .logo img {width:200px;}
.logo {margin-top: 23px;}
.topcenter {bottom:10px;}
.home .topcenter {height:90vh;}
.godown {bottom:12%;}
.home .cb-content {bottom:10%;}
.topcenter h1 {font-size: 30px;line-height: 30px;}
.front .topcenter h1 {font-size:12vw;line-height: 12vw;}
.front .topcenter h1 span {font-size: 4vw;line-height: 4vw;}
.mmenu.active {padding:60px 0 20px 0;}
/* .contentcontain, .prices .contentcontain {max-width: 300px;} */
.contentcontain .intro {padding:0;margin: 10px 0 0 0;}
.contentblock {width: 300px;}
.contentblock img {width:300px;}
.contentblock h1 {font-size: 26px;line-height: 26px; letter-spacing: 0;}
.contentblock.visual {padding-bottom: 30px;}
.columncontain, .clients .contentcontain, .contentcontain.tc1 {width: 320px;}
.clients .columncontain {padding:40px 0 40px 0;}
.clientlogobg {padding:0;}
.clientlogos img {width: 100px;margin:0 20px 0 20px;}
.nomobile {display: none;}
.mobile {display: inline;}
.menuitems {display:none;}
.cb, .cb.cb6 {margin: 20px 0 0 0;padding:0 0 30px 0;}
.infocontain {width:280px;}
.header-img, .s2#press, .s1.meet, .s5 {height:540px;}
.preheadtxt {font-size:14px;width:60%;min-width: 200px;left:20%;bottom:12%;}
.text-card:not(.text-card.text-card-rm) {width:75%;top:15%;left:50%;margin-left:-38%;text-align: center;}
.text-card.text-card-pm {font-size: 16px;line-height: 18px;}
.sectioncontain {width:280px;height:auto;top:20px;left:50%;margin:0 0 0 -140px;}
.sectionimg {width:280px;height:140px;}
.sectionimg img {width:280px; height:140px;}
.text-card.text-card-rm {width:280px;text-align: left;}
.svc .sectioncontain .text-card.text-card-r h1 {font-size:36px;line-height: 36px;}
.text-card p {font-size:13px;line-height:17px;}
.video-overlay, .wvideo-overlay {width:88.889%}
.mobile-watch, .mwatch {margin:11px 7% 30px 7%;font-size:16px;line-height:16px;padding:5px;display:block;}
.s1 {height:210px;}
.s1-inner {padding-top: 0;width:300px;margin:0 auto;}
.s1 h2 {font-size:18px;line-height:20px;}
.s1-expand {top:62px;left:5px;width:300px;height:168px;}
.s1-expand-txt {font-size:15px;font-weight:300;line-height:16px;width:200px;left:80px;top:5px;}
.s1-expand h2 {font-size:15px;line-height:16px;font-weight: 600;}
.s1-expand img {width:70px;height:70px;}
.pillars {margin-top:10px;}
.s1-pillar {padding-right:15px;}
.s1-pillar img {width:47px;height:47px;}
#articledetail {left:0px;}
.s2-inner, .s6 {padding-bottom: 50%;}
.s2-inner .vidtext {position:absolute;top:20px;right:80px;font-size:20px;line-height:21px;text-align:right;width:200px;}
.s2-inner .vidtext a {display:none;}
.s5-inner .elogo {display:none;}
.s5-inner {width:320px;}
.s5-inner .address {width:300px;margin-left:20px;}
.address {margin-top:30px;}
.address-block {margin:30px 0 0 0;}
.address-block img {margin-bottom:20px;}
.address h2 {margin:20px 0 0 0;}
.follow {right:40%;}
.mbreak {display: inline;}
.dbreak {display: none;}
.s6 {padding-bottom: 100%;}
.storefront {display: none;}
#buybuy.s2 .container {width:280px;}
#buybuy.s2 .container h2 {font-size:20px;line-height: 28px;margin:30px 0 0 0;}
#filtermenu {margin-bottom: 0px;}
.overview {width:280px;margin:40px 0 0 0;}
.imghold img {width: 280px;height:210px;}
.pthumbs {width:300px;}
.s2 .thumbnail {margin: 0 11px 32px 0;}
.centercontent {width:280px;}
.detailhead p.ptitle {font-size:18px;line-height: 18px;}
.doviewcontain, .request {width:280px;}
.dleft {width:280px;}
.pimg img {width:280px;}
#getinfo form {position: relative;left:-20px;}
#getinfo textarea {width:160px;}
.centercontentba {width:280px;}
#featured, .centercontentba div.orbit-wrapper, .centercontentba div.orbit, .centercontentba div.content { width: 280px !important; height: 596px !important;}
.centercontentba div.content img {width: 280px !important;height: 294px !important;}
.fmapintro {display:none;}
.s2.folio .thumbnails {max-height: 708px;}
.s2.folio .thumbnail {margin: 0 11px 11px 0;}
#selected, .photos div.orbit-wrapper, .photos div.orbit, .photos div.content, #folio .photos { width: 280px !important; height: 171px !important;}
#selected img {width:280px !important;height: 171px !important;}
.photos div.slider-nav span {width:39px !important;height: 50px !important; background-size: 39px 50px !important;margin-top: -25px;}
.legal-copy {width:300px;margin-left:-150px;}
.person {line-height: 1.2em;}
.cinfo {padding:0 0 60px 0;}
.infocontain .infos {padding-top: 10px;}
}