/* 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. */
/* Increase the default font size on small touch devices */
body { font-size: 100%; }

h1 { font-size: 2.2em; }

h2 { font-size: 1.5em; }

h3 { font-size: 1.2em; }

h4 { font-size: 1.1em; }

h5 { font-size: 1.0em; }

p { font-size: 1.2em; }

.node li { font-size: 1em; }

#page-title { margin-bottom: 0.5em; }

body.node-type-case-study .case-study-image-banner .banner-image-background { height: 100px; }
body.node-type-case-study .case-study-image-banner .banner-image-background .field-name-field-company-logo .field-items { width: 80px; padding: 10px; }

/*
For now take these out we can clean up later
*/
#block-claranet-2015-blocks-phone-numbers, #block-menu-menu-header-menu-sub { display: none; }

#header-wrapper #branding { margin: 10px 0 0 10px; }

#block-claranet-2015-blocks-homepage-video .block-inner .homepage-video h1 { font-size: 1.5em; top: 50%; width: 276px; }

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

.region-header { display: none; }

#header-wrapper #branding { width: 32.20339%; float: left; margin-right: 1.69492%; }

#block-claranet-2015-blocks-sticky-bar #stickyLogo, #block-claranet-2015-blocks-sticky-bar #stickyBar .button.red.medium, .block.claranet-2015-sticky-bar #stickyLogo, .block.claranet-2015-sticky-bar #stickyBar .button.red.medium { display: none; }
#block-claranet-2015-blocks-sticky-bar #stickyBar, .block.claranet-2015-sticky-bar #stickyBar { text-align: center; font-size: 0.8rem; }

/*.block.social-media-block { .share { text-align: center; h2 { font-size: 1em; text-transform: uppercase; } } .share-button { width: 30px; padding: 0.2em; display: inline; img { width: 30px; height: 30px; } }
}*/
.social-media-block { position: fixed; z-index: 1000; right: 0.7em; bottom: 0.7em; margin-bottom: 0; }
.social-media-block .block-inner { margin: 0; }
.social-media-block .share-button { text-transform: uppercase; font-size: 0.7em; cursor: pointer; height: 6em; width: 6em; border-radius: 50%; overflow: hidden; margin-bottom: 1em; }
.social-media-block .share-button img { width: 100%; }
.social-media-block .share-button.share-this { margin-bottom: 0; }
.social-media-block .share-button.share-service { display: none; }
.social-media-block .share-this-title { display: none; }

.sidebar-first #main-content { margin-right: 10px; }

.button { margin: 0 !important; font-size: 80%; }

.why-choose h2 { margin-top: 0; }

.content-pane1 { margin-top: 3em; text-align: center; }

.featuredContent { /* hide more then the first featured item */ }
.featuredContent:not(:first-child) { display: none; }

#callouts a { width: 49.15254%; float: left; margin-right: 1.69492%; }
#callouts a.last { width: 49.15254%; float: right; margin-right: 0; }

.stat-block { display: none; }

.industry-content-view div h2 { font-size: 1.6em; }

.serviceList a { padding: 0 1em; }

.grid-row.hosting.bottomRow { margin-top: 0; text-align: center; }

/* ============================================================================= */
/*  3. GRIDS                                                                     */
/* ============================================================================= */
.grid-1 { width: 100%; float: left; margin-left: 0; margin-right: 0; }

.grid-2 { width: 100%; float: left; margin-left: 0; margin-right: 0; }

.grid-3 { width: 100%; float: left; margin-left: 0; margin-right: 0; }

.grid-4 { width: 100%; float: left; margin-left: 0; margin-right: 0; }

.grid-5 { width: 100%; float: left; margin-left: 0; margin-right: 0; }

.grid-6 { width: 100%; float: left; margin-left: 0; margin-right: 0; }

.grid-7 { width: 100%; float: left; margin-left: 0; margin-right: 0; }

.grid-8 { width: 100%; float: left; margin-left: 0; margin-right: 0; }

.grid-9 { width: 100%; float: left; margin-left: 0; margin-right: 0; }

.grid-10 { width: 100%; float: left; margin-left: 0; margin-right: 0; }

.grid-11 { width: 100%; float: left; margin-left: 0; margin-right: 0; }

.grid-12 { width: 100%; float: left; margin-left: 0; margin-right: 0; }

.last { float: right; margin-right: 0; }

.grid-row { overflow: hidden; *zoom: 1; }

#block-claranet-2015-blocks-main-menu ul.menu li.menu-depth-1 { margin-bottom: 2em; }

/* ============================================================================= Mobile Menu Toggle See your theme settings extensions for how to enable the menu toggle. These are example styles for the menu toggle menu, you can use these in the relevant responsive stylesheets as required. Modify to suit your design. ========================================================================== */
.at-mt .at-menu-toggle { /* The toggle link */ /* Menu items */ }
.at-mt .at-menu-toggle h2 { margin-bottom: 5px; }
.at-mt .at-menu-toggle h2 a { background: #eee; border: 2px solid #ccc; padding: 2px 10px; }
.at-mt .at-menu-toggle ul.menu li a { background: #eee; border-bottom: 1px solid #fff; }

#content-wrapper { margin-top: 1em; }

/* THE MENU */
#nav-wrapper, #nav-wrapper #menu-bar .tb-megamenu { background-color: transparent; }
#nav-wrapper .btn-navbar, #nav-wrapper #menu-bar .tb-megamenu .btn-navbar { padding: 0; background: #253741 url('images/sprites-s566abdd177.png') 0 -160px; width: 44px; height: 40px; margin: 0; }
#nav-wrapper .btn-navbar i, #nav-wrapper #menu-bar .tb-megamenu .btn-navbar i { display: none; }
#nav-wrapper .btn, #nav-wrapper #menu-bar .tb-megamenu .btn { border: 0; border-radius: 0; }
#nav-wrapper .inception-menu a.mega-group-title.mega-group-title, #nav-wrapper #menu-bar .tb-megamenu .inception-menu a.mega-group-title.mega-group-title { margin-left: 20px; font-size: 15px; }

#nav-wrapper { margin-top: -43px; }
#nav-wrapper #menu-bar .tb-megamenu .dropdown-menu { font-size: 90%; background-color: #253741; }

#header-wrapper { margin: 0; }
#header-wrapper #branding { height: auto; width: auto; float: none; margin: 0; }
#header-wrapper #logo { height: 38px; width: 50%; margin-top: 5px; float: right; margin-right: 5px; }
#header-wrapper #logo a { position: relative; }

/* buttons tend to wrap a lot at this res */
.button { width: 100%; box-sizing: border-box; line-height: 1.5em !important; padding: 0.7em 0 !important; text-align: center; }
.button.medium { font-size: 73% !important; }
.button.large { font-size: 73% !important; }
.button.text { background-color: #eee; text-align: center; margin: 0.7em 0 !important; }
.button.text.medium:after, .button.text.small:after, .button.text.large:after { background: transparent url('images/sprites-s566abdd177.png') 0 -52px !important; width: 5px; height: 9px; }
.button.red { text-align: center; margin: 0.7em 0 !important; }
.button.red.medium:after, .button.red.small:after, .button.red.large:after { background: transparent url('images/sprites-s566abdd177.png') 0 -61px !important; width: 5px; height: 9px; margin: 0 0 0 0.7em; }
.button.clear { text-align: center; margin: 0.7em 0 !important; }
.button.clear.medium:after, .button.clear.small:after, .button.clear.large:after { background: transparent url('images/sprites-s566abdd177.png') 0 -61px !important; width: 5px; height: 9px; margin: 0 0 0 0.7em; }

.services img { max-width: 60%; }

#tab-container ul.tabs li.tab a { font-size: 1em !important; display: none; }

#servicesContainer a { margin-bottom: 0.5em !important; }

.callout-content { padding: 0.5em; }

.not-smalltouch { display: none; }

/* Homepage
*/
body.front .case-study .introduction { width: 100%; float: left; margin-left: 0; margin-right: 0; }
body.front .case-study .detail { width: 100%; float: left; margin-left: 0; margin-right: 0; }
body.front .featured-services .grid-3, body.front .what-we-do .grid-3 { width: 49.15254%; float: left; }
body.front .featured-services .grid-3:nth-child(2n + 1), body.front .what-we-do .grid-3:nth-child(2n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; }
body.front .featured-services .grid-3:nth-child(2n + 2), body.front .what-we-do .grid-3:nth-child(2n + 2) { margin-left: 50.84746%; margin-right: -100%; clear: none; }
body.front .grid-6.clients .grid-3 { width: 40.67797%; float: left; margin-right: 1.69492%; }
body.front .grid-6.wpa .grid-4, body.front .grid-6.channel-5 .grid-4 { text-align: center; }
body.front .grid-6.wpa .grid-4 img, body.front .grid-6.channel-5 .grid-4 img { max-width: 50% !important; margin-bottom: 1.5em; }

.diagram { margin-top: 2em !important; text-align: center; }
.diagram img { max-width: 80%; }

.node-type-industry-page .industry-content-view .blog, .node-type-industry-page .industry-content-view .news, .node-type-industry-page .industry-content-view .whitepaper, .node-type-industry-page .industry-content-view .events, .node-type-industry-page .industry-content-view .brochure { width: 44.44444%; float: left; }
.node-type-industry-page .industry-content-view .blog:nth-child(2n + 1), .node-type-industry-page .industry-content-view .news:nth-child(2n + 1), .node-type-industry-page .industry-content-view .whitepaper:nth-child(2n + 1), .node-type-industry-page .industry-content-view .events:nth-child(2n + 1), .node-type-industry-page .industry-content-view .brochure:nth-child(2n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; }
.node-type-industry-page .industry-content-view .blog:nth-child(2n + 2), .node-type-industry-page .industry-content-view .news:nth-child(2n + 2), .node-type-industry-page .industry-content-view .whitepaper:nth-child(2n + 2), .node-type-industry-page .industry-content-view .events:nth-child(2n + 2), .node-type-industry-page .industry-content-view .brochure:nth-child(2n + 2) { margin-left: 55.55556%; margin-right: -100%; clear: none; }
.node-type-industry-page .industry-content-view .blog:last-child, .node-type-industry-page .industry-content-view .news:last-child, .node-type-industry-page .industry-content-view .whitepaper:last-child, .node-type-industry-page .industry-content-view .events:last-child, .node-type-industry-page .industry-content-view .brochure:last-child { float: left; }
.node-type-industry-page #servicesContainer h2 { float: none; margin: 0.5em 0; }

/*
 Popup for cookie compliance

*/
#sliding-popup .popup-content #popup-text p { font-weight: 500; font-size: 0.8em; }

#sliding-popup .popup-content #popup-buttons button { padding: 0.2em 0.5em; margin: 0.5em 0 0.5em 0; }

#sliding-popup.sliding-popup-bottom { padding: 0; }

/* case studies view */
.view-case-studies { overflow: hidden; *overflow: visible; *zoom: 1; }
.view-case-studies .views-row { border-top: 1px solid #e7ecef; padding-top: 1em; margin-bottom: 1em; text-align: center; }
.view-case-studies .views-row .views-field-field-company-logo img { max-width: 50%; -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 .views-row .views-field-title { font-size: 1.2em; margin: 1em; font-family: akzidenz-grotesk, helvetica,arial, sans-serif; font-weight: 500; }

.node-type-case-study #servicesContainer .serviceList { display: block; width: 100%; margin: 0 0 1.3em 0; }

.node-type-case-study #servicesContainer h2 { font-family: akzidenz-grotesk; font-weight: 300; font-size: 2.2em; float: left; margin: 0 1em 0 0; display: block; }

#block-block-23 { display: none; }

#block-claranet-2015-faq-faq .faqTitle { font-size: 1.2em; }

/* Service landing */
.grid-row.hosting.communications.it-as-a-service, .grid-row .grid-4.hosting { text-align: center; }
.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 { 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; }

/* landing pages */
.node-type-service-page { /* spain */ }
.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 #featuredContainer .featuredContent .featuredImage img { width: 100%; }
.node-type-service-page .serviceContainer.four .service { text-align: center; margin-bottom: 1em; }
.node-type-service-page .serviceContainer.four .service img { max-width: 75%; margin-bottom: 1em; }
.node-type-service-page .serviceContainer.six .service { text-align: center; margin-bottom: 1em; }
.node-type-service-page .serviceContainer.six .service img { max-width: 50%; margin-bottom: 1em; }

body.page-claranet-insights { /* Case studies */ /* Case study exposed filter */ /* Videos */ /* Claranet research and brochures */ /* Blog */ /* Events */ }
body.page-claranet-insights .button.text { display: none; }
body.page-claranet-insights .container { max-width: 100%; margin: 0; }
body.page-claranet-insights .content-pane1 { margin-top: 0; text-align: left; }
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; }
body.page-claranet-insights .content-sub-title { width: 100%; max-width: 1140px; margin: 0 auto; }
body.page-claranet-insights .content-sub-title h2 { margin: 0 0.5em 0.5em 0.5em; padding: 0; }
body.page-claranet-insights .sectionHeader { text-align: center; margin-bottom: 1em; }
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 .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_1 .views-row { width: 32.20339%; 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: 33.89831%; 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: 67.79661%; 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%; max-width: 90%; }
body.page-claranet-insights .cs_expContainer #views-exposed-form-case-studies-page { width: 270px; margin: 2em auto; }
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 .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 { text-align: center; }
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 { text-align: center; }
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 { min-height: 4.5em; margin: 0; padding: 0 2em; }
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 { margin-bottom: 2em; }
body.page-claranet-insights .view-insights-and-resources.view-display-id-panel_pane_4 .views-row: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 .views-field-nothing img { width: 32.77311%; float: left; margin-right: 0.84034%; }
body.page-claranet-insights .view-insights-and-resources.view-display-id-panel_pane_4 .views-row .views-field-nothing div { width: 62.18487%; float: right; margin-right: 0; }
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 .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 { margin-left: 1em; width: 20.16807%; float: left; margin-right: 0.84034%; }
body.page-claranet-insights .view-insights-and-resources.view-display-id-panel_pane_5 .eventSummary { width: 74.78992%; float: left; margin-right: 0.84034%; }
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-aboutus .button.text { display: none; }
body.page-claranet-aboutus .container { max-width: 100%; }
body.page-claranet-aboutus .content-pane1 { margin-top: 0; text-align: left; }
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; }
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: 44.44444%; float: left; }
body.page-claranet-aboutus .about-us-inner .view-display-id-panel_pane_1 .views-row:nth-child(2n + 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(2n + 2) { margin-left: 55.55556%; 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 img { margin: 1em; width: 44.44444%; float: left; }
body.page-claranet-aboutus .about-us-inner .partners img:nth-child(2n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; }
body.page-claranet-aboutus .about-us-inner .partners img:nth-child(2n + 2) { margin-left: 55.55556%; margin-right: -100%; clear: none; }
body.page-claranet-aboutus .about-us-inner .partners img:last-child { margin-bottom: 2em; }
body.page-claranet-aboutus .about-us-inner .accreditations { margin-bottom: 1em; }
body.page-claranet-aboutus .about-us-inner .accreditations img { margin: 1em; width: 44.44444%; 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: 55.55556%; margin-right: -100%; clear: none; }
body.page-claranet-aboutus .about-us-inner .accreditations img:last-child { margin-bottom: 2em; }
body.page-claranet-aboutus .about-us-inner .awards img { margin: 1em; width: 44.44444%; float: left; }
body.page-claranet-aboutus .about-us-inner .awards img:nth-child(2n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; }
body.page-claranet-aboutus .about-us-inner .awards img:nth-child(2n + 2) { margin-left: 55.55556%; margin-right: -100%; clear: none; }
body.page-claranet-aboutus .about-us-inner .about_links h3 { font-size: 1.5em; }
body.page-claranet-aboutus .about-us-inner .about_links div { width: 44.44444%; float: left; }
body.page-claranet-aboutus .about-us-inner .about_links div:nth-child(2n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; }
body.page-claranet-aboutus .about-us-inner .about_links div:nth-child(2n + 2) { margin-left: 55.55556%; margin-right: -100%; clear: none; }
body.page-claranet-aboutus .flatquote { background-color: transparent; font-size: 1.5em; font-family: akzidenz-grotesk, helvetica,arial, sans-serif; font-weight: 300; margin-top: 2em; line-height: 1.3em; }
body.page-claranet-aboutus .flatquote:before { content: ""; display: block; float: left; width: 52px; height: 43px; margin: 0 0.5em 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; }

.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 .how-we-help { text-align: center; }

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.2em; }
body.node-type-landing-page .amazing-things-content .amazing-cs-reveal { display: none; border-bottom: 1px solid #e7ecef; }
body.node-type-landing-page .amazing-things-content .amazing-cs-reveal .case-study { overflow: hidden; *overflow: visible; *zoom: 1; }
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 .cs-logo { -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%; max-width: 50%; margin-bottom: 1em; }
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 .amazing-innovation-img { max-width: 50%; margin-bottom: 1em; }
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: 1em 0; max-width: 30%; }
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; }
body.node-type-landing-page #amazing-tabContainer li { float: left; padding: 0.6em 0.5em; font-weight: 500; font-size: 1em; cursor: pointer; background-color: #ddd; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; }
body.node-type-landing-page #amazing-tabContainer li.last { border-right: 1px solid #ccc; }
body.node-type-landing-page #amazing-tabContainer 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; }

.node-type-landing-page .field-name-field-webform input { max-width: 100%; }

.field-items .field-item .zebra.on { padding-top: 0.5em; }

.node-type-blog .field-type-image { max-width: 40%; }