@charset "utf-8";

.wf-loading h1, .wf-loading h2, .wf-loading h3, .wf-loading h4, .wf-loading li, .wf-loading p { visibility: hidden; }
.wf-active h1, .wf-active h2, .wf-active h3, .wf-active h4, .wf-active li, .wf-active p { visibility: visible;  }

/* Mobile Layout:480px and below. */
body { margin:0; padding:0; }
html { font-size: 75%; font-family: myriad-pro; }
body, p, li { font-family: myriad-pro; font-weight:400;  }
p { line-height: 120%; font-size: 1.5em;  }
a:link, a:active, a:visited, a:hover { text-decoration: none; }
ul { list-style: none; line-height: normal; margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { letter-spacing: -0.0300em; margin:0; padding:0; display:block; text-transform:capitalize; line-height:93%; }
.fancybox-title { line-height: 100%; font-size: 2.0em; color: #FFFFFF; }
.ie6 img { width:100%; }
.ns { margin-bottom:0; }
#section1 ul li, #sectionA ul li, #section2 ul li { font-size: 1.5em; font-family: myriad-pro; line-height: 100%; margin-bottom: 7px; }

/* FLUID and LAYOUT */
.fluid, .OUTER, .BG, .wrapper, .col, .col1, .col2, .col3, .col4, .col5, .colA, .colB, .colC, .block, .quote, nav, .clientlogos, .videoB { width: 100%; margin-left: 0%; height: auto; display: block; position: relative; clear: both; float: left; margin:0; padding:0; }
.tableH { display: table; width: 100%; table-layout:fixed; }
.pad { display:block; width:auto; padding-left:10px; padding-right:10px; }
.cols .pad  { padding-left:0px; padding-right:0px; }
.line { display: block; width: auto; clear:both; }
.inner { display: block; width: auto; padding-left:15px; padding-right:15px; }
.Hinner { display: block; width: auto;  }
h1, h2, h3, h4 { font-family:aller; text-transform:none; }
h3 { line-height:100%; }
.large { font-size:1.5em; }

/* PARALLAX AND SCROLL */
.parallax { width: 100%; margin-left: 0%; display: block; margin:0; padding:0; position: relative; clear: both; float: left; height:auto !important; }
.parallax-mirror { display:none;  }

/* ARROWS AND TILT AND outer PADDING */
#sectionA .OUTER, #section1 .OUTER, #section2 .OUTER { margin-top:30px; margin-bottom:40px; }
#section3 .OUTER { padding-top:30px; padding-bottom:30px; }
#FOOTER .OUTER { padding-top:10px; padding-bottom:30px; }
.tilt:after, .tilt:before { display:block; position:absolute; z-index:800; background-repeat:no-repeat; background-position:left top; content: ""; width:100%; left:0px; margin:0px; padding:0; background-size:cover;  }
.tilt:before { height: 20px; top: -19px;  }
.tilt:after { height: 20px; bottom: -19px;  }
.tilt.orange:before { background-image: url(/IMAGES/graphics/OrangeTop.svg); }
.tilt.orange:after, .tilt.linkT:before, .opposite .tilt.linkT:before { background-image: url(/IMAGES/graphics/OrangeBottom.svg); }
.tilt.grey:before, .pages.caseP .tilt.grey:before { background-image: url(/IMAGES/graphics/GreyTop2.svg); }
.tilt.linkT:before { height:20px; top:-2px; }
.tilt.linkT:after { background-image: url(/IMAGES/graphics/GreyBottom.svg); z-index:900; bottom:auto; top: -2px; }
.tilt.linkT:before, .tilt.linkT:before { background-image: url(/IMAGES/graphics/GreyBottom2.svg);}
.tilt.linkT:after, .tilt.linkT:after { background-image: url(/IMAGES/graphics/OrangeBottom2.svg); z-index:750; }
.opposite .tilt.linkT.tilt:after { background-image: url(/IMAGES/graphics/GreyBottom.svg); z-index:750;  }
#FOOTER.tilt:before { background-image: url(/IMAGES/graphics/FooterTop.svg); }
#FOOTER.tilt:after { display:none; }
.pages .tilt.grey:before { background-image: url(/IMAGES/graphics/GreyTop.svg); }
.home #section2:after { display:none; }
.tilt.NTA:after { display:none !important; }
.tilt.NTB:before { display:none !important; }
a.arrow  { display:inline-table; position:absolute; right:50%; width:50px; height:50px; margin-right:-25px; top:-40px; z-index:999; text-align:center; padding-top:0px; padding-bottom:0px; border-radius:99px; border: 2px solid #FFFFFF; line-height:1; opacity: 0.75; color: white; vertical-align:middle;  }
a.arrow:hover { opacity:1.0; background-color:#FFFFFF; }
a.arrow:after { display:inline-block; content:""; position:absolute; top:6px; left:50%; width:26px; height:26px; margin-left:-13px; border-right:2px solid #FFFFFF; border-bottom:2px solid #FFFFFF; -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg);  }
a.arrow:hover:after { border-color:#ff6b00; }
#FOOTER a.arrow:after { border-right:none; border-bottom:none;  border-left:2px solid #FFFFFF; border-top:2px solid #FFFFFF; top:18px;  }
#FOOTER a.arrow:hover:after { border-right:none; border-bottom:none; border-color:#ff6b00; }
a.CallToAction { display:table; width: auto; border: 1px solid #FFFFFF; padding: 9px 12px 8px; font-size: 1.5em; margin-right: auto; margin-top:20px; margin-left:0px; }

/* MAIN */
#intro { z-index:0; }
#sectionA { z-index:100; }
#section1 { z-index:200; }
#section2 { z-index:300; }
#section3 { z-index:100; }
#linkBK { z-index:400; }
#teamBK { z-index:500; }
#FOOTER { z-index:900; }
.double #sectionA { z-index:350; }
.coaching #sectionA { z-index:350; }
.coaching #sectionA .OUTER { margin-top:30px; margin-bottom:0px; }

/* HEADER */
#HEADER { z-index:9999 !important; text-align:center; }
#HEADER .OUTER#lz { z-index:1;  }
#HEADER .col1 img { display:inline-block; max-width:90%; margin-bottom:20px; }
#HEADER h4 span { display:block; }
#HEADER .LOGO { display:block; }
#HEADER .LOGO img { display:inline-block; max-width:160px; height:auto; margin-top:30px; padding-bottom:30px; }
#HEADER .LOGO .LT { display:none;  }

/* INTRO */
#intro { text-align:center; background-size: cover; background-position: center center;   }
.wrapper { background-size: cover; background-position: center center; }
#intro .tb { display: block; z-index: 999; padding-top: 80px; padding-bottom: 120px; height: auto;  }
#intro .tb h1 { display: inline-block; text-transform: uppercase; line-height:normal; margin-right:-30px;  }
#intro .tb h1 div { font-size: 3em; font-weight: 400; display: block; color: #ff6b00; line-height: 90%; vertical-align: bottom; }
#intro .tb h1 div div { font-size: 1em; display: block; float: right; line-height: 40%; position: relative;  }
#intro .tb h1 div div span { display: block; position: absolute; font-size: 0.2em; color: #FFFFFF; top: -1.5em; font-weight: 300; right: 100%; margin: 0px; text-align: right; width: 600px; opacity:1; }
#intro .tb h1 img { display:inline-block; position:relative; width:auto; height:1.4em; margin-left:10px; margin-top:-10px; margin-right:10px; }

/* GRAPHICS BLOCK */
.Gblock h3 { font-size: 1.8em; color: #FFFFFF; border: 1px solid #FFFFFF; width: auto; display: inline-block; padding: 11px 15px 10px; font-weight:600;  }
.Gblock .block { text-align:left; margin-bottom:20px; }
.Gblock .block .inner { padding-left: 0px; padding-right: 0px; }
.Gblock .block .inner:after { display: block; border-top: 1px dotted #FFFFFF; width:auto; height:1px; content:""; opacity:0.3; }
.Gblock .block .inner.nl:after { display: none; }
.Gblock p { font-size:1.5em; font-family: myriad-pro; }
.Gblock ul li a:before { display:inline-block; content:"-"; margin-right:4px; margin-left:-10px; float:left; }
.home .Gblock h3, .coaching .Gblock h3 { border: none; padding: 0;  }
.home .Gblock a, .coaching .Gblock a, a.sl  { display:inline-block; width:auto; padding:2px 10px 3px; font-size:1.4em; margin-top:-5px; margin-bottom:20px; position:relative; border:1px solid #FFFFFF; color:#FFFFFF; }
.home .Gblock a:hover, .coaching .Gblock a:hover, a.sl:hover { background-color:#FFFFFF; color:#ff6b00; }
.pages .Gblock h3 { margin-bottom: 10px;  }
.pages.coaching .Gblock h3 { margin-bottom:0px;  }
.pages.coaching .Gblock { margin-top:30px;  }

/* page 1 intro */
.pages #TopI .OUTER { height:260px;  }
.pages #TopI .parallax { height: auto!important;  }
.pages #TopI h1 { display:block; font-size: 2.7em; font-weight:400; text-align:left; color: #FFFFFF; z-index:99; margin-top:40px; }
#TopI { background-position: center center; background-size: cover; }
.team #TopI { background-position: center 0px; background-size: auto 130%; background-repeat: no-repeat; }

/* COLUMNS */
.cols#links { display:table-footer-group; float:none; clear:none; }
.cols#Tmain { display:table-header-group; float:none; clear:none; }
.tableH .pad { padding-left:0px; padding-right:0px; }
#links:before { display: block; border-top: 1px dotted #575756; width:auto; height:1px; content:""; opacity:0.3; margin-top:30px; margin-bottom:15px; }
#section1 h4 { display:none; }
#sectionA h1, #section1 h1, #section2 h1 { font-size:2.5em; font-weight:300; margin-bottom:10px; }
h1 span { opacity:0.5; display:block; font-size:0.7em; }
#sectionA h2, #section1 h2, #section2 h2, #section3 h2 { font-size:2.5em; font-weight:300; margin-bottom:0px; margin-top:30px; }
#sectionA h2 span, #section1 h2 span, #section2 h2 span, #section3 h2 span { opacity:0.5; }
.cols h3 { font-size:1.8em; margin-top:10px; margin-bottom:10px; border:none; width:auto; display:inline-block; font-weight:600; padding-left:0; padding-right:0; margin-left:0px;  }
.cols h3.ms { margin-top:20px; margin-bottom:-40px; }
.cols li { font-size: 1.5em; text-align:left; } 
.cols ul { display:block; margin-left:10px; }
.cols ul li:before { display:inline-block; content:"\2022"; font-family:arial; font-weight:600; margin-left:-10px; float:left; margin-right:5px; font-size:1.1em; }
.cols ul.links li:before { content:">"; font-family: myriad-pro; font-size:0.8em;   }
.cols ul.links li { font-weight:600; }
.cols#Tmain ul li a { opacity:0.6; padding-left:3px; padding-right:3px; margin-left:-3px; margin-right:-3px; }
.cols#Tmain ul li a:before { content:"("; display:inline-block; margin-right:4px; }
.cols#Tmain ul li a:after { content:")"; display:inline-block; margin-left:4px; }
.cols#Tmain ul li a:hover { opacity:1.0; }
.cols#Tmain ul.links li a:before, .cols#Tmain ul.links li a:after { display:none; }
.cols ul li a { text-decoration:underline; padding-left:3px; padding-right:3px; margin-left:-3px; margin-right:-3px }
.cols ul.links li a { text-decoration:none; }
.cols ul li a:hover { text-decoration:none; background-color:#FFFFFF; }
.cols p a { opacity:0.8; text-decoration:underline; }
.cols p a:hover { opacity:1.0; text-decoration:none; }
.orange .cols p a { color: #FFFFFF; }
.grey .cols p a, .grey .cols ol li { color: #575756; }
.orange { background-color: #ff6b00; }
.orange .cols ul li a:hover { background-color:#FFFFFF; color:#ff6b00; }
.orange p, .orange h1, .orange h2, .orange h3, .orange ul li, .orange ul li a, .orange ul li a { color: #FFFFFF; }
.orange ul li a:hover { color:#575756; }
.grey { background-color: #DAD9CA; }
.grey p, .grey h1, .grey h2, .grey h3, .grey ul li, .grey ul li a, .grey ul li a:hover { color:#575756; }
.Tintro p { display:block;  }
.Tintro p:after { display:block; content:""; width:100%; height:10px; border-bottom: 1px dotted #FFFFFF; opacity:0.5; margin-bottom:-10px; }
.Tintro p.nl:after { display:none;  }
.grey .Tintro p:after { border-bottom: 1px dotted #575756;  opacity:0.2; }
.cols ol { display: block; margin-left:-20px; }
.cols ol li { margin:0;  } 
.cols ol li:before { display:none; }


/* sidelinks and main text */
#links ul li { margin-bottom:9px; line-height:100%;  }
#links ul li a { color: #FFFFFF; font-style:italic; font-weight:400;  }
#links ul li a:hover { color: #ff6b00; background-color:transparent; }
#links ul li.selected a { color: #575756; font-style:normal; font-weight:600; }
#links ul li:before { display: inline-block; content: "-"; margin-right: 4px; margin-left: -10px; float: left; color: #FFFFFF; }
.cols#links ul li:before { font-family:myriad;  }
.orange #links ul li a, .orange #links ul li:before { opacity:0.7; }
.orange #links ul li { margin-bottom:0; }
.orange #links ul li a { display:block; width:100%; padding-top:4px; padding-bottom:4px;  }
.orange #links ul li a:hover { color:#ff6b00; opacity:1.0; background-color:#FFFFFF; }
.orange #links ul li.selected a { color:#ff6b00; font-style:normal; opacity:1.0; font-weight:600; background-color:rgba(255,255,255,0.80); }
#links ul li.Chome { margin-top:20px; }
#links ul li.Chome a { font-style:normal;  }
#links ul li.Chome:before { display:none; }
.landing #links ul li.Chome { display:none !important; }
.landing ul li.Chome { display:none !important; }
a.CallToAction { border-color:#575756; color:#575756; }
a.CallToAction:hover{ background-color:#575756; color:#DAD9CA;  }
.orange a.CallToAction { border-color:#FFFFFF; color:#FFFFFF; }
.orange a.CallToAction:hover{ background-color:#FFFFFF; color:#ff6b00;  }

/* services */
.services .cols h3 { display: block; }
.services .cols h3:before { display: block; border-top: 1px dotted #FFFFFF; width: auto;  height: 1px; content: ""; opacity: 0.3; margin-bottom:15px; margin-top:-6px; }
.services .cols h3.nlm:before { display: none;  }

/* case studies */
.casestudies #section1 h2 { font-size:2.5em; }
.caseblock:after { display: block; border-top: 1px dotted #FFFFFF; width:auto; height:1px; content:""; opacity:0.3; margin-top:20px; margin-bottom:15px; } 
.caseblock.nl:after { display: none;  }   

/* learning development index */
.LDi #section1 .Gblock ul { smargin-left: 10px; margin-bottom:15px; }
.LDi #section1 .Gblock ul li { display: block; margin-bottom:-2px; }
.LDi #section1 .Gblock ul li a { display: inline-block; padding: 5px 5px; }
.LDi #section1 .Gblock ul li a:hover { background-color:#FFFFFF; color: #ff6b00; }
.LDi #section1 .Gblock ul li a:hover:before { color: #FFFFFF; }
.LDi #section1 .Gblock ul li.Chome { display:none; }

/* SOLUTIONS LINKS */
ul.linkD  { display:block; margin-bottom:25px; }
ul.linkD li { border-bottom: 1px dotted rgba(255,255,255,0.50); }
ul.linkD li a { display: block; padding: 5px 5px; }
ul.linkD li a:hover { background-color:#FFFFFF; color: #ff6b00; }
#section1 ul.linkD li { margin:0; }

/* client logos */
.clientlogos { margin-top:10px;  margin-bottom:0px;  }
.clientlogos div { display: inline-table; margin-right:10px; margin-bottom:10px; height: auto; width: 50px; opacity:0.2; vertical-align:middle; text-align:center;  }
.clientlogos div span { display:table-cell; height:auto; width:50px; vertical-align:middle;  }
.clientlogos img { display:inline-block; width:50px; height:auto; max-width:100%; max-height:89px;  }
.clientlogos div:hover { opacity: 1.0; }
.clientlogos a { display: inline-block; width: auto; font-size: 1.6em; border: 2px solid rgba(87,87,86,0.50); padding: 10px; color: #575756; margin-top: 20px;  }
.clientlogos a:hover { background-color: #575756; color: #DAD9CA; }
.clientlogos div.clear { clear:both !important; display:block!important; background-color: transparent; width:auto; height:auto; }

/* FOOTER */
#FOOTER { background-color: #FFFFFF; }
#FOOTER .tableH { display:table; width: 100%; table-layout:fixed; float:none; clear:none; }
#FOOTER .col:nth-child(1) { display:table-row; height:1px; }
#FOOTER .col:nth-child(2) { display:table-header-group; display:table-row; float:none; clear:none;  }
#FOOTER .col:nth-child(3) { display:table-footer-group; float:none; clear:none; }
#FOOTER .col:nth-child(4) { display:table-row; float:none; clear:none; }
#FOOTER .col:nth-child(1) img { display:none; }
#FOOTER h4 { display: block; font-size: 1.8em; color: #ff6b00; text-transform: uppercase; margin-top: 30px; margin-bottom: -5px;  }
#FOOTER p { font-size: 1.5em; color: #6E6E6D; }
#FOOTER strong { font-size: 1.1em; }
#FOOTER strong.tel, #FOOTER strong.tel a { display:block; color:#6E6E6D!important; text-decoration:none; }
a[href^=tel] { color:#6E6E6D!important; text-decoration: none; }
#FOOTER strong.tel:first-of-type { margin-top:10px; }
#FOOTER .col:nth-child(2) .tel { display:block; margin-top:10px; margin-bottom:0px; }
#FOOTER ul { display: block; margin-top: 12px; margin-left: -4px; margin-right: 30px; }
#FOOTER ul li { display:inline-block; margin-top:1px; }
#FOOTER ul li a { font-size: 1.3em; color: #6E6E6D; padding: 3px 4px; text-transform: uppercase; display: inline-block; line-height:100%; }
#FOOTER ul li a:hover { background-color: #ff6b00; color: #FFFFFF; }
#FOOTER li.selected a { color: #FFFFFF; background-color: #ff6b00; }
#FOOTER .twit { margin-top:20px; position:relative;  }
#FOOTER .twit:after { position:absolute; content:""; display:block; bottom:0px; left:0px; width:100%; height:100px; z-index:10; background-image:-webkit-linear-gradient(270deg,rgba(255,255,255,0.00) 0%,rgba(255,255,255,1.00) 100%); background-image:-moz-linear-gradient(270deg,rgba(255,255,255,0.00) 0%,rgba(255,255,255,1.00) 100%); background-image:-o-linear-gradient(270deg,rgba(255,255,255,0.00) 0%,rgba(255,255,255,1.00) 100%); background-image:linear-gradient(180deg,rgba(255,255,255,0.00) 0%,rgba(255,255,255,1.00) 100%); }
#FOOTER .media a { opacity:1; width:33px; height:33px;  }
#FOOTER .media a:hover { -webkit-box-shadow: inset 0px 0px 7px rgba(0,0,0,0.50); box-shadow: inset 0px 0px 7px rgba(0,0,0,0.50); }
#FOOTER .media a:nth-child(1) { background-color:#33CCFF; border:none; }
#FOOTER .media a:nth-child(2) { background-color:#4875B4; border:none; }
#FOOTER .media a:nth-child(3) { background-color:#3B5998; border:none; }
#FOOTER p span a { color:#6E6E6D; text-decoration:none; }
#FOOTER p span a:hover { color:#6E6E6D; text-decoration:underline; }

/* LINK BLOCKS */
.BLK .imageB { display:block; max-width:100%; min-width:auto; position:absolute; top:0px; left:0px; z-index:1; width:100%; height:100%; background-position:center top; background-size:cover; opacity:0.4; }
.BLK:hover .imageB { opacity:0.1;  }
.BLK .tbl, .BLK .tbl h4, .BLK .tbl p, #linkBK .OUTER, #teamBK .OUTER  { -webkit-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; }
.BLK .tbl h4 { display: inline-block; font: 600 1.8em myriad-pro; color: #FFFFFF; margin-top: 0px; border: 1px solid #FFFFFF; width: auto; padding: 11px 10px 10px; max-width:80%; }
.BLK { display:block; position:absolute; width:100%; -webkit-transition: all .5s ease-in-out 0s; -o-transition: all .5s ease-in-out .1s; transition: all .5s ease-in-out 0s; background-color: #ff6b00; text-align: center; overflow: hidden; border-bottom: 1px solid rgba(255,255,255,0.30); }
.BLK .tbl { display: table; width: 100%; table-layout:fixed; position: absolute; top: 0px; left: 0px; z-index: 999; vertical-align:middle; }
#linkBK { background-color: #ff6b00; }
#linkBK .OUTER { position:relative; height:1100px; }
#linkBK .BLK, #linkBK .BLK .tbl { height: 220px;  }
#linkBK .BLK .tbl div { display:table-cell; width:100%; height:auto; margin:0; vertical-align:middle; }
#linkBK .BLK#b1 { z-index:1;  top:0px;    left:0px; }
#linkBK .BLK#b2 { z-index:2;  top:220px;  left:0px; }
#linkBK .BLK#b3 { z-index:3;  top:440px;  left:0px;  }
#linkBK .BLK#b4 { z-index:4;  top:660px;  left:0px;  }
#linkBK .BLK#b5 { z-index:5;  top:880px;  left:0px; }
#linkBK #b1 .imageB { background-image: url(../IMAGES/links/learning-and-development.jpg); }
#linkBK #b2 .imageB { background-image: url(../IMAGES/links/coaching.jpg); }
#linkBK #b3 .imageB { background-image: url(../IMAGES/links/consultancy.jpg); }
#linkBK #b4 .imageB { background-image: url(../IMAGES/links/psychometric-tools.jpg); }
#linkBK #b5 .imageB { background-image: url(../IMAGES/links/team-building.jpg); }

/* TEAM BLOCKS */
.team h2.ac { display:none; }
#teamBK { background-color: #ff6b00; z-index: 1; overflow:hidden; }
#teamBK .OUTER { position:relative; height:1320px; }
#teamBK .BLK { display: block; position: absolute; width: 100%; height: 220px; -webkit-transition: all .5s ease-in-out 0s; -o-transition: all .5s ease-in-out .1s; transition: all .5s ease-in-out 0s; background-color: #ff6b00; text-align: center; overflow: hidden; border-bottom: 1px solid rgba(255,255,255,0.30); }
#teamBK .BLK .tbl, #teamBK .BLK .tbl h4, #teamBK .BLK .tbl p, #teamBK .OUTER  { -webkit-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; }
#teamBK .BLK .tbl { display: table; width: 100%; table-layout:fixed; height: 220px; position: absolute; top: 0px; left: 0px; z-index: 999; vertical-align:middle; }
#teamBK .BLK .tbl div { display: table-cell; width: 100%; height: auto; margin: 0; vertical-align:middle; }
#teamBK .BLK .tbl h4 { display: inline-block; font: 600 1.8em myriad-pro; color: #FFFFFF; text-transform: capitalize; margin-top: 0px; border: 1px solid #FFFFFF; width: auto; padding: 11px 10px 10px; max-width:80%; }
#teamBK .BLK#b1 { z-index:1;  top:0px;     left:0px; }
#teamBK .BLK#b2 { z-index:2;  top:220px;   left:0px; }
#teamBK .BLK#b3 { z-index:3;  top:440px;   left:0px; }
#teamBK .BLK#b4 { z-index:4;  top:660px;   left:0px; }
#teamBK .BLK#b5 { z-index:4;  top:880px;   left:0px; }
#teamBK .BLK#b6 { z-index:4;  top:1100px;   left:0px; }
#teamBK #b1 .imageB { background-image: url(../IMAGES/team/Sara.jpg); }
#teamBK #b2 .imageB { background-image: url(../IMAGES/team/Helen.jpg); }
#teamBK #b3 .imageB { background-image: url(../IMAGES/team/Kathryn.jpg); }
#teamBK #b4 .imageB { background-image: url(../IMAGES/team/Gary.jpg); }
#teamBK #b5 .imageB { background-image: url(../IMAGES/team/Jessica.jpg); }
#teamBK #b6 .imageB { background-image: url(../IMAGES/team/TopDog.jpg); }

/* QUOTE TESTIMONIALS */
.quote { border-top: 1px dotted rgba(255,255,255,0.30); margin-top: 10px; }
.quote p { display: inline-block; margin-left: 25px; margin-right:25px; }
.quote p span { position: relative; display: block; font-weight: 300; font-size: 1em; }
.quote p span:before, .quote p span:after { font: 4em arial; color: #FFFFFF; position: absolute; display: block; opacity:0.4; }
.quote p span:before { content: "\201C"; top: 0px; left: -25px; line-height: 85%; }
.quote p span:after { content: "\201D"; bottom: -10px; right: -25px; line-height: 0%; }
.quote h6 { display: block; margin-top: -12px; font-weight: 600; font-size: 1.8em; color: #FFFFFF; margin-left: 25px; margin-right:25px; letter-spacing:normal; line-height:110%; }
.quote h6 span { font-weight:normal; text-transform:none; }

/* social media */
.media { display:block; width:auto; height:auto; }
.media a { display:inline-block; width:28px; height:28px; border-radius:99px; border:1px solid #FFFFFF; background-position:50% 50%; opacity:0.7; position:relative; z-index:999; background-repeat:no-repeat; }
.media a:nth-child(1) { background-image: url(../IMAGES/logos/t.png); margin-right: 2px; }
.media a:nth-child(2) { background-image: url(../IMAGES/logos/li.png); margin-right: 2px; }
.media a:nth-child(3) { background-image: url(../IMAGES/logos/f.png); }
.media a:nth-child(1):hover { background-color:#33CCFF; border-color:#33CCFF; }
.media a:nth-child(2):hover { background-color:#4875B4; border-color:#4875B4; }
.media a:nth-child(3):hover { background-color:#3B5998; border-color:#3B5998; }
.media div a:hover { opacity: 1.0; }
#HEADER .media { display:none; }

/* CONTACT FORMS */
form { padding-top: 10px; padding-bottom: 30px; width:100%; }
label { display:block; font-size: 1.7em; font-weight:400; color: #FFFFFF; border: none; width: auto; padding: 0px;  margin-top:12px; margin-bottom:0px; }
label.PreRadio { margin-bottom:0px; }
input, textarea, select { display:block; font-family:myriad-pro; width:97%; padding:8px; font-size:1.6em !important; font-weight:400; border: none; background-color: #FFFFFF; border-radius: 3px; text-align:left;  }
form span { font-size:1.4em;  }
form .radio { display:inline-block; width: auto; margin-right:15px; margin-left:5px; }
form .checkbox { display: inline-block; width: auto; margin-right:15px; margin-left:5px;  }
select { width:102.5%; }
textarea::-webkit-input-placeholder  { font-size: .8em;  }
textarea:-moz-placeholder { font-size: .8em; }
input::-webkit-input-placeholder  { font-size: .8em;  }
input:-moz-placeholder { font-size: .8em;  }
input[type=submit] { font-size: 1.7em; font-weight: 600; display: inline-block; clear: both; width: auto; margin-top: 14px; font-style: myriad-pro; color: #4F4F4F; padding: 10px 8px !important;   }
input:hover, textarea:hover, textarea:focus, input:focus { opacity: 1.0; background-color: #FFFFFF; -webkit-box-shadow: inset 0px 0px 3px rgba(0,0,0,0.20); box-shadow: inset 0px 0px 3px rgba(0,0,0,0.20); outline: none!important;  }
input[type=submit]:hover { background-color: #C02D2F; color: rgba(255,255,255,1.00); }
.contact #section1 strong.tel { display:block; font-size:1.3em }
.contact .el { color:#FFFFFF; text-decoration:none; }
.contact .el:hover { color:#FFFFFF; text-decoration:underline; }

/* CONTACT FORMS THANKYOU PAGE */
.webform-results { font-size:1.5em; color:#575756; }
.webform-results a:link, .webform-results a:active, .webform-results a:visited { color:#575756; text-decoration:underline; }
.webform-results a:hover { color:#575756; text-decoration:none; }
.webform-results strong:after { display:inline-block; margin-right:5px; content:":"; }
.webform-results #title strong { display:block; color:#575756; font-family:aller; font-size:1.4em; font-weight:300; margin-bottom:5px; }
.webform-results #title strong:after { display:none;  }
.webform-results br {  }
#name br, #email br, #casenumber br, #homephone br, #customfields br { display:none; }
.capt { display:inline-block; width:auto; text-align:center; margin-top:20px; }

/* VIDEO */
.videoB { width:100%; height:auto; overflow: hidden !important; margin-top:30px; margin-bottom:20px;  }
.videoB video { width:100%; height:auto; }
.videoB iframe { width:100%; min-height:250px; height:auto;  }

/* images */
.LM { display:block; margin-bottom:10px; padding-left:10px; padding-bottom:10px; max-width:80px; height:auto; position:relative; z-index:10; margin-top:10px; }
.LM img { max-width:100%;  }
.sideL { display:none; }
.images { display:block; margin-bottom:10px; margin-left:20px; float:right; max-width:40%; height:auto; opacity:0.6; }
.images img { max-width:100%;  }
.images:hover { opacity:1; }
a.pdf { opacity:1; display:block; width:auto; max-width:50%; }
a.pdf img { max-width:100%; }
a.pdf:hover {  opacity:0.6; }

/* COPYRIGHT EMEDIA LINK */
div#copy { color: #6E6E6D; display:block; width:100%; margin-top:20px; }
div#copy p { font-size:13px; }
div#copy p small { display:block; line-height:1.1em; margin-top:5px; opacity:0.7; }
div#copy a { display: inline-block; color: #6E6E6D; text-decoration: none; opacity:0.7; }
div#copy a img { width:46px; height:16px; display:inline-block; margin-left:4px; margin-top:-2px;  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter: gray; -webkit-filter: grayscale(100%); opacity:0.7; }
div#copy a:hover { opacity:1; }
div#copy a:hover img { filter:none; -webkit-filter:grayscale(0%);  }

/* NAVIGATION MOBILE */
#nav { display:none; }
.iconB { display:none; }
.mm-is-menu li > a, .mm-is-menu li > span {  text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block; padding: 0; margin: 0; }
html.mm-opened .mm-page { height: 100%; overflow: hidden; position: absolute; }
html.mm-background .mm-page { background: inherit; }
#mm-blocker { background: #fff; opacity: 0; display: none; width: 100%; height: 100%; position: absolute; z-index: 9999; }
html.mm-opened #mm-blocker, html.mm-blocking #mm-blocker { display: block; }
html.mm-opened .mm-page, html.mm-opened #mm-blocker, .mm-is-menu.mm-horizontal .mm-inner > ul { -webkit-transition: none 0.4s ease; -moz-transition: none 0.4s ease; -ms-transition: none 0.4s ease; -o-transition: none 0.4s ease; transition: none 0.4s ease; }
html.mm-opened.mm-dragging .mm-page { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; }
html.mm-opened.mm-dragging.mm-next .mm-menu, html.mm-opened.mm-dragging.mm-front .mm-menu { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; }
html.mm-opened .mm-page, html.mm-opened #mm-blocker { -webkit-transition-property: top, right, bottom, left, margin, border, -webkit-transform; -moz-transition-property: top, right, bottom, left, margin, border, -moz-transform; -ms-transition-property: top, right, bottom, left, margin, border, -ms-transform; -o-transition-property: top, right, bottom, left, margin, border, -o-transform; transition-property: top, right, bottom, left, margin, border, transform; border: none solid rgba(0, 0, 0, 0); }
html.mm-opening .mm-page, html.mm-opening #mm-blocker { border: none solid rgba(1, 1, 1, 0); }
.mm-is-menu.mm-horizontal .mm-inner > ul { -webkit-transition-property: margin-left; -moz-transition-property: margin-left; -ms-transition-property: margin-left; -o-transition-property: margin-left; transition-property: margin-left; }
html.mm-accelerated.mm-opening .mm-page, html.mm-accelerated.mm-opening #mm-blocker, html.mm-accelerated .mm-is-menu.mm-horizontal .mm-inner > ul.mm-subopened { -webkit-transform: translate3d( 0, 0, 1px ); -moz-transform: translate3d( 0, 0, 1px ); -ms-transform: translate3d( 0, 0, 1px ); -o-transform: translate3d( 0, 0, 1px ); transform: translate3d( 0, 0, 1px ); }
html.mm-opened .mm-page, html.mm-opened #mm-blocker { margin: 0px; left: 0%; top: 0; }
html.mm-opening .mm-page, html.mm-opening #mm-blocker { margin: 0 0 0 -60px; left: 100%; }
html.mm-opened .mm-page, .mm-menu, .mm-menu .mm-inner, .mm-is-menu ul, .mm-menu div.mm-search, .mm-menu div.mm-search input { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
html.mm-opened, html.mm-opened body { width: 100%; height: 100%; overflow: hidden; }
html.mm-opened body { position: relative; }
.mm-menu { display: none; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 0; overflow: hidden; }
.mm-menu.mm-opened { display: block; overflow: scroll; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; }
.mm-menu.mm-opened ~ .mm-menu.mm-opened { display: none; }
html.mm-opened .mm-pageOLD { box-shadow: 0 0 20px rgba( 0, 0, 0, 0.8 ); }
html.mm-no-overflowscrolling.mm-opened, html.mm-no-overflowscrolling.mm-opened body { overflow: visible; }
html.mm-no-overflowscrolling.mm-opened body { overflow-x: hidden; }
html.mm-no-overflowscrolling.mm-opened .mm-page { min-height: 200%; position: fixed; top: 0; z-index: 3; }
html.mm-no-overflowscrolling .mm-menu { height: auto; min-height: 100%; overflow: default; overflow-x: default; overflow-y: default; position: relative; left: auto; top: auto; }
html.mm-iphone-addressbar.mm-opened body { padding-bottom: 60px; }

/* MAIN MAIN MAIN MAIN */
#content { background-color: #FFFFFF; }
/*BUTTON*/
a.button { cursor: pointer; display: block; width: 100%; position: relative; padding: 10px 0px 9px; text-transform: uppercase; background-color: #333333; color: rgba(255,255,255,0.70); font-weight: 300; font-size: 1.7em; margin-top: 0px; border: none; font: bold 1.8em myriad-pro; text-align: center; }
a.button:hover { color: rgba(255,255,255,1.00); }
a.button div { display:inline-block; width:52px; height:45px; opacity:0.7; position:absolute; top:0px; left:0px; }
a.button div span { display:block; width:22px; height:3px; background-color:#FFFFFF; position:absolute; top:14px; left:13px; }
a.button div span:before, a.button div span:after { display:block; width:100%; height:3px; background-color:#FFFFFF; position:absolute; content:""; }
a.button div span:before { top:7px; }
a.button div span:after { top:14px; }
a.button:hover div { opacity:1; }
/* nav container padding - scoller width 17px  */
.mm-inner { width: 100%; height: 100%; padding: 0 43px 0 0; }
/* BACKGROUND COLOUR */ 
.mm-is-menu { background-color: #606060; }
.mm-is-menu ul { list-style: none; display: block; padding: 0; margin: 0; }
.mm-is-menu li { list-style: none; display: block; margin: 0; position: relative; padding: 3px 3px 0px; }
.mm-is-menu li a { display: block; -webkit-text-size-adjust: none; text-transform:none; color: #FFFFFF; font-size: 1.4em; padding: 9px 5px 8px; background-color: rgba(0,0,0,0.05); }
.mm-is-menu li a:hover { background-color: #ff6b00; }
.mm-is-menu li:last-of-type { margin-bottom:100px; }
/* selected */
.mm-menu li.mm-selected > a, .mm-menu li.mm-selected > span {  }
.mm-menu li.mm-selected > a.mm-subopen { background-color: #DFEC0E; }
/* Labels  */
.mm-menu li.label { font-size: 1.6em; color: #FFFFFF; display: block; padding: 15px 7px 0px; text-transform:uppercase; opacity:0.6; }


.sideL.DTL img { display:none; }
.mobileIDT { display:block; max-width:120px; height:auto;  }
.dtllinks:before { display:none!important; }







@media only screen and (min-width:250px) {  #intro .tb h1 div { font-size:3.5em;  }}
@media only screen and (min-width:270px) {  #intro .tb h1 div { font-size:3.7em;  }}
@media only screen and (min-width:300px) {  #intro .tb h1 div { font-size:4.0em;  }}
@media only screen and (min-width:400px) {  #intro .tb h1 div { font-size:5em;  }}





















/* Tablet Layout:481px to 768px. Inherits styles from:Mobile Layout. */
@media only screen and (min-width:481px) {
html { font-size:65%; }
body, p, li { font-family: myriad-pro; font-weight:300;  }
html, body { height:100%; }
.OUTER { width: 950px; min-width:950px; margin-left: auto; margin-right: auto; clear: both; float: none; height:auto;  }
.BG { min-width:950px;  }
.pad, #nav .pad { padding-left:20px; padding-right:20px; }
.inner { padding-left:20px; padding-right:20px; }
.Hinner { padding-left:20px; padding-right:20px; }
p { font-size: 1.7em; }
#section1 ul li, #sectionA ul li, #section2 ul li, .cols ol li { font-size: 1.7em; }

#HEADER { position:absolute; }
#intro, .pages #TopI .OUTER { height:600px !important;  }
.parallax { height:100% !important; z-index:50; max-width:100%; min-width:950px; background-image:none !important; }
.pages #TopI .parallax { height: auto!important;  }
.team #TopI { background-position: center top; background-size: 140% auto; }

/* ARROWS AND TILT AND outer PADDING */
#section1 .OUTER, #section2 .OUTER, #sectionA .OUTER { margin-top:20px; margin-bottom:10px;  }
#section3 .OUTER { padding-top:20px; padding-bottom:10px; }
.bmT#section1 .OUTER, .bmT#section2 .OUTER, .bmT#sectionA .OUTER, .bmT#section3 .OUTER { margin-top:140px; }
.bmB#section1 .OUTER, .bmB#section2 .OUTER, .bmB#sectionA .OUTER, .bmB#section3 .OUTER { margin-bottom:140px; }
.caseP .bmB#section1 .OUTER { margin-bottom:70px; }
#FOOTER .OUTER { padding-top:0px; padding-bottom:30px; }
.home #section1 .OUTER { margin-bottom:80px; }

.tilt:before { height: 70px; top: -67px;  }
.tilt:after { height: 70px; bottom: -67px;  }
.linkT.tilt:before, .linkT.tilt:after { height: 70px; top: -3px; }
#FOOTER.tilt:before { height: 50px; top: -47px; }

a.arrow  { top:-60px;  }
a.arrow { width:60px; height:60px; }
a.arrow:after { top:12px; left:50%; width:26px; height:26px; margin-left:-13px;  }
#FOOTER a.arrow:after { top:22px;  }
#FOOTER a.arrow  { top: -100px;   }
a.CallToAction { margin-top:30px; font-size:1.7em; margin-left:60px;  }

/* FLUID and LAYOUT */
#FOOTER .col:nth-child(1), #FOOTER .col:nth-child(2), #FOOTER .col:nth-child(3), #FOOTER .col:nth-child(4) { display:table-cell; clear:none; float:none; width:50%; vertical-align:top;  }
#FOOTER .col:nth-child(1) { width: 150px; }
#FOOTER .col:nth-child(1) img { width: 120px; }
#FOOTER .col:nth-child(2) { width: auto; }
#FOOTER .col:nth-child(3) { width: 250px; }
#FOOTER .col:nth-child(4) { width: 350px; }

/* HEADER */
#HEADER { background-color: transparent; z-index:999; text-align:left; overflow:visible; }
#HEADER .LOGO { position:absolute; top:50px; }
#HEADER .LOGO img { display:block; width:110px; margin-top:0px; padding-bottom:0px; }
#HEADER .LOGO .LM { display:none;  }
#HEADER .LOGO .LT { display:block;  }

/* INTRO */
#intro .tb { display: block; position: absolute; top: 50%; width: 100%; margin-top: -6em; padding-top: 0px; padding-bottom: 0px;  }
#intro .tb h1 div { font-size: 8em; line-height: 90%; }
#intro .tb h1 div div { font-size: 1em; line-height: 40%;  }
#intro .tb h1 div div span { font-size:0.2em; color: #FFFFFF; top:-1.5em;  width:600px; }
#intro .tb h1 img { height:1.4em; margin-left:10px; margin-top:-10px; margin-right:30px; }

/* page 1 intro */
.pages #TopI .OUTER { height:550px;  }
.pages #TopI h1 { display:block; font-size: 5.0em; position:absolute; left:0px; bottom:200px; text-align:left; color:#FFFFFF; z-index:99; margin-left:20px; }

/* SECTION1 */
#section1 { min-width:950px;  }
#section1 .OUTER { width: 950px; min-width:950px; margin-left: auto; margin-right: auto; clear: both; float: none; height:auto;  }
#section1 .Gblock { display: table; width: 910px; table-layout: fixed; margin-top: 20px; vertical-align: top; height:auto; }
#section1 .block { width: auto; float: none; clear: none; display: table-cell; vertical-align: top;  }
#section1 .block .inner { padding-left: 0px; padding-right: 0px;  }
#section1 .block .inner:after { display:none; }
#section1 .space { width: 20px; clear: none; display: table-cell; }

/* MAIN */
#sectionA h1, #section1 h1, #section2 h1 { font-size:3.5em; font-weight:300; }
#sectionA h2, #section1 h2, #section2 h2, #section2 h2 { font-size:3.5em; font-weight:300; margin-bottom:0px; margin-top:40px; }
#links h3 { display:none;  }
h2.ac { text-align:center; }

/* sidelinks and main text */
#Tmain ul:after { display:none;  }
#links ul { margin-top:20px; }

/* home and gblocks */
.home #section1 h1 { text-align:center;  }
.home .Gblock .clear, .services .Gblock .clear { display:none;  }
.home #section1 p { width:700px; margin-left:auto; margin-right:auto; text-align:center;  }
.home #section2 p { width:700px; margin-left:auto; margin-right:auto; }
.home .Gblock a, .coaching .Gblock a  { margin-top:10px;  }
.home #section1 .Gblock p { font-size:1.5em; width:auto; text-align:left;  }
.home .Gblock h3 { min-height:3.5em; }
.home .Gblock p { margin-top:0em; }
.pages .Gblock h3 { min-height:2.0em; }

/* other pages */
.pages #section1 .col1 { text-align:left; width:475px; margin-top:30px; }
.pages #section1 .col2 { text-align:left; width:475px; margin-top:30px;  clear:none; }
.pages #section1 .Gblock h3 { display: block; }
.pages #section1 ul:after { display: block; border-top: none;  }
.pages #section1 .Gblock { margin-bottom:60px; }

/* services */
.services .cols a  { margin-top:0px;  }
.services .cols h3.nlt:before { display: none;  }

/* coaching */
.coaching .Gblock { display: table; width: 910px; table-layout: fixed; margin-top:20px; vertical-align: top; height:auto; }
.coaching .block { width: auto; float: none; clear: none; display: table-cell; vertical-align: top;  }
.coaching .block .inner { padding-left: 0px; padding-right: 0px;  }
.coaching .block .inner:after { display:none; }
.coaching .space { width: 20px; clear: none; display: table-cell; }

/* case studies */
.casestudies #section1 h2 { margin-bottom:0px; }
.casestudies .cols a  { margin-top:0px;  }
.casestudies .cols h3 { margin-top:15px;  }
.caseblock:after { margin-top:30px; margin-bottom:25px; }    

/* learning development index */
.LDi #section1 .Gblock ul li a { display: block;  }

/* client logos */
.clientlogos { text-align:center; width:900px; margin-left:50px; margin-right:auto; }
.clientlogos div { margin-right:20px; margin-bottom:5px; width:130px; opacity:0.2; filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter: gray; -webkit-filter: grayscale(100%); }
.clientlogos div:hover { filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale"); -webkit-filter: grayscale(0%); }
.clientlogos div span { width:130px;  }
.clientlogos img { width:auto; }
.clientlogos .sh img { width:90px;  }

.clientlogos div.lmt { margin-top:10px;  }

/* COLUMNS width 910px */
.cols { display:block; float:left; clear:none; width:910px; }
.cols#links { display:block; float:left; clear:none; width:200px; margin-top:0px; }
.cols#Tmain { display:block; float:left; clear:none; width:710px; margin-top:0px; }
.cols#links .pad { padding-left:0px; padding-right:20px; }
.cols#Tmain .pad { padding-left:20px; padding-right:0px; }
.cols.halfL, .cols.halfR { width:455px; }
.cols.halfL .pad { padding-left:0px; padding-right:20px; }
.cols.halfR .pad { padding-left:20px; padding-right:0px; }
.cols#Tmain .cols.halfL .pad { padding-left:0px; padding-right:0px; }
.cols#Tmain .cols.halfR .pad { padding-left:20px; padding-right:0px; }
.cols#Tmain .cols.halfL, .cols#Tmain .cols.halfR { width:690px; }
#links:before { display:none; }

/* VIDEO */
.videoB, .videoB video { width: 690px;  }

/* FOOTER */
#FOOTER { z-index:999; padding-top:30px; padding-bottom:20px; }
#FOOTER ul li { display:block; }
#FOOTER .col:nth-child(1) img { display:block; float:none; max-width:110px; }
#FOOTER h4 { margin-top: 10px; margin-bottom: -5px;  }

/*navigation*/
#nav { display:block; }
.navblock { display:block; width:100%; height:30px; }
nav { display: block; position: relative; clear: none; height: auto; text-align: right; background-color:transparent; z-index:9999; margin: 0px; padding: 0px; }
nav ul { list-style: none; line-height: normal; margin:0; padding:0; display:inline; }
nav li { display: inline-block; position:relative; }
nav li a { display: inline-block; padding: 5px 15px; margin-bottom: 5px; position: relative; font-size: 1.3em; text-decoration: none; text-transform: uppercase; color: #FFFFFF; }
nav li a:hover { background-color: rgba(0,0,0,0.50); color: #FFFFFF; }
nav li.selected a { color: #FFFFFF; background-color: rgba(0,0,0,0.30); }
nav li.selected ul li a { background-color: rgba(0,0,0,0.0); }
nav li.tn { display:inline-block;  }
nav li ul.dn, nav ul a.dn { display: none;  }

/* LINK + TEAM BLOCKS */
#linkBK .BLK .tbl h4 { line-height: 100%; }
#linkBK .BLK .tbl span {  font-size: 1.3em; padding: 10px 20px; margin-top: 20px;  }
#linkBK .OUTER { width:100%; min-width: 900px; height:500px;  }
#linkBK .BLK { position:absolute; float:none; clear:none; height:250px; border-bottom: none;  width:50%;  }
#linkBK .BLK .tbl { height: 250px; }
#linkBK .BLK#b1 {  top:0px; left:0px; }
#linkBK .BLK#b2 {  top:0px; left:50%; }
#linkBK .BLK#b3 {  top:250px; left:0px; }
#linkBK .BLK#b4 {  top:250px; left:50%; }
#linkBK .BLK#b5 {  display:none; }
#teamBK .BLK .tbl h4 { line-height: 100%; }
#teamBK .BLK .tbl span {  font-size: 1.3em; padding: 10px 20px; margin-top: 20px;  }
#teamBK .OUTER { width:100%; min-width: 500px; height:300px;  }
#teamBK .BLK { width:17%; position:absolute; float:none; clear:none; height:300px; border-bottom:none;  }
#teamBK .BLK#b6  { width:15%;   }
#teamBK .BLK img { width:500px; height:auto; max-width:none; }
#teamBK .BLK .tbl { height: 300px; }
#teamBK .BLK#b1 {  top:0px;  }
#teamBK .BLK#b2 {  top:0px; left:17%; }
#teamBK .BLK#b3 {  top:0px; left:34%; }
#teamBK .BLK#b4 {  top:0px; left:51%; }
#teamBK .BLK#b5 {  top:0px; left:68%; }
#teamBK .BLK#b6 {  top:0px; left:85%; }

/* QUOTE TESTIMONIALS */
.quote { border-top: none; margin-top: 10px; background-color: rgba(0,0,0,0.02); border-radius: 7px; padding-left: 35px; padding-right: 30px; padding-bottom: 15px; -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
.halfL .quote p, .halfL .quote h6 { margin-left: 0px; margin-right:0px; }
.halfR .quote p, .halfR .quote h6 { margin-left: 0px; margin-right:0px; }
.quote p span:before, .quote p span:after { font: 4em arial;  }
.quote p span:before { left: -30px; top: -10px; }
.quote p span:after { bottom: -50px; right: -25px;  }
.quote h6 { color: #FFFFFF; margin-left: 0px; margin-right:0px;  }

/* SECTION2 */
.home #section2 { text-align:center; }

/* SECTION3 */
#section3 h2 { font-size: 3.5em; font-weight:300; margin-bottom:30px;  }

/* social media */
#HEADER .media { display:block; }
.media { display:block; width:auto; height:auto; position:absolute; top:70px; right:20px; }
#FOOTER .media { display:none; }

/*TEAM*/
.team .linkT.tilt:before { height:50px; }
.team .linkT:after { display:none; }
.team h2.ac { display:block; }

/* CONTACT */
.contact .map { height:auto; width:400px; }
label { font-weight:300;  }
form { width:500px; margin-left:auto; margin-right:auto; text-align:center; }
.pages.contact #section1 h1 { text-align:center; }
.pages.contact #section1 p { text-align:center; }

/* client logos */
.clientlogos .inner { text-align:center;  }
.clientlogos { margin-top:20px;  margin-bottom:10px; }
.clientlogos a { margin-top: 20px;  }

/* images */
.sideL { display:block; width:100%; width:auto; height:auto; margin-top:30px; text-align:center; }
.sideL img { display:inline-block; max-width:85px; height:auto;  }
.LM { display:none;  }

/* SOLUTIONS LINKS */
ul.linkD  { display:none; }

/* COPYRIGHT EMEDIA LINK */
div#copy { margin-top:0px; }

/* NAVIGATION MOBILE */
#content { min-height:100%!important; height:100%!important; background-color:transparent; }
a.button { display: none; }
html.mm-opening .mm-page,  html.mm-opening #mm-blocker { left: 350px; }
.mm-menu  { width: 350px; }
.mm-inner { width: 350px; height: 100%; padding: 0 60px 0 0; }
	
	
	
	
	
	
	.sideL.DTL {     display: block;
    float: left;
    clear: none;
    width: 200px;
    margin-top: 0px;}
	.sideL.DTL img { display:inline-block; max-width:120px; height:auto; }
.mobileIDT { display:none; }

	
	
	
	
	
	
	
	
	
}

/* Laptop Layout  */
@media only screen and (min-width:1025px) {
#HEADER .col1 { width:250px; }
#HEADER .col2 { width:700px; }
.pad, #nav .pad  { padding-left:0px; padding-right:0px; }
.inner { padding-left:0px; padding-right:0px; }
.Hinner { padding-left:0px; padding-right:0px; }
#intro { min-height:600px; height:100% !important;  }
.OUTER.CL { width: 1000px; min-width:1000px;  }

/* FLUID and LAYOUT */
#FOOTER .col5 { width: 230px; }

/* ARROWS AND TILT AND outer PADDING */
#section1 .OUTER, #section2 .OUTER, #sectionA .OUTER, #section3 .OUTER { margin-top:0px; margin-bottom:20px; }
.bmT#section1 .OUTER, .bmT#section2 .OUTER, .bmT#sectionA .OUTER, .bmT#section3 .OUTER { margin-top:160px; }
.bmB#section1 .OUTER, .bmB#section2 .OUTER, .bmB#sectionA .OUTER, .bmB#section3 .OUTER { margin-bottom:160px; }
.caseP .bmB#section1 .OUTER { margin-bottom:130px; }
.home #section1 .OUTER { margin-bottom:120px; }
.home #section2 .OUTER { margin-top:40px;  }
.tilt:before { height:140px; top:-140px;  }
.tilt:after { height:140px; bottom:-140px;  }
.tilt.orange:before, .tilt.grey:before, .tilt.grey:after { height:160px; top:-160px; }
.tilt.orange:after { height:160px; bottom:-160px; top:auto; }
.pages.caseP .tilt.grey:before { height: 100px; top: -100px; }
.double .tilt.orange:after { height: 140px; bottom: -140px; }
.linkT.tilt:before, .linkT.tilt:after { height: 100px; top: 0px; }
#FOOTER.tilt:before { height: 50px; top: -50px; }
a.arrow, #FOOTER a.arrow  { top: -110px; }
#section2 a.arrow  { top: 45px; }
.home .tilt.grey:before { height: 100px; top: -100px; }

/* INTRO */
.parallax-mirror { display:block; }

/* page 1 intro */
.pages #TopI .OUTER { height:550px;  }
.pages #TopI h1 { margin-left:0px;  }

/* SECTION1 */
#section1 .Gblock { width:950px; margin-top: 40px; }

/* content pages */
.pages.reg #section1 h2 {  margin-top:50px; }
.pages.reg.double #section1 h2 {  margin-top:40px; }

/* services */
.services #section1 .col1 .pad { padding-left:0px; padding-right:30px; }
.services #section1 .col2 .pad { padding-left:30px; padding-right:0px; }

/* case studies */
.casestudies #section1 .col1 .pad { padding-left:0px; padding-right:30px; }
.casestudies #section1 .col2 .pad { padding-left:30px; padding-right:0px; }

/* coaching */
.coaching .Gblock { width:950px; margin-top: 40px; }

/* COLUMNS UP TO 950px */
.cols { width:950px; }
.cols.halfL, .cols.halfR { width:475px; }
.cols#Tmain { width:749px; }
.cols#Tmain .cols.halfL { width:360px; }
.cols#Tmain .cols.halfR { width:360px; clear:none; }
.cols#Tmain .cols.halfL .pad { padding-left:0px; padding-right:20px; }
.cols#Tmain .cols.halfR .pad { padding-left:20px; padding-right:0px; }

/* BLOG */
.cols#BLOGposts { width:600px; margin-top:0px; }
.cols#BLOGlist { width:310px; margin-top:0px; }
.cols#BLOGposts .pad { padding-left:0px; padding-right:20px; }
.cols#BLOGlist .pad { padding-left:20px; padding-right:0px; }

/* VIDEO */
.videoB { width: 100%; margin-left: auto; margin-right: auto; margin-top:40px; margin-bottom:40px; float:none;   }
.videoB video { width: 100%;}

/* HEADER */
#HEADER .OUTER#logoB { height:1px; overflow:visible; }
.iconB img { height:35px;  }
.sticky { position: fixed; width: 100%; left:0; top:0;  z-index:100; border-top:0;   }
.nav { -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; background-color:transparent; }
.white { -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; background-color: #FFFFFF; }
.iconB { display:block; position:absolute; width:50px; height:25px; 
-webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; opacity:0.0; top:-10px; }
.Idown { -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; top:6px; opacity:1.0; z-index:9999; }
.navblock { height:50px; }

/*navigation*/
nav li a { margin-bottom: 0px; padding: 10px 15px; }
nav li ul li a { margin-bottom: 0px; }
nav li ul.dn { display: block;  }
nav li ul { display:block; width: 210px; height: auto; position: absolute; left: -9999px; background-color: #ff6b00; text-align: left; z-index:999; margin-top:0px; }
nav li:hover ul { left:0px; }
nav li ul li { display:block; position:relative;  }
nav li ul li a { display: block; padding: 10px 20px 8px; color: #FFFFFF; text-transform:none; font-size: 1.4em; border-bottom: 1px solid rgba(255,255,255,0.10); }
nav li ul li a:hover { background-color: rgba(0,0,0,0.50); }
nav li ul li:last-of-type a { border-bottom: none; }
nav li:hover > a, nav li a.active { color: #FFFFFF; background-color: rgba(0,0,0,0.30);  }
.white nav li a { color: #575756; }
.white nav li ul li a { border-bottom: 1px solid rgba(0,0,0,0.05); }
.white nav li a:hover { color: #FFFFFF; }
.white nav li ul { background-color: #FFFFFF; }
nav li.selected a { color: #FFFFFF; }
nav li ul li.selected a { background-color: rgba(0,0,0,0.20); }
.white nav li.selected a { color: #FFFFFF; background-color: rgba(0,0,0,0.20); }
.white nav li.selected ul li a { background-color: transparent; color: #575756; }
.white nav li.selected ul li a:hover { color: #FFFFFF; background-color: rgba(0,0,0,0.30); }

/* LINK = TEAM BLOCKS */
.BLK .imageB { opacity:1.0;  }
.BLK:hover .imageB { opacity:0.2;  }
#linkBK .OUTER { width:100%; min-width: 1000px; height:350px; }
#linkBK .BLK { height:350px; }
#linkBK .BLK .tbl { opacity:0.0; height: 350px;   }
#linkBK .BLK:hover .tbl { opacity:1;  }
#linkBK .BLK#b1 {  width:20%; left:0%; }
#linkBK .BLK#b2 {  width:20%; left:20%; }
#linkBK .BLK#b3 {  width:20%; top:0px; left:40%; }
#linkBK .BLK#b3 .imageB { background-position: center 30px; }
#linkBK .BLK#b4 {  width:20%; top:0px; left:60%; }
#linkBK .BLK#b5 {  display:block; width:20%; top:0px; left:80%; }
#teamBK .OUTER { width:100%; min-width: 1000px; height:350px; }
#teamBK .BLK { height:350px; }
#teamBK .BLK .tbl { opacity:0.0; height: 350px;   }
#teamBK .BLK:hover .tbl { opacity:1;  }


/* social media */
.media { top:90px; right:10px; }

/* client logos */
.clientlogos div { width:145px; margin-right:20px; margin-bottom:20px;  }
.clientlogos div span { width:145px;  }
.clientlogos img {  }
.clientlogos .sh img { width:90px;  }
		
}




/* LOADER  */
@media only screen and (min-width:1300px) {	
.no-js .loaderB { display:none; }
.js .loaderB { display:table; }
.loaderB { display:table; position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:999999; background-color:#ff6b00; vertical-align:middle; text-align:center; }
.loaderB .table { display:table-cell; width:auto; position:relative; vertical-align:middle; text-align:center;  }
.spinner { width: 50px; height: 50px; position: relative; margin: -50px auto 0px; text-align: center; display: inline-block; }
.double-bounce1, .double-bounce2 { width:100%; height:100%; border-radius:50%; background-color:#FFFFFF; opacity:0.6; position:absolute; top:0; left:0; -webkit-animation: fadescale 2.0s infinite ease-in-out; animation: fadescale 2.0s infinite ease-in-out; }
.double-bounce2 { -webkit-animation-delay:-1.0s; animation-delay: -1.0s;}}


/* Laptop Layout  */
@media only screen and (min-width:1900px) {
#section1 h4 { display:block; font-size: 5.0em; font-weight:400; position:absolute; left:0px; top:50%; text-align:left; margin-top:-3em; color:#FFFFFF; z-index:9999; padding-left:20px; }
.cols#Tmain .cols.halfL { width:475px; }
.cols#Tmain .cols.halfR { width:475px; }
.cols#links { width:200px; margin-top:0px; margin-left:-200px; }
.cols#Tmain { display:block; float:left; clear:none; width:950px; margin-top:0px; }
.cols#links .pad { padding-left:0px; padding-right:40px; }
.cols#Tmain .pad { padding-left:0px; padding-right:0px; }
.cols#Tmain .cols.halfL .pad { padding-left:0px; padding-right:20px; }
.cols#Tmain .cols.halfR .pad { padding-left:20px; padding-right:0px; }

}


nav li a, a.arrow, .flex-direction-nav li a, #section3 h2 { -webkit-transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; -ms-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s; }
#section1 .OUTER a, #sectionA .OUTER a, .media div a, .BLK .imageB, .clientlogos a, a.sideL, a.pdf, a.CallToAction, div#copy a, div#copy a img { -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; }
.clientlogos div { -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; }
.LDi #section1 .Gblock ul li:before, .LDi #section1 .Gblock ul li a:hover:before { -webkit-transition: all 0.0s ease-in-out 0s; -moz-transition: all 0.0s ease-in-out 0s; -ms-transition: all 0.0s ease-in-out 0s; -o-transition: all 0.0s ease-in-out 0s; transition: all 0.0s ease-in-out 0s; }
.clear { clear:both !important; display:block;  }
.transparent { background-color: transparent;  }

/*! fancyBox v2.0.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-tmp iframe, .fancybox-tmp object { vertical-align: top; padding: 0; margin: 0; }
.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 1002; }
.fancybox-outer { position: relative; padding: 0; margin: 0; background-color: #FFFFFF; color: #444; text-shadow: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }
.fancybox-opened { z-index: 1003; }
.fancybox-opened .fancybox-outer { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }
.fancybox-inner { width: 100%; height: 100%; padding: 0; margin: 0; position: relative; outline: none; overflow: hidden; }
.fancybox-error { color: #444; margin: 0; padding: 10px; font-size: 14px; line-height: 20px; }
.fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; border: 0; padding: 0; margin: 0; vertical-align: top; }
.fancybox-image { max-width: 100%; max-height: 100%; }
.fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 36px; margin-top: -18px; cursor: pointer; z-index: 1003; visibility: hidden; }
.fancybox-nav:hover span { visibility: visible; }
.fancybox-tmp { position: absolute; top: -9999px; left: -9999px; padding: 0; overflow: visible; visibility: hidden; }
#fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 1001; background: #000; }
.fancybox-opened .fancybox-title { visibility: visible; }
.fancybox-title-float-wrap { position: absolute; bottom: 0px; right: 50%; margin-bottom: 0px; z-index: 1003; text-align: center; }
.fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; }
.fancybox-title-outside-wrap { position: relative; color: #fff; }
.fancybox-title-inside-wrap { }
.fancybox-title-over-wrap { position: absolute; bottom: 0px; left: 20px; color: #fff;  width: 100%; text-align: left; padding-top: 10px; padding-bottom: 10px; }
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url(../IMAGES/misc/fancybox_sprite.png); }
.fancybox-prev span { left: 10px; background-position: 0 -36px; }
.fancybox-next span { right: 10px; background-position: 0 -72px; }
#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 1010; }
#fancybox-loading div { width: 44px; height: 44px; background: url(../IMAGES/misc/fancybox_loading.gif) no-repeat center center; }
.fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 1004; }
.fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; background: transparent url(../IMAGES/misc/blank.gif); /* helps IE */ z-index: 1003; }
.fancybox-prev { left: 0; }
.fancybox-next { right: 0; }

@-webkit-keyframes fadescale2 {  
0%, 80%, 100% { -webkit-transform: scale(0) } 
40% { -webkit-transform: scale(1.0) }}
@keyframes fadescale2 {  
0%, 80%, 100% {   -webkit-transform: scale(0); transform: scale(0);  } 
40% {  -webkit-transform: scale(1.0); transform: scale(1.0);  }}
@-webkit-keyframes fadescale { 0%, 100% { -webkit-transform: scale(0.0) } 50% { -webkit-transform: scale(1.0) } }
@keyframes fadescale { 0%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 50% { transform: scale(1.0); -webkit-transform: scale(1.0);  }}