/* Important Information about this CSS File  - Do not delete or rename this file, if you do not use it leave it blank (delete everything) and the file will be skipped when you enable Production Mode in the Global theme settings.  - Read the _README file in this directory, it contains useful help and other information. */
/* Remove max width added by adaptive theme, we will use some replacement system */
#main-content-header, #header, #menu-bar, #breadcrumb, #footer-wrapper .container { max-width: 1140px; margin: 0 auto !important; }

#messages { max-width: 1140px; }

.why-choose { margin-bottom: 1em; }

/* General settings for each page
*/
.node-content { font-size: 1.2em; }

/* Field debugging and spacing */
.field { margin-bottom: 1.5em; }

/*.field-items .field-item *:first-child { margin-top:0;
}*/
/* field settings */
.field-name-field-pane-1 img, .field-name-field-pane-2 img { margin-bottom: 0.5em; }

.grid-row.hosting.bottomRow { margin-top: -8em; }
.grid-row.hosting.bottomRow .itaas { margin-left: 33.88571%; }

/* footer menu */
#block-claranet-2015-blocks-main-menu ul.menu .menu-depth-1 { margin-top: 2em; }
#block-claranet-2015-blocks-main-menu ul.menu li { width: 17.24138%; float: left; }
#block-claranet-2015-blocks-main-menu ul.menu li:nth-child(5n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; }
#block-claranet-2015-blocks-main-menu ul.menu li:nth-child(5n + 2) { margin-left: 20.68966%; margin-right: -100%; clear: none; }
#block-claranet-2015-blocks-main-menu ul.menu li:nth-child(5n + 3) { margin-left: 41.37931%; margin-right: -100%; clear: none; }
#block-claranet-2015-blocks-main-menu ul.menu li:nth-child(5n + 4) { margin-left: 62.06897%; margin-right: -100%; clear: none; }
#block-claranet-2015-blocks-main-menu ul.menu li:nth-child(5n + 5) { margin-left: 82.75862%; margin-right: -100%; clear: none; }

body.front .services img { max-width: 65%; }

/* faq hover color, only for desktop */
.faqTitle:hover { background-color: #415560; color: #fff; }

/* case studies */
.view-case-studies.view-display-id-page .views-row { text-align: center; width: 31.42857%; float: left; margin-bottom: 1em; }
.view-case-studies.view-display-id-page .views-row:nth-child(3n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; }
.view-case-studies.view-display-id-page .views-row:nth-child(3n + 2) { margin-left: 34.28571%; margin-right: -100%; clear: none; }
.view-case-studies.view-display-id-page .views-row:nth-child(3n + 3) { margin-left: 68.57143%; margin-right: -100%; clear: none; }
.view-case-studies.view-display-id-page .views-row img.image-style-none { max-width: 70%; -moz-box-shadow: rgba(136, 136, 136, 0.55) 8px 8px 16px; -webkit-box-shadow: rgba(136, 136, 136, 0.55) 8px 8px 16px; box-shadow: rgba(136, 136, 136, 0.55) 8px 8px 16px; border-radius: 50%; }
.view-case-studies.view-display-id-page .views-row .views-field-title { font-size: 1.4em; margin: 2em 0; font-family: akzidenz-grotesk, helvetica,arial, sans-serif; font-weight: 500; }

/* is this just for spain? */
.which-applications .option-1, .which-applications .option-2, .which-applications .option-3 { width: 22.85714%; float: left; margin-right: 2.85714%; }
.which-applications .option-4 { width: 22.85714%; float: right; margin-right: 0; }

/* brochures landing */
.view-id-brochures.view-display-id-page .views-row { width: 31.42857%; float: left; }
.view-id-brochures.view-display-id-page .views-row:nth-child(3n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; }
.view-id-brochures.view-display-id-page .views-row:nth-child(3n + 2) { margin-left: 34.28571%; margin-right: -100%; clear: none; }
.view-id-brochures.view-display-id-page .views-row:nth-child(3n + 3) { margin-left: 68.57143%; margin-right: -100%; clear: none; }

/* Staff pages landing */
.view-id-staff_profiles .views-row { width: 31.42857%; float: left; }
.view-id-staff_profiles .views-row:nth-child(3n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; }
.view-id-staff_profiles .views-row:nth-child(3n + 2) { margin-left: 34.28571%; margin-right: -100%; clear: none; }
.view-id-staff_profiles .views-row:nth-child(3n + 3) { margin-left: 68.57143%; margin-right: -100%; clear: none; }

/* Reserch and whitepapers */
.view-id-whitepapers.view-display-id-block_1 .views-row { width: 22.85714%; float: left; }
.view-id-whitepapers.view-display-id-block_1 .views-row:nth-child(4n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; }
.view-id-whitepapers.view-display-id-block_1 .views-row:nth-child(4n + 2) { margin-left: 25.71429%; margin-right: -100%; clear: none; }
.view-id-whitepapers.view-display-id-block_1 .views-row:nth-child(4n + 3) { margin-left: 51.42857%; margin-right: -100%; clear: none; }
.view-id-whitepapers.view-display-id-block_1 .views-row:nth-child(4n + 4) { margin-left: 77.14286%; margin-right: -100%; clear: none; }

/* videos landing  */
.view-id-videos.view-display-id-page .views-row { width: 48.57143%; float: left; }
.view-id-videos.view-display-id-page .views-row:nth-child(2n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; }
.view-id-videos.view-display-id-page .views-row:nth-child(2n + 2) { margin-left: 51.42857%; margin-right: -100%; clear: none; }

/* Newsletters landing  */
.view-id-newsletter.view-display-id-page .views-row { width: 31.42857%; float: left; }
.view-id-newsletter.view-display-id-page .views-row:nth-child(3n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; }
.view-id-newsletter.view-display-id-page .views-row:nth-child(3n + 2) { margin-left: 34.28571%; margin-right: -100%; clear: none; }
.view-id-newsletter.view-display-id-page .views-row:nth-child(3n + 3) { margin-left: 68.57143%; margin-right: -100%; clear: none; }

#block-views-videos-block-1 .view-videos .view-content { overflow: hidden; *zoom: 1; }
#block-views-videos-block-1 .view-videos .views-row { width: 31.42857%; float: left; }
#block-views-videos-block-1 .view-videos .views-row:nth-child(3n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; }
#block-views-videos-block-1 .view-videos .views-row:nth-child(3n + 2) { margin-left: 34.28571%; margin-right: -100%; clear: none; }
#block-views-videos-block-1 .view-videos .views-row:nth-child(3n + 3) { margin-left: 68.57143%; margin-right: -100%; clear: none; }
#block-views-videos-block-1 .view-videos .views-row:last-child { overflow: hidden; *zoom: 1; }

/* homepage video */
#block-claranet-2015-blocks-homepage-video .block-inner div.homepage-video .cycle-slideshow .poster { padding-top: 40.7%; background: url(/sites/all/assets/uk/desktop_homevid_poster.jpg) no-repeat; background-size: cover; }

/* sticky bar */
#block-claranet-2015-blocks-sticky-bar #stickyLogo, .block.claranet-2015-sticky-bar #stickyLogo { float: left; max-height: 42px; }
#block-claranet-2015-blocks-sticky-bar #stickyContact, .block.claranet-2015-sticky-bar #stickyContact { float: right; margin-right: 1em; }
#block-claranet-2015-blocks-sticky-bar #stickyBar, .block.claranet-2015-sticky-bar #stickyBar { line-height: 42px; }
#block-claranet-2015-blocks-sticky-bar #stickyBar a.button.red.medium, .block.claranet-2015-sticky-bar #stickyBar a.button.red.medium { margin: 0 0 0 0.5em; }

/*.social-media-block { position:fixed; z-index:1000; right:0; top:30%; .block-inner { margin:0; } .share { width:40px; background-color:$claranet_light_grey; padding:0.5em; h2 { font-size:0.8em; @include claranet-font('medium'); text-transform:uppercase; padding:0; margin:0 0 0.3em 0 } .share-button { margin-bottom:0.5em; } .last-button { margin-bottom: 0; } img,a { display:block; } }
}*/
.social-media-block { position: fixed; z-index: 1000; right: 0; top: 30%; padding: 0.5em; background-color: #253741; }
.social-media-block .block-inner { margin: 0; }
.social-media-block .share-button { cursor: pointer; height: 45px; width: 45px; margin-bottom: 0.5em; }
.social-media-block .share-button img { width: 100%; }
.social-media-block .share-button.share-this { display: none; }
.social-media-block .share-button.share-service.end { margin: 0; }
.social-media-block .share-this-title { width: 45px; margin-bottom: 0.5em; }
.social-media-block .share-this-title .label, .social-media-block .share-this-title h2 { font-size: 0.8em; text-transform: uppercase; margin: 0; padding: 0; color: #fff; text-align: center; font-weight: 500; }

/* services landing page */
.grid-row.hosting.communications.it-as-a-service h3, .grid-row .grid-4.hosting h3 { margin-top: 0; }
.grid-row.hosting.communications.it-as-a-service ul, .grid-row .grid-4.hosting ul { margin: 0; padding: 0; }
.grid-row.hosting.communications.it-as-a-service ul li, .grid-row .grid-4.hosting ul li { font-size: 1em; list-style: none; padding: 0; margin: 0; font-family: akzidenz-grotesk, helvetica,arial, sans-serif; font-weight: 500; }
.grid-row.hosting.communications.it-as-a-service ul li ul, .grid-row .grid-4.hosting ul li ul { padding-left: 1em; }
.grid-row.hosting.communications.it-as-a-service ul li a:before, .grid-row .grid-4.hosting ul li a:before { content: ""; display: block; float: left; width: 5px; height: 9px; background: transparent url('images/sprites-s566abdd177.png') 0 -200px no-repeat; margin: 7px 5px 0 0; }

#block-views-staff-profiles-block h2.block-title { max-width: 1140px; margin: 1em auto !important; }
#block-views-staff-profiles-block .view-content { max-width: 1140px; margin: 0 auto !important; }

.resources-view h3 { background-color: #415560; margin-bottom: 2.6em; padding: 0.3em 0.5em; font-size: 1.4em; }
.resources-view h3 a { color: #fff; }
.resources-view .views-field-nothing .version { display: inline-block; background-color: #e7ecef; padding: 0; margin: 0; font-size: 1rem; color: #656f75; padding: 0.1em 0.4em; }
.resources-view .views-field-nothing img { max-width: 200px; height: auto; border: 1px solid #aaa; box-sizing: border-box; }
.resources-view .views-field-nothing h4 { font-size: 1.5em; margin: 0.5em 0 0.8em 0; line-height: 1.3em; color: #253741; }
.resources-view .views-field-nothing h4 a { color: #253741; }
.resources-view .views-field-nothing .type { font-size: 1.2em; }
.resources-view .views-field-nothing .owner { font-size: 1.2em; font-weight: 500; }
.resources-view .views-field-nothing .owner a { color: #d9002a; }
.resources-view .views-field-edit-node { position: absolute; top: 0; right: -20px; font-weight: 500; }

/* landing pages */
.node-type-service-page { /* override max-width on this one, we'll set it for the specific things we need below */ /* field settings */ /* spain */ }
.node-type-service-page h1#page-title { font-family: akzidenz-grotesk, helvetica,arial, sans-serif; font-weight: 300; margin: 0.5em 0 0.1em 0; font-size: 3em; }
.node-type-service-page .container { max-width: none; }
.node-type-service-page #main-content { margin: 0; }
.node-type-service-page #main-content-header, .node-type-service-page .content-sub-title, .node-type-service-page .content-services { margin-left: 0.5em; margin-right: 0.5em; }
.node-type-service-page .field-name-field-pane-1, .node-type-service-page .field-name-field-pane-2, .node-type-service-page .field-name-field-pane-3, .node-type-service-page .field-name-field-pane-4, .node-type-service-page .field-name-field-pane-5, .node-type-service-page .field-name-field-pane-6, .node-type-service-page .content-body .container, .node-type-service-page div.call-to-actions { max-width: 1140px; margin: 0 auto; }
.node-type-service-page .field-items { background-color: transparent; }
.node-type-service-page .node-inline-region { width: 31.42857%; float: right; margin-right: 0; }
.node-type-service-page .node-inline-region .block-inner { margin: 0; }
.node-type-service-page .node-inline-region #block-claranet-2015-blocks-local-menu { font-size: 0.7em; }
.node-type-service-page .field-name-field-pane-5 { margin-bottom: 2.1em; }
.node-type-service-page .field-name-field-pane-5 h2 { font-family: akzidenz-grotesk, helvetica,arial, sans-serif; font-weight: 300; font-size: 2.5em; font-weight: normal; margin: 0; }
.node-type-service-page .content-pane4 h2 { margin-bottom: 0.6em; }
.node-type-service-page .content-pane4 h3 { color: #253741; font-family: akzidenz-grotesk, helvetica,arial, sans-serif; font-weight: 500; font-weight: normal; font-size: 2em; margin: 0.5em 0; padding: 0; }
.node-type-service-page .content-pane4 p { max-width: 75%; margin: 0 auto; }
.node-type-service-page .content-pane4 blockquote p { max-width: none !important; margin: 0 0 1em 0 !important; }
.node-type-service-page .field-name-field-pane-1 img, .node-type-service-page .field-name-field-pane-2 img { margin-bottom: 0.5em; }
.node-type-service-page .page-title { width: 40%; float: left; margin-right: 2.85714%; font-size: 2em; }
.node-type-service-page .field-name-body { width: 57.14286%; float: left; margin-right: 2.85714%; }
.node-type-service-page .field-name-body p:last-child { margin-bottom: 0; }
.node-type-service-page .field-name-field-pane-1 { margin-top: 0.3em; }
.node-type-service-page .field-name-field-pane-2 .field-items { width: 48.57143%; float: left; margin-right: 2.85714%; }
.node-type-service-page .field-name-field-pane-2 .field-items h2 { font-size: 2em; }
.node-type-service-page .field-name-field-pane-2 .field-items h3 { color: #415560; }
.node-type-service-page .field-name-field-pane-3 .field-items { width: 40%; float: right; margin-right: 0; }
.node-type-service-page article.fifty_percent .field-name-body, .node-type-service-page article.fifty_percent .node-inline-region { width: 48.57143%; float: left; margin-right: 2.85714%; }
.node-type-service-page .serviceContainer.four .service { text-align: center; width: 22.85714%; float: left; margin-bottom: 1em; }
.node-type-service-page .serviceContainer.four .service:nth-child(4n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; }
.node-type-service-page .serviceContainer.four .service:nth-child(4n + 2) { margin-left: 25.71429%; margin-right: -100%; clear: none; }
.node-type-service-page .serviceContainer.four .service:nth-child(4n + 3) { margin-left: 51.42857%; margin-right: -100%; clear: none; }
.node-type-service-page .serviceContainer.four .service:nth-child(4n + 4) { margin-left: 77.14286%; margin-right: -100%; clear: none; }
.node-type-service-page .serviceContainer.four .service img { max-width: 75%; margin-bottom: 1em; }
.node-type-service-page .serviceContainer.six .service { text-align: center; width: 31.42857%; float: left; margin-bottom: 1em; }
.node-type-service-page .serviceContainer.six .service:nth-child(3n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; }
.node-type-service-page .serviceContainer.six .service:nth-child(3n + 2) { margin-left: 34.28571%; margin-right: -100%; clear: none; }
.node-type-service-page .serviceContainer.six .service:nth-child(3n + 3) { margin-left: 68.57143%; margin-right: -100%; clear: none; }
.node-type-service-page .serviceContainer.six .service img { max-width: 50%; margin-bottom: 1em; }

.node-type-landing-page { /* field settings */ }
.node-type-landing-page h1#page-title { font-family: akzidenz-grotesk, helvetica,arial, sans-serif; font-weight: 300; }
.node-type-landing-page #main-content { margin: 0; }
.node-type-landing-page .field-name-field-pane-3 .zebra.on { padding: 2em 0; }
.node-type-landing-page .container_body { position: relative; /* if this page includes a webform add some formatting */ }
.node-type-landing-page .container_body .field-name-field-webform { width: 31.42857%; float: right; margin-right: 0; }
.node-type-landing-page .container_body .field-name-field-webform form { box-sizing: border-box; position: relative; display: block; background-color: #eee; padding: 2em; margin-bottom: 1em; }
.node-type-landing-page .container_body .field-name-field-webform form .form-item.webform-component { margin-bottom: 1.2em; }
.node-type-landing-page .container_body .field-name-field-webform form .form-item.webform-component input { max-width: 100%; box-sizing: border-box; padding: 0.5em; }
.node-type-landing-page .container_body .field-name-field-webform form .form-actions.form-wrapper { text-align: center; }
.node-type-landing-page .container_body .field-name-field-webform form .form-actions.form-wrapper .button { margin-top: 1em; margin-bottom: 0; font-size: 1.1rem; min-width: 80%; font-weight: bold; }
.node-type-landing-page .container_body.include_webform .field-name-body { width: 65.71429%; float: left; margin-right: 2.85714%; }
.node-type-landing-page.front .field_pane_3 { font-size: 1.2rem; }
.node-type-landing-page.front .featured-services { padding-top: 2em; }
.node-type-landing-page.front .field { margin-bottom: 0; }
.node-type-landing-page .container { max-width: 100%; }
.node-type-landing-page .zebra .container { max-width: 1140px; margin: 0 auto; position: relative; }
.node-type-landing-page .container_body { max-width: 1140px; margin: 0 auto; }
.node-type-landing-page .field-items { background-color: transparent; }
.node-type-landing-page .field-name-field-pane-1 img, .node-type-landing-page .field-name-field-pane-2 img { margin-bottom: 0.5em; }
.node-type-landing-page .field-name-field-pane-1 { width: 48.57143%; float: left; margin-right: 2.85714%; }
.node-type-landing-page .field-name-field-pane-2 { width: 48.57143%; float: right; margin-right: 0; }
.node-type-landing-page .field-name-field-pane-3 { width: 100%; float: left; margin-left: 0; margin-right: 0; }
.node-type-landing-page .field-name-field-pane-4 { width: 48.57143%; float: left; margin-right: 2.85714%; }
.node-type-landing-page .field-name-field-pane-5 { width: 48.57143%; float: right; margin-right: 0; }
.node-type-landing-page .field-name-field-pane-6 { width: 100%; float: left; margin-left: 0; margin-right: 0; }

.node-type-industry-page { /* override max-width on this one, we'll set it for the specific things we need below */ }
.node-type-industry-page #main-content { margin: 0; }
.node-type-industry-page #main-content-header, .node-type-industry-page .content-sub-title, .node-type-industry-page .content-services { margin-left: 0.5em; margin-right: 0.5em; }
.node-type-industry-page h1#page-title { font-family: akzidenz-grotesk, helvetica,arial, sans-serif; font-weight: 300; margin: 0 0 0.1em 0; font-size: 3em; }
.node-type-industry-page .content-sub-title h2 { font-size: 4em; margin: 0 0 0.5em 0; padding: 0; }
.node-type-industry-page .how-we-help { width: 31.42857%; float: left; margin-right: 2.85714%; text-align: center; }
.node-type-industry-page .how-we-help.last { width: 31.42857%; float: right; margin-right: 0; }
.node-type-industry-page .case-study .introduction { width: 48.57143%; float: left; margin-right: 2.85714%; }
.node-type-industry-page .case-study .introduction p { font-family: akzidenz-grotesk, helvetica,arial, sans-serif; font-weight: 500; font-size: 1.2em; }
.node-type-industry-page .case-study .detail { width: 48.57143%; float: right; margin-right: 0; }
.node-type-industry-page .case-study h2 { font-family: akzidenz-grotesk, helvetica,arial, sans-serif; font-weight: 300; font-size: 4em; margin: 0 0 0.5em 0; }
.node-type-industry-page .case-study h2 span { font-family: akzidenz-grotesk, helvetica,arial, sans-serif; font-weight: 500; color: #d9002a; }
.node-type-industry-page .container { max-width: none; }
.node-type-industry-page .slider, .node-type-industry-page .field-name-field-pane-1, .node-type-industry-page .field-name-field-pane-2, .node-type-industry-page .field-name-field-pane-3, .node-type-industry-page .field-name-field-pane-4, .node-type-industry-page .field-name-field-pane-5, .node-type-industry-page .field-name-field-pane-6, .node-type-industry-page .content-body .container, .node-type-industry-page .content-services .container, .node-type-industry-page .content-sub-title .container, .node-type-industry-page .content-pane5 .content-view, .node-type-industry-page div.call-to-actions, .node-type-industry-page .case-studies, .node-type-industry-page #secondary-content-wrapper { max-width: 1140px; margin: 0 auto; }
.node-type-industry-page .field-items { background-color: transparent; }
.node-type-industry-page .field-name-body { width: 100%; float: left; margin-left: 0; margin-right: 0; }
.node-type-industry-page .field-name-field-pane-1 { width: 100%; float: left; margin-left: 0; margin-right: 0; }
.node-type-industry-page .field-name-field-pane-2 { width: 100%; float: left; margin-left: 0; margin-right: 0; }
.node-type-industry-page .content-pane2 h2 { font-size: 2.7em; margin-bottom: 1em; }
.node-type-industry-page .content-pane2 h2.key-services { font-family: akzidenz-grotesk, helvetica,arial, sans-serif; font-weight: 300; font-weight: normal; margin-bottom: 0.5em; margin-top: 2em; }
.node-type-industry-page .grid-row .video { width: 48.57143%; float: left; margin-right: 2.85714%; }
.node-type-industry-page .grid-row .information { width: 48.57143%; float: right; margin-right: 0; }

/*
 Initially this is just an import of the default brick landing page, currently there are no plans to use the 100% width option in this content type but I will leave them in for now incase we decide they're useful.

*/
.node-type-case-study { /* max-width settings for each field set */ /* Grid system for this content type */ /* field settings */ }
.node-type-case-study #content { max-width: 1140px; margin: 0 auto; }
.node-type-case-study h1 { font-size: 4.5em; }
.node-type-case-study .field-items { background-color: transparent; }
.node-type-case-study .case-study-image-banner { margin-bottom: 0; }
.node-type-case-study .case-study-image-banner .field-name-field-company-logo { max-width: 1140px; margin: 0 auto; }
.node-type-case-study .case-study-image-banner .field-name-field-company-logo .field-items { padding-top: 25px; }
.node-type-case-study .case-study-image-banner .banner-image-background { margin-top: 1px; height: 299px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 50%; }
.node-type-case-study .case-study-image-banner .field { margin-bottom: 0; }
.node-type-case-study .field-name-field-pane-1 img, .node-type-case-study .field-name-field-pane-2 img { margin-bottom: 0.5em; }
.node-type-case-study .field-name-field-pane-1 { width: 48.57143%; float: left; margin-right: 2.85714%; }
.node-type-case-study .field-name-field-pane-2 { width: 48.57143%; float: right; margin-right: 0; }
.node-type-case-study .field-name-field-pane-3 { width: 100%; float: left; margin-left: 0; margin-right: 0; }
.node-type-case-study .field-name-field-pane-4 { width: 48.57143%; float: left; margin-right: 2.85714%; }
.node-type-case-study .field-name-field-pane-5 { width: 48.57143%; float: right; margin-right: 0; }
.node-type-case-study .field-name-field-pane-6 { width: 100%; float: left; margin-left: 0; margin-right: 0; }

/*
 Initially this is just an import of the default brick landing page, currently there are no plans to use the 100% width option in this content type but I will leave them in for now incase we decide they're useful.

*/
/* This is for the view */
.page-blog.one-sidebar .container { max-width: 1140px; margin: 0 auto; }

/* Just a little style for the header */
.page-blog .view-id-blog .button { margin-top: 0px; margin-bottom: 0px; }
.page-blog h1 { border-bottom: 1px solid #cccccc; padding-bottom: 0.2em; }
.page-blog .view-header h2 { margin-top: -0.5em; color: #666666; font-size: 2.2em; margin-bottom: 1em; }

/* This is for the node */
.node-type-blog.one-sidebar .container { max-width: 1140px; margin: 0 auto; }

body.page-claranet-insights { /* Case studies */ /* Case study exposed filter */ /* Videos */ /* Claranet research and brochures */ /* Blog */ /* Events */ }
body.page-claranet-insights .container { max-width: 100%; margin: 0; }
body.page-claranet-insights #main-content { margin: 0; }
body.page-claranet-insights #main-content-header, body.page-claranet-insights .content-sub-title, body.page-claranet-insights .content-services { margin-left: 0.5em; margin-right: 0.5em; }
body.page-claranet-insights .csContainer, body.page-claranet-insights .videoContainer, body.page-claranet-insights .researchContainer, body.page-claranet-insights .blogContainer, body.page-claranet-insights .eventsContainer { width: 100%; max-width: 1140px; margin: 0 auto; }
body.page-claranet-insights #page-title { font-family: akzidenz-grotesk, helvetica,arial, sans-serif; font-weight: 300; margin: 0.5em 0 0.3em 0; font-size: 3em; }
body.page-claranet-insights .content-sub-title { width: 100%; max-width: 1140px; margin: 0 auto; }
body.page-claranet-insights .content-sub-title h2 { font-size: 4em; margin: 0 0 0.5em 0; padding: 0; }
body.page-claranet-insights .sectionHeader { text-align: center; margin-top: 0; }
body.page-claranet-insights .zebra.off .sectionHeader { font-family: akzidenz-grotesk, helvetica,arial, sans-serif; font-weight: 300; }
body.page-claranet-insights .view-insights-and-resources.view-display-id-panel_pane_1 { width: 48.57143%; float: left; margin-right: 2.85714%; }
body.page-claranet-insights .view-insights-and-resources.view-display-id-panel_pane_1 .views-row { width: 31.42857%; float: left; }
body.page-claranet-insights .view-insights-and-resources.view-display-id-panel_pane_1 .views-row:nth-child(3n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; }
body.page-claranet-insights .view-insights-and-resources.view-display-id-panel_pane_1 .views-row:nth-child(3n + 2) { margin-left: 34.28571%; margin-right: -100%; clear: none; }
body.page-claranet-insights .view-insights-and-resources.view-display-id-panel_pane_1 .views-row:nth-child(3n + 3) { margin-left: 68.57143%; margin-right: -100%; clear: none; }
body.page-claranet-insights .view-insights-and-resources.view-display-id-panel_pane_1 .views-row img.image-style-none { -moz-box-shadow: rgba(136, 136, 136, 0.55) 8px 8px 16px; -webkit-box-shadow: rgba(136, 136, 136, 0.55) 8px 8px 16px; box-shadow: rgba(136, 136, 136, 0.55) 8px 8px 16px; border-radius: 50%; margin: 1em; max-width: 90%; }
body.page-claranet-insights .cs_expContainer { width: 48.57143%; float: right; margin-right: 0; }
body.page-claranet-insights .cs_expContainer #views-exposed-form-case-studies-page { margin-bottom: 2em; }
body.page-claranet-insights .cs_expContainer .cs_exp_subtext { font-size: 1.2em; }
body.page-claranet-insights .view-insights-and-resources.view-display-id-panel_pane_2 .view-content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
body.page-claranet-insights .view-insights-and-resources.view-display-id-panel_pane_2 .views-row { width: 48.57143%; float: left; }
body.page-claranet-insights .view-insights-and-resources.view-display-id-panel_pane_2 .views-row:nth-child(2n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; }
body.page-claranet-insights .view-insights-and-resources.view-display-id-panel_pane_2 .views-row:nth-child(2n + 2) { margin-left: 51.42857%; margin-right: -100%; clear: none; }
body.page-claranet-insights .view-insights-and-resources.view-display-id-panel_pane_2 .views-row .insights_videoContainer { width: 53.52113%; float: left; margin-right: 1.40845%; }
body.page-claranet-insights .view-insights-and-resources.view-display-id-panel_pane_2 .views-row .insights_videoContainer .flowplayer { -moz-box-shadow: rgba(136, 136, 136, 0.55) 8px 8px 16px; -webkit-box-shadow: rgba(136, 136, 136, 0.55) 8px 8px 16px; box-shadow: rgba(136, 136, 136, 0.55) 8px 8px 16px; cursor: pointer; }
body.page-claranet-insights .view-insights-and-resources.view-display-id-panel_pane_2 .views-row .insights_videoSubtext { width: 40.84507%; float: right; margin-right: 0; }
body.page-claranet-insights .view-insights-and-resources.view-display-id-panel_pane_2 .views-row .insights_videoSubtext h3 { font-size: 2.0em; margin-top: 0; }
body.page-claranet-insights .view-insights-and-resources.view-display-id-panel_pane_2 .views-row .insights_videoSubtext h3 a { color: #253741; }
body.page-claranet-insights .view-insights-and-resources.view-display-id-panel_pane_3 .view-content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
body.page-claranet-insights .view-insights-and-resources.view-display-id-panel_pane_3 .views-row { width: 22.85714%; float: left; }
body.page-claranet-insights .view-insights-and-resources.view-display-id-panel_pane_3 .views-row:nth-child(4n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; }
body.page-claranet-insights .view-insights-and-resources.view-display-id-panel_pane_3 .views-row:nth-child(4n + 2) { margin-left: 25.71429%; margin-right: -100%; clear: none; }
body.page-claranet-insights .view-insights-and-resources.view-display-id-panel_pane_3 .views-row:nth-child(4n + 3) { margin-left: 51.42857%; margin-right: -100%; clear: none; }
body.page-claranet-insights .view-insights-and-resources.view-display-id-panel_pane_3 .views-row:nth-child(4n + 4) { margin-left: 77.14286%; margin-right: -100%; clear: none; }
body.page-claranet-insights .view-insights-and-resources.view-display-id-panel_pane_3 .views-row .views-field-nothing img { -moz-box-shadow: rgba(136, 136, 136, 0.55) 8px 8px 16px; -webkit-box-shadow: rgba(136, 136, 136, 0.55) 8px 8px 16px; box-shadow: rgba(136, 136, 136, 0.55) 8px 8px 16px; margin-bottom: 2em; }
body.page-claranet-insights .view-insights-and-resources.view-display-id-panel_pane_3 .views-row .insights_resources_title { font-size: 1.4em; min-height: 4.5em; margin: 0; }
body.page-claranet-insights .view-insights-and-resources.view-display-id-panel_pane_3 .views-row .insights_resources_title a { color: #253741; }
body.page-claranet-insights .view-insights-and-resources.view-display-id-panel_pane_4 .view-content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
body.page-claranet-insights .view-insights-and-resources.view-display-id-panel_pane_4 .views-row { position: relative; width: 48.57143%; float: left; margin-bottom: 2em; }
body.page-claranet-insights .view-insights-and-resources.view-display-id-panel_pane_4 .views-row:nth-child(2n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; }
body.page-claranet-insights .view-insights-and-resources.view-display-id-panel_pane_4 .views-row:nth-child(2n + 2) { margin-left: 51.42857%; margin-right: -100%; clear: none; }
body.page-claranet-insights .view-insights-and-resources.view-display-id-panel_pane_4 .views-row .views-field-nothing img { width: 32.39437%; float: left; margin-right: 1.40845%; }
body.page-claranet-insights .view-insights-and-resources.view-display-id-panel_pane_4 .views-row .views-field-nothing div { width: 61.97183%; float: right; margin-right: 0; }
body.page-claranet-insights .view-insights-and-resources.view-display-id-panel_pane_4 .views-row .views-field-nothing div .readblog { position: absolute; bottom: 0; right: 0; font-size: 1.2em; }
body.page-claranet-insights .view-insights-and-resources.view-display-id-panel_pane_4 .views-row .views-field-nothing h3 { margin-top: 0; }
body.page-claranet-insights .view-insights-and-resources.view-display-id-panel_pane_4 .views-row .views-field-nothing h3 a { color: #253741; }
body.page-claranet-insights .view-insights-and-resources.view-display-id-panel_pane_5 .view-content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
body.page-claranet-insights .view-insights-and-resources.view-display-id-panel_pane_5 .views-row { width: 48.57143%; float: left; }
body.page-claranet-insights .view-insights-and-resources.view-display-id-panel_pane_5 .views-row:nth-child(2n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; }
body.page-claranet-insights .view-insights-and-resources.view-display-id-panel_pane_5 .views-row:nth-child(2n + 2) { margin-left: 51.42857%; margin-right: -100%; clear: none; }
body.page-claranet-insights .view-insights-and-resources.view-display-id-panel_pane_5 .Exhibition:before { content: url("/sites/all/assets/uk/exhibition.png"); }
body.page-claranet-insights .view-insights-and-resources.view-display-id-panel_pane_5 .Conference:before { content: url("/sites/all/assets/uk/conference.png"); }
body.page-claranet-insights .view-insights-and-resources.view-display-id-panel_pane_5 .Seminar:before { content: url("/sites/all/assets/uk/seminar.png"); }
body.page-claranet-insights .view-insights-and-resources.view-display-id-panel_pane_5 .Webinar:before { content: url("/sites/all/assets/uk/webinar.png"); }
body.page-claranet-insights .view-insights-and-resources.view-display-id-panel_pane_5 .Exhibition, body.page-claranet-insights .view-insights-and-resources.view-display-id-panel_pane_5 .Conference, body.page-claranet-insights .view-insights-and-resources.view-display-id-panel_pane_5 .Seminar, body.page-claranet-insights .view-insights-and-resources.view-display-id-panel_pane_5 .Webinar { width: 19.71831%; float: left; margin-right: 1.40845%; }
body.page-claranet-insights .view-insights-and-resources.view-display-id-panel_pane_5 .eventSummary { width: 74.64789%; float: left; margin-right: 1.40845%; }
body.page-claranet-insights .view-insights-and-resources.view-display-id-panel_pane_5 .eventSummary h3 { margin: 0 0 0.5em 0; }
body.page-claranet-insights .view-insights-and-resources.view-display-id-panel_pane_5 .eventSummary h3 a { color: #253741; }
body.page-claranet-insights .view-insights-and-resources.view-display-id-panel_pane_5 .eventSummary p { font-size: 1.4em; }

body.page-claranet-aboutus .container { max-width: 100%; }
body.page-claranet-aboutus #main-content { margin: 0; }
body.page-claranet-aboutus #main-content-header, body.page-claranet-aboutus .content-sub-title, body.page-claranet-aboutus .content-services { margin-left: 0.5em; margin-right: 0.5em; }
body.page-claranet-aboutus .about-us-inner { width: 100%; max-width: 1140px; margin: 0 auto; overflow: visible; font-size: 1.2em; }
body.page-claranet-aboutus .about-us-inner ul { font-size: 1.2em; }
body.page-claranet-aboutus .about-us-inner h2 { margin-top: 0; }
body.page-claranet-aboutus .about-us-inner .light_font { font-family: akzidenz-grotesk, helvetica,arial, sans-serif; font-weight: 300; }
body.page-claranet-aboutus .about-us-inner .view-display-id-panel_pane_1 .views-row { width: 17.24138%; float: left; }
body.page-claranet-aboutus .about-us-inner .view-display-id-panel_pane_1 .views-row:nth-child(5n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; }
body.page-claranet-aboutus .about-us-inner .view-display-id-panel_pane_1 .views-row:nth-child(5n + 2) { margin-left: 20.68966%; margin-right: -100%; clear: none; }
body.page-claranet-aboutus .about-us-inner .view-display-id-panel_pane_1 .views-row:nth-child(5n + 3) { margin-left: 41.37931%; margin-right: -100%; clear: none; }
body.page-claranet-aboutus .about-us-inner .view-display-id-panel_pane_1 .views-row:nth-child(5n + 4) { margin-left: 62.06897%; margin-right: -100%; clear: none; }
body.page-claranet-aboutus .about-us-inner .view-display-id-panel_pane_1 .views-row:nth-child(5n + 5) { margin-left: 82.75862%; margin-right: -100%; clear: none; }
body.page-claranet-aboutus .about-us-inner .view-display-id-panel_pane_1 .views-row img { -moz-box-shadow: rgba(136, 136, 136, 0.55) 8px 8px 16px; -webkit-box-shadow: rgba(136, 136, 136, 0.55) 8px 8px 16px; box-shadow: rgba(136, 136, 136, 0.55) 8px 8px 16px; margin-bottom: 1em; }
body.page-claranet-aboutus .about-us-inner .view-display-id-panel_pane_1 .view-content:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
body.page-claranet-aboutus .about-us-inner .partners { width: 48.57143%; float: left; margin-right: 2.85714%; padding-right: 9.42857%; border-right: 1px solid #ddd; }
body.page-claranet-aboutus .about-us-inner .partners img { margin: 1em; max-width: 80%; width: 31.42857%; float: left; }
body.page-claranet-aboutus .about-us-inner .partners img:nth-child(3n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; }
body.page-claranet-aboutus .about-us-inner .partners img:nth-child(3n + 2) { margin-left: 34.28571%; margin-right: -100%; clear: none; }
body.page-claranet-aboutus .about-us-inner .partners img:nth-child(3n + 3) { margin-left: 68.57143%; margin-right: -100%; clear: none; }
body.page-claranet-aboutus .about-us-inner .accreditations { width: 31.42857%; float: left; margin-right: 2.85714%; float: right; }
body.page-claranet-aboutus .about-us-inner .accreditations img { margin: 1em; max-width: 80%; width: 48.57143%; float: left; }
body.page-claranet-aboutus .about-us-inner .accreditations img:nth-child(2n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; }
body.page-claranet-aboutus .about-us-inner .accreditations img:nth-child(2n + 2) { margin-left: 51.42857%; margin-right: -100%; clear: none; }
body.page-claranet-aboutus .about-us-inner .awards img { margin: 1em; width: 14.28571%; float: left; }
body.page-claranet-aboutus .about-us-inner .awards img:nth-child(6n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; }
body.page-claranet-aboutus .about-us-inner .awards img:nth-child(6n + 2) { margin-left: 17.14286%; margin-right: -100%; clear: none; }
body.page-claranet-aboutus .about-us-inner .awards img:nth-child(6n + 3) { margin-left: 34.28571%; margin-right: -100%; clear: none; }
body.page-claranet-aboutus .about-us-inner .awards img:nth-child(6n + 4) { margin-left: 51.42857%; margin-right: -100%; clear: none; }
body.page-claranet-aboutus .about-us-inner .awards img:nth-child(6n + 5) { margin-left: 68.57143%; margin-right: -100%; clear: none; }
body.page-claranet-aboutus .about-us-inner .awards img:nth-child(6n + 6) { margin-left: 85.71429%; margin-right: -100%; clear: none; }
body.page-claranet-aboutus .about-us-inner .about_links h3 { font-size: 2.5em; margin-top: 0; }
body.page-claranet-aboutus .about-us-inner .about_links div { width: 22.85714%; float: left; }
body.page-claranet-aboutus .about-us-inner .about_links div:nth-child(4n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; }
body.page-claranet-aboutus .about-us-inner .about_links div:nth-child(4n + 2) { margin-left: 25.71429%; margin-right: -100%; clear: none; }
body.page-claranet-aboutus .about-us-inner .about_links div:nth-child(4n + 3) { margin-left: 51.42857%; margin-right: -100%; clear: none; }
body.page-claranet-aboutus .about-us-inner .about_links div:nth-child(4n + 4) { margin-left: 77.14286%; margin-right: -100%; clear: none; }
body.page-claranet-aboutus .flatquote { background-color: transparent; font-family: akzidenz-grotesk, helvetica,arial, sans-serif; font-weight: 300; margin-top: 2em; line-height: 1.3em; }
body.page-claranet-aboutus .flatquote p { font-size: 2rem; }
body.page-claranet-aboutus .flatquote:before { content: ""; display: block; float: left; width: 52px; height: 43px; margin: 0 1em 0 0; background: transparent url("/sites/all/themes/claranet_responsive_2015/images/speech_mark.png") 0 0 no-repeat; }
body.page-claranet-aboutus .flatquote .author { font-weight: bold; }

body.node-type-landing-page .social-media-block.amazing-block { top: inherit; bottom: 5%; }
body.node-type-landing-page .amazing-things-content { text-align: center; }
body.node-type-landing-page .amazing-things-content .zebra.on.dark { background-color: grey; padding: 2em 0.5em; }
body.node-type-landing-page .amazing-things-content .zebra.on.dark h2, body.node-type-landing-page .amazing-things-content .zebra.on.dark p { color: #fff; }
body.node-type-landing-page .amazing-things-content .zebra.on.dark .container > *:last-child { margin-bottom: 0; }
body.node-type-landing-page .amazing-things-content .zebra h2 { font-size: 2.8em; }
body.node-type-landing-page .amazing-things-content .amazing-cs-reveal.hide { border-bottom: 1px solid #e7ecef; }
body.node-type-landing-page .amazing-things-content .amazing-cs-reveal .case-study { width: 48.57143%; float: left; }
body.node-type-landing-page .amazing-things-content .amazing-cs-reveal .case-study h3 { margin-top: 0; }
body.node-type-landing-page .amazing-things-content .amazing-cs-reveal .case-study:nth-child(2n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; }
body.node-type-landing-page .amazing-things-content .amazing-cs-reveal .case-study:nth-child(2n + 2) { margin-left: 51.42857%; margin-right: -100%; clear: none; }
body.node-type-landing-page .amazing-things-content .amazing-cs-reveal .case-study .cs-logo { width: 28.16901%; float: left; margin-right: 1.40845%; -moz-box-shadow: rgba(136, 136, 136, 0.55) 8px 8px 16px; -webkit-box-shadow: rgba(136, 136, 136, 0.55) 8px 8px 16px; box-shadow: rgba(136, 136, 136, 0.55) 8px 8px 16px; border-radius: 50%; }
body.node-type-landing-page .amazing-things-content .amazing-cs-reveal .case-study .cs-summary { text-align: left; width: 61.97183%; float: right; margin-right: 0; }
body.node-type-landing-page .amazing-things-content .amazing-innovation-reveal .amazing-innovation { width: 31.42857%; float: left; }
body.node-type-landing-page .amazing-things-content .amazing-innovation-reveal .amazing-innovation h3 { margin-top: 0; }
body.node-type-landing-page .amazing-things-content .amazing-innovation-reveal .amazing-innovation:nth-child(3n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; }
body.node-type-landing-page .amazing-things-content .amazing-innovation-reveal .amazing-innovation:nth-child(3n + 2) { margin-left: 34.28571%; margin-right: -100%; clear: none; }
body.node-type-landing-page .amazing-things-content .amazing-innovation-reveal .amazing-innovation:nth-child(3n + 3) { margin-left: 68.57143%; margin-right: -100%; clear: none; }
body.node-type-landing-page .amazing-things-content .amazing-innovation-reveal .amazing-innovation .amazing-innovation-img { max-width: 60%; margin-bottom: 2em; }
body.node-type-landing-page .amazing-things-content .amazing-featured-cs { margin-top: 2.8em; }
body.node-type-landing-page .amazing-things-content .amazing-featured-cs .featured-cs-logo { margin-bottom: 1em; max-width: 60%; }
body.node-type-landing-page .amazing-things-content .amazing-featured-cs .featured-cs-image { width: 48.57143%; float: left; margin-right: 2.85714%; }
body.node-type-landing-page .amazing-things-content .amazing-featured-cs .featured-cs-summary { width: 48.57143%; float: right; margin-right: 0; }
body.node-type-landing-page .amazing-things-content .vdc-trial .vdc-trial-summary { text-align: left; }
body.node-type-landing-page .amazing-things-content .vdc-trial .vdc-trial-summary h3 { margin: 1em 0; }
body.node-type-landing-page #amazing-menu { background-color: #eee; border-bottom: 1px solid #aaa; padding-top: 1em; }
body.node-type-landing-page #amazing-tabContainer { max-width: 1140px; margin: 0 auto; }
body.node-type-landing-page #amazing-tabContainer ul { margin: 0; padding: 0; list-style: none; position: relative; top: 1px; }
body.node-type-landing-page #amazing-tabContainer ul li { float: left; padding: 0.8em 1.5em; font-weight: 500; font-size: 1.2em; cursor: pointer; background-color: #ddd; border-bottom: 1px solid #aaa; border-left: 1px solid #ddd; border-top: 1px solid transparent; border-right: 1px solid #ddd; }
body.node-type-landing-page #amazing-tabContainer ul li.active { background-color: #fff; border-top: 1px solid #aaa; border-right: 1px solid #aaa; border-left: 1px solid #aaa; border-bottom: 1px solid #fff; margin-bottom: -4px; }
body.node-type-landing-page #amazing-tabContainer ul li.active:hover { background-color: #fff; border-left: 1px solid #aaa; border-right: 1px solid #aaa; }
body.node-type-landing-page #amazing-tabContainer ul li:hover { background-color: #E8E8E8; border-left: 1px solid #E8E8E8; border-right: 1px solid #E8E8E8; }