/* BRAND COLOURS
    
    MAGENTA:    #e6007e
    TURQUOISE:  #00a7a4
    YELLOW:     #f0b200
    BLUE :      #0096d8
    ORANGE:     #ff7304

*/



* {margin:0; padding:0; outline:none; border:none; box-sizing:border-box; -moz-box-sizing:border-box;}

/* GLOBAL */

html,body,form,main {width:100%;height:100%;}
body        {line-height:1;font-family:'Raleway', sans-serif; font-size:14px; font-weight:normal; background-color:#FFF;}
body.dark,
section.page-associate-dark {background-color:#252525;}

::-webkit-input-placeholder     {color:#bdbdbd;}
::-moz-placeholder              {color:#bdbdbd; opacity:1;}
:-ms-input-placeholder          {color:#bdbdbd;}
:-moz-placeholder               {color:#bdbdbd; opacity:1;}

strong  {font-weight:600;}
img     {max-width:100%; height:auto;}
a       {color:inherit;}
a.cover {position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0); display:block;}

h1, h2, h3, h4 { font-weight: 600; font-family: 'urw-din-condensed', sans-serif; text-transform:uppercase;}

h1 {}
h2 {}
h3 {}
h4 {}

button { border: 1px solid #000000; padding: 10px 16px; background-color: transparent; font-size: 20px; color: #000000; transition: all 0.2s; }
button:hover { background-color: #333333; color: #ffffff; }


p {font-size:14px; margin-bottom:15px; line-height:1.3em;}

main.site-wrapper   {max-width:100%; position:relative;}

.wrapper            {width:1366px; margin:0 auto; max-width:100%;}
.inner              {width:1223px; margin:0 auto; max-width:100%; position:relative;}
.inner-reduced      {width:1080px;}
.inner-menu         {/*width:1090px;*/ width:1169px; position:relative; font-size:0; margin:0 0 0 auto;}


.inner.align-right {width:1112px; margin:0 0 0 auto;}

.site-overlay {position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(255,255,255,0.95); z-index:15; opacity:0; visibility:hidden; -moz-transition:.3s ease-in-out; transition:.3s ease-in-out;} 
.site-overlay.active {opacity:1; visibility:visible;}

/* HEADER */

header                              {display:block; width:100%; position:absolute; z-index:10; top:92px; left:0; text-align:left;}

header .inner                       {position:relative;}
header .menu-table                  {display:inline-table;}
header .menu-item                   {display:inline-table; vertical-align:middle; margin-left:33px; cursor:pointer; opacity:1; -moz-transition:.2s ease-in-out; transition:.2s ease-in-out;}
header .menu-item:first-child       {margin-left:0;}
header .menu-item:hover             {opacity:0.75;}
header .menu-item .menu-trigger,
header .menu-item .menu-title       {display:table-cell;}
header .menu-item.schedule-call .menu-title {vertical-align:middle;}

header .menu-item .menu-trigger     {}
header .menu-item .menu-title       {color:#000; font-family:'urw-din-condensed', sans-serif; font-size:20px; font-weight:600; padding-left:13px;}

body.home header .menu-item .menu-title,
body.dark header .menu-item .menu-title,
header.light .menu-item .menu-title {color:#FFF;}

header .site-logo               {position:absolute; top:-57px; right:-41px;}
body.home header .site-logo     {display:none;}


.mega-menu-wrapper .wrapper         {position: relative; z-index: 10;}

.mega-menu-wrapper                      {position:fixed; opacity:0; padding-top:40px; top:0; left:-100%; width:100%; padding-right:43px; z-index:20; background-color:transparent; -moz-transition:opacity,left .5s linear; transition:opacity,left .5s linear;}
.mega-menu-wrapper.active               {left:0;opacity:1;}
.mega-menu-wrapper .mega-menu           {background-color:#000; overflow:hidden; width:100%; padding:111px 0px 110px 0px;  box-shadow:inset 0px 10px 0px 0px #000; -moz-transition:box-shadow .2s ease-in-out; transition:box-shadow .2s ease-in-out; position:relative;}
.mega-menu-wrapper .mega-menu-bg        {position: absolute; width:100%; height:calc(100% - 10px); left:0; bottom:0px; z-index:5; opacity:0; background-repeat:no-repeat; background-position:right center; background-size:contain; -moz-transition:opacity .2s ease-in-out; transition:opacity .2s ease-in-out;}
.mega-menu-wrapper .mega-menu-bg.active {opacity:1;}

.mega-menu a.menu-close             {display:block; z-index:20; position:absolute; right:30px; top:30px; width:21px; height:24px; background-image:url(/_assets/icon-menu-close.png); background-repeat:no-repeat; background-size:21px; background-position:center; cursor:pointer; background-color:transparent; -moz-transition:background .3s ease-in-out; transition:background .3s ease-in-out;}
.mega-menu .menu-selection          {display:inline-block; vertical-align:top; visibility:hidden; opacity:0; -moz-transition:.3s ease-in-out; transition:.3s ease-in-out; width:0;}
.mega-menu .menu-selection.active   {opacity:1; visibility:visible;}

.mega-menu .menu-selection[data-step="1"] {width:31.565440547%; margin-right:57px; padding-top:3px}
.mega-menu .menu-selection[data-step="2"] {border-left:1px solid #FFF; border-right:0px solid #FFF; padding-top:4px;}
.mega-menu .menu-selection[data-step="3"] {border-left:0px solid #FFF; margin-left:-1px; position:relative; padding-left:55px;}

.mega-menu .menu-selection.active[data-step="2"] {width:27.202737382%;}
.mega-menu .menu-selection.active[data-step="3"] {width:36.441402908%;}

.mega-menu .menu-selection .quote-holder    {display:none; background-color:transparent;background-repeat:no-repeat; background-position:0px 0px; width:100%; height:100%; padding-left:20px; font-size:14px; color:#FFF;}
.mega-menu .menu-selection .quote-holder p  {opacity:0; font-size:22px; line-height:1.3em; position:absolute; top:70px; padding-bottom:25px; margin-bottom:4px; -moz-transition:opacity 1s ease-in-out; transition:opacity 1s ease-in-out;}
.mega-menu .menu-selection .quote-holder.active p {opacity:1;}

.mega-menu ul                               {list-style:none; color:#FFF; margin-left:0;}
.mega-menu ul li                            {text-transform:uppercase; font-size:26px; padding-right:15px; font-family:'urw-din-condensed', sans-serif; font-weight:600; cursor:pointer; color:#FFF; line-height:1.1em; padding-bottom:25px; position:relative; word-spacing:2px; -moz-transition:color,opacity .2s ease-in-out; transition:color,opacity .2s ease-in-out;}
.mega-menu ul li:last-child                 {padding-bottom:0;}
.mega-menu ul li .fa                        {position:absolute; right:0; top:1px; height:100%;}
.mega-menu ul li a                          {text-decoration:none; display:inline-block; width:100%;}
.mega-menu ul.main-nav li:before            {content:''; position:absolute; width:0px; right:calc(100% + 19px); top:13px; height:1px; background-color:#FFF; -moz-transition:width .4s linear; transition:width .4s linear;}
.mega-menu ul.main-nav li.active:before     {width:200%;}


/*

These are generated dynamically on the page, based on Section Colours

.mega-menu ul.main-nav li.pink:before           {background-color:#e6007e;}
.mega-menu ul.main-nav li.green:before          {background-color:#00a7a4;}
.mega-menu ul.main-nav li.yellow:before         {background-color:#f0b200;}
.mega-menu ul.main-nav li.blue:before           {background-color:#0096d8;}
.mega-menu ul.main-nav li.orange:before         {background-color:#ff7304;}

*/



.mega-menu ul.sub-nav                       {display:none; padding-left:47px; height:100%;}
.mega-menu ul.sub-nav li                    {font-size:18px; padding-bottom:9px; word-spacing:1px; line-height:1.2em; padding-right:0;}
.mega-menu ul.sub-nav li:hover              {opacity:0.6;}

a.mobile-back-menu                          {display:none;}

/* SCHEDULE CALL */

.schedule-call-form         {width:678px; position:fixed;z-index:15; opacity:0; top:-2000px; left:50%; width:678px; margin-left:-339px; /*background-color:#e94e1b;*/ -moz-transition:0.5s linear; transition:0.5s linear;}
.schedule-call-form.active  {top:25px; opacity:1;}

.form-holder            {padding: 45px 50px 45px 50px; position:relative; height:100%;}
.form-holder p          {font-size:28px; color:#FFF; margin-bottom:50px; font-weight:300; word-spacing:1px}

.form-holder .form-row  {display:block; position:relative; padding-left:30px;}
.form-holder .form-row span.tb-icon {width:90px; height:90px; background-color:#ec6539; border:6px solid #e94e1b; border-radius:160px; background-repeat:no-repeat; background-position:center; position:absolute; top:-15px; left:-6px;}

.form-holder .form-row span.tb-icon.tb-icon-name {background-image:url('/_assets/icon-form-name.png'); background-size:32px;}
.form-holder .form-row span.tb-icon.tb-icon-email {background-image:url('/_assets/icon-form-email.png'); background-size:30px;}
.form-holder .form-row span.tb-icon.tb-icon-phone {background-image:url('/_assets/icon-form-phone.png'); background-size:27px;}
.form-holder .form-row span.tb-icon.tb-icon-message {background-image:url('/_assets/icon-form-message.png'); background-size:27px;}

/* .form-holder .tb        {display:block; width:100%; margin-bottom:30px; padding:22px 72px; font-size:22px; color:#FFF; background-color:#ec6539;} */

.form-holder .tb::-webkit-input-placeholder     {color:#FFF; -moz-transition:color .2s ease-in-out; transition:color .2s ease-in-out;}
.form-holder .tb::-moz-placeholder              {color:#FFF; opacity:1; -moz-transition:color .2s ease-in-out; transition:color .2s ease-in-out;}
.form-holder .tb:-ms-input-placeholder          {color:#FFF; -moz-transition:color .2s ease-in-out; transition:color .2s ease-in-out;}
.form-holder .tb:-moz-placeholder               {color:#FFF; opacity:1; -moz-transition:color .2s ease-in-out; transition:color .2s ease-in-out;}

.form-holder .tb:focus::-webkit-input-placeholder     {color:rgba(255, 255, 255, 0.60);}
.form-holder .tb:focus::-moz-placeholder              {color:rgba(255, 255, 255, 0.60); opacity:0.6;}
.form-holder .tb:focus:-ms-input-placeholder          {color:rgba(255, 255, 255, 0.60);}
.form-holder .tb:focus:-moz-placeholder               {color:rgba(255, 255, 255, 0.60); opacity:0.6;}


.form-holder span {display:block; color:#FFF; font-weight:300; margin-bottom:15px; font-size:18px; word-spacing:1px; line-height:1.2em;}
.form-holder span.privacy {margin-bottom:35px;}

.form-holder .btn {display:inline-block; padding:15px 30px; background-color:#bdbdbd; color:#FFF; font-size:22px; font-weight:500; -moz-transition:.2s ease-in-out; transition:.2s ease-in-out;}
.form-holder .btn-white {background-color:#FFF; color:#e94e1b; cursor:pointer; }

.form-holder .btn-white:hover {background-color:#ec6539; color:#FFF;}

.form-holder a.menu-close,
a.popup-close {display:block; z-index:20; position:absolute; right:30px; top:30px; width:21px; height:24px; background-image:url(/_assets/icon-menu-close.png); background-repeat:no-repeat; background-size:21px; background-position:center; cursor:pointer; background-color:transparent; -moz-transition:background .3s ease-in-out; transition:background .3s ease-in-out;}


.form-holder .tb-icon-container { position:absolute; top:-15px; left:-6px; border-radius:160px; width:80px; height:80px; border-style:solid;}
.form-holder .tb { position: relative; z-index: 0; background-color: rgba(255, 255, 255, 0.2); width: 100%; color:#FFF;}
.form-holder .tb-icon-container { z-index: 1; }

.form-holder .tb-icon-container span.tb-icon { position: relative; border: 0px; margin: 0px; border-radius: 160px;background-color: rgba(255,255,255, 0.2); top: initial; left: initial; }

.form-holder .btn:hover { background-color: rgba(0, 0, 0, 0.3); }

.form-holder.size-large .header p { font-size: 24px; margin-bottom: 30px; }
.form-holder.size-large .form-row .tb-icon-container { width: 80px; height: 80px; border-radius: 160px; border-width: 6px;}
.form-holder.size-large .form-row .tb-icon-container span.tb-icon { width: 68px; height: 68px; background-size: 32px; }
.form-holder.size-large .tb { padding: 14px 60px; font-size: 20px; margin-bottom: 30px; }
.form-holder.size-large .tb.ta	{height:110px;}

.form-holder.size-large .mandatory-fields { font-size: 16px; }
.form-holder.size-large .privacy { margin-top: 10px; margin-bottom: 20px; }
.form-holder.size-large .privacy p { font-size: 12px; margin-bottom: 6px; }
.form-holder.size-large .btn { font-size: 19px; padding: 15px 30px; }
.form-holder.size-large .thank-you p { font-size: 24px; }

.form-holder.size-medium .header p { font-size: 16px; margin-bottom: 22px; }
.form-holder.size-medium .form-row .tb-icon-container { width: 60px; height: 60px; border-radius: 120px; border-width: 5px; top: -8px; left: -6px; }
.form-holder.size-medium .form-row .tb-icon-container span.tb-icon { width: 50px; height: 50px; background-size: 24px; }
.form-holder.size-medium .tb { padding: 13px 40px; font-size: 16px; margin-bottom: 16px; }
.form-holder.size-medium .mandatory-fields { font-size: 14px; }
.form-holder.size-medium .privacy { margin-top: 10px; margin-bottom: 20px; }
.form-holder.size-medium .privacy p { font-size: 12px; margin-bottom: 6px;}
.form-holder.size-medium .btn { font-size: 14px; padding: 12px 24px; }
.form-holder.size-medium .thank-you p { font-size: 20px; }

.form-holder.size-small .header p { font-size: 12px; margin-bottom: 15px; }
.form-holder.size-small .form-row .tb-icon-container { width: 40px; height: 40px; border-radius: 80px; border-width: 4px; top: -6px; left: -6px; }
.form-holder.size-small .form-row .tb-icon-container span.tb-icon { width: 32px; height: 32px; background-size: 16px; }
.form-holder.size-small .tb { padding: 8px 20px; font-size: 12px; margin-bottom: 10px; }
.form-holder.size-small .mandatory-fields { font-size: 12px; }
.form-holder.size-small .privacy { margin-top: 10px; margin-bottom: 20px; }
.form-holder.size-small .privacy p { font-size: 12px; margin-bottom: 6px; }
.form-holder.size-small .btn { font-size: 12px; padding: 10px 20px; }
.form-holder.size-small .thank-you p { font-size: 14px; }

.form-holder .privacy-options { position: relative; margin-bottom: 20px;}
.form-holder .privacy-options .privacy-option-row { margin-bottom: 10px; float: left; margin-right: 20px; }

.form-holder .privacy-options .privacy-option-row .privacy-option { display: inline-block; }

.form-holder .privacy-options .privacy-option-row .privacy-option input[type=checkbox] { position: absolute; opacity: 0; }

.form-holder .privacy-options .privacy-option-row .privacy-option .checkbox { display: inline-block; width: 16px; height: 16px; background-size: cover; background-repeat: no-repeat; margin-right: 8px; background-image: url("/_assets/icon-checkbox-unticked.png"); vertical-align: middle; }
.form-holder .privacy-options .privacy-option-row .privacy-option.checked .checkbox { background-image: url("/_assets/icon-checkbox-ticked.png"); }

.form-holder .privacy-options .privacy-option-row .privacy-option label { font-size: 12px; display: inline-block; color: white; vertical-align: middle; }

.form-holder .tb.error { background-color: #990000 !important; position: relative; }

.refer-popup.refer-form .copy-right .privacy p {font-size:11px; margin-bottom:5px; line-height:1.2em;}

p.trigger           {cursor:pointer; text-decoration:underline; position:relative; background-color: rgba(0,0,0,0.2); padding: 5px 10px; text-decoration: none;}
span.trigger-icon   {position:absolute; right:10px; font-size:50px; top:5px;}
div.expander        {display:none;}

/* FOOTER */

footer {background-color:#FFF; padding:28px 0px;}
footer .inner {padding:0px 0px 0px 49px; display:table;}

footer .left, footer .right {display:table-cell; vertical-align:middle;}
footer .left    {width:60%; padding-right:25px;}
footer .right   {width:40%; padding-left:15px; font-size:10px; color:#7f7f7f; margin-bottom:0px; text-align: right}

footer ul.footer-icons      {list-style:none; margin-left:0;}
footer ul.footer-icons li   {font-size:14px; color:#000; word-spacing:1px; float: left; margin-right: 10px; }
footer ul.footer-icons li span {display:table-cell; vertical-align:middle;}
footer ul.footer-icons li span:not(.icon) {padding-left:0px;}
footer ul.footer-icons li a {text-decoration:none; color:inherit;}

footer .right p     {font-size:10px; color:#7f7f7f; margin-bottom:0px;}
footer .right p a   {text-decoration:none;}
footer .right a         {text-decoration: none; color:inherit;}
footer .right a:hover   {text-decoration:underline;}


.footer-icons img {max-width: 70%;}


div.copyright-notice,
div.policy-links  {display:inline-block;}


/* HOMEPAGE */

section span.heading        {font-family:'urw-din-condensed', sans-serif; text-transform:uppercase; font-size:23px; color:#FFF; font-weight:600; display:inline-block; padding-bottom:10px; margin-bottom:17px; padding-right:4px; position:relative;}
section span.heading:before {content:''; position:absolute; width:1000px; right:0; height:1px; background-color:#ffffff; bottom:0;}


/* HOMEPAGE; HERO IMAGE */
.hero-image-wrapper             {width:100%; height:880px; position:relative; background-color:#0a0a0a; transition: ease-in 0.3s; }

.hero-image-wrapper .hero-slick { display: block; }

.hero-image-wrapper .hero-slick .slide-hide {display: none !important;}

.hero-image-wrapper .hero-slick .slide:first-child {display: block !important;}





.hero-image-wrapper .hero-image {height:880px; background-repeat:no-repeat; background-size:cover; background-position:center; transition: ease-in 0.3s; }
.hero-image-wrapper .hero-image .inner {height:100%; position:relative;}
.hero-image-wrapper .hero-image .inner div.quotation {position:absolute; left:0; bottom:172px; width:100%; text-align:center; color:#FFF; font-size:22px; line-height:1.3em; word-spacing:1px; padding: 0 330px;}

/*
.hero-image-wrapper .hero-image .inner div.quotation p { margin-bottom: 0px; font-family:'Dancing Script', cursive; font-size:40px;}
*/
.hero-image-wrapper .hero-image .inner div.quotation p { margin-bottom: 0px; font-family:'urw-din-condensed', sans-serif; font-weight: 600; text-transform: uppercase; font-size:40px; letter-spacing:-1px;}



.hero-image-wrapper .slick-arrow    {position:absolute; top:50%; margin-top:11px; width:23px; height:44px; z-index:5; background-repeat:no-repeat; background-size:23px; background-position:center; cursor:pointer; background-color:transparent; font-size:0; text-indent:-9999px;}
.hero-image-wrapper .slick-prev     {background-image:url('/_assets/icon-carousel-left.png'); left:48px;}
.hero-image-wrapper .slick-next     {background-image:url('/_assets/icon-carousel-right.png'); right:50px;}

.hero-image-wrapper .slick-dots     {display:block; text-align:center; list-style:none; position:absolute; bottom:83px; margin-left:0; width:100%;}
.hero-image-wrapper .slick-dots li  {display:inline-block; width:8px; height:8px; font-size:0; text-indent:-9999px; background-color:#FFF;  border:1px solid #FFF; border-radius:10px; margin:0px 9px; cursor:pointer;}
.hero-image-wrapper .slick-dots li.slick-active {background-color:transparent;  border-color:#FFF;}

.hero-image-wrapper a.scroll-down {animation:bounce 1s infinite alternate; display:inline-block; position:absolute; bottom:124px; left:50%; margin-left:-16px; width:32px; height:17px; background-image:url('/_assets/icon-arrow-down.png'); background-repeat:no-repeat; background-size:32px; background-position:center;}

.hero-image {position: relative;}

/* HOMEPAGE; HERO LOGO */

.hero-logo {position: absolute; top: 37px; right: 3%; transition: ease-in 0.3s; }

@keyframes bounce {
    from {transform:translateY(0px);}
    to {transform:translateY(-10px);}
}

/* HOMEPAGE; 3 CONTENT TILES */
.section-tiles                  {margin-top:-44px; position:relative;}
.tile-wrapper                   {display:block; width:100%; position:relative; z-index:5;}
.tile-wrapper .tile             {display:inline-block; cursor:pointer; vertical-align:top; height:335px; width:334px; margin-right:39px; box-shadow:inset 0px 13px 0px 0px #000; background-color:#FFF; padding:55px 0px 0px 0px; text-align:center; position:relative; -moz-transition:height .2s ease-out; transition:height .2s ease-out;}
.tile-wrapper .tile:last-child  {margin-right:0;}
.tile-wrapper .tile.active      {height:355px;}

.tile-wrapper .tile:hover       {height:355px;}

.tile-wrapper .tile .tile-icon              {position:relative;display:inline-block; width:auto; height:60px; margin-bottom:26px; position:relative;}
.tile-wrapper .tile .tile-icon span         {display:inline-block;font-size:0;text-align:center;}
.tile-wrapper .tile .tile-icon span img     {width:50%; margin:auto;}


.tile-wrapper .tile h2                      {font-size:23px; color:#000; padding-bottom:17px; margin-bottom:18px; letter-spacing:-1px; word-spacing:2px; position:relative;}
.tile-wrapper .tile h2:after                {content:''; position:absolute; left:50%; margin-left:-3px; bottom:-5px; width:6px; height:6px; background-color:#e5e5e5; border-radius:10px;}
.tile-wrapper .tile .tile-content-inner     {padding:0px 40px;}
.tile-wrapper .tile p                       {font-size:18px; line-height:1.3em;}

.tile-wrapper .tile hr                      {position:absolute; bottom:20px; width:14px; left:50%; margin-left:-7px; border-top-width:3px; height:3px;}

.tile-expand            {display:block; position:absolute; bottom:30px; left:50%; margin-left:-1px; cursor:pointer; -moz-transition:.2s linear; transition:.2s linear; font-size:0;}
.tile-expand span       {display:inline-block; width:2px; height:14px; background-color:#000; position:relative; -moz-transition:.3s linear; transition:.3s linear; margin-left:0;}

.tile .tile-expand span.i-x     {}
.tile-expand span.i-y           {transform:rotate(90deg); left:calc((4px - 8px) / 2); /*left:-50%; margin-left:-2px;*/}

.tile-wrapper .tile.active .tile-expand             {transform:rotate(180deg);}
.tile-wrapper .tile.active .tile-expand span.i-x    {/*transform:rotate(-90deg);*/ opacity:0; visibility:hidden;} 

/*

These are generated dynamically on the page, based on Section Colours

.tile-wrapper .tile.pink                    {box-shadow:inset 0px 13px 0px 0px #e6007e;}
.tile-wrapper .tile.green                   {box-shadow:inset 0px 13px 0px 0px #00a7a4;}
.tile-wrapper .tile.blue                    {box-shadow:inset 0px 13px 0px 0px #0096d8;}

.tile-wrapper .tile.pink .tile-expand span  {background-color:#e6007e;}
.tile-wrapper .tile.green .tile-expand span {background-color:#00a7a4;}
.tile-wrapper .tile.blue .tile-expand span  {background-color:#0096d8;}
*/


.tile-content-wrapper                       {margin-top:0px; position:relative; display:block; z-index:4; -moz-transition:.1s linear; transition:.1s linear;}
.tile-content-wrapper.active                {margin-top:-20px;}
.tile-content                               {-moz-transition:background-color .3s ease-in-out; transition:background-color .3s ease-in-out; background-color:#e6007e; padding:58px 130px 57px 0px; position:relative; max-width:100%;}
.tile-content .tile-content-copy            {display:none;}
.tile-content .tile-content-copy.active     {display:block}
.tile-content .tile-content-copy p.intro    {font-size:18px; color:#FFF; margin-bottom:10px;}
.tile-content .tile-content-copy p          {color:#FFF; font-size:16px;}

.tile-content .tile-content-copy span.align-right   {display:block; text-align:right;}
.tile-content .tile-content-copy a.find-out-more    {/*position:absolute; right:130px;*/ color:#FFF; text-decoration:none; font-size:16px; font-style:italic;}
.tile-content .tile-content-copy a.find-out-more i  {margin-left:10px;}

.tile-wrapper .slick-dots                  {display:block; list-style:none; position:absolute; top:145px; margin-left:0; text-align:center; width:100%; }
.tile-wrapper .slick-dots li               {display:inline-block; width:11px; height:11px; font-size:0; text-indent:-9999px; background-color:rgba(255,255,255,0.53); border:1px solid rgb(163, 163, 163); border-radius:10px; margin:0px 11px; cursor:pointer;}
.tile-wrapper .slick-dots li:last-child    {margin-right:6px;}
.tile-wrapper .slick-dots li.slick-active  {background-color:transparent; /*box-shadow:inset 0px 0px 0px 1px rgba(255,255,255,0.53);*/}

.tile-wrapper .slick-arrow    {display:none !important; position:absolute; top:50%; margin-top:11px; width:25px; height:25px; z-index:5; background-repeat:no-repeat; background-size:23px; background-position:center; cursor:pointer; background-color:#000; border-radius:20px; font-size:0; text-indent:-9999px;}
.tile-wrapper .slick-prev     {left:25px;}

.tile-wrapper .slick-prev:after,
.tile-wrapper .slick-next:after     {content:"\f105"; text-indent:0px; color:#FFF; display:inline-block; font:normal normal normal 14px/1 FontAwesome; font-size:inherit; text-rendering:auto; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing: grayscale; top: 1px; position: absolute; left: 10px; margin-left: 0px; font-size: 22px; }

.tile-wrapper .slick-next           {right:25px;}
.tile-wrapper .slick-prev:after     {transform:rotate(-180deg); left:auto; right:10px; top:2px;}

/* HOMEPAGE; QUOTES CAROUSEL */

section.section-quotes              {background-color:#363636; margin-top:-40px; position:relative;}
section.section-quotes .wrapper     {background-image:url(/_assets/icon-quotes-grey.png); background-repeat:no-repeat; background-position:121px 109px; background-size:190px; min-height:40px; overflow:hidden;}
/*section.section-quotes .inner       {height:395px; }
section.section-quotes .inner.inner-reduced { padding-top:80px; background:none;}*/

.quote-wrapper                                          {display:block; width:100%; height:100%; padding-left:143px; position:relative;}
.quote-wrapper .quote-content                           {display:table; vertical-align:middle; }
.quote-wrapper .quote-content blockquote                {font-size:24px; font-weight:300; color:#FFF; line-height:1.3em; position:relative; padding-right:20px;}
.quote-wrapper .quote-content blockquote span.author    {font-size:14px; color:#FFF; font-style:italic; display:inline-block; position:relative; margin-top:10px; padding-right:19px; background-color:#363636; z-index:5; word-spacing:1px;}
.quote-wrapper .quote-content blockquote hr             {position:absolute; left:0; width:100%; height:2px; background-color:#FFF; bottom:14px; border:none; margin:0;}
.quote-wrapper .quote-content blockquote p              {font: inherit;}

.quote-wrapper .quote-content .left, 
.quote-wrapper .quote-content .right    {display:table-cell; vertical-align:top;}

.quote-wrapper .quote-content .left     {width:50.09431071%; padding:80px 0px; padding-top:185px;}
/*.quote-wrapper .quote-content .right    {width:49.0596892%; height:100%; background-repeat:no-repeat; position:relative; background-size:cover; background-position:center; vertical-align:bottom;} */
.quote-wrapper .quote-content .right    {width:49.0596892%; background-repeat:no-repeat; position:relative;  background-position:bottom; vertical-align:bottom; background-size:contain; }




.quote-wrapper .quote-content .right .keyword {display:block; width:100%; padding:0px 20px; text-align:center; position:absolute; bottom:44px; font-size:50px; font-weight:700; color:#FFF; text-transform:uppercase;}

.quote-wrapper .slick-dots                  {display:block; text-align:right; list-style:none; position:absolute; top:145px; margin-left:0; width:45.1683748169%; }
.quote-wrapper .slick-dots li               {display:inline-block; width:11px; height:11px; font-size:0; text-indent:-9999px; background-color:rgba(255,255,255,0.53); border:1px solid rgb(163, 163, 163); border-radius:10px; margin:0px 11px; cursor:pointer;}
.quote-wrapper .slick-dots li:last-child    {margin-right:6px;}
.quote-wrapper .slick-dots li.slick-active  {background-color:transparent; /*box-shadow:inset 0px 0px 0px 1px rgba(255,255,255,0.53);*/}

.quote-wrapper .slick-dots li button {display: none !important;}


.quote-wrapper a.read-more                  {position:absolute; color:#FFF; text-decoration:none; font-size:16px; font-style:italic; padding-top:4px; bottom:-55px; left:auto; right:0;}
.quote-wrapper a.read-more i                {margin-left:10px;}


/* HOMEPAGE; PRESS */

section.press       {padding:33px 0px; background-color:#00a7a4;}
section.press h3    {color:#FFF;}

.press-logos            	{display:block; position:relative;}
/*
.press-logos ul         	{list-style:none; margin-left:0; display:flex; flex-direction:row; flex-wrap: nowrap; justify-content:space-between;}
.press-logos ul li      	{opacity:1; display: flex; align-items: center; position:relative; -moz-transition:.25s ease-in-out; transition:.25s ease-in-out;}
*/
.press-logos ul         	{list-style:none; margin-left:0; display:block; text-align: center;}
.press-logos ul li      	{opacity:1; display: inline-block; align-items: center; position:relative; -moz-transition:.25s ease-in-out; transition:.25s ease-in-out;}
.press-logos ul li a   	 	{display:block;}
.press-logos ul li:hover 	{opacity:0.5;}
.press-logos img 			{max-height: 40px; margin: 10px;}


/* TEXT PAGE */

section.page                {padding-top:271px; position:relative;}
section.page-associate      {background-color:#FFF; padding-top:118px;}
section.page-associate-dai	{padding-top:271px !important;}


section.page-testimonials,
section.page-contact        {padding-top:0 !important;}

section.page .headings      {font-size:0; margin-bottom:83px;}

.w-padding     {padding-bottom:50px;}
.w-padding-l   {padding-left:39px;}



.headings .parent-page  {font-size:31px; display:inline-block; font-family:'urw-din-condensed', sans-serif; text-transform:uppercase; letter-spacing:-1px; word-spacing:1px; margin-bottom:15px; font-weight:600; opacity:0.28;}
.headings h1            {font-size:84px; color:#000; letter-spacing:-2px; word-spacing:2px; margin-bottom:19px; position:relative;}
.headings h1:after      {content: ''; position:absolute; width:200%; right:calc(100% + 31px); top:47px; height:2px; margin-top:-1px; background-color:#000; line-height:1.2em;}
.headings h2            {font-size:31px; color:#babab9; letter-spacing:-1px; word-spacing:1px; margin-bottom:0; line-height:1.2em;}

section.page .copy          {font-size:0; display:block; width:100%; padding-bottom:20px;}
section.page .copy-left,
section.page .copy-right    {display:inline-block; vertical-align:top; width:50%;}

section.page .copy-left     {padding-right:60px;}
section.page .copy-right    {padding-left:30px;}



.page-image-copy    {margin-bottom:100px; width:75%; max-width:100%;}
.page-image-copy p  {color:#FFF;}

.copy .intro p,
.page-image-copy p   {font-size:28px; line-height:1.3em; word-spacing:1px;}

.copy p             {color:#000; font-size:20px; line-height:1.4em;}
.copy p a           {color:inherit; text-decoration:underline;}

.copy .default-text .default p, .default p, .copy p.default {font-size:20px; color:#000;}

.copy ul, ol {margin-left:30px; font-size:20px; color:inherit;margin-top:10px; margin-bottom:15px;}
.copy ul li, ol li {font-size:20px; margin-bottom:8px; line-height:1.3em; color:inherit;}
.copy ul li:last-child, ol li:last-child {margin-bottom:0;}

section.page .page-image            {position:relative; display:block; width:100%; background-color:#000;}
section.page .page-image.no-image   {height:100px; background-color:transparent;}    

.page-image-padding         {padding-top:50%;position:relative; background-repeat:no-repeat; background-size:cover; background-position:center;}
.page-image-inner           {position:absolute;top:0;left:0;width:100%;height:100%;}
.page-image-inner > .inner  {position:relative;}


.page-image.fixed .page-image-padding       {padding:100px 0px;}
.page-image.fixed .page-image-inner         {position:relative;}

a.btn-next-page             {color:#FFF; padding:34px 70px 34px 40px; position:absolute; right:0; top:-50px; text-decoration:none; text-transform:uppercase; font-weight:600; font-family:'urw-din-condensed', sans-serif; font-size:30px; opacity:1; -moz-transition:.3s ease-in-out; transition:.3s ease-in-out;}
a.btn-next-page:after       {content: ''; width: 21px; height: 40px; background-image: url(/_assets/icon-arrow-right.png); background-repeat: no-repeat; background-size: 21px; position: absolute; right: 0; top: 50%; margin-top: -20px; right: 20px; }
a.btn-next-page:hover       {background-color:#363636 !important;}

.section-navigation                 {display:block; width:100%; text-align:right; position:relative;}
.section-navigation ul              {list-style:none;margin-left:0;}
.section-navigation ul li           {display:inline-block; width:14px; height:14px; font-size:0; position:relative; background-color:rgb(163, 163, 163); border:1px solid rgb(163, 163, 163); border-radius:28px; margin:0px 13px; cursor:pointer; -moz-transition:.2s ease-in-out; transition:.2s ease-in-out;}

.section-navigation ul li:hover     {background-color:#d6d6d6;}

.section-navigation ul li:last-child {margin-right:0;}
.section-navigation ul li.active    {background-color:#FFF;}

.page-quote         {width:305px; position:absolute; right:0; top:100px; padding-top:45px; background-repeat:no-repeat; background-position:0px 0px; background-size:115px;}
.page-quote p       {font-size:18px; color:#FFF; font-weight:300; padding-left:15px;}

.navigation-previous-page       {position:absolute; bottom:85px; left:110px;z-index:5; -moz-transition:left .2s ease-in-out; transition:left .2s ease-in-out;}
.navigation-previous-page:hover {left:107px;}
.navigation-previous-page i     {font-size:50px;}

.page-navigation-container								{position:relative; margin: 20px 0; width:1119px; max-width:100%; margin-left: auto;}
.page-navigation-container .navigation-previous-page	{left:0; bottom:0; top:50%; margin-top: -27px}

body.dark .copy p,
body.dark .copy,
body.dark .copy p.default,
.copy .default p {color:#FFF;}


/* REFER LISTING */
.referers-wrapper                   {/*display:flex; flex-direction: row; flex-wrap:wrap; justify-content:space-around; display:block; width:100%;*/ text-align:center; font-size:0;}
.referers-wrapper .refer-list       {position:relative;display:inline-block;vertical-align:top;width:335px; /*width:30.127303%;*/ text-align:center; padding:22px 25px 0px; border-top:5px solid #FFF; cursor:pointer; min-height:320px;  vertical-align:top; /*margin-left:4.81255602%;*/; margin:0px 15px;}

/*.referers-wrapper .refer-list:first-child {margin-left:0;}
.referers-wrapper .refer-list:nth-child(3n+1) {margin-left:0;}*/

.refer-list span.icon,
.refer-popup span.icon              {display:inline-block; margin-bottom:22px;}

.refer-list span.icon img,
.refer-popup span.icon img          {width:50%;}

.refer-list h4                      {font-size:38px; color:#FFF; margin-bottom:20px;}
.refer-list p                       {color:#FFF; font-size:21px;}

/*.refer-list .tile-expand i          {background-color:#FFF;}*/
.refer-list .tile-expand            {position:relative; left:auto; bottom:auto; margin-left:0px;}
.refer-list .tile-expand span.i-y   {transform:rotate(90deg); left:calc((2px - 6px) / 2); }

.refer-list:not(.press):hover .tile-expand      {-moz-transform:rotate(-180deg); transform:rotate(-180deg);}

.referers-wrapper:hover > .refer-list          {opacity:0.3 !important; transition: .2s ease-in-out !important;}
.referers-wrapper:hover > .refer-list:hover    {opacity:1 !important;  transition: .2s ease-in-out !important;}

.refer-list.press .tile-expand i          {background-color:transparent; font-size:36px;}
.refer-list.press .tile-expand            {position:relative; left:auto; bottom:auto; margin-left:0px;}
.refer-list.press .tile-expand span.i-y   {transform:rotate(90deg); left:calc((2px - 6px) / 2); }



.refer-list.press .dot          {position:relative; display:block; width:100%; margin:20px 0px; height:6px;}
.refer-list.press .dot:after    {content: ''; position: absolute; left: 50%; margin-left: -3px; bottom:0; width: 6px; height: 6px; background-color:#FFF; border-radius:10px; }

.referers-wrapper .refer-list .trigger-popup {position:absolute; top:0; left:0; width:100%; height:100%; background-color:transparent; display:block; z-index:10;}


/* REFER LISTING; POPUPS */
.refer-popup                {display:none; position:absolute; top:0; left:0; width:100%; min-height:640px; max-height:100%; max-width:100%; overflow-y:auto; padding:45px 35px; z-index:10; background-color:#FFF;  text-align:left;}
.refer-popup .headings      {margin-bottom:50px !important;}
.refer-popup span.icon      {margin-bottom:0px;}

.refer-popup h4.title       {font-size:47px; display:inline-block;color:#FFF; margin-left: -20px;}
.refer-popup .copy          {position:relative;}
.refer-popup p, 
.refer-popup p a,
.refer-popup li {color:#FFF !important;}

.refer-popup a.popup-close  {right:40px;}

/* REFER LISTING; POPUP FORM */
.refer-popup.refer-form,
.refer-popup.refer-form .copy,
.refer-popup.refer-form .copy-right                         {padding:0;}

.refer-popup.refer-form .copy-left                          {padding:60px 50px 40px; width:40.467625899%;}
.refer-popup.refer-form .copy-left p                        {font-size:20px;font-weight:300;}

.refer-popup.refer-form .copy-right                         {width:59.5323741007%; position:relative; padding-bottom:50px;}
.refer-popup.refer-form .copy-right:before                  {content:'';position:absolute;right:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.17);}

.refer-popup.refer-form .form-holder                        {padding:9%; background-color:transparent !important;}
.refer-popup.refer-form .form-holder .tb                    {font-size:17px; padding:16px 50px; margin-bottom:25px;}
.refer-popup.refer-form .form-holder .form-row span.tb-icon {width:70px; height:70px; border:6px solid rgba(0, 0, 0, 0.17); background-size:20px; left:-5px; top:0px;z-index:5;}
.refer-popup.refer-form .form-holder .form-row span.tb-icon.tb-icon-message {background-size:26px;}
.refer-popup.refer-form .form-holder .btn                   {float:right;font-size:16px;padding:12px 30px;}
.refer-popup.refer-form .form-holder .btn:hover             {background-color:#FFF;}
.refer-popup.refer-form .form-holder span                   {font-size:14px;}



.refer-popup div.contact-us-form .form-row .tb-icon-container {background-color:transparent !important; border-color:transparent !important;}

/* REFER LISTING; TESTIMONIALS CAROUSEL */
.carousel-wrapper                                           {width:800px; margin:0 auto; text-align:left; max-width:100%; border-left: 2px solid #fff; padding-left: 10px;}

.testimonial-carousel                                       {visibility:hidden; opacity:0; -moz-transition:.2s ease-in-out; transition:.2s ease-in-out; margin-top:70px; padding-top:60px; background-image:url(/_assets/icon-quotes-grey.png); background-repeat:no-repeat; background-position:center 0px; background-size:190px; position:relative;}
.testimonial-carousel .testimonial                          {}
.testimonial-carousel .testimonial p                        {font-size:21px;font-weight:500; line-height: 1.2em;}
.testimonial-carousel .testimonial hr                       {width:320px; margin:25px auto 15px auto; border: 0px;}
.testimonial-carousel .testimonial p.author                 {font-size:16px; font-style:italic;}

.testimonial-carousel .slick-arrow  {display:block; position: absolute; bottom:-10px; width: auto; height: 27px; z-index: 5; background-repeat: no-repeat; font-weight:500; background-size: 15px; background-position:right center; padding-right:35px; cursor: pointer; background-color: transparent; font-size:16px; color:#FFF; font-style:italic; }
.testimonial-carousel .slick-next   {background-image:url(/_assets/icon-carousel-right-small.png); right:0px;}
.testimonial-carousel .slick-prev   {display:none !important;}

.page-contact .copy-left ul li a[href^="tel:"]	{color:#ffffff;}

/* OUR ASSOCIATES */
section.page .associates .copy-right            {padding-left:0;}
.associate-wrapper                              {font-size:0; text-align:left;}
.associate-wrapper .associate                   {/*width:265px;*/ width:47%; height:265px; max-width:100%; display:inline-block; margin-bottom:24px; margin-left:24px; cursor:pointer; position:relative;  -moz-transition:.2s ease-in-out; transition:.2s ease-in-out;}
.associate-wrapper .associate:nth-child(odd)    {margin-left:0px;}
.associate-wrapper .associate .associate-image  {position:relative; width:100%; height:100%; background-repeat:no-repeat; background-position:center; background-size:cover; -moz-transition:.2s ease-in-out; transition:.2s ease-in-out;}

.associate-wrapper .associate .associate-hover          {position:absolute;left:calc(100% + 24px);right:auto;top:0;width:100%;height:100%;background-color:#00a7a4; color:#00a7a4; padding:30px 50px 30px 30px; z-index:10; opacity:0; visibility:hidden; /*-moz-transition:.2s ease-in-out; transition:.2s ease-in-out;*/}
.associate-wrapper .associate .associate-hover:after    {content:''; position:absolute; left:-20px; top:50%; margin-top:-12px; width:0; height:0; border-top:20px solid transparent; border-bottom:20px solid transparent; border-right:20px solid; border-right-color:inherit; opacity:0; visibility:hidden; /*-moz-transition:.2s ease-in-out; transition:.2s ease-in-out;*/}

.associate-wrapper .associate:nth-child(even) .associate-hover         {left:auto;right:calc(100% + 24px); width:calc(100%);}
.associate-wrapper .associate:nth-child(even) .associate-hover:after   {border-left:20px solid; border-left-color:inherit; border-right:0; left:auto; right:-20px;}

.associate-wrapper .associate .associate-hover h2   {color:#FFF; font-size:50px; font-family:'urw-din-condensed', sans-serif; font-weight:600; margin-bottom:15px;}
.associate-wrapper .associate .associate-hover span {color:#FFF; font-size:14px; text-transform:uppercase; display:inline-block; line-height:1.3em;}

.associate-wrapper .associate .block                {position:relative;width:100%;height:100%;}
.associate-wrapper .associate .associate-inner      {position:absolute;bottom:0px;left:0px;}

.associate-wrapper:hover > .associate           {opacity:0.3;}
.associate-wrapper:hover > .associate:hover     {opacity:1;}

.associate-wrapper .associate:hover .associate-hover,
.associate-wrapper .associate:hover .associate-hover:after {opacity:1; visibility:visible;}

.associates .associate-text {display:none;}

.associates .associate-text .associate-read-more    {text-align:right; font-size:16px !important; font-style:italic; font-weight:500;}
.associates .associate-text .associate-read-more a  {text-decoration:none;display:inline-block;}
.associates .associate-text .associate-read-more i  {padding-left:8px;}


.page-associate .associate-heading {}
.page-associate .associate-heading h2   {font-size:140px; margin-bottom:28px; letter-spacing:-6px; word-spacing:6px; line-height:0.9em; color:#000;}
.page-associate .associate-heading h3   {font-size:28px; color:#babab9; font-family:Raleway, sans-serif; line-height:1.2em;}

.page-associate .copy                   {}
.page-associate .copy h4                {color:#000; font-size:24px; margin-bottom:15px;}
.page-associate .copy-right             {text-align:right; color:#000; max-width:100%;}

.page-associate .associate-image        {display:inline-block; width:440px; max-width:100%; height:auto; border-top:15px solid #000;}
.page-associate .associate-social       {margin-top:20px; font-size:0;}

.page-associate .associate-social .social-nav           {display:inline-block; width:50%; padding-right:25px; vertical-align:top; text-align:left;}
.page-associate .associate-social .social-cv            {display:inline-block; width:50%; vertical-align:bottom; line-height:normal; text-align:right;}
.page-associate .associate-social .social-nav ul        {list-style:none; margin:0; font-size:0; text-align:left; display:inline-block;}
.page-associate .associate-social .social-nav ul li     {display:inline-block; margin-right:12px; margin-bottom:0;}
.page-associate .associate-social .social-nav ul li i   {color:#000; font-size:40px;}
.page-associate .associate-social .social-cv a          {text-decoration:none; font-size:20px; color:#000; font-family: 'urw-din-condensed', sans-serif; font-weight:600; text-transform: uppercase;}
.page-associate .associate-social .social-cv a i        {padding-left:7px;}

.page-associate .associate-social.w-margin-t            {margin-top:45px;}


.page-associate .associate-more-info { margin-bottom: 20px; }
.page-associate .associate-additional { margin: 0; padding-top: 20px; display: none; }


a.associate-back        {color:#000; font-size:16px; text-decoration:none; font-style:italic; font-weight:500; display:inline-block; margin-top:30px; -moz-transition:margin-left .2s ease-in-out; transition:margin-left .2s ease-in-out;}
a.associate-back:hover  {margin-left:-3px;}
a.associate-back i      {padding-right:8px; font-size:18px; color:#000;}

.other-associates {font-size:0;}
.other-associates .associate {width:90px; height:90px; max-width:100%; display:inline-block; margin-bottom:12px; margin-left:12px; cursor:pointer; position:relative;  -moz-transition:.2s ease-in-out; transition:.2s ease-in-out; background-size:cover; background-repeat:no-repeat; background-position:center;}


/* TESTIMONIALS */

.testimonial-content {padding:58px 130px 57px 0px; position:relative; max-width:100%; background-color:#000;}

.testimonial-content .testimonial-carousel                      {text-align:center;}
.testimonial-content .testimonial-carousel .testimonial p       {color:#FFF;}
.testimonial-content .testimonial-carousel .testimonial hr      {border-color:#FFF;}

.testimonial-content .testimonial-carousel .slick-arrow {position:relative; left:auto; bottom:auto; display:inline-block; margin-top:35px;border: 0px; padding-bottom: 27px;}


/* CONTACT US */

.page-contact .content-skewed .copy {padding-bottom:0;}
.page-contact .content-skewed .copy p {color:#FFF;}
.page-contact .content-skewed .form-holder .tb {color:#FFF;}

.page-contact .content-skewed .copy-left .form-holder,
.page-contact .content-skewed .copy-right .form-holder  {padding-left:0;padding-right:0;}

.page-contact .content-skewed .copy-left .form-holder p {font-size:24px; margin-bottom:30px;}


.page-contact .copy-left ul      {list-style:none; display:block; margin-left:0;}
.page-contact .copy-left ul li   {display:table; position:relative; font-size:14px; color:#000; word-spacing:1px; margin-bottom:15px;}
.page-contact .copy-left ul li span {display:table-cell; vertical-align:middle; }
.page-contact .copy-left ul li span.icon {padding:10px; width:55px; height:55px; border-radius:40px; border:1px solid #FFF; text-align:center;}
.page-contact .copy-left ul li span:not(.icon) {padding-left:17px;}
.page-contact .copy-left ul li span img {vertical-align:middle;}
.page-contact .copy-left ul li a {text-decoration:none; color:inherit;}




/* COOKIE BAR */
.cookieBar              { width: 100%; background: url('/_assets/bg_cookiebar.png'); position: fixed; bottom: 0px; left: 0px; text-align: center; padding: 10px 10px; z-index: 99999999; box-sizing:border-box; -moz-box-sizing:border-box; }
.cookieBar p			{color:#ffffff; font-size:14px; font-family:inherit; line-height:1.5em; text-align:center; display:inline-block;}
.cookieBar .acceptBtn   {border:0px; background:#000; border:1px solid #DEDEDE; font-weight:bold; display:inline-block; margin-top:6px; margin-left:5px; font-family:inherit; font-size:12px; padding:5px 10px; text-decoration:none; color:#FFF; text-transform:uppercase; }

/* SHARE LIGHTBOX */
.share-page         {float:right;cursor:pointer; margin-bottom:20px;}
.share-page i.fa    {font-size:18px;color:#ab0063;}
.share-page span    {display:inline-block; padding-left:10px; font-size:15px; position:relative; top:-2px; color:#ab0063;}

ul.social-list						{}
ul.social-list li					{display:inline-block; font-size: 0; margin: 0 5px;}
ul.social-list li a					{display:block; background-color: #fff; width: 70px; height: 70px; line-height: 70px; font-size: 28px; color: #00addd; transition:0.2s ease-out}
ul.social-list li a:hover			{color:#fff;}
ul.social-list li.facebook a:hover	{background-color:#3B5998 !important;}
ul.social-list li.twitter a:hover	{background-color:#1da1f2 !important;}
ul.social-list li.linkedIn a:hover	{background-color:#0077b5 !important;}
ul.social-list li.google a:hover	{background-color:#dd4b39 !important;}
ul.social-list li.email a:hover	    {background-color:#828282 !important;}

.share-toggle                       {cursor:pointer;}

.share-fade			{position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(142, 142, 142, 0.95); z-index: 105; display: none;}
.share-popup		{position:fixed; left: 50%; margin-left: -181px; top: 50%; margin-top: -151px;  width: 363px; height: 303px; z-index: 110; background-color: #fff; border-left:none; text-align: center; display: none}
.share-header		{background-color:#af005f; padding: 27px;}
.share-header h1	{font-size:19px; color: #FFF; font-weight: bold; display: inline-block; position: relative;}

.share-popup ul.social-list			{margin-top:30px;}
.share-popup ul.social-list li a	{width:50px; height: 50px; line-height: 50px; color: #fff; background-color:#bfb9b2; font-size: 20px;}

a.share-close		{display: block; margin-top: 115px; color: #af005f; font-size: 15px; font-weight: bold; text-decoration: none;}


/* TABLE STYLES */


td {padding: 10px;background-color: #f3f3f3; border: 6px solid white; font-size: 16px; font-weight: normal; line-height: 1.4em;}
td p {font-size: 16px !important; line-height: 1.4em;}


/* IE10+ SPECIFIC STYLES GO HERE. IE10+ NO LONGER SUPPORT CONDITIONAL STATEMENTS IN THE HEAD OF A FILE */ 
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  

}

/* MAX-HEIGHT */
@media (max-height: 770px) 
{
    .form-holder                        {padding:50px;}
    .schedule-call-form.active          {top:20px;}
    .form-holder .tb                    {padding:14px 60px; font-size:20px;}
    .schedule-call-form                 {width:570px; margin-left:-285px;}
    .form-holder .form-row span.tb-icon {width:80px; height:80px;}
    .form-holder span                   {font-size:16px;}
    .form-holder p                      {font-size:24px; margin-bottom:30px;}
    .form-holder .btn                   {font-size:19px;}
}


/* MOBILE STYLES */
@media (max-width: 1355px) 
{
    .hero-image-wrapper .hero-image .inner {width:100%;}
    .inner-menu {width:100%; padding:0px 25px 0px 60px;}
    .mega-menu .menu-selection[data-step="1"] {width:350px; margin-right:4.7%;}
    .mega-menu .menu-selection.active[data-step="2"] { width: 23.586299%; }
}

@media (max-width: 1300px) 
{
    header .inner {width:90%;}
    .inner.align-right {width:1063px;}

    /*.hero-image-wrapper, .hero-image-wrapper .hero-image {height:700px;}*/
	
	
    footer .inner                   {width:95%; padding-left:0;}

    section.section-quotes .wrapper {background-position: 20px 109px;}

    .w-padding-l {padding-left:87px !important;}

    a.btn-next-page {right:20px;}
    .section-navigation {padding-right:20px;}

    .navigation-previous-page {left:160px;}

    /*.referers-wrapper {text-align:left;}
    .referers-wrapper .refer-list:nth-child(even) {margin-left:4.81255602%;}
    .referers-wrapper .refer-list:nth-child(odd) {margin-left:0;}*/

    .inner.align-right.associates 	{width:1080px; padding-left:87px; margin:0 auto;}

	.page-navigation-container .navigation-previous-page	{left:0;}
	
	.page-navigation-container .navigation-previous-page	{left:85px}
	
}





@media (max-width: 1178px) 
{
    .tile-content {width:100% !important;}

    .quote-wrapper .quote-content blockquote {font-size:20px;}
    .quote-wrapper .quote-content .right .keyword {font-size:36px;}
    .quote-wrapper a.read-more {left:0; right:auto;}

    .mega-menu ul.sub-nav li {font-size:16px; }
    .mega-menu ul.sub-nav li.parent {font-size:18px; margin-bottom:13px; border-bottom:1px solid;}
    .mega-menu .menu-selection.active[data-step="3"]   {padding-left:25px; width:30%;}
    .mega-menu .menu-selection .quote-holder    {padding-left:0;}
    .mega-menu ul.sub-nav                       {padding-left:25px;}
    .mega-menu .menu-selection .quote-holder p  {font-size:16px;}

    header .site-logo { right:0px;}
	footer .left {width: 50%}

}


@media (max-width: 1090px) {

    .inner-reduced {width:100%; padding:0px 20px;}

    /*.quote-wrapper .quote-content .right {background-position:center center;} */
    .tile-content {padding-right:40px;}

    .section-tiles .inner-reduced {padding:0;}
    /*.tile-wrapper .tile {width:50%;}*/
    .tile-wrapper .tile:not(.slick-current) {/*opacity:0.5; background-color: #000;*/}

    .tile-wrapper .tile:not(.active):hover {height:335px;}
    .tile-wrapper .tile .tile-expand {display:none;}
    .tile-wrapper .slick-dots {top:auto; bottom:-29px;}
    .tile-wrapper .slick-dots li {background-color:transparent; border-color:#FFF;}
    .tile-wrapper .slick-dots li.slick-active {background-color:#FFF;}

    .tile-wrapper .tile:not(.active):after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; z-index:20; background-color:rgba(255, 255, 255, 0.75);}

    .tile-content {padding-top:65px;}

    header {top:40px;}
    header .inner {padding: 0px 45px;}

    /*.hero-image-wrapper, .hero-image-wrapper .hero-image { height: 600px; }*/
    header .site-logo {top:-20px; right:20px;}

    .navigation-previous-page       {left:88px;bottom:90px;}
    .navigation-previous-page i     {font-size:38px;}


	footer .left {width: 60%}


    .inner.align-right.associates {padding-right:45px;}
    .refer-popup {left:2.5%; width:95%;}

}

@media (max-width: 1060px) {
.hero-image-wrapper .hero-image .inner div.quotation {padding: 0 21%;}
}

@media (max-width: 1024px) 
{ 
    /* IPAD (LANDSCAPE) */
    .mega-menu .menu-selection.active[data-step="3"] {display:none;}
    .mega-menu .menu-selection[data-step="1"] {margin-right:40px;}
    .mega-menu .menu-selection.active[data-step="2"] {width:auto; border-right:0;}

    a.btn-next-page {padding: 20px 45px 20px 25px; font-size: 18px; top:-31px;}
    a.btn-next-page:after {width:14px; height:26px; margin-top:-13px; background-size:14px; right:15px;}

    .referers-wrapper:hover > .refer-list           {opacity:1 !important;}
    .referers-wrapper:hover > .refer-list:hover     {opacity:1 !important;}

    .page-image-copy {width:100%;}

    .associate-wrapper .associate .associate-hover {display:none;}
    .associate-wrapper .associate .associate-hover {display:none;}

    .associate-wrapper:hover > .associate,
    .associate-wrapper:hover > .associate:hover {opacity:1;}





    .refer-popup {/*overflow-y:unset;*/}
    .testimonial-content {padding-left:65px; padding-right:65px;}

}

@media (max-width: 960px) 
{
    .press-logos ul {display:block; text-align:center}
    .press-logos ul li {display:inline-block; margin-right:20px; padding-bottom:10px;}


    .quote-wrapper .quote-content blockquote {font-size:17px;}
    .quote-wrapper .quote-content .right .keyword {font-size:30px;}
    .tile-content {padding-right:40px;}

    section.page .copy-left, section.page .copy-right {width:100%;}

    section.page .copy-left     {padding-bottom:25px; padding-right:20px;}
    section.page .copy-right    {padding-left:0;padding-right:20px;}

    .referers-wrapper .refer-list {}
    .refer-popup.refer-form .copy-left,
    .refer-popup.refer-form .copy-right {width:100%;}
    .refer-popup.refer-form .form-holder {padding-top:60px;}

    section.page-associate .copy-right              {text-align:left;}
    section.page-associate .copy:not(.no-padding)   {padding-bottom:80px;}

    .other-associates {display:none;}

    .page-contact .content-skewed .copy-left, 
    .page-contact .content-skewed .copy-left .form-holder {padding-bottom:0;}

    .page-contact .content-skewed .copy-left .form-holder {padding-top:50px;}



    .section-tiles .tile-wrapper .tile.active {height:335px;}
	
	.headings .parent-page {opacity:0.4;}

	
}

@media (max-width: 900px) 
{
    footer .left, footer .right {width:100%; display:block;}
    footer .left {padding-bottom:25px; padding-right:25px; text-align: center;}

    footer          {padding-bottom:0;}
    footer .right {padding-left:0px; padding-top:25px; text-align:center; background-color:#fff; padding-bottom:28px;}
    div.copyright-notice {margin-bottom:4px;}
	
	footer ul.footer-icons {display: inline-block;}
	

    .quote-wrapper {}
    .quote-wrapper .slick-dots {width:100%; padding-right:40px;}
    /*.quote-wrapper a.read-more { right:40px; left:auto; bottom:340px; font-size:14px; }*/
    .quote-wrapper .quote-content .left {width:100%; display:block; padding-right:40px;}
    .quote-wrapper .quote-content .right {width:100%; display:block; height:300px !important; background-size:contain; display: none;}

    .quote-wrapper .quote-content .right.absolute {position:absolute; bottom:0;}
}

@media (max-width: 825px) {

    .mega-menu .menu-selection[data-step="2"] {opacity:0; visibility:hidden; width:0; height:auto !important; /*position:absolute; top:0; left:0;*/ border-left:0;  -moz-transition:unset; transition:unset;}
    .mega-menu .menu-selection[data-step="1"] {width:100%; margin-right:0; padding-right:0px; position: relative; -moz-transition:unset; transition:unset;}
    .mega-menu .menu-selection[data-step="3"] {display:none !important;}
    /*.mega-menu .menu-selection.active[data-step="1"] {left:calc(-100% - 60px);}*/

    .mega-menu .menu-selection.active[data-step="2"] {width:100%; opacity:1; width:100%; visibility:visible;}
    .mega-menu ul.sub-nav {padding-left:30px;}
    .mega-menu-wrapper .mega-menu   {padding:80px 0px;}

    .mega-menu ul li, .mega-menu ul.sub-nav li
    {font-size:18px; line-height:1em; padding-bottom:15px; word-spacing:0px;}

    .mega-menu ul.sub-nav li.parent {font-size:20px;}

    .inner-menu         {padding:0px 25px;}
    .mega-menu-wrapper  {padding:20px 20px 0px 0px;}

    .mega-menu ul.sub-nav li.parent {display:inline-block; margin-bottom:20px;}

    a.mobile-back-menu              {position:absolute; top:10px; left:0; height:100%; padding:0px 15px; z-index:20; cursor:pointer;}
    a.mobile-back-menu.active       {display:block;}
    a.mobile-back-menu:after        {content:"\f105"; color:#FFF; display:inline-block; font:normal normal normal 14px/1 FontAwesome; font-size:inherit; text-rendering:auto; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; top:50%; position:absolute; margin-top:-16px; transform:rotate(-180deg); left:50%; margin-left:-5px; font-size:24px; }
    
    header .inner                   {padding:0px 5px;}
    header .menu-item               {display:block; margin:0;}
    header .hamurger-menu           {margin-bottom:6px;}
    header .menu-item .menu-trigger {width:28px;}



   

}

@media (max-width: 768px) 
{
    /* IPAD (PORTRAIT) */

    footer ul.footer-icons, 
    footer ul.footer-icons li, 
    footer ul.footer-icons li span {display:block;}

    footer ul.footer-icons li, 
    footer ul.footer-icons li span {display:block; width:100%;}

    footer ul.footer-icons li {padding-bottom:25px;}
    footer ul.footer-icons li span {text-align:center; padding-bottom:0px; padding-left:0;}
    footer ul.footer-icons li span.icon {padding-bottom:10px;}

    footer .left {padding-left:0px; padding-right:0px;}

    .hero-image-wrapper, .hero-image-wrapper .hero-image {height:740px; }
	.hero-logo {top: 20px; width: 210px;}
	.hero-image-wrapper .slick-prev		{left:5%;}
	.hero-image-wrapper .slick-next     {right:5%;}
	.hero-image-wrapper .slick-dots		{bottom: 11%;}
	.hero-image-wrapper a.scroll-down   {bottom: 15%}
	.hero-image-wrapper .hero-image .inner div.quotation {bottom: 142px;}


    .hero-image-wrapper .slick-arrow {width:17px; height:33px; background-size:17px; margin-top:-17px;}


    .hero-image-wrapper .hero-image .inner div.quotation p {font-size:30px;}
    
    .page-quote {display:none;}

}

@media (max-width: 767px) {
	
	
	.hero-image							{background-position: center top; }
	
    .form-holder                        {padding:50px;}
    .schedule-call-form.active          {top:20px;}
    .form-holder .tb                    {padding:14px 60px; font-size:20px;}
    .schedule-call-form                 {width:570px; margin-left:-285px;}
    .form-holder .form-row span.tb-icon {width:80px; height:80px;}
    .form-holder span                   {font-size:16px;}
    .form-holder p                      {font-size:24px; margin-bottom:30px;}
    .form-holder .btn                   {font-size:19px;}

    .refer-popup span.icon              {margin-bottom:15px;}


    .refer-popup.refer-form .form-holder {padding-right:40px; padding-left:40px;}
    .page-image.fixed .page-image-padding   {padding:50px 0px;}
    .testimonial-carousel                   {text-align:center;margin-top:0;}
    .testimonial-carousel .slick-arrow      {text-align:center; position: relative; display: inline-block; bottom: -40px; }
    .testimonial-carousel                   {padding-bottom:60px;}

    .testimonial-carousel .testimonial p    {font-size:20px;}
    .testimonial-carousel .testimonial hr   {width:50%;}



    .testimonial-content {padding-left:30px; padding-right:30px;}

    .referers-wrapper .refer-list {width:400px; max-width:100%; margin:0px 0px !important;}

}

@media (max-width: 620px) {
	.hero-image-wrapper, .hero-image-wrapper .hero-image {height:640px; }
}

@media (max-width: 640px) 
{
    
	
	
	.press-logos ul li {width:100%; padding-bottom:30px;}
    .press-logos ul li:last-child   {padding-bottom:0;}

    .tile-wrapper .slick-arrow {display:inline-block !important;}
    .tile-wrapper .slick-dots {bottom:40px;}
    .tile-wrapper .slick-dots li {background-color:transparent; border-color:#d9d9d9;}
    .tile-wrapper .slick-dots li.slick-active {background-color:#d9d9d9;}

    .form-holder                        {padding:20px 20px;}
    .schedule-call-form.active          {top:0px; left:0; margin-left:0; width:100%; height:100%;}

    .form-holder .tb                    { padding: 14px 35px; font-size: 16px; margin-bottom:15px}
    .schedule-call-form                 {width:570px; margin-left:-285px;}
    .form-holder .form-row span.tb-icon {width:60px; height:60px; /*top:-7px; left:-6px;*/ top: -1px; left: -2px;}

    .form-holder .form-row span.tb-icon.tb-icon-name    {background-size:24px;}
    .form-holder .form-row span.tb-icon.tb-icon-email   {background-size:22px;}
    .form-holder .form-row span.tb-icon.tb-icon-phone   {background-size:20px;}

    .form-holder a.menu-close {top:15px; right:15px;}

    .form-holder .form-row:last-child {margin-bottom:45px;}
    .form-holder p {font-size:16px; margin-bottom:25px;}
    .form-holder.size-large .header p {font-size:20px;}
    .form-holder span {font-size:14px;}
    .form-holder .btn {font-size:16px; padding:12px 20px;}
    .form-holder a.menu-close {background-size:15px; width:15px;}


    section.page {padding-top:200px}
	section.page-associate-dai	{padding-top:200px !important;}

    header .site-logo img {width:210px;} /* was 194px */


    .testimonial-content .testimonial-carousel .slick-arrow {margin-top:20px;}
    section.page.page-testimonials {padding-top:0;}

    section.page .headings {margin-bottom:50px;}
    section.page .copy-left {padding-bottom:15px;}

    .headings h1 {font-size:40px; margin-bottom:13px;}
    .headings h1:after {top:21px;}
    .headings h2 {font-size:26px;}

    .copy .intro p,
    .refer-popup.refer-form .copy-left p {font-size:18px;}

    .copy p {line-height:1.6em;}
    .copy p,.copy ul, ol,.copy ul li, ol li {font-size:14px; line-height:1.4em;}

    .w-padding-l, .inner.align-right.associates {padding-left:63px !important;}
    .headings h1:after  {right:calc(100% + 11px);}

    .section-navigation {/*text-align:center;*/ padding-right:30px;}
    .section-navigation ul li {margin:0px 5px;}

    section.page .copy-left, section.page .copy-right {padding-right:0;}
    section.page .w-padding {padding-bottom:40px;}

    .navigation-previous-page {bottom:71px; left:63px;}

    .refer-popup .headings  {margin-bottom:30px;}
    .refer-popup h4.title   {font-size:40px;}
    .referers-wrapper .refer-list {min-height:unset; padding-bottom:50px;}

    .page-image-copy {text-align:center;}

    .associate-wrapper { }
    .associate-wrapper .associate {width:266px; height:266px; padding:0; padding-bottom:24px; margin: 0px; }
    


    .headings .parent-page {font-size:21px; opacity:0.5;}


    section.page-associate {padding-top:75px;}
    .page-associate .associate-heading h2 {font-size:80px; letter-spacing:-3px; word-spacing:3px;}
    .page-associate .associate-heading h3 {font-size:22px;}
    .page-associate .associate-social .social-nav,
    .page-associate .associate-social .social-cv {width:100%; text-align:center;}

    .page-associate .associate-social .social-nav {margin-bottom:15px;}
    .refer-popup h4.title {display:block; margin-left:0;}
	
	.page-navigation-container .navigation-previous-page	{left:65px; margin-top: -20px;}
}


@media (max-width: 414px) 
{
    /* IPHONE 6+, GOOGLE NEXUS 5X & GOOGLE NEXUS 6P */
    /*.quote-wrapper .quote-content .right {background-size:cover;}*/

    .hero-image-wrapper, .hero-image-wrapper .hero-image {height:500px; }
	.hero-image-wrapper .hero-image .inner div.quotation {font-size: 18px; bottom: 117px; padding: 0 10px;  }
	.hero-logo {top: 20px; width: 156px;}
	header .menu-item .menu-title {font-size: 16px;}


    section.page.page-testimonials {padding-top:0;}
    section.page {padding-top:140px;}
    section.page-associate {padding-top:75px;}

    header .site-logo       {top:-28px; right: 0px;}
    header .site-logo img   {width:165px;} /* was 131px */

    section.page .headings {margin-bottom:35px;}
	
	
	
	
}


@media (max-width: 360px) 
{
    /* IPHONE 5 */
	header .site-logo img {width:145px;}
	header .menu-item .menu-title {font-size: 15px; }
	#RecaptchaField1 {margin-left: -41px;}
	
}

@media (max-height: 920px) 
{

.schedule-call-form .form-holder {overflow: scroll; height: 90vh;}
}