/***************/
/* begin reset */
/***************/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {margin: 0;padding: 0;}
table {border-collapse: collapse;border-spacing: 0;}
fieldset, img {border: 0;}
address, caption, cite, code, dfn, em, strong, th, var {font-style: normal;font-weight: normal;}
ol, ul {list-style: none;}
caption, th {text-align: left;}

h1, h2, h3, h4, h5, h6 
{	
	font-size: 1em;
	font-weight: normal;
}

q:before, q:after 
{
	content: '';
}

abbr, acronym 
{
	border: 0;
}
html
{
    height:100%;
    overflow-x: hidden;
}
html, body, input, textarea
{
    padding: 0;
    margin: 0;
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
}

:focus 
{
	outline: 0;
}

input[type="hidden"], .hidden
{
	display:none;
}
/*************/
/* end reset */
/*************/
/*************/
/* Fonts   */
/*************/
@font-face {
    font-family: 'nidex';
    src: url('/css/fonts/nidex_0-webfont.eot');
    src: url('/css/fonts/nidex_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/nidex_0-webfont.woff') format('woff'),
         url('/css/fonts/nidex_0-webfont.ttf') format('truetype'),
         url('/css/fonts/nidex_0-webfont.svg#nidexregular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
  font-family: 'MyriadPro-BoldCondIt';
  src: url('/css/fonts/MyriadPro-BoldCondIt.eot?#iefix') format('embedded-opentype'),  
  	     url('/css/fonts/MyriadPro-BoldCondIt.otf')  format('opentype'),
	     url('/css/fonts/MyriadPro-BoldCondIt.woff') format('woff'), 
	     url('/css/fonts/MyriadPro-BoldCondIt.ttf')  format('truetype'), 
	     url('/css/fonts/MyriadPro-BoldCondIt.svg#MyriadPro-BoldCondIt') format('svg');
  font-weight: normal;
  font-style: normal;    
  font-display: swap;
  
}


@font-face {
  font-family: 'MyriadPro-BoldIt';
  src: url('/css/fonts/MyriadPro-BoldIt.eot?#iefix') format('embedded-opentype'), 
	   url('/css/fonts/MyriadPro-BoldIt.otf')  format('opentype'),
	   url('/css/fonts/MyriadPro-BoldIt.woff') format('woff'), 
	   url('/css/fonts/MyriadPro-BoldIt.ttf')  format('truetype'), 
	   url('/css/fonts/MyriadPro-BoldIt.svg#MyriadPro-BoldIt') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;

}


@font-face {
  font-family: 'MyriadPro-BoldCond';
  src: url('/css/fonts/MyriadPro-BoldCond.eot?#iefix') format('embedded-opentype'),  
  	   url('/css/fonts/MyriadPro-BoldCond.otf')  format('opentype'),
	   url('/css/fonts/MyriadPro-BoldCond.woff') format('woff'), 
	   url('/css/fonts/MyriadPro-BoldCond.ttf')  format('truetype'), 
	   url('/css/fonts/MyriadPro-BoldCond.svg#MyriadPro-BoldCond') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;

}

@font-face {
  font-family: 'MyriadPro-Regular';
  src: url('/css/fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),  
  	   url('/css/fonts/MyriadPro-Regular.otf')  format('opentype'),
	   url('/css/fonts/MyriadPro-Regular.woff') format('woff'), 
	   url('/css/fonts/MyriadPro-Regular.ttf')  format('truetype'), 
	   url('/css/fonts/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;

}
@font-face {
    font-family: 'keep_calm';
    src: url('/css/fonts/k-type_-_keepcalm-book-webfont.eot');
    src: url('/css/fonts/k-type_-_keepcalm-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/k-type_-_keepcalm-book-webfont.woff') format('woff'),
         url('/css/fonts/k-type_-_keepcalm-book-webfont.ttf') format('truetype'),
         url('/css/fonts/k-type_-_keepcalm-book-webfont.svg#keep_calmbook') format('svg');
    font-weight: normal;
    font-style: normal;
  font-display: swap;


}
@font-face {
    font-family: 'keep_calm';
    src: url('/css/fonts/k-type_-_keepcalm-bookitalic-webfont.eot');
    src: url('/css/fonts/k-type_-_keepcalm-bookitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/k-type_-_keepcalm-bookitalic-webfont.woff') format('woff'),
         url('/css/fonts/k-type_-_keepcalm-bookitalic-webfont.ttf') format('truetype'),
         url('/css/fonts/k-type_-_keepcalm-bookitalic-webfont.svg#keep_calmbook_italic') format('svg');
    font-weight: normal;
    font-style: italic;
  font-display: swap;


}
@font-face {
    font-family: 'keep_calm';
    src: url('/css/fonts/k-type_-_keepcalm-heavy-webfont.eot');
    src: url('/css/fonts/k-type_-_keepcalm-heavy-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/k-type_-_keepcalm-heavy-webfont.woff') format('woff'),
         url('/css/fonts/k-type_-_keepcalm-heavy-webfont.ttf') format('truetype'),
         url('/css/fonts/k-type_-_keepcalm-heavy-webfont.svg#keep_calmheavy') format('svg');
    font-weight: bolder;
    font-style: normal;
  font-display: swap;


}
@font-face {
    font-family: 'keep_calm';
    src: url('/css/fonts/k-type_-_keepcalm-heavyitalic-webfont.eot');
    src: url('/css/fonts/k-type_-_keepcalm-heavyitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/k-type_-_keepcalm-heavyitalic-webfont.woff') format('woff'),
         url('/css/fonts/k-type_-_keepcalm-heavyitalic-webfont.ttf') format('truetype'),
         url('/css/fonts/k-type_-_keepcalm-heavyitalic-webfont.svg#keep_calmheavy_italic') format('svg');
    font-weight: bolder;
    font-style: italic;
  font-display: swap;


}
@font-face {
    font-family: 'keep_calm';
    src: url('/css/fonts/k-type_-_keepcalm-light-webfont.eot');
    src: url('/css/fonts/k-type_-_keepcalm-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/k-type_-_keepcalm-light-webfont.woff') format('woff'),
         url('/css/fonts/k-type_-_keepcalm-light-webfont.ttf') format('truetype'),
         url('/css/fonts/k-type_-_keepcalm-light-webfont.svg#keep_calmlight') format('svg');
    font-weight: lighter;
    font-style: normal;
  font-display: swap;


}
@font-face {
    font-family: 'keep_calm';
    src: url('/css/fonts/k-type_-_keepcalm-lightitalic-webfont.eot');
    src: url('/css/fonts/k-type_-_keepcalm-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/k-type_-_keepcalm-lightitalic-webfont.woff') format('woff'),
         url('/css/fonts/k-type_-_keepcalm-lightitalic-webfont.ttf') format('truetype'),
         url('/css/fonts/k-type_-_keepcalm-lightitalic-webfont.svg#keep_calmlight_italic') format('svg');
    font-weight: lighter;
    font-style: italic;
  font-display: swap;


}
@font-face {
    font-family: 'keep_calm';
    src: url('/css/fonts/k-type_-_keepcalm-medium-webfont.eot');
    src: url('/css/fonts/k-type_-_keepcalm-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/k-type_-_keepcalm-medium-webfont.woff') format('woff'),
         url('/css/fonts/k-type_-_keepcalm-medium-webfont.ttf') format('truetype'),
         url('/css/fonts/k-type_-_keepcalm-medium-webfont.svg#keep_calmmedium') format('svg');
    font-weight: bold;
    font-style: normal;
  font-display: swap;


}
@font-face {
    font-family: 'keep_calm';
    src: url('/css/fonts/k-type_-_keepcalm-mediumitalic-webfont.eot');
    src: url('/css/fonts/k-type_-_keepcalm-mediumitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/k-type_-_keepcalm-mediumitalic-webfont.woff') format('woff'),
         url('/css/fonts/k-type_-_keepcalm-mediumitalic-webfont.ttf') format('truetype'),
         url('/css/fonts/k-type_-_keepcalm-mediumitalic-webfont.svg#keep_calmmedium_italic') format('svg');
    font-weight: bold;
    font-style: italic;
  font-display: swap;


}
/*************/
/* End Fonts   */
/*************/

a, a:hover, a:visited
{
    text-decoration:none;
}

/*************/
/* Colours   */
/*************/
/*  Borders   */
/**************/
.blogItemContainer
{
    border-color:#a5a5a5;
}
.contentBox.colouredBox .ctaButton
{
    border-color: #FFFFFF;
}
.overlayBox.default .contentBoxText .ctaButton, .navMenu .menuItem.selected .menuItemTitle, .navMenu .menuItem:hover .menuItemTitle, .default .contentHeader a .ctaButton
{
    border-color: #ac353d;
}
.navMenu .menuItem.selected.animation .menuItemTitle, .navMenu .menuItem.animation:hover .menuItemTitle, .overlayBox.animation .contentBoxText .ctaButton, .animation .contentHeader a .ctaButton
{
    border-color:#ed5765;
}
.navMenu .menuItem.selected.online .menuItemTitle, .navMenu .menuItem.online:hover .menuItemTitle, .overlayBox.online .contentBoxText .ctaButton, .online .contentHeader a .ctaButton
{
    border-color:#78a140;
}
.navMenu .menuItem.selected.apps .menuItemTitle, .navMenu .menuItem.apps:hover .menuItemTitle, .overlayBox.apps .contentBoxText .ctaButton, .apps .contentHeader a .ctaButton
{
    border-color:#dd6c27;
}
.navMenu .menuItem.selected.film .menuItemTitle, .navMenu .menuItem.film:hover .menuItemTitle, .overlayBox.film .contentBoxText .ctaButton, .film .contentHeader a .ctaButton
{
    border-color:#1f6279;
}
.navMenu .menuItem.selected.elearning .menuItemTitle, .navMenu .menuItem.elearning:hover .menuItemTitle, .overlayBox.elearning .contentBoxText .ctaButton, .elearning .contentHeader a .ctaButton
{
    border-color:#8e3c86;
}
h1, h2, .boxTitle span, .footerItemTitle span, .socialMediaTitle span, .callToAction .title, .summaryTitleRow, .faqItemQuestion, .ctaButton, footerSocialMediaItemContainer, .navMenu, .filterContainer span,
.breadcrumb-item, .portfolioItemOverlay
{
    font-family:'keep_calm';
    font-weight:normal;
}
/*Default Grey Font*/
.navMenu .menuItem .menuItemTitle, .navMenu .menuItem .menuItemTitle a, .contentBox, .contentBox.overlayBox .contentBoxText, .light.contentBox.wideBox, body.light .contentBox.wideBox, .contentHeader .textArea, .expandulator .textArea, .umb-grid p, .footerPrivLinks a.footerPrivLink, .blogItemOverlayInner .itemDescription, .blogItemOverlayInner .itemDetails
{
    color: #666666;
}
/*White Font*/
.navMenu .megaMenuItem, .navMenu .megaMenuInner .subMenuItem .menuItemLink, a, a:hover, a:visited, .ctaButton, .callToAction .title, .callToAction .boxDescription, .colouredBox, .footerContactInfo .footerLink,.faqContent .faqItemQuestion p,
.projectSummaryContainer, .filterContainer, .dark .faqItemQuestion p, .dark .faqItemAnswer p, .contentBox.wideBox, .contentBox.colouredBox .ctaButton, .breadcrumb .breadcrumb-inner a, .portfolioItemOverlay .itemName, 
.contentBox .contentBoxText, .ContactForm, .portfolioItemPageContainer .portfolioItemPageContainerInner h1, .ContactForm .ContactTextArea p a,  .contentBox.colouredBox .solid .ctaButton, .film .contentHeader a.solid .ctaButton,
.overlayBox.film .contentBoxText .solid .ctaButton, .default .contentHeader a.solid .ctaButton, .overlayBox.default .contentBoxText .solid .ctaButton, .animation .contentHeader a.solid .ctaButton, .overlayBox.animation .contentBoxText .solid .ctaButton,
.online .contentHeader a.solid .ctaButton, .overlayBox.online .contentBoxText .solid .ctaButton, .apps .contentHeader a.solid .ctaButton, .overlayBox.apps .contentBoxText .solid .ctaButton, .wideBox .projectSummary a,
.elearning .contentHeader a.solid .ctaButton, .overlayBox.elearning .contentBoxText .solid .ctaButton
{
    color:#FFFFFF;
}
.overlayBox.default .contentBoxText .boxTitle, .default h2.subtitle, h2.subtitle.default, .default h1, .default a, .faqItemQuestion p, .light .faqItemAnswer p, body.light .contentBox.wideBox .boxTitle, .light.contentBox.wideBox .boxTitle,
.overlayBox.default .contentBoxText .ctaButton, .default .filterContainerInner div.selected, .default .contentHeader a .ctaButton, .faqContent.light .faqItemQuestion p
{
    color:#ac353d;
}
.overlayBox.animation .contentBoxText .boxTitle, .socialMediaTitle span, h2.subtitle.animation, .animation h2.subtitle,.animation a, .animation h1, .animation .contentBox.light .boxTitle, .overlayBox.animation .contentBoxText .ctaButton, .animation .filterContainerInner div.selected, .animation .contentHeader a .ctaButton
{
    color:#ed5765;    
}
.overlayBox.online .contentBoxText .boxTitle, .online h2.subtitle,h2.subtitle.online,.online h1, .online a, .online .contentBox.light .boxTitle, .overlayBox.online .contentBoxText .ctaButton, .online .filterContainerInner div.selected, .online .contentHeader a .ctaButton
{
    color:#78a140;    
}
.overlayBox.apps .contentBoxText .boxTitle, .apps h2.subtitle,h2.subtitle.apps,.apps h1, .apps a, .apps .contentBox.light .boxTitle, .overlayBox.apps .contentBoxText .ctaButton, .apps .filterContainerInner div.selected, .apps .contentHeader a .ctaButton
{
    color:#dd6c27;    
}
.overlayBox.film .contentBoxText .boxTitle, .film h2.subtitle,h2.subtitle.film,.film h1,.film a, .film .contentBox.light .boxTitle, .overlayBox.film .contentBoxText .ctaButton, .film .filterContainerInner div.selected, .film .contentHeader a .ctaButton
{
    color:#1f6279;    
}
.overlayBox.elearning .contentBoxText .boxTitle, .elearning h2.subtitle,h2.subtitle.elearning,.elearning h1,.elearning a, .elearning .contentBox.light .boxTitle, .overlayBox.elearning .contentBoxText .ctaButton, .elearning .filterContainerInner div.selected, .elearning .contentHeader a .ctaButton
{
    color:#8e3c86;    
}

/*  Backgrounds   */
/******************/

.filterContainer.light, .faqItemContainer.light, .contentBox.light, .light .contentBox, body .contentBox.light.wideBox, body .contentBox.light.colouredBox
{
    background-color:#FFFFFF;
}
.navMenu .megaMenuItem, .filterContainer, .faqContent, .contentBoxes .default.contentBox.colouredBox, .default.contentBox.wideBox, .projectSummaryContainer, .navPlaceholder, .footerContactInfo, .ContactForm,
.overlayBox.default .contentBoxText .solid .ctaButton, .default .contentHeader a.solid .ctaButton
{
    background-color:#ac353d;
}
.animation .contentBox.colouredBox, .animation .contentBox.wideBox, .contentBoxes .contentBox.colouredBox.animation, .contentBox.wideBox.animation, 
.animation .projectSummaryContainer, .animation .filterContainer, .navMenu .megaMenuItem.animation,  .animation .footerContactInfo,
.animation .contentHeader a.solid .ctaButton, .overlayBox.animation .contentBoxText .solid .ctaButton
{
    background-color:#ed5765;
}
.online .contentBox.colouredBox, .online .contentBox.wideBox, .contentBoxes .contentBox.colouredBox.online, .contentBox.wideBox.online,
.online .projectSummaryContainer, .online .filterContainer, .navMenu .megaMenuItem.online, .online .footerContactInfo,
.online .contentHeader a.solid .ctaButton, .overlayBox.online .contentBoxText .solid .ctaButton
{
    background-color:#78a140;
}
.apps .contentBox.colouredBox, .apps .contentBox.wideBox, .contentBoxes .contentBox.colouredBox.apps, .contentBox.wideBox.apps, 
.apps .projectSummaryContainer, .apps .filterContainer, .navMenu .megaMenuItem.apps, .apps .footerContactInfo,
 .apps .contentHeader a.solid .ctaButton, .overlayBox.apps .contentBoxText .solid .ctaButton
{
    background-color:#dd6c27;
}
.film .contentBox.colouredBox, .film .contentBox.wideBox, .contentBoxes .contentBox.colouredBox.film, .contentBox.wideBox.film, 
.film .projectSummaryContainer, .film .filterContainer, .navMenu .megaMenuItem.film, .film .footerContactInfo,
.contentBox.colouredBox .solid .ctaButton, .film .contentHeader a.solid .ctaButton
{
    background-color:#1f6279;
}
.elearning .contentBox.colouredBox, .elearning .contentBox.wideBox, .contentBoxes .contentBox.colouredBox.elearning, .contentBox.wideBox.elearning, 
.elearning .projectSummaryContainer, .elearning .filterContainer, .navMenu .megaMenuItem.elearning, .elearning .footerContactInfo,
.contentBox.colouredBox .solid .ctaButton, .elearning .contentHeader a.solid .ctaButton
{
    background-color:#8e3c86;
}
.blogItemOverlay
{
    background-color:rgb(255, 255, 255);
    background-color:rgba(255, 255, 255, 0.9);
}
body, .portfolioItemContainer
{
    background-color:#f2f2f2;
}
.mobile, .mobile.contentBox
{
    display:none;
}
.desktop, .desktop.contentBox
{
    display:inline-block;
}
body
{
    font-size:10px;
    background-color:#EFEBE0;
}
.mainContainer
{
    width:100%;
    background-color:#FFFFFF;
    position: relative;
}
.center
{
    margin-left:auto;
	margin-right:auto;
}
.left, .oldBlogItem .alignleft
{
    float:left;
}
.right, .oldBlogItem .alignright
{
    float:right;
}
.textLeft
{
    text-align:left;
}
.textRight
{
    text-align:right;
}
.textCenter
{
    text-align:center;
}
.standard, .InnerheaderContentInner, .bannerStandard
{
    width:96em;
}
img
{
    max-width:100%;
}
p em
{
    font-weight:bold;
}
/*****************/
/*  Header       */
/*****************/
.headerContent
{
    position:relative;
}
.headerContent .logo, .headerContent .socialMediaItems, .headerContent .navMenu
{
    display:inline-block;
}
.InnerheaderContentInner
{
    height:7em;
}
.mobile-menu-button
{
	display: none;
}

.headerContent .logo
{
    padding-top:1em;
    padding-left:1em;
    padding-bottom:1em;
    box-sizing:border-box;
    height:100%;
    width:24.4em;
    position:relative;
    z-index:1;
    max-width: 41%;
}
.headerContent .logo a
{
    height:100%;
}
.headerContent .logo a img
{
    height:100%;
}
.headerContent .socialMediaItems
{
    position:absolute;
    top:1.4em;
    width:100%;
    left:0;
    z-index:1;
}
.headerContent .socialMediaItems a
{
    display:inline-block;
    margin-left:0.3em;
    max-width: 10%;
}
.headerContentInner
{
    overflow:hidden;
    position: relative;
}
.navMenu
{
    float:right;
    height:100%;
}
.menu
{
    height:100%;
}
.navMenu .menuItem
{
    display:inline-block;
    height: 3em;
    margin-top: 4em;
    padding: 0.6em 1em 0.4em;
    text-transform: uppercase;
}
.navMenu .menuItem .menuItemTitle
{
    text-decoration:none;
}
.navMenu .megaMenuItem
{
    display:none;
    position:absolute;
    margin-top:0.6em;
    left:0;
    z-index:1000;
    width:100%;
    height:4.3em;
    padding:0.8em 0;
}
/*default red bottom border*/
.navMenu .menuItem.selected .menuItemTitle, .navMenu .menuItem:hover .menuItemTitle
{
    border-bottom-width:2px;
    border-bottom-style: solid;
}
.navMenu .selected .megaMenuItem
{
    display:block;
    z-index:1;
}
.navMenu .menuItem:hover .megaMenuItem
{
    display:block;
}
.navMenu .megaMenuInner
{
    text-align:center;
}
.navMenu .megaMenuInner div
{
    display:inline-block;
    text-transform:none;
}
.navMenu .megaMenuInner .subMenuItem, .navMenu .megaMenuInner .megaMenuFeatured
{
    vertical-align:top;
}
.navMenu .megaMenuInner .subSelected .subMenuItemTitle, .navMenu .megaMenuInner .subMenuItem:hover .subMenuItemTitle
{
    border-bottom:2px solid #FFFFFF;
}
.navMenu .megaMenuInner .megaMenuFeatured
{
    width:50%;
    padding-right:1.5%;
    max-height:6em;
    overflow:hidden;
}
.navMenu .megaMenuInner .featureTitle
{
    font-weight:bold;
    font-size:1.5em;
    padding-right:0.5em;
}
.navMenu .megaMenuInner .featureDescription
{
    font-weight:300;
    font-size:1.4em;
}
.navMenu .megaMenuInner .subMenuItem
{
    max-height: 5.7em;
    overflow: hidden;
    padding-top: 0.5em;
    width: 16%;
    padding-right:0;
}
.navMenu .megaMenuInner .subMenuItem .featureImage
{
    float:left;
    margin-right: 1.4em;
}
.navMenu .megaMenuInner .subMenuItem .subMenuItemTitle
{
    display:inline-block;
    text-align:center;
    font-size:1.2em;
    padding-bottom:0.2em;
}
.navMenu .megaMenuInner .subMenuItem .subMenuItemDescription
{
    display:block;
    line-height:1.1em;
    overflow:hidden;
}
.navMenu .megaMenuInner .subMenuItem .menuItemLink
{
    text-decoration:none;
}

/*****************/
/*  Body         */
/*****************/
.bodyContent
{
    clear:both;
}
.navPlaceholder
{
   height:4em;
   width:100%;
   position:relative;
   clear:both;
}
.breadcrumb
{
   background-color:#a5a5a5;
   border-radius:0;
   padding:0;
   height:3.1em;
   color:#FFFFFF;
   width:100%;
   margin-bottom:0;
}
.breadcrumb-inner
{
    height:100%;
    border-left:solid 1px #FFFFFF;
}
.breadcrumb .breadcrumb-image
{
    background-image:url("/images/breadcrumb.png");
    background-repeat:no-repeat;
    background-size:auto 100%;
    width:1em;
    height:100%;
    display:inline-block;
    vertical-align:top;
}
.breadcrumb-item
{
    display:inline-block;
    font-size:1.3em;
    padding:0.5em 1em;
}
.breadcrumb.wBanner
{
   background-color:rgba(245,245,245,0.9);
   color:#9c9c9c;
   position:absolute;
   z-index:999;
}
.breadcrumb.wBanner a
{
    color:#9c9c9c;
}
/****************/
/*****BANNER*****/
/****************/
.bannerOuterContainer
{
    background-color:#EFEBE0;
    background-repeat:repeat;
    position: relative;
}

.bannerContainer.cycle-slideshow
{
    width:100%;
}
.bannerContainer.cycle-slideshow .banner-slide
{
    width:100%;
}
.bannerContainer.cycle-slideshow .banner-slide
{
    display:none;
}
.bannerContainer.cycle-slideshow .banner-slide.cycle-slide-active
{
    position:relative !important;
}
.bannerContainer.cycle-slideshow .banner-slide.hasLink
{
    cursor:pointer;
}
.bannerContainer.cycle-slideshow .bannerInner
{
    position:relative;
}
.bannerContainer.cycle-slideshow .bannerBackground
{
    width:100%;
    position:relative;
    left:0;
    top:0;
    z-index:1;
}
.bannerContainer.cycle-slideshow .bannerBackground.banner-left,.bannerContainer.cycle-slideshow .bannerBackground.banner-right
{
     width:auto;
     height:100%;
     position:absolute;
     left:87.5%;
}
.bannerContainer.cycle-slideshow .bannerBackground.banner-left img,.bannerContainer.cycle-slideshow .bannerBackground.banner-right img
{
    max-height:100%;
    max-width:none;
}
.bannerContainer.cycle-slideshow .bannerBackground.banner-left
{
   right:87.5%;
   left:auto;
}
.bannerContainer.cycle-slideshow .bannerBackground.banner-center img, .bannerContainer.cycle-slideshow .contentItemContainer img
{
    width:100%;
}
.bannerContainer.cycle-slideshow .contentItemContainer
{
    position:absolute;
    top:0;
    left:0;
}
.bannerContainer.cycle-slideshow .video-wrapper
{
    margin:0;
}
.bannerOuterContainer .callToAction{

}
h2.subtitle, h1, .contentBox.light .boxTitle
{
    background:none;
    border:none;
    border-bottom: 1px solid #efefef;
    clear: both;
    font-size: 2em;
  /*  margin-bottom: 1em; */
    padding-bottom:0.5em;
}
.portfolioItemPageContainerInner h1
{
    border-bottom:none;
    font-size:1em;

}
.ls-single .ls-bg
{
    width:100%;
}
.bannerLink
{
    cursor:pointer;
}
.bannerLink h2.subtitle
{
    text-align:center;
    border-bottom:none;
    height:auto;
    font-size:1.7em;
    height:2em;
}
.bannerLink h2.subtitle span
{
    padding:0.2em;
    display:inline-block;
}
.bannerLink.selected h2.subtitle span
{
    border-bottom-style:solid;
    border-bottom-width:0.1em;
    font-weight:bold;
    padding-bottom:0.1em;
}
.contentBox, .layout-grid .portfolioItemContainer
{
    display:inline-block;
    float:left;
    width:23.5%;
    min-width:17.9em;
    margin-right:2%;
    margin-bottom:2em;
    height:15em;
    position:relative;
    border-radius:0.2em;
    overflow:hidden;
}
.portfolioItemPageContainerInner.quarter-right .contentBox
{
    width:100%;
    vertical-align:top;
}

.layout-grid .portfolioItemContainer
{
    width:17.9em;
    margin:0.6em;
    float:none;
    height:auto;
}
.contentBox.bannerLink
{
    height:auto;
}
.portfolioItemContainer
{
    overflow:hidden;
}
.portfolioItemOverlay
{
    position:absolute;
    display:none;
    top:100%;
    bottom:0;
    padding:1em 1em;
    width:100%;
    background-color:rgb(0,0,0);
    background-color:rgba(0,0,0,0.7);
    overflow:hidden;
}
.portfolioItemOverlay .itemName
{
    font-size:1.4em;
}
.contentBoxesInner
{
    overflow:hidden;
}
.portfolioItemPageContainerInner .contentBox
{
    float:none;
}
.portfolioItem
{
    display:block;
    height:100%;
    width:100%;
}
.portfolioFeatureImage.loaded
{
    width:100%;
    height:100%;
}
.col3 .contentBox
{
    width:31%;
    margin-right:3.1em;
}
.col2 .contentBox
{
    width:48%;
}
.col1 .contentBox
{
    width:100%;
}
.contentBox.firstrow
{
    /*margin-top:2em;*/
}
.contentBox.tall
{
   height:26em;
}
.contentBox.overlayBox
{
    height:auto;
}
.contentBox.overlayBox.tall
{
    border-bottom: 1px solid #b0b0b0;
    box-sizing:border-box;
    padding-right:1px;
}
.contentBox.overlayBox .contentBox-bgContainer
{
    min-height:11em;
    width:100%;
}
.contentBox.wideBox
{
    width:100%;
    margin-right:0;
    margin-left:0;
    padding:2%;
}
.contentBox.wideBox .contentBoxText
{
    display:inline-block;
    width:80%;
   /* height:70%;*/
    vertical-align:top;
}
.contentBox.wideBox .contentBox-bgContainer
{
    display:inline-block;
    width:20%;
    height:100%;
    float:left;
    padding:2%;
}
.contentBox.wideBox .contentBox-bg
{
    height:auto;
    margin-top:5%;
    vertical-align:middle;
}
.contentBox.wideBox .contentBoxText .boxDescription
{
   height:7em;
}
.col4 .width3
{
    width:74%;
    margin-right:2.3%;
}
.col4 .width2
{
    width:50%;
    margin-right:2.3%;
}
.col3 .width2
{
    width:63%;
    margin-right:2.3%;
}
.col3 .width1
{
    width:31%;
    margin-right:2.3%;
}
.contentBox.autoHeight, .contentBox.autoHeight .contentBoxText, .contentBox.autoHeight .contentBoxText .boxDescription 
{
    height:auto;
}

.contentBox.mediaBox
{
    width:auto;
    height:auto;
    max-width:100%;
}
.contentBox.mediaBox .contentBox-bg
{
    /*height:100%;*/
    width:100%;
}
.newItem
{
    position:absolute;
    top:0;
    right:0;
    width:2.8em;
    height:2.8em;
    -webkit-box-shadow: -0.3em 0.5em 0.5em 0 rgba(0,0,0,0.3);
    -moz-box-shadow: -0.3em 0.5em 0.5em 0 rgba(0,0,0,0.3);
    box-shadow: -0.3em 0.5em 0.5em 0 rgba(0,0,0,0.3);
}

.animation.contentBox .newItem
{
    background-image:url('/images/New-Animation.png');
}
.online.contentBox .newItem
{
    background-image:url('/images/New-Online.png');
}
.apps.contentBox .newItem
{
    background-image:url('/images/New-Apps.png');
}
.film.contentBox .newItem
{
    background-image:url('/images/New-Film.png');
}
.contentBoxes
{
    width:100%;
    margin-top:2em;
    overflow:hidden;
}
.contentHeader
{
    overflow:hidden;
    margin-bottom:2em;
    clear:left;
    padding-bottom:0.1em;
}
.mymason
{
    margin-bottom:2em;
}
.contentBox .bullet
{
    background-repeat:no-repeat;
    display:inline-block;
    background-size: 100%;
    width: 1.4em;
    vertical-align: 23%;
}
.animation.contentBox .bullet
{
    background-image:url('/images/Bullet-Animation.png');
}
.online.contentBox .bullet
{
    background-image:url('/images/Bullet-Online.png');
}
.apps.contentBox .bullet
{
    background-image:url('/images/Bullet-Apps.png');
}
.film.contentBox .bullet
{
    background-image:url('/images/Bullet-Film.png');
}
.portfolioItemPageContainer
{
    margin-top:2em;
}
.contentBox a
{
    height:100%;
    width:100%;
    display:inline-block;
}
.contentBox .contentBox-bg
{
    display: inline-block;
}
.overlayBox .contentBox-bg
{
    width:100%;
    height:auto;
    margin-top:0;
}
.contentBox.tall .contentBox-bg
{
    height:auto;
    margin-top:0;
}
.contentBox.first
{
    margin-left:0;
    clear:left;
}
.col4 .contentBox.fourth, .col3 .contentBox.third, .col2 .contentBox.second, .col1 .contentBox.first, .col5 .contentBox.fifth
{
    margin-right:0;
    clear:right;
}
.masonry .contentBox
{
    margin-top:0;
    margin-right:0;
}
.colouredBox
{
    padding:2em 0.3em 1em;
    text-align:center;
}

.contentBoxText .boxDescription p
{
    font-size:1.2em;
}
.overlayBox .contentBoxText
{
    box-sizing: border-box;
    background-color: #ffffff;
    width:100%;
    padding: 5%;
    border:solid 1px #b0b0b0;
    border-bottom:none;
}
.boxTitle
{
    margin-bottom:0.4em;
}
.boxTitle span
{
    font-size:1.5em;
}
.contentBox-bgContainer
{
    display: inline-block;
    vertical-align: middle;
    width: 100%;
}
.colouredBox .contentBox-bgContainer
{
    width:99%;
}
.mediaBox .contentBox-bgContainer
{
    height: 100%;
    width: 100%;
}
.helperDiv
{
    display:inline-block;
    width:1px;
    height:100%;
    vertical-align:middle;
}
.overlayBox .contentBoxText .boxDescription
{
    text-align:left;
    height: auto;
    overflow:hidden;
}
.colouredBox .contentBoxText .boxDescription
{
    height: auto;
    overflow:hidden;
    padding:0.3em;
}
.overlayBox.tall .contentBoxText
{
    height:15em;
    text-align:center;
    box-sizing: border-box;
}
.overlayBox .boxTitle
{
    text-align:left;
    white-space:nowrap;
}

.faqContent
{
    border:1px solid rgb(235,235,235);
    width:49%;
}
.faqInner
{
    padding:2em;
}
.answerWrapper
{
    /** This is for the nested to calculate the answer height*/
    height:1px;
    padding-top:1px;
    overflow:hidden;
}
.faqItemContainer.contentBox .ctaButton
{
    margin-top:2em;
}
.faqItemQuestion p, .faqItemAnswer p
{
    font-size:1.6em;
}
.faqItemQuestion
{
    cursor:pointer;
    height:7em;
}
.callToActions
{
    clear:both;
    padding-bottom:4em;
    margin-top:2em;
    background-color:#78a140;
    overflow:hidden;
}
.callToAction
{
    width:33.3%;
    text-align:center;
    display:inline-block;
    vertical-align:top;
    margin-top:3.4em;
}
.callToAction .title
{
    font-size:2.5em;
}
.callToAction .callToActionText
{
    font-size:1.3em;
}
.callToAction .callToActionImg
{
    margin:1.5em 0;
}
.callToAction .boxDescription p
{
    padding:0 0.4em 0.4em;
    margin-top:1em;
    font-size:1.3em;
}
.callToAction .boxDescription
{
    height:25em;
    margin-bottom:1em;
}
.callToAction.fullWidth
{
    width:100%;
    display:block;
}
.ctaButton, .filterContainerInner div.filter, .filterContainerInner div.layout
{
    padding:0 0.5em;
    border-width:1px;
    border-style:solid;
    border-color:#FFFFFF;
    line-height:3em;
    border-radius:0.2em;
    display:inline-block;
}
.ctaButton
{
    white-space:nowrap;
    overflow:hidden;
    font-weight:bold;
}
.contentBox .ctaButton
{
    position:absolute;
    left:1.2em;
    right:1.2em;
    bottom:1.2em;
}
.contentBox.wideBox .ctaButton, .faqItemContainer.contentBox .ctaButton
{
    position:static;
    float:right;
    margin-right:3.2em;
} 
.contentHeader a .ctaButton
{
    margin-top:2em;
}
.light .ctaButton, .light .filterContainerInner div.filter, .light .filterContainerInner div.layout
{
    border:1px solid #ac353d;
    color:#ac353d;
}
.footerCharacters img
{
    width:100%;
}
.socialMediaFooter
{
    background-color:#FFFFFF;
    height:17em;
    text-align:center;
    padding-top: 5em;
}
.footerSocialMediaItemContainer
{
    display:inline-block;
    border:solid 1px #f1808b;
    border-radius: 0.2em;
    margin: 0 1.5em;
    padding: 0.4em 1.2em;
}
.footerSocialMediaItemContainer a
{
    color:#f1808b;
    font-size:1.4em;
    line-height:2em;
    font-weight:bold;
}
.companyInfoText
{
    border-top:1px solid #c5c5c5;
    padding-top:0.4em;
    color:#808080;
}
.companyInfoText span
{
    font-size:1.1em;
}
.footerContactInfo
{
    margin:5em 0 1em;
    padding:2em 0;
}
.footerPrivLinks
{
    margin-bottom:4em;
}
.footerSocialMediaItem
{
    display:inline-block;
}
.share-icon
{
    width:2em;
    margin-right:1em;
}
.twitter-share-button
{
    margin-right:-2em;
}
.socialMediaTitle
{
    text-align:center;
    margin-bottom:1.2em;
}
.socialMediaTitle span
{
    font-size: 1.3em;
}

.socialMediaSeparator
{
    background-image:url("/images/socialMediaSeparator.png");
    background-repeat:no-repeat;
    background-size:100%;
    width:95%;
    height:2em;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:1.2em;
}
.footerMainContent
{
    background-color:#ac353e;
    color:#FFFFFF;
    padding-bottom: 4em;
}
.footerMainContentInner
{
    padding-top:4em;
    text-align:justify;
}
.footerItem
{
    width:31%;
    display:inline-block;
    height:22em;
    text-align:left;
    vertical-align:top;
    overflow:hidden;
}
.footerItem.twitterFeed
{
    width:65%;
    margin-left: 2.5em;
}
.footerItemTitle
{
    height:4em;
    border-bottom:solid 0.2em #b2444d;
}
.footerItemTitle span
{
    font-size:2em;
}
.GoogleMap
{
    width:100%;
}

.lazy.loading
{
    background: url("assets/loader.gif") no-repeat scroll center center #1e1e1e;
}
.portfolioItemPageContainerInner
{
    display:inline-block;
}
.portfolioItemPageContainerInner.quarter-right
{
    float: right;
    width: 25%;
    padding-left: 1.4em;
    box-sizing: border-box;
}
.portfolioItemPageContainerInner.fill
{
    width:75%;
}

.projectSummaryContainer
{
    margin-top:2em;
    margin-bottom:2em;
    padding:2em 2em 1px;
    width:98%;
    border-radius:0.2em;
    -webkit-box-shadow: -0.3em 0.5em 0.5em 0 rgba(0,0,0,0.3);
    -moz-box-shadow: -0.3em 0.5em 0.5em 0 rgba(0,0,0,0.3);
    box-shadow: -0.3em 0.5em 0.5em 0 rgba(0,0,0,0.3);
}
.projectSummaryContainer .summaryTitleRow
{
    font-size:2em;
}
.projectSummary
{
    margin:2em 0;
}
.projectSummary p
{
    font-size:1.4em;
    font-family:'MyriadPro-Regular';
}
.projectDetails p
{
    margin:2em 0;
}
.footerContent
{
    clear:both;
    padding: 0 0 5em;
}
.footerLink
{
    font-weight:bold;
    font-size:1.3em;
}
.portfolioContainer
{
    text-align:center;
}
.portfolioFilter
{
    text-align:left;
}
.portfolioGridOuter
{
    display:inline-block;
    max-width:100%;
    width:100%;
}
.portfolioGrid
{
    max-width:100%;
    margin-top:2em;
    margin-bottom:2em;
    text-align:left;
    margin-left: auto;
    margin-right: auto;
}
.portfolioGrid.layout-grid
{
    text-align:center;
}

.filters, .layouts
{
    display:inline-block;
    position:relative;
}
.layouts
{
    float:right;
}
.filters
{
    width:60%;
    height:5.2em;
    overflow:hidden;
}
.blogFilter .filters
{
    width:100%;
}
/*.filters .filterShowMore
{
    position:absolute;
    top:0;
    right:0;
}*/
.filterContainerInner div.filter, .filterContainerInner div.layout
{
    display:inline-block;
    min-width:8em;
    text-align:center;
    margin:1em 0.5em;
    text-transform:uppercase;
    cursor:pointer;
}
.filterContainerInner div.selected
{
    background-color:#FFFFFF;
    font-weight:bold;
}
.light .filterContainerInner div.selected
{
    background-color:#ac353d;
    color:#FFFFFF;
}
.filterContainerInner .layout
{
    float:right;
}
.headerContent .socialMediaImage
{
    height:2em;
    padding-right:0.8em;
}
.headerContent .socialMediaImage.last
{
    padding-right:1.8em;
}
.footerContent .socialMediaImage
{
    width:4em;
    margin:0.4em 1em 0.6em;
}
.footerItemContent.twitterFeedContainer
{
    background-color:#FFFFFF;
}
.layout-grid .portfolioItemContainer
{
    vertical-align:top;
}
.portfolioItemContainer
{
    position:relative;
}
.portfolioItem .new
{
    position:absolute;
    top:0;
    right:0;
    width:3em;
}

.layout-grid .portfolioItemContainer img
{
    width:100%;
}
.layout-masonry .portfolioItemContainer
{
    display: inline-block;
    float: left;
    margin-bottom: 1.8em;
    margin-right: 1.2em;
    vertical-align: top;
}
.layout-masonry.masonry .portfolioItemContainer
{
    margin-right:0;
}
.lightBox
{
    position:fixed;
    z-index:1000;
    max-height:90%;
    max-width:96em;
    left:5%;
    top:5%;
}
.lightBox .carousel
{
    width:100%;
    height:100%;
}
.lightBox .cycle-slide
{
    width:100%;
    height:100%;
}
.lightBox .previous, .lightBox .next, .lightBox .lightBoxClose
{
    position:absolute;
    cursor:pointer;
    z-index:200;
    font-size:4em;
    color:#FFFFFF;
    /*text-shadow: -4px 2px 2px rgba(0, 0, 0, 0.4);*/
    display:none;
}
.lightBox:hover .previous, .lightBox:hover .next, .lightBox:hover .lightBoxClose
{
    display:block;
}
.lightBox .previous
{
    top:50%;
    left:2%;
}
.lightBox .next
{
    top:50%;
    right:2%;
}
.lightBox .lightBoxClose
{
    top:0.25em;
    right:0.25em;
}
.alignLeft
{
    text-align:left;
}
.alignRight
{
    text-align:right;
}
.alignCenter
{
    text-align:center;
}
.hasQtip
{
    clear:both;
    position:relative;
    width:100%;
    margin-top:5em;
    box-sizing:border-box;
    padding-bottom:1em;
}
.hasQtip img.focusPoint.alignVTop
{
    position:static;
}
.hasQtip img.focusPoint.alignVBottom
{
    position:absolute;
    bottom:0;
}
.hasQtip img.focusPoint.alignVCenter
{
    position:absolute;
    top:50%;
}

.hasQtip .qtip
{
    z-index:999 !important;
    max-width:initial;
    padding:1em;
}
.hasQtip.alignLeft
{
    padding-right:0.4em;
}
.hasQtip.alignRight
{
    padding-left:0.4em;
}
.hasQtip.alignRight img
{
    right:0;
}
.qtipContent h2
{
    margin-bottom:1px;
}
.qtipContent p
{
    font-size:1.3em;
}
.qtipContent
{
    line-height:2em;
}
#semiTransparent
{
    z-index:999;
    width:100%;
    height:100%;
    background-image:url("../images/Transparency.png");
    background-repeat:repeat;
    position:fixed;
    top:0;
    left:0;
}
.textArea
{
    margin-top:2em;
}
.expandulator .textArea
{
    margin-top:0;
    border:none;
}
.ui-accordion .ui-accordion-header
{
    font-size:2em;
}
.textArea p
{
    font-size:1.2em;
}
.h-feed .inline-media, .h-feed .footer
{
    display:none;
}
.menuItemTitle
{
    font-size:1.2em;
}
.umb-grid
{
    margin-top:2em;
}
.video-wrapper {
	position: relative;
	padding-bottom: 53.25%; /* 16:9 */
	padding-top: 2.5em;
	height: 0;
    margin: 2em 0 2em;
}
.video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.blogGrid
{
    margin-top:2em;
}
.oldBlogItem .size-large, .oldBlogMainImage img, .oldBlogItem img[width="640"]
{
    width:100% !important;
    height:auto !important;
}
.oldBlogMainImage
{
    display:block;
    margin-bottom:2em;
}
.oldBlogItem img
{
    padding:0 1em 1em 0;
}
.oldBlogItem p
{
    font-size:1.5em;
    margin-bottom:1em;
}
.blogContainer .blogItemContainer.contentBox
{
    border:1px solid #a5a5a5;
    height:auto;
    width:auto;
    clear:none;
}
.blogItemOverlay
{
    width:17.9em;
    height:15em;
    position:absolute;
    right:0;
    bottom:0;
    max-width:100%;
    max-height:100%;
}
.blogContainer .blogItemContainer.contentBox a
{
    width:100%;
}
.blogItemOverlayInner
{
    padding:1em;
}
.blogItemContainer .itemTitle
{
    max-height: 5.1em;
    overflow:hidden;
}
.blogItemContainer img 
{
    width: 100%;
}
.blogItemContainer .itemDescription
{
    position:absolute;
    top:5.8em;
    height: 6.5em;
    padding-right:1em;
    overflow:hidden;
}
.blogItemContainer .itemDetails
{
    position:absolute;
    bottom:1em;
    left:1em;
    right:1em;
    text-align:center;
}
.blogItemContainer .itemDetails span i
{
    padding-right:0.5em;
}
.blogItemContainer .itemDetails .author
{
    float:left;
}
.blogItemContainer .itemDetails .pageviews
{
    float:right;
}
.blogItemOverlay .itemName
{
    font-size:1.6em;
    font-weight:bold;
}
.contactDetails
{
    padding-top:2em;
    padding-bottom:2em;
}
    .contactDetails h2
    {
        font-size:1.4em;
        font-weight:bold;
        color:#ac353d;
        margin:2em 0;
    }
.contactDetails .detailsHolder, .contactDetails .mapHolder
{
    display:inline-block;
    vertical-align:top;
    width:49.8%;
}
.contactDetails .mapHolder
{
    text-align:right;
}
.contactDetails .detail
{
    display:block;
    margin:1em 0 2em;
}
.contactDetails .detail.address
{
    height:19em;
}
.contactDetails .detailInner
{
    font-size:1.2em;
    color:#717171;
    display:inline-block;
    vertical-align:middle;
    font-weight:bold;
    margin-left:2em;
    height:0.7em;
}
    .contactDetails .detailInner div
    {
        font-weight:normal;
        float:left;
        clear:left;
        height:2em;
    }
    .contactDetails .detailInner div.studioTitle
    {
        font-weight:bold;
    }
.ContactForm
{
    padding:2em;
}
.ContactForm h2
{
    text-align:center;
    font-size:2em;
    font-weight:bold;
    margin-bottom:0.5em;
}
.ContactForm h2.ErrorTitle
{
    text-align:left;
    font-size:1.5em;
}
.ContactForm .ContactTextArea
{
    font-size:1.3em;
    text-align:center;
}
.ContactForm .ContactTextArea p
{
    width: 77%;
    text-align: left;
    margin-left: 13%;
    line-height: 2.5em;
}
   
.rjpanel
{
    display:inline-block;
    width:49.8%;
    vertical-align:top;
}
.fieldRow
{
    margin-top:1.9em;
    font-size:1.2em;
}
.fieldRow span
{
    font-weight:700;
}
.fieldLabel h3
{
    text-align:right;
}
ul.errors
{
    font-size:1.4em;
    font-family:"keep_calm";
    font-weight:bold;
}
.fieldRow.setWidth 
{
    display: inline-block;
    width: 49.8%;
}
.fieldRow label
{
    width:49%;
    padding-right:1%;
    text-align:right;
    position: relative;
    vertical-align: middle;
    margin-top: 0.4em;
}
.fieldRow input, .fieldRow select, textarea
{
    width:48%;
    padding: 0.3em 1%;
    color:#676767;
    border:none;
    position: relative;
    vertical-align: middle;
}
.joinForm input, .joinForm select, textarea
{
    border: 1px solid #9c9c9c;
}
.areaPanel
{
    width:75%;
    margin:4em 0 3.8em 25%;    
}
.areaPanel .label
{
    font-size:1.2em;
    display:block;
    width:100%;
    text-align:left;
    padding:0;
    vertical-align:middle;
    margin-bottom:3em;
}
.areaPanel label
{
  width:60%;
  font-size:1.1em;
  text-align:center;
}
.areaPanel .checkboxContainer
{
    cursor: pointer;
    width:19%;
    display:inline-block;
}
.prettyCheckbox
{
    width:35%;
    max-width:4.9em;
    height:4.9em;
    display:inline-block;
    vertical-align:middle;
    background-repeat:no-repeat;
    background-size:100%;
}
.animation .prettyCheckbox
{
    background-image:url("/images/inquiresIconAnimation.png");
}
.animation.selected .prettyCheckbox
{
    background-image:url("/images/inquiresIconAnimationSelected.png");
}
.online .prettyCheckbox
{
    background-image:url("/images/inquiresIconOnline.png");
}
.online.selected .prettyCheckbox
{
    background-image:url("/images/inquiresIconOnlineSelected.png");
}
.apps .prettyCheckbox
{
    background-image:url("/images/inquiresIconApps.png");
}
.apps.selected .prettyCheckbox
{
    background-image:url("/images/inquiresIconAppsSelected.png");
}
.film .prettyCheckbox
{
    background-image:url("/images/inquiresIconFilm.png");
}
.film.selected .prettyCheckbox
{
    background-image:url("/images/inquiresIconFilmSelected.png");
}
.branding .prettyCheckbox
{
    background-image:url("/images/inquiresIconBranding.png");
}
.branding.selected .prettyCheckbox
{
    background-image:url("/images/inquiresIconBrandingSelected.png");
}
.messagePanel label
{
    vertical-align:top;
    font-size:1.2em;
    width:24%;
    padding-right:1%;
    text-align:right;
}
.messagePanel textarea
{
    width:75.6%;
    font-size:1.2em;
    height:6.3em;
}
.buttonContainer
{
    text-align:right;
    margin-top:1.7em;
}
.buttonContainer input[type="submit"]
{
    font-size:1.2em;
    background-color:transparent;
    color:#FFFFFF;
    border: solid #dbb0b7 0.2em;
    border-radius:0.3em;
    width:8.4em;
    height:3.1em;
}
.sitemap .expandulator .subtitle .ui-icon
{
    display:none;
}
.sitemap .expandulator .subtitle
{
    font-weight:bolder;
    text-align:center;
}
.sitemap .ui-accordion .ui-accordion-icons
{
    padding-left:0;
}
.siteMapLink
{
    display:block;
    text-align:center;
}
.siteMapLink span
{
    font-size:1.3em;
    font-weight:bold;
}
.formSectionContent 
{
    margin-bottom: 1.9em;
}
.programValue 
{
    display: none;
}
.programs .fieldInput
{
    text-align:center;
    width:74%;
}
.mimiRate div 
{
    width: 3.2em;
    height: 3.2em;
    display: inline-block;
    background-image: url("/images/Mimi_Pink.png");
    background-size: 100%;
    background-repeat: no-repeat;
}
.mimiRate div.light {
    background-image: url("/images/Mimi_Light_Pink.png");
}
.mimiRate div.mimi_on {
    background-image: url("/images/Mimi_On.png");
}
.ErrorContainer
{
    margin-bottom: 0.9em;
}
.radioHolder
{
    display: inline-block;
    position: relative;
    vertical-align: middle;
}
.joinForm .areaPanel
{
    width:100%;
    margin:4em 0 3.8em 0;
    text-align:center;
}
.joinForm .subTitle 
{
    margin-top:1em;
    padding-bottom:0.5em;
    border-bottom:solid 1px white;
    cursor:pointer;
}
.radioHolder .radio, .radioHolder .radioLabel 
{
    display: inline-block;
    position: relative;
    vertical-align: middle;
    margin-left: 0.5em;
    padding-right: 0.5em;
}
.radio_yes.selected, .radio_no.selected {
    background-image: url("../images/Radio_Button_On.png");
}
.radio_yes, .radio_no {
    width: 1.5em;
    height: 1.5em;
    background-image: url("../images/Radio_Button_Off.png");
    background-size: 100%;
    background-repeat: no-repeat;
}
.uploadHolder 
{
    width: 100%;
    display: inline-block;
}
.uploadHolder label 
{
    width: 24.5%;
}
.uploadHolder .uploadText, .uploadHolder .phoneNumber
{
    width: 23.5%;
}
.uploadHolder .areaCode
{
    width: 6.8em;
}
.uploadHolder .uploadButton 
{
    font-size: 1em;
    background-color: transparent;
    color: #FFFFFF;
    border: solid #dbb0b7 0.2em;
    border-radius: 0.3em;
    width: 6.8em;
    height: 2.5em;
    position: relative;
    vertical-align: middle;
}
.fieldLabel
{
    display: inline-block;
    position: relative;
    vertical-align: middle;
    width: 24.5%;
}
.fieldLabel label
{
    width: 100%
}
.fieldInput 
{
    display: inline-block;
    position: relative;
    vertical-align: middle;
}
    h2 .plus-symbol,h2.active .minus-symbol
    {
        display:inline-block;
    }    
    h2.active .plus-symbol,h2 .minus-symbol
    {
        display:none;
    } 
.column, blockquote
{
    margin: 0 0 1em;
}
.grid-section img 
{
    margin: 0 0 2em;
}
.column h1 
{
    margin-bottom: 1em;
}
.grid-section h2, .oldBlogItem h2
{
    font-size: 1.5em;
    margin-bottom: 1em;
    color: #ac353d;
}
.grid-section p, pre
{
    font-size: 1.2em;
    margin: 0 0 1em;
}
.grid-section .caption 
{
    margin-top: -1em;
    font-size: 1.1em;
}
.blogImg
{
    display: inline-block;
    max-width:100%;
}
h3 
{
    overflow: hidden;
}
.blogImg img 
{
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.cookieBanner 
{
    cursor: pointer;
    padding: 2em;
    width: 100%;
    bottom: 0;
    position: fixed;
    background-color: rgba(0, 0, 0, 0.8);
    color: #FFFFFF;
    z-index: 10000;
    text-align: center;
    display: none;
}
.cookieBannerInner 
{
    position:relative;
}
.cookieBanner p 
{
    font-size: 1.4em;
    display: inline-block;
    vertical-align: top;
    float: left;
    width: 82%;
}
.cookieBanner .ctaButton 
{
    font-size: 1.3em;
    width: 9em;
    display:inline-block;
    float: right;
    background-color: rgba(0, 0, 0, 0.4);
}
.cookieBanner a span
{
    color: #fff;
    display: inline-block;
    font-weight: bold;
}
.cookieBanner a span:hover
{
    text-decoration: underline;
}
.bannerContainer .cycle-prev, .bannerContainer .cycle-pager, .bannerContainer .cycle-next
{
    position:absolute;
    z-index:999;
}
.bannerContainer .cycle-pager
{
    bottom:0;
    width:100%;
    text-align:center;
    line-height:2em;
}
.bannerContainer .cycle-pager > *
{
    display:inline-block;
    background-image:url('/images/Radio_Button_Off.png');
    width:1.2em;
    height:1.3em;
    background-size:100%;
    background-repeat:no-repeat;
    margin-left:0.5em;
    cursor:pointer;
}
.bannerContainer .cycle-pager .cycle-pager-active
{
    background-image:url('/images/Radio_Button_On.png');
}
.bannerContainer:hover .cycle-prev, .bannerContainer:hover .cycle-next
{
    display:block;
}
.bannerContainer .cycle-prev, .bannerContainer .cycle-next
{
    top:0;
    bottom:0;
    width:5em;
    background-repeat:no-repeat;
    background-size:4.5em;
    display:none;
    cursor:pointer;
}
.bannerContainer .cycle-next
{
    right:0;
    background-image:url('/images/next.png');
    background-position:0 50%;
}
.bannerContainer .cycle-prev
{
    left:0;
    background-image:url('/images/prev.png');
    background-position:0.5em 50%;
}
.bannerOuterContainer .contactBtnContainer{
       font-weight: bold;
       font-family: keep_calm;
       text-align: center;
       font-size: 0.6vw;
       padding: 1em 4em;
       width: 25%;
       letter-spacing: 0.2em;
       border-width: 2px;
       border-style:solid;
       border-color: #ac353d;
       line-height:3em;
       border-radius:0.2em;
       display:inline-block;
       float: left;
       position: absolute;
       right: 10%;
       bottom: 40%;
       z-index: 1;              
       color: #ac353d;
       font-weight: bolder;
       background-color: rgba(0,0,0,0);
	display: none;
       /*transform: rotate(-5deg)*/
}
.bannerOuterContainer .contactBtnContainer .btnIcon{
    
}
/*@media only screen and (max-width: 1600px) {
.bannerOuterContainer .contactBtnContainer{      
      letter-spacing: 0.1em;
  }
}
@media only screen and (max-width: 1460px) {
.bannerOuterContainer .contactBtnContainer{      
      letter-spacing: 0.1em;
      right: 5%;
  }
}
@media only screen and (max-width: 1200px) {
.bannerOuterContainer .contactBtnContainer{      
      letter-spacing: 0.1em;
      right: 2%;
      padding: 0.3em 2em;
      bottom: 35%;      
  }
}*/
@media only screen and (max-width: 1200px) {
.bannerOuterContainer .contactBtnContainer{      
      letter-spacing: 0.1em;      
      font-size: 0.9vw;
      bottom: 25%;
  }
.bannerOuterContainer .contactBtnContainer .fa-hand-point-up{
    display: none;
}
}
@media only screen and (max-width: 500px) {
.bannerOuterContainer .contactBtnContainer{      
      font-size: 0.9em;
      padding: 0.1em 0.1em;
  }
.bannerOuterContainer .contactBtnContainer .fa-hand-point-up{
    display: none;
}
}

@media only screen and (max-width: 400px) {
.bannerOuterContainer .contactBtnContainer{      
      font-size: 0.9em;
      padding: 0.1em 0.1em;
  }
.bannerOuterContainer .contactBtnContainer .fa-hand-point-up{
    display: none;
}
}
.contactBtnContainer:hover {
    background-color: #ac353d;
    border-color: #ac353d;   
    color: white;     
    /*transform: rotate(-50deg)*/
}
.contentBox.MultiLink
{
    padding:0;
}
.contentBox.MultiLink a
{
    display:block;
    height:auto;
    line-height:normal;
    padding:0;
    text-align:center;
    max-height:25%;
}
.the-team .overlayBox .contentBoxText
{
    position:absolute;
    bottom:0;
    height:5.6em !important;
    background-color:#FFFFFF;
    background-color:rgba(255,255,255,0.8);
    padding-top:0;
    padding-bottom:0;
}
.the-team .overlayBox .contentBoxText .boxTitle
{
    line-height:5.2em;
}
.the-team .overlayBox .contentBoxText .boxTitle.subTitle, .the-team .overlayBox .contentBoxText .boxDescription
{
    display:none;
}
@media screen and (max-width: 1200px)
{
    .standard
    {
        width:90em;
    }
}
@media screen and (max-width: 1380px) {
    .blogItemOverlay, .contentBox.tall.colouredBox .contentBoxText {
        font-size: 1.9em;
    }
     .filterContainer
     {
         font-size:1.8em;
     }
    .filters
    {
        width:50%;
    }
    .faqFilter .filters
    {
        width:100%;
        text-align:center;
    }
    .contentBox.overlayBox .ctaButton {
        bottom: 1em;
    }

    .contentBox.tall.colouredBox a {
        padding-bottom: 0.4em;
    }
    .contentBox a .boxDescription
    {
        margin-bottom:4.2em;
    }
    .qtipContent h2.subtitle
    {
        font-size:1.4em;
    }
    .footerContactInfoInner, .footerPrivLinks, .companyInfoText {
        font-size: 1.5em;
    }

    .callToAction {
        font-size: 1.3em;
    }

    .socialMediaFooter {
        font-size: 1.6em;
    }

    .portfolioItemOverlay .itemName {
        font-size: 2.8em;
    }
    .contentBox.wideBox .ctaButton, .faqItemContainer.contentBox .ctaButton
    {
        margin-right: 0.6em; 
        margin-bottom: 0.9em; 
        width: 14.6em; 
        text-align: center;
    }
    .contentBox.wideBox .contentBoxText .boxDescription p
    {
        font-size:2.4em;
    }
    .contentBox.wideBox .contentBoxText .boxTitle span
    {
        font-size:2.6em;
    }
    .contentBox.wideBox .ctaButton
    {
        font-size:2em;
    }
    .textArea p
    {
        font-size:2.4em;
    }
/*    .bannerContainer.cycle-slideshow .bannerBackground.banner-center img
    {
        width: 160em;
        max-width: none;
        left: -46em;
        position: absolute;
    }
    .bannerContainer.cycle-slideshow .contentItemContainer
    {
        display:none;
    }
    .bannerContainer.cycle-slideshow
    {
        height:40em;
        overflow:hidden;
    }
    */
    .footerSocialMediaItemContainer
    {
        margin:0 1em;
    }
    .contentHeader h2
    {
        padding-top:1em;
    }
    .cookieBanner p
    {
        font-size:2em;
    }
    .portfolioItemPageContainerInner .wideBox .boxTitle span
    {
        font-size:3.5em;
    }
    .temp-1104 .col4 .contentBox.first,.temp-1104 .col4 .contentBox.third
    {
       margin-right:2%;
    }
    .projectSummary p
    {
        font-size:2.8em;
    }
    .contentBoxText .boxDescription p
    {
        padding-bottom:1em;
    }
    .hasQtip img.focusPoint.alignVCenter
    {
        width:25%;
    }
    .contactDetails .detailInner
    {
        font-size:2.4em;
    }
    .contactDetails .detailsHolder, .contactDetails .mapHolder
    {
        width:100%;
        margin-bottom:2em;
    }
    .mapHolder img
    {
        width:100%;
    }
    .contactDetails h2
    {
        font-size:3em;
        padding-left:1em;
    }
    .textArea
    {
        margin-bottom:2em;
        padding-left:1.2em;
        padding-right:1.2em;
    }
    .footerContactInfoInner .footerLink img
    {
        vertical-align:-53%;
    }
    .socialMediaTitle span
    {
        font-size:2.3em;
    }
    .socialMediaFooter
    {
        height:18em;
    }
    .footerPrivLinks a
    {
        font-size:1.4em;
    }
    .portfolioItemPageContainerInner.fill, .portfolioItemPageContainerInner.quarter-right
    {
        width:100%;
        padding:0;
    }
    .navMenu .megaMenuInner .subMenuItem .menuItemLink
    {
        color:#666666;
    }
    .mobile
    {
        display:block;
    }
    .desktop,.navMenu .menuItem:hover .megaMenuItem
    {
        display:none;
    }
    .standard,.InnerheaderContentInner
    {
        width:98%;
    }
    .bannerStandard
    {
        width:100%;
    }
    /***NAV MENU***/
    /**************/
    .InnerheaderContentInner
    {
        height:8em;
        font-size:1.4em;
    }
    h2.subtitle, h1, .contentBox.light .boxTitle
    {
        font-size:3em;
        padding-left: 0.4em;
        padding-right: 0.4em;
    }
    .companyInfoText span.left
    {
       text-align:left;
    }
    .companyInfoText span
    {
        font-size: 1.4em;
        display: inline-block;
        vertical-align: top;
        width: 45%;
    }
    .the-team .contentBoxText .boxDescription p
    {
        font-size:1.1em;
    }
    .footerSocialMediaItemContainer a
    {
        line-height:3em;
    }
    .shareIcon
    {
        vertical-align:-31%;
    }
    .overlayBox .contentBoxText
    {
        font-size:2em;
    }
    .headerContent .socialMediaImage 
    {
        height: 3.2em;
        padding-left:0.8em;
        padding-right:0;
    }
    .mobile-menu-button
    {
        display: inline-block;
        text-align: center;
        vertical-align: middle;
        cursor: pointer;
        width:8em;
        height:8em;
        line-height:8em;
        max-width:16%;
    }
    .mobile-menu-button span
    {
        font-size: 3.85em;
        font-weight:bold;
        display:block;
    }
    .mobile-menu-button:hover span
    {
        background-color: rgb(242, 242, 242);
    }

    .headerContent .socialMediaItems
    {
        top:0;
    }
    .headerContent .socialMediaItems a
    {
        vertical-align:middle;
    }
    .headerContent .navMenu
    {
        display: none;
        background-color: rgb(242, 242, 242);
        text-align: left;
        padding-bottom: 3em;
    }
    .headerContent, .headerContentInner
    {
        overflow:visible;
        position:static;
    }
    .navMenu .menu
    {
        position:absolute;
        left:0;
        z-index:1000;
        background-color: rgb(242, 242, 242);
        top:8em;
        right:0;
        bottom:0;
    }
    .navMenu .menuItem
    {
        margin-top:0;
        padding: 0;
        height: auto;
        line-height:6em;
        box-sizing:border-box;
        display:block;
    }
    .navMenu .menuItem.selected .megaMenuItem
    {
       display:block;
    }
    .navMenu .megaMenuInner
    {
        width:100%;
    }
    .navMenu .menuItemTitle, .navMenu .megaMenuInner .subMenuItem .subMenuItemTitle
    {
       font-size: 2.8em;
    }
    .menuArrow
    {
        background-image: url("/images/arrow.png");
        background-repeat: no-repeat;
        background-position: 98% 1.3em;
        background-size:4em;
    }
    .mobileIconUnselected, .selected .mobileIconSelected, .megaMenuItem .megaMenuInner .mobileIconUnselected, .megaMenuInner .subSelected .mobileIconSelected
    {
        display: inline-block;
        max-width: 30px;
        margin-left: 1.3em;
        margin-right:1.3em;
    }
    .navMenu .megaMenuItem
    {
        position:static;
        height:auto;
        background-color:transparent !important;
        margin-top:0;
        padding-top:0;
    }
    .navMenu .megaMenuInner .subMenuItem 
    {
        width:100%;
        max-height:none;
        overflow: hidden;
        display: block;
        padding-right: 0;
        padding-left:2.3em;
        text-align: left;
    }
    .navMenu .menuItem.selected .menuItemTitle, .navMenu .menuItem:hover .menuItemTitle,
    .navMenu .megaMenuInner .subSelected .subMenuItemTitle, .navMenu .megaMenuInner .subMenuItem:hover .subMenuItemTitle
    {
        border-bottom:none;
    }
    .menuItemLink .subMenuItemTitle .mobileIconSelected.mobile:hover
    {
        max-width: 0.8em;
        margin-left: 0.4em;
        margin-right: 1.7em;
        vertical-align: 0.2em;
    }
    .megaMenuItem .megaMenuInner .mobileIconUnselected, .megaMenuInner .subSelected .mobileIconSelected
    {
        margin-left: 0.4em;
        margin-right: 1em;
        vertical-align: 0.2em;
    }

    .selected .mobileIconUnselected, .mobileIconSelected, .megaMenuInner .subSelected .mobileIconUnselected, .megaMenuInner .mobileIconSelected
    {
        display: none;
    }


    .navMenu .menuItem .menuItemTitle
    {
        vertical-align: middle;
    }

    .navMenu .menuItem.expanded
    {
        padding-bottom: 0px;
    }

    .navMenu .menuItem:hover,
    .navMenu .menuItem.expanded
    {
        background-color: rgb(229, 229, 229);
    }
    .navMenu .subMenuItem:hover,
    .navMenu .subMenuItem.expanded
    {
        background-color: rgb(217, 217, 217);
    }
   

    /***CONTENT BOX****/
    /******************/
    .callToAction, .contentBox, .layout-grid .portfolioItemContainer,.portfolioItemPageContainerInner.quarter-right .contentBox
    {
        width:49%;
    }
    .layout-grid .portfolioItemContainer
    {
        width:48%;
    }
    .portfolioItemPageContainerInner.quarter-right .contentBox:nth-of-type(2n)
    {
        margin-right:0;
    }
    .col4 .contentBox.first, .col4 .contentBox.third
    {
        margin-left: 0;
        margin-right:1.5%;
        clear: left;
    }
    .col4 .width3
    {
        width:100%;
        margin-right:0;
    }
    .contentBox.colouredBox
    {
        height:auto;
    }
    .col1 .contentBox.first, .temp-2057 .quarter-right .fourth:nth-of-type(2n)
    {
        margin-right:1.5%;
    }
    .temp-2057 .fourth:nth-last-of-type(2n)
    {
/*        margin-right:0; */
    }
     .the-team .contentBox.overlayBox, .clients .contentBox.overlayBox
     {
         margin:0.4em;
         clear:none;
         width:34.2em;
     }
    .contentBox.second, .contentBox.fourth
    {
        margin-right: 0;
    }
    .helperDiv
    {
        height:auto;
    }
    /***CTA****/
    /**********/
    .callToActionsInner
    {
        text-align:center;
    }
    /***JOIN****/
    /**********/
    .joinForm .areaPanel
    {
        text-align:center;
        margin:3em 0 2.5em;
    }
    .joinForm .label, .joinForm label
    {
        text-align:left;
    }
    .joinForm .areaPanel .checkboxContainer label
    {
        padding:0 0.5em
    }
    .joinForm .label, .joinForm label, .joinForm input, .joinForm select, textarea,.fieldRow span, .uploadHolder .uploadButton, .buttonContainer input[type="submit"]
    {
        font-size:2em;
    }
    .joinForm input, .joinForm select, textarea
    {
        width:98%;
        box-sizing:border-box;
    }
    .joinForm .areaPanel .checkboxContainer
    {
        width:48%;
        margin-top:1.5em;
        margin-bottom:1.5em;
    }
    .fieldRow.setWidth
    {
         width:100%;
    }
    .fieldRow.mobileFullWidth, .fieldRow.mobileFullWidth label
    {
        width:100%;
    }
    .messagePanel.textArea label, .messagePanel.textArea textarea
    {
        width:98%;
        text-align:left;
    }
    .fieldRow,  .areaPanel, .messagePanel
    {
        font-size:2em;
    }
    .areaPanel .label
    {
        white-space:normal;
        line-height:normal;
    }
    .areaPanel
    {
        width:100%;
        margin:2em 0;
    }
    .areaPanel .checkboxContainer
    {
        width:48%;
        display:block;
        margin-left:auto;
        margin-right:auto;
    }
    .messagePanel label
    {
        text-align:left;
    }
    .messagePanel textarea
    {
        width:100%;
    }
    .breadcrumb,.faqInner,.umb-grid
    {
        font-size:2em;
    }
     .contentBox.wideBox .contentBoxText .boxDescription
     {
         height:auto;
     }
    .contentHeader a .ctaButton
    {
        font-size:2em;
    }
    .fieldRow label
    {
        width:24%;
    }
    .fieldRow input, .fieldRow select, textarea
    {
        width:70%;
    }
    .prettyCheckbox
    {
        max-width:6em;
        height:6em;
    }
    .ContactForm h2
    {
        font-size:3em;
        line-height:2em;
        padding-right:2em;
    }
    h2 .plus-symbol,h2 .minus-symbol
    {
        font-size:2em
    }
    .buttonContainer
    {
        padding-right:1.5em;
    } 
    .oldBlogItem h2
    {
        font-size:3em;
    }
    .oldBlogItem p
    {
        font-size:2.4em;
    }
    .contactDetails .mapHolder
    {
        margin-top:19em;
    }
    .contactDetails .detailsHolder
    {
        box-sizing:border-box;
        padding-left:3em;
    }
    .joinForm .fieldLabel, .joinForm .fieldRow label
    {
         display:block;
         width:auto;
         text-align:left;
         margin-bottom:1em;
    }
    .joinForm .fieldLabel h3
    {
         text-align:left;
    }
    .joinForm .fieldInput, .joinForm .fieldRow input, .joinForm .fieldRow  select
    {
        width:100%;
    }
    .joinForm .fieldRow input.areaCode
    {
        width:40%;
    }
    .joinForm .fieldRow input.phoneNumber
    {
        width:59%;
    }
    .joinForm  .textArea
    {
         padding-left:0;
         padding-right:0;
    }
     .uploadHolder .uploadButton
     {
         float:right;
         margin-top:1em;
     }
    .mimiRate div
    {
        width:3em;
        height:3em;
    }
    .temp-3491 .expandulator
    {
        font-size:2em;
    }
    .bannerLink h2.subtitle
    {
        font-size:3.4em;
    }
    .col4 .contentBox.mob-second
    {
         clear:none;
         margin-right:0;
    }
    .col4 .contentBox.mob-first
    {
         clear:left;
         margin-right:1.5%;
    }
    .boxTitle.subTitle span
    {
        font-size:1.1em;
    }
    .contentBox.faqContent
    {
        min-width:100%;
        min-height:30em;
        float:none;
        height:auto;
    }
    .callToAction .boxDescription
    {
        height:auto;
    }
    .the-team .overlayBox.contentBox.tall
    {
        width:100%;
        display:block;
        margin-bottom:20px;
    }
    .the-team .overlayBox.contentBox.tall .contentBoxText
    {
        width:99.9%;
    }
    .the-team .contentBoxesInner.center.standard
    {
        box-sizing:border-box;
        width:100%;
        padding:0 20px;
    }
}
@media screen and (max-width: 375px)
{
    .blogItemOverlay
    {
        font-size:1.75em;
    }
}
/*
@media screen and (max-width: 935px) 
{
         .contentBoxesInner 
    {
        font-size: 1.2em;
    }
    .mainContainer
    {
        max-width:100%;
    }
    .callToAction .title
    {
        font-size:1em;
        height:auto;
    }
    .callToAction .title span
    {
        font-size:3.5em;
    }
}
@media screen and (max-width: 850px) 
{
    .contentBoxesInner 
    {
        font-size: 1.4em;
    }
    .headerContent .socialMediaImage 
    {
        height: 3em;
    }
    .headerContent .socialMediaItems 
    {
        top: 1.8em;
    }
}
@media (max-width: 770px)
{
    .standard
    {
        width: 98%;
        min-width:0;
    }
    .portfolioItemPageContainerInner.fill, .portfolioItemPageContainerInner.quarter-right
    {
        display:block;
        float:none;
        width:100%;
    }
    .navMenu .megaMenuInner .subMenuItem .subMenuItemTitle
    {
        font-weight:normal;
        font-size:1.1em;
   }


/*
	.ls-l
	{
		top: auto !important;
		bottom: 0px !important;
	}
    * /
}
@media screen and (max-width: 720px)
{
    .navMenu .menu
    {
        display:inline-block;
    }
    .navMenu .menuItem
    {
        margin-top:0;
    }
    .headerContent .socialMediaItems
    {
        top:1.9em;
    }
    .headerContent .socialMediaImage
    {
        height:3em;
    }
    .callToAction
    {
        width: 50%;
    }
    .callToActionsInner
    {
        text-align:center;
    }
	.contentBox.overlayBox .contentBox-bgContainer
	{
		width: 100%;
	}
     .callToAction .boxDescription p
    {
        font-size:1.4em;
    }
}
@media screen and (max-width: 720px)
{
     .navMenu
    {
        bottom:6.3em;
    }
    .headerContent .socialMediaImage 
    {
        height: 4em;
    }
    .navMenu .megaMenuItem
    {
        height:6em;
    }
    .navPlaceholder
    {
        height:6em;
    }
    .menuItemTitle
    {
        font-size:1.3em;
    }
    .navMenu .megaMenuInner
    {
        position: relative;
        top: 20%;
    }
    .navMenu .megaMenuInner .subMenuItem .subMenuItemTitle
    {
        font-weight:normal;
        font-size:1.3em;
    }
    .navMenu .megaMenuInner .subMenuItem
    {
           vertical-align:middle;
    }
    .contentBox.first.wideBox
    {
        width:97%;
    }
    .contentBox, .contentBox.first, .col3 .contentBox
    {
        width:47%;
        margin-left:1.5%;
        margin-right:1.5%;
    }
    .contentBox .contentBox-bg
    {
        margin-top:7%;
    }
    .contentBox.tall
    {
        height:auto;
    }
        .contentBoxesInner 
    {
        font-size: 1.6em;
    }
    .callToAction .boxDescription
    {
        height:27em;
    }
    .overlayBox .contentBoxText
    {
        position:static;
    }
    .callToAction .boxDescription p
    {
        font-size:1.7em;
    }
    .callToAction .title span
    {
        font-size:4.5em;
    }
}
@media screen and (max-width: 720px)
{
    .callToAction .boxDescription p
    {
        font-size:1.2em;
    }
    .socialMediaTitle span
    {
        font-size: 2.3em;
    }
    .callToAction .title span
    {
        font-size:3.5em;
    }
    .headerContent .socialMediaImage 
    {
        height: 3em;
    }
    .navMenu
    {
        position:static;
    }
    .blogImg
    {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .cookieBanner
    {
        left:0;
        right:0;
        width:auto;
    }
    .cookieBanner p
    {
        width:70%;
    }

    .fieldRow.setWidth 
    {
        width: 99.6%;
    }
    .standard
    {
        width:100%;
    }
    .contentBoxesInner 
    {
        font-size: 1.3em;
    }
    .companyInfoText span
    {
        display: inline-block;
        width: 34%;
    }

    .rjpanel, .areaPanel
    {
        width: 100%;
    }

    .rjpanel .fieldRow label, .areaPanel .checkboxContainer
    {
        width: 39%;
    }

    .areaPanel
    {
        margin-left: 0;
    }

        .areaPanel .label
        {
            width: 100%;
            text-align: center;
        }

        .areaPanel .checkboxContainer
        {
            display: block;
            margin-left: auto;
            margin-right: auto;
        }

    .prettyCheckbox
    {
        height: 6.9em;
    }

    .messagePanel label
    {
        display: block;
        text-align: left;
    }

    .messagePanel #Message
    {
        width: 100%;
        box-sizing: border-box;
    }

    .contactInner
    {
        width: 80%;
    }

    .contactDetails .detailsHolder, .contactDetails .mapHolder, .contactDetails .mapHolder img
    {
        width: 100%;
    }

    .contactDetails .detail
    {
        margin: 1em 7em 2em;
    }
    .colouredBox .contentBoxText .boxDescription 
    {
        height: auto;
    }
    .contentBox.colouredBox.tall
    {
        padding-bottom: 5em;
    }
    .contentBox, .layout-grid .portfolioItemContainer
    {
        float: none;
    }
    .contentBox.overlayBox .contentBox-bgContainer
    {
        min-height:0;
    }
    .headerContent .socialMediaItems
    {
        width: 54%;
    }

    .mobile, .contentBox.mobile
    {
        display: inline-block;
    }
    .desktop, .desktop.contentBox
    {
        display:none;
    }
     .headerContent .socialMediaItems
    {
        top: 0em;
        z-index:101;
    }

/*    .headerContent .socialMediaImage
    {
        vertical-align: bottom;
        margin-bottom: 1em;
    }
* /
   

    .portfolioFeatureImage, .mymason .contentBox.mediaBox .contentBox-bgContainer, .mymason .contentBox.mediaBox .contentBox-bgContainer img
    {
        width: 100%;
    }
    
    .navPlaceholder
	{
        display:none;
    }
    .navMenu .menuItem, .logo
    {
        display:block;
    }
        .navMenu .menu
    {
        display:block;
    }
    .logo
    {
        width:95%;
    }
    .logo img
    {
        width:50%;
    }
    .layout-grid .portfolioItemContainer
    {
        height:auto;
        width:47%;
        float:none;
        display:inline-block;
        vertical-align:top;

    }
    .contentBox
    {
        height:auto;
        min-height:15em;
    }
    .contentBox.wideBox .contentBoxText .boxDescription
    {
        height:auto;
        padding-bottom:2em;
    }
    .contentBox, .contentBox.first,.col3 .contentBox
    {
        width:48%;
        margin-right:0%;
        vertical-align:top;
        /*
        width:100%;
        margin-left:0%;
        clear:left;* /
    }
    .contentBoxText .boxDescription p, .callToAction .callToActionText
    {
        font-size:1.4em;
    }
    .contentBox .contentBox-bg
    {
        margin-top:4%;
    }
    .contentHeader
    {
        text-align:center;
    }
    .contentHeader .textArea
    {
        text-align:left;
        text-align:justify;
    }
    .hasQtip img.focusPoint.alignVCenter
    {
        top:0;
    }
    img.focusPoint
    {
        max-width:35%;
    }
    .contentBox.first
    {
        clear:none;
    }
    .overlayBox.tall .contentBoxText
    {
        height:auto;
    }
    .overlayBox .contentBoxText .boxDescription
    {
        height: auto;
        padding-bottom:1em;
    }
    .col4 .width3
    {
        width:100%;
    }
    .contentHeader .textArea
    {
        padding:1em;
        font-size:1.4em;
    }
    .contentBox.wideBox
    {
        width:97%;
    }

    .radio_yes, .radio_no 
    {
        width: 2.5em;
        height: 2.5em;
    }
    .uploadHolder label 
    {
        width: 49%;
    }
    .uploadHolder .areaCode
{
    width: 23.5%;
}
    .messagePanel label 
    {
        width: 100%;
    }
    .messagePanel textarea
    {
        width: 100%;
    }
/*	.ls-l
{
	top: auto !important;
	bottom: 0px !important;
	left: 0px !important;
	width: 200% !important;
	left: -50% !important;
}

.ls-l img
{
	width: 100% !important;
}
    * /
    .programs .fieldInput
    {
        width:100%;
    }
    .programs .fieldLabel
    {
        width:100%;
    }
    .programs .fieldLabel h3
    {
        text-align:left;
        padding-bottom:1em;
        width:100%;
    }
    .programs .mimiRate div
    {
        width:3.3em;
        height:3.3em;
    }
    .video-wrapper
    {
        padding-top:1.5em;
    }
}
@media screen and (max-width: 300px) 
{
         .contentBoxesInner 
    {
        font-size: 1.4em;
    }
}
*/
/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */