/*
Theme Name: EDMI
Author: Novage Communications
Author URI: https://novage.com.sg
Description: Theme for EDMI website
Version: 1.0
Text Domain: edmi-meters.com
*/

html { font: 14px/1.6 Lato, sans-serif; color: #777; background: #efefef; min-height: 100%; margin-top: 0 !important; }
body { margin: 0; padding-top: 6em; }

h1, h2, h3, h4, h5, h6 { }
h1 { font-size: 2.1em; line-height: 1.4; font-weight: normal; }
h2 { font-size: 1.8em; line-height: 1.4; }
h3, h4 { font-size: 1.3em; line-height: 1.4; color: #3b3a3b; }

h5, h6 { font-size: 1em; line-height: 1.4; }

/* h4 + p { margin-top: -1em; } */

a { text-decoration: none; color: #3b3a3b; }
a.disabled { cursor: default; }

input, select, option, textarea { font: 14px/1.6 Lato, sans-serif; color: #333; box-sizing: border-box; width: 100%; padding: .5em 1em; border: 1px solid #999; }

option { padding: 0; border: none; border-radius: 0; outline: none; border: none; line-height: 1.6; }
input[type="submit"] { cursor: pointer; color: #fff; border: none; transition: .2s; width: auto; -webkit-appearance: none; }
input[type="file"] { background: #fff; }
select:invalid { color: gray; }
button { -webkit-appearance: none; }

img, video { max-width: 100%; max-height: 100%; width: auto; height: auto; border: none; }

blockquote { margin: 1em 0; font-style: italic; }
blockquote cite { display: block; font-style: normal; padding: 1px 0; }

address { font-style: normal; }



.alignleft { float: left; }
.alignright { float: right; }
.clear { clear: both; }

img.alignleft { margin-right: 1em; margin-bottom: 1em; }
img.alignright { margin-left: 1em; margin-bottom: 1em; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.half-left { float: left; width: 49%; }
.half-right { float: right; width: 49%; }

.text-left { text-align: left; }
.text-center { text-align: center; }

.central-column { width: 960px; margin-left: auto; margin-right: auto; margin-bottom: 0; }

.text-white { color: #fff; }

.color-red,
	.text-red,
	.error { color: #f00; }

.color-cardinal,
	.text-cardinal,
	a:hover,
	h2.page-title,
	.list-3 > li:before,
	.tab-container-1 > .tab,
	.product-catalogue > *:hover,
	.product-catalogue > *:hover h6,
	.click-open-1 > .main-content .entry:hover .heading,
	.click-open-1 > .main-content .entry.active .heading,
	.home-content .local-nav .nav a,
	.product-info-block .text li:before,
	.product-info-block .text h5,
	.job-container .detail-list .title,
	.breadcrumb a:hover,
	.job-container > .search .label,
	.container-news-events .left > .inner > .heading.main .text,
	.gm-style-iw h6,
	#menu-main-nav .sub-menu a:hover { color: #C9252B; }


.background-cardinal,
	.button-1,
	.home-content .local-nav .nav,
	.tab-container-1 > .tab > li.active,
	.job-container .title-list > a:hover,
	.job-container .title-list > a.active,
	.popup-container .mfp-close,
	.map-container .location-list > li > .title:before,
	.nav-style-1 .current-page a,
	.nav-style-1 a:hover,
	.container-news-events .category a.active,
	.container-news-events .category a:hover,
	.table-2-container td:first-child,
	#menu-main-nav > li:hover > a,
	#menu-main-nav > .current-menu-item > a,
	#menu-main-nav > .current-menu-parent > a,
	#menu-main-nav > .current-page-ancestor > a,
	#site-footer .social-media-list a:hover { background-color: #C9252B; }

.hide,
	.more { display: none; }

.text-center { text-align: center; }
.text-larger { font-size: 1.1em; }

.heading-1 { font-size: 2.3em; }
.heading-2 { font-size: 1.9em; }
.heading-4 { font-size: 1.4em; }

.list-1,
	.list-3,
	.list-4,
	.menu,
	.sub-menu,
	.social-media-list ul,
	.home-product,
	.home-content .local-nav .nav,
	.product-main-block .availability ul,
	.product-info-block .text ul,
	.tab-container-1 > .tab,
	.container-news-events .category,
	.map-container,
	.map-container ul,
	.nav-style-1,
	.accreditation-list,
	.region-list,
	.team-member-list { list-style: none; margin: 0; padding: 0; }

.list-2 > li { margin-bottom: 1em; }

.list-3 > li { padding-left: 1.5em; position: relative; }
.list-3 > li:before { font-family: FontAwesome; content: "\f111"; position: absolute; left: .3em; top: .8em; font-size: .6em; }

.d-list-1 dt { float: left; }
.d-list-1 dd { margin-left: 6em; }

.button-1 { font-size: 1em; line-height: 1.6; font-weight: 700; padding: .5em 1.5em; color: #fff; display: inline-block; cursor: pointer; }
.button-1:hover { color: #fff; text-shadow: 0 0 3px #fff; }
.button-1:focus { border: none; }
.button-1:disabled { background: #ccc; cursor: not-allowed; }

.button-1.large { font-size: 1.2em; font-weight: bold; text-transform: uppercase; padding: .7em 1.5em; border-radius: 1.5em; }

.table-1 { border-collapse: collapse; text-align: center; width: 100%; font-size: .9em; }
.table-1 th,
	.table-1 td { padding: .5em .7em; vertical-align: top; border-right: 1px solid #fff; }
.table-1 th > :first-child,
	.table-1 td > :first-child { margin-top: 0; } 
.table-1 th { color: #fff; padding: .5em; }
.table-1 td { background-color: #b1e1e3; }
.table-1 td:first-child { color: #fff; text-align: left; vertical-align: top; padding-left: 1.5em; }
.table-1 td.heading:first-child { font-weight: bold; padding-left: .5em; }
.table-1 .new > th,
	.table-1 .new > td { border-top: 1px solid #fff; }

.table-2-container > table { text-align: center; width: 100%; border-spacing: 1px; }
.table-2-container td { background: #fff; padding: .5em; color: #3b3a3b; }
.table-2-container td:first-child { color: #fff; font-weight: 700; }

.click-open-1 { display: flex; justify-content: space-between; }
.click-open-1 > * { flex-shrink: 0; width: 47%; }

.click-open-1 > .main-content .entry { margin-bottom: 1em; cursor: pointer; }
.click-open-1 > .main-content img,
	.click-open-1 > .main-content .button-1 { display: none; }
.click-open-1 > .main-content .heading { margin: 0; color: #3b3a3b; }
.click-open-1 > .main-content .text { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.click-open-1 > .single-display > * { display: none; margin-bottom: 1.5em; }
.click-open-1 > .single-display .text { margin: .5em 0; }
.click-open-1 > .single-display .heading { margin: 0 0 1em; color: #3b3a3b; font-size: 1.2em; }

.tab-container-1 > .tab { display: flex; justify-content: center; margin-bottom: 2em; }
.tab-container-1 > .tab > li { border: solid #C9252B; border-width: 2px 2px 2px 0; padding: .5em 2em; cursor: pointer; font-weight: 700; }
.tab-container-1 > .tab > li:first-child { border-left-width: 2px; border-radius: .2em 0 0 .2em; }
.tab-container-1 > .tab > li:last-child  { border-radius: 0 .2em .2em 0; }
.tab-container-1 > .tab > li.active { color: #fff; }

.nav-style-1 { text-align: center; display: flex; justify-content: space-between; margin-bottom: 2em; }
.nav-style-1 a { background: #191919; display: flex; align-items: center; justify-content: center; height: 100%; padding: .5em .2em; color: #fff; text-transform: uppercase; font-weight: 700; transition: .2s; }

.tp-bullets { width: 100% !important; left: 0 !important; transform: none !important; top: auto !important; bottom: 1em; text-align: center; }
.tp-bullet { display: inline-block; position: static; }
.tp-bullet,
	.tp-bullet:hover { width: .8em; height: .8em; border-radius: .4em; background: rgba(120,120,120,.8); margin: 0 .16em; }
.tp-bullet.selected { background: rgba(45,45,45,.8); }

.fade { opacity: 0.7; }

#wpfront-scroll-top-container { bottom: 90px !important; }

/* Contact Form 7 */
label { display: block; margin-bottom: 1em; }
label .label { display: block; font-weight: 700; }

.margin-top-0 { margin-top: 0; }
.margin-vertical { margin-top: 2em; margin-bottom: 2em; }

#site-header { padding: 0 2em; background: #fff; display: flex; justify-content: space-between; align-items: center; height: 6em; width: 100%; z-index: 100; box-shadow: 0 0 3px #3b3a3b; box-sizing: border-box; position: fixed; left: 0; top: 0; }
#site-header aside { height: 100%; display: flex; align-items: center; }

#site-header .search-container { height: 100%; padding: 0 .5em; display: flex; align-items: center; position: relative; }
#site-header .search-container .toggler { font-size: 1.5em; cursor: pointer; }
#site-header .search-container .search { display: none; position: absolute; top: 100%; right: 0; width: 20em; background: #3b3a3b; padding: 1em; }
#site-header .search-container .search .screen-reader-text,
	#site-header .search-container .search .search-submit { display: none; }

#site-header .search-container .search > .inner { display: flex; justify-content: space-between; align-items: center; }
#site-header .search-container .search label { margin-bottom: 0; }
#site-header .search-container .search input { border: none; }
#site-header .search-container .search form { flex-grow: 1; margin-right: 1em; }
#site-header .search-container .search .close { font-size: 1.8rem; cursor: pointer; }

#site-logo { width: 25em; }
#site-logo img { width: 13em; vertical-align: middle; margin-right: 1em; }
#site-logo:hover { color: #3b3a3b; }
#site-logo .region { display: inline-block; }

#menu-main-nav-container { height: 100%; }

#menu-main-nav { height: 100%; }
#menu-main-nav > li { float: left; position: relative; height: 100%; display: flex; align-items: center; margin-left: 1px; }
#menu-main-nav > li > a { text-transform: uppercase; font-weight: 700; padding: .5em .8em; } 
#menu-main-nav > li:hover > a,
	#menu-main-nav > .current-menu-item > a,
	#menu-main-nav > .current-menu-parent > a,
	#menu-main-nav > .current-page-ancestor > a { color: #fff; }
#menu-main-nav a { color: #999; }

#menu-main-nav .sub-menu { display: none; position: absolute; top: 100%; left: 0; background: #fff; border-top: 7px solid #c9252b; padding: .5em 0; min-width: 12em; }
#menu-main-nav li:hover > .sub-menu { display: block; }
#menu-main-nav .sub-menu a { padding: .5em 1.5em; display: block; white-space: nowrap; }

#menu-main-nav .location > a { display: block; width: 47px; height: 26px; text-indent: -1000em; background: url(/images/icon-map.png) no-repeat center; }
#menu-main-nav .location:hover > a { background-color: transparent; }
#menu-main-nav .location .sub-menu { right: 0; left: auto; }

#menu-main-nav-toggler { display: none; position: absolute; cursor: pointer; top: 1em; right: 1em; }
#menu-main-nav-toggler:before { font: 2.2em/1.4 FontAwesome; content: "\f0c9"; }

#menu-main-nav-popup-container { display: flex; align-items: center; height: 100%; }


/* Page: Home */
.home-content { }
.home-content .local-content > * { padding: 3em 0; }
.home-content .local-content > * .central-column > .heading { font-size: 2em; text-align: center; }
.home-content .local-content > * .central-column > :first-child { margin-top: 0; }
.home-content .local-content > * .central-column > :last-child { margin-bottom: 0; }

.home-content .local-nav .nav { text-align: center; padding: .15em; }
.home-content .local-nav .nav a { display: inline-block; padding: .2em 1em; background: #fff; border-radius: .1em; }
.home-content .local-nav .nav a:hover { background: #3b3a3b; color: #fff; }
.home-content .local-nav .nav li { display: inline-block; margin: .15em; }

#home-carousel { background: #fff; }
#home-carousel .carousel-container { padding: 2em; position: relative; z-index: 1; }
#home-carousel .carousel-container .carousel { position: relative; z-index: 1; }
#home-carousel .carousel-container .nav { font-size: 2em; text-align: center; position: relative; z-index: 2; }
#home-carousel .carousel-container .nav span { cursor: pointer; }
#home-carousel .carousel-container .nav .cycle-pager-active { color: #3b3a3b; }
#home-carousel .carousel-entry { width: 100%; }
#home-carousel .carousel-entry .inner { display: flex !important; justify-content: space-between; align-items: center; }
#home-carousel .carousel-entry .image { width: 30%; }
#home-carousel .carousel-entry .text { width: 60%; }

#products { background: #fff; }
.home-product { display: flex; text-align: center; justify-content: center; }
.home-product > * { width: 25%; }
.home-product .heading { color: #3b3a3b; font-size: 1.3em; }
.home-product .text { margin: 0 .5em; }

.home-product .icon { display: block; position: relative; width: 50%; padding-bottom: 50%; margin: 0 auto; }
.home-product .icon img { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.home-product .icon .default { transition: all 0.6s ease-in-out; }
.home-product .icon .over { opacity: 0; transform: scale (1.5); transition: all 0.4s ease-in-out 0.2s; }
.home-product .icon:hover .default { transform: scale(0); opacity: 0; }
.home-product .icon:hover .over { transform: scale(1); opacity: 1; }

#why-edmi { background: #fff; }

button#catapultCookie { background: #fff; color: #3b3a3b; }

/* Page: Products */
.page-template-template-product-landing #products { background: none; padding: 0 0 3em; }
.page-template-template-product-landing #products h3.heading { display: none; }



/* Single Product */
.product-main-block { background-color: #303030; color: #777; padding: 3em 0; }
.product-main-block .page-title { color: #fff; margin: 0; font-size: 3.5em; font-weight:  700; }
.product-main-block .classification { color: #fff; font-size: 1.5em; font-weight: 700; margin-top: -.5em; }

.product-main-block .main { display: flex; justify-content: space-between; align-items: center; }
.product-main-block .main > .text { width: 55%; }
.product-main-block .main > .image { width: 40%; max-width: 20em; }

.product-main-block .main > .text .highlight { color: #fff; font-size: 1.5em; font-weight: bold; }
.product-main-block .main > .text .highlight img { max-width: 30px; vertical-align: middle; }

.product-main-block .availability { text-align: center; padding-bottom: 3%; }
.product-main-block .availability > .heading { font-size: 1.5em; color: #bfbfbf; }
.product-main-block .availability ul { display: flex; justify-content: center; }
.product-main-block .availability ul:after { content: ''; display: block; clear: both; }
.product-main-block .availability ul li { width: 17%; background: #404040; color: #5a5a5a; margin: .5em; padding: .8em 0; display: flex; align-items: center; justify-content: center; }
.product-main-block .availability ul li.in { background: #bfbfbf; color: #404040; }

.product-main-block .extra { display: flex; flex-wrap: wrap; justify-content: center; text-transform: uppercase; }
.product-main-block .extra > * { display: flex; justify-content: center; align-items: center; margin: 1.5%; width: 32%; padding: .8em; text-align: center; }

.product-key-features { padding: 3em; }
.product-key-features > .central-column > .heading { font-size: 1.5em; text-align: center; color: #3b3a3b; margin-top: 0; }
.product-key-features .gallery { display: flex; justify-content: center; }
.product-key-features .gallery > div { width: 12.5%; padding: 0 1em; border-left: 1px solid #C9252B; box-sizing: border-box; }
.product-key-features .gallery > div:first-child { border-left: 0; }
.product-key-features .gallery img { display: block; }


.product-key-features .gallery.alt { display: block; text-align: center; }
.product-key-features .gallery.alt > div { display: inline-block; margin: 0 1%; }

.product-info-block { padding: 3em; }
.product-info-block > .central-column { display: flex; justify-content: space-between; align-items: center; }
.product-info-block .image { width: 30%; }
.product-info-block .heading { font-size: 1.5em; margin-top: 0; }
.product-info-block .text { width: 60%; }
.product-info-block .text li { padding-left: 1.5em; position: relative; }
.product-info-block .text li:before { font-family: FontAwesome; content: "\f111"; position: absolute; left: .3em; top: .8em; font-size: .6em; }
.product-info-block .text h5 { margin-bottom: .5em; }

.product-standards-compliance { background: #adadad; color: #fff; }

.product-key-specifications .heading { color: #3b3a3b; }
.product-key-specifications .text { order: 2; }
.product-key-specifications .image { order: 1; }

.product-download .after { display: none; }
.product-download .download { display: none; text-align: center; padding: 1em; }

/* Product category level 1 */
.category-list-1 { display: flex; margin: 2em 0; justify-content: center; }
.category-list-1 > .entry { width: 33.33%; display: flex; align-items: center; padding: 0 .5%; box-sizing: border-box; }
.category-list-1 .heading { text-align: center; font-size: 1.2em; width: 5em; flex-shrink: 0; flex-grow: 0; }
.category-list-1 .heading P { margin: 0; }
.category-list-1 .links { flex-grow: 0; }

.page-id-170 .category-list-1 > .entry { width: 15em; }

/* Product category level 2 */
.product-catalogue-container { text-align: center; margin: 4em 0 2em; }
.product-catalogue-container:before { content: ''; display: block; width: 80%; height: 1px; background: #C9252B; margin: 0 auto; }
.product-catalogue-container > .heading { padding: 3em 0 2em; }

.product-catalogue { display: flex; flex-wrap: wrap; flex-shrink: 0; }
.product-catalogue > * { width: 25%; padding: 0 2.5em 2em; box-sizing: border-box; color: #777; }
.product-catalogue h6 { margin: 0; color: #3b3a3b; }
.product-catalogue .classification-2 { font-weight: 700; }
.product-catalogue .image { height: 14em; line-height: 14em; margin-bottom: 1em; }
.product-catalogue .image img { vertical-align: middle; }

.region-list,
	.list-4 { text-align: center; margin: 1em 0 2em; display: flex; justify-content: center; }

.region-list li,
	.list-4 li { margin: 1px; width: 18%; display: flex; }

.region-list .button-1,
	.list-4 .button-1 { padding-top: .8em; padding-bottom: .8em; width: 100%; box-sizing: border-box; display: flex; justify-content: center; align-items: center; }

.list-4 li { width: auto; }

.corporate-profile-download > li { width: 15em; }

/* Page: Solutions sub */
.solutions-sub-content { display: flex; justify-content: space-between; margin: 2em 0; }
.solutions-sub-content > .image { width: 30%; }
.solutions-sub-content > .text { width: 65%; }

.solutions-sub-content.alt > .image { order: 2; }
.solutions-sub-content.alt > .text { order: 1; }

.solutions-sub-content .download-container .button-1 { margin-bottom: 1em; }

/* Page: Reference Cases */
.page-id-12 .table-2-container td:first-child { width: 38%; }

/* Page: News & Events */
.container-news-events { display: flex; justify-content: space-between; padding-top: 1em; padding-bottom: 1em; }
.container-news-events .left { order: 1; width: 20%; }
.container-news-events .right { order: 2; width: 76%; }

.container-news-events .pager { display: none; text-align: right; margin: 1em 0; }
.container-news-events .pager > * { display: inline-block; text-align: center; width: 1.8em; height: 2em; line-height: 2em; background: #999; color: #fff; cursor: pointer; }
.container-news-events .pager > *:hover { text-shadow: 0 0 3px #fff; }

.container-news-events .left .heading { margin: 1em 0 0; }
.container-news-events .left .category { margin-top: 1em; }

.container-news-events .left > .inner { padding: 1em; background: #f8f8f8; }
.container-news-events .left > .inner > :first-child { margin-top: 0; }
.container-news-events .left > .inner > :last-child { margin-bottom: 0; }

.container-news-events .news-piece-container > .entry { padding: 2em 0; border-top: 1px solid #ccc; display: flex; justify-content: space-between; }
.container-news-events .news-piece-container > .entry:first-child,
	.container-news-events .news-piece-container > .entry.first { border-top: none; padding-top: .5em; }
.container-news-events .news-piece-container > .entry > .text { width: 70%; }
.container-news-events .news-piece-container > .entry > .thumb { width: 25%; }
	
.container-news-events .news-piece-container .heading { margin: 0; }

.container-news-events .category a { color: #777; display: block; margin: 0 -1em; padding: 0 1em; margin-bottom: 1px; }
.container-news-events .category a.active,
	.container-news-events .category a:hover { color: #fff; }

/* Page: Careers */
.job-container { margin: 3em 0; }
.job-container > .main { display: flex; justify-content: space-between; margin: 2em 0; }
.job-container > .main > .left { order: 1; width: 30%; }
.job-container > .main > .right { order: 2; width: 66%; margin-bottom: 3em; }

.job-container .detail-list > .entry { display: none; }
.job-container .detail-list .title { font-size: 1.4em; font-weight: 700; }
.job-container .detail-list .content:after,
	.job-container .detail-list .meta:after { display: block; content: ''; clear: both; }{ display: block; content: ''; clear: both; }
.job-container .detail-list .meta .apply-now { float: left; margin-top: .2em; }
.job-container .detail-list .meta .country,
	.job-container .detail-list .meta .date { float: right; clear: right;}

.job-container .title-list > a { display: block; background: #f8f8f8; padding: .5em .8em; border-bottom: 1px solid #d1d1d1; }
.job-container .title-list .title { font-weight: bold; }
.job-container .title-list .meta { font-size: .8em; color: #888; display: inline-block; padding: 0 .4em; background: #eee; }

.job-container .title-list > a:hover,
	.job-container .title-list > a.active { color: #fff; }
.job-container .title-list > a:hover .meta { background: #fff; }

.job-container > .search { display: flex; justify-content: space-between; }
.job-container > .search > * { margin-left: 1em; }
.job-container > .search > :first-child { margin-left: 0; }
.job-container > .search .label,
	.job-container > .search .button-1 { white-space: nowrap; display: flex; align-items: center; }
.job-container > .search .label { font-size: 1.2em; font-weight: 700; }

.job-container.has-search .title-list > a { display: none; }
.job-container.has-search .title-list > .search-result { display: block; }

.job-container .no-result { display: none; }

/* Page: Global Presence */
.map-container { display: flex; justify-content: space-between; }

.map-container .location-list { width: 25%; }
.map-container .location-list .title { cursor: pointer; }
.map-container .location-list .info { display: none; }
.map-container .location-list ul { display: none; font-size: .9em; background: #818181; }
.map-container .location-list .open > ul { display: block; }

.map-container .location-list ul ul { background: #a7a7a7; }

.map-container .location-list > li { margin-bottom: 1em; }
.map-container .location-list > li > .title { font-size: 1.2em; font-weight: 700; background: #f6f6f6; height: 2.5em; line-height: 2.5em; }
.map-container .location-list > li > .title:before { display: inline-block; width: 2.5em; height: 2.5em; content: '+'; color: #fff; text-align: center; margin-right: .8em; }
.map-container .location-list > li > .title.active:before { content: '-'; }

.map-container .location-list ul .title { height: 2em; line-height: 2em; color: #fff; }
.map-container .location-list ul .title a { color: #fff; }
.map-container .location-list ul .title:before { display: inline-block; width: 2em; content: ''; font-family: FontAwesome; text-align: center; opacity: .7; }
.map-container .location-list ul .title.has-children:before { content: "\f0fe"; }
.map-container .location-list ul .title.has-children.active:before { content: "\f146"; }
.map-container .location-list ul .title.external-link:before { content: "\f14c"; }

.map-container .map { width: 73%; }
.map-container img { max-height: none; }

.gm-style-iw h6 { margin: 0; }

.gmtable { width: 100%; border-spacing: 0; border: none; margin-top: .5em; }
.gmtable td:first-child { width: 20px; }

.gmtable + br + a { display: none; }

/* Page: Accreditation */
.accreditation-list { display: flex; justify-content: space-between; flex-wrap: wrap; }
.accreditation-list > * { width: 48%; margin-bottom: 3em; }
.accreditation-list h5 { margin: 0; color: #3b3a3b; }
.accreditation-list li { display: flex; justify-content: space-between; }
.accreditation-list .image { width: 30%; }
.accreditation-list .content { width: 65%; }

/* Page: Global Leadership */
.team-member .section-header { text-align: center; }

.team-member-list:after { content: ''; display: block; clear: both; }
.team-member-list > li { float: left; width: 25%; height: 24em; padding: 0 2%; box-sizing: border-box; text-align: center; }
.team-member-list .main-image { display: block; margin: 0 auto .5em; }
.team-member-list .name { color: #3b3a3b; }
.team-member-list .designation { font-size: .8em; }
.team-member-list .has-profile { cursor: pointer; }
.team-member-list .is-break { clear: both; }

.team-member-profile { width: 50em; display: flex; }
.team-member-profile .picture { width: 9em; flex-shrink: 0; text-align: center; margin-right: 1.5em; }
.team-member-profile .designation { font-size: .8em; }
.team-member-profile .text > :first-child { margin-top: 0; }

/* Page: History */
#timeline .inner { padding: 0 4em; display: flex; justify-content: space-between; align-items: center; }
#timeline .image { width: 13em; text-align: center; }
#timeline .text { width: calc(100% - 15em); }
#timeline .text > :first-child { margin-top: 0; }
#timeline .text > :last-child { margin-bottom: 0; }

/* General */
h2.page-title { margin-top: 0; }

.popup-container { max-width: 40em; margin: 0 auto; padding: 2em 2em 1.5em 1.5em; background: #222; color: #fff; position: relative; }
.popup-container .mfp-close { color: #fff; width: 30px; height: 30px; line-height: 30px; opacity: 1; }
.popup-container input,
	.popup-container select { border: none; }
.popup-container a:not(.button-1) { color: #fff; text-decoration: underline; }

.breadcrumb { background: #3b3a3b; color: #fff; padding: 1em 0; }
.breadcrumb a { color: #fff; }
.breadcrumb .fa { display: inline-block; margin: 0 .2em; }

input[type="checkbox"] { display: inline-block; width: auto; vertical-align: middle; }

#hero { text-align: center; color: #fff; display: flex; align-items: center; justify-content: center; background: no-repeat center center / cover; padding: 2em; height: 15em; }
#hero .text,
	#hero h1 { font-size: 4em; font-weight: 700; text-shadow: 1px 1px 10px #3b3a3b; }

.page-template-template-home #hero { height: auto; padding: 0; overflow: hidden; }

#site-footer { font-size: .9em; background: #3b3a3b; color: #a2a2a2; display: flex; justify-content: space-between; align-items: center; padding: 2rem 0 4rem; }
#site-footer > .central-column { display: flex; flex-wrap: wrap; justify-content: space-between; }
#site-footer .menu > li > a { color: #eee; font-weight: bold; }
#site-footer .menu > li > a:hover { color: #fff; }
#site-footer .sub-menu > li > a { color: #999; }
#site-footer .sub-menu > li > a:hover { color: #eee; }
#site-footer .nav { width: 24%; margin-right: 1%; }

#site-footer .others { display: flex; justify-content: space-between; align-items: center; width: 100%; margin-top: 3em; }
#site-footer .others a { color: #eee; }
#site-footer .others a:hover { color: #fff; }
#site-footer .social-media-list ul { display: inline-block; margin-left: .5em; }
#site-footer .social-media-list li { display: inline-block; margin-left: .2em; }
#site-footer .social-media-list a { text-align: center; font-size: 1.2em; display: inline-block; width: 2.1em; line-height: 2.1em; border: 1px solid #ddd; border-radius: 10px; }
#site-footer .social-media-list a:hover { border-color: #C9252B; }

#main-content { padding-top: 2em; padding-bottom: 2em; }


@media ( max-width: 1270px ) {
	#menu-main-nav-popup-container { display: none; }
	#menu-main-nav-toggler { display: block; }
	
	#menu-main-nav-container a { display: inline-block; padding: .2em 0; color: #333; }
	#menu-main-nav-container .menu { display: block; padding: 0; }
	#menu-main-nav-container .menu > li { position: static; display: block; float: none; height: auto; }
	#menu-main-nav-container .menu > li:after { content: ''; display: none; }
	
	/* #menu-main-nav-container .menu li:hover .sub-menu { display: none; } */
	
	#menu-main-nav-container .menu > li > a { font-size: 1.1em; }
	#menu-main-nav-container .sub-menu { padding: 0 0 0 1.5em; position: static; background: none; border: none; }
	#menu-main-nav-container .menu > li > .sub-menu { display: none; }
	#menu-main-nav-container .sub-menu a {  padding: .2em 0; font-size: .em; }
	#menu-main-nav-container .sub-menu a:hover { color: #fff; }
	#menu-main-nav-container .menu .sub-menu .sub-menu,
		#menu-main-nav-container .menu li:hover .sub-menu .sub-menu { display: block; }
	#menu-main-nav-container .sub-menu .sub-menu a { text-transform: none; }
	#menu-main-nav-container .menu-item-has-children .opener { display: inline-block; font-size: 1.1em; width: 1em; cursor: pointer; color: #fff; }
	#menu-main-nav-container .menu-item-has-children .opener:before { content: '+'; }
	#menu-main-nav-container .menu-item-has-children.open .opener:before  { content: '-'; }
	#menu-main-nav-container .menu-item-has-children.open > .sub-menu { display: block; }
	
	#menu-main-nav-popup-toggler:before { font-family: FontAwesome; font-size: 1.2em; content: "\f00d"; position: absolute; top: .8em; right: 1em; cursor: pointer; }
	#menu-main-nav-popup-toggler:hover { text-shadow: 0 0 3px #fff; }
	
	#menu-main-nav-popup-container { display: none; position: fixed; top: 0; right: 0; height: 100%; padding: .5em 1em; z-index: 10; box-sizing: border-box; overflow-x: hidden; overflow-y: auto; background: rgba(201, 37, 43, .95); color: #fff; }
	#menu-main-nav-popup-container a { color: #fff; }
	#menu-main-nav-popup-container a:hover,
		#menu-main-nav-popup-container .current-menu-item > a { color: #fff; text-shadow: 0 0 3px #fff; }
	#menu-main-nav-popup-container .opener { color: #fff; }
	#menu-main-nav-container.main-nav-on #menu-main-nav-popup-container { display: block; }
	
	#menu-main-nav { height: auto; }
	#menu-main-nav > .current-menu-item > a,
		#menu-main-nav > li:hover > a { background: transparent; }
	
	#site-header .search-container { height: auto; margin-top: 1em; }
	#site-header .search-container .toggler { display: none; }
	#site-header .search-container .search { display: block; position: static; width: auto; background: #a21e23; }
	#site-header .search-container .close { display: none; }
	
	#menu-main-nav .location > a { display: inline; background: none; text-indent: 0; width: auto; height: auto; }
}

@media ( max-width: 1150px ) {
	#menu-main-nav { font-size: .9em; }
	#menu-main-nav a { font-weight: 400; }
	#site-logo img { width: 10em; }
}

@media ( max-width: 1050px ) {
	.central-column { width: auto; margin-left: 15px; margin-right: 15px; }

	.product-key-features,
		.product-info-block { padding: 3em 0; }

	#menu-main-nav > li > a { padding-left: .5em; padding-right: .5em; }

	.page-template-template-history #main-content { margin: 0; }
	div#timeline { width: 99vw; margin-left: -15px; }
	ul#issues li { width: 99vw; box-sizing: border-box; }

}

@media ( max-width: 1000px ) {
	.region-list li { width: calc(25% - 2px); }
}

@media ( max-width: 980px ) {
	#site-footer > .central-column { flex-wrap: wrap; }

	#site-footer .social-media-list { width: auto; }
}


@media ( max-width: 850px ) {
	html { font-size: 13px; line-height: 1.6; }
}

@media ( max-width: 800px ) {
	
}

@media ( max-width: 768px ) {
	.software-category-container .vc_column_container { margin-bottom: 1em; }
	.software-category-container .category-image { margin-bottom: 0; }
	.software-category-container .category-image img { width: 40%; } 
	
	.block-with-image { display: flex; }
	.block-with-image .image { order: 2; }
	.block-with-image .image .vc_single_image-wrapper,
		.block-with-image .image .wpb_wrapper { display: block; }
	.block-with-image .image img { display: block; margin: 0 auto; width: 400px; }
	
	
}

@media ( max-width: 750px ) {
	.block-with-image { flex-wrap: wrap; }
}

@media ( max-width: 700px ) {
	.home-product { flex-wrap: wrap; }
	.home-product > * { width: 50%; margin-bottom: 2em; }
	.home-product .icon { width: 50%; padding-bottom: 50%; margin-bottom: .5em; }
	.home-product .heading { margin: 0 0 .3em; }
	
	
	#hero .text, #hero h1 { font-size: 3em; }

	.map-container { display: block; }
	.map-container .map { display: none; }
	.map-container .location-list { width: auto; }
	/*.map-container .location-list > li > .title { background: transparent; color: #C9252B; }
	.map-container .location-list > li > .title:before { display: none; } */
	
	.map-container .location-list .info { display: block; }
	.map-container .location-list .info .address { margin: 1em 0; }
	
	.map-container .location-list > li > ul { background: #e3e3e3; font-size: 1em; padding: .5em 1em; }
	.map-container .location-list ul { font-size: 1em; }
	.map-container .location-list ul .title { font-weight: 700; color: #3b3a3b; cursor: default; }
	.map-container .location-list ul .title:before { display: none; }
	.map-container .location-list ul .title a { color: #a21e23; }
	.map-container .location-list ul > :last-child { margin-bottom: 0; }
	.map-container .location-list > li > ul > li { margin-bottom: 2em; }
	.map-container .location-list > li > ul > li > .title { font-size: 1.2em; }
	.map-container .location-list > li > ul > li > ul { display: block; }
	
	.map-container .location-list ul ul { background: transparent; }
	.map-container .location-list ul ul li { margin-bottom: 1em; }
	
	.product-catalogue > * { width: 33.33%; padding: 0 1em 2em; }
	
	.product-main-block .availability ul { flex-wrap: wrap; }
	.product-main-block .availability ul li { width: 30%; }
	
	.product-key-features .gallery { flex-wrap: wrap; }
	.product-key-features .gallery > div { width: 25%; margin-bottom: 1em; }
	.product-key-features .gallery > div:nth-child(5) { border: none; }
	
	.region-list { flex-wrap: wrap; }
	.region-list li { width: 31%; }
}

@media ( max-width: 650px ) {
	.click-open-1 { display: block; }
	.click-open-1 .main-content { display: none; }
	.click-open-1 .single-display { width: auto; }
	.click-open-1 .single-display > * { display: block !important; }
	.click-open-1 .single-display img { display: block; margin: 0 auto; }

	.home-content { font-size: 1em; }
	
	.category-list-1 { display: block; }
	.category-list-1 > .entry { margin-bottom: 3em; width: auto; display: block; text-align: center; }
	.category-list-1 .heading { width: 5em; margin: 0 auto 1em; }
	.category-list-1 .links { width: auto; margin: 0; padding: 0; list-style: none; }
	
	.page-id-170 .category-list-1 > .entry { width: auto; }
	
	#site-footer .nav { width: 50%; margin: 0 0 2em; }
	#site-footer .others { display: block; text-align: center; }
	
	#copyright-statement { margin-bottom: 1em; }
}

@media ( max-width: 550px ) {
	.container-news-events { flex-wrap: wrap; }
	.container-news-events .right,
		.container-news-events .left { width: 100%; }
	.container-news-events .right { order: 2; } 
	.container-news-events .left { order: 1; margin-bottom: 2em; }
	
	.container-news-events .left .category { display: none; }
	.container-news-events .left .heading { cursor: pointer; }
	.container-news-events .left .heading .toggler:before { font-family: FontAwesome; content: "\f0fe"; display: inline-block; margin-left: .2em; }
	.container-news-events .left.toggled .category { display: block; }
	.container-news-events .left.toggled .heading .toggler:before { content: "\f146"; }

	.team-member-list > li { width: 33.33%; }
	
	#home-carousel .carousel-entry .inner { display: block !important; }
	#home-carousel .carousel-entry .image,
		#home-carousel .carousel-entry .text { width: auto; }
	#home-carousel .carousel-entry .image { text-align: center; }
	#home-carousel .carousel-entry .image img { max-width: 50%; }
}

@media ( max-width: 500px ) {
	.job-container > .main { display: block; }
	.job-container > .main > .right,
		.job-container > .main > .left { width: auto; }
	
	.job-container > .search { display: block; }
	.job-container > .search > * { margin: .5em 0; display: block; }
	.job-container > .search .button-1 { justify-content: center; }
	
	.tab-container-1 > .tab { display: block; }
	.tab-container-1 > .tab > li { margin-bottom: .5em; text-align: center; border-width: 2px; }
	
	.accreditation-list { display: block; }
	.accreditation-list > * { width: auto; margin-bottom: 3em; }
	
	.nav-style-1 { display: block; }
	.nav-style-1 li { width: auto !important; display: block; margin: .5em 0; }
	
	.product-main-block .main { display: block; }
	.product-main-block .main > .text,
		.product-main-block .main > .image { width: auto; }
	.product-main-block .main > .image { text-align: center; max-width: none; }
	.product-main-block .main > .image img { max-width: 60%; }
	
	.product-info-block > .central-column { display: block; }
	.product-info-block .text,
		.product-info-block .image { width: auto; }
	.product-info-block .image { text-align: center; margin-top: 2em; }
	.product-info-block .image img { max-width: 60%; }
	
	#timeline .inner { display: block; }
	#timeline .image { width: auto; margin-bottom: 1em; }
	#timeline .text { width: auto; }
	
	#site-footer .nav { width: 100%; }
	
	#wpfront-scroll-top-container { bottom: 10px !important; width: 32px; }
}

@media ( max-width: 400px ) {
	.team-member-list > li { width: 50%; height: 22em; }
	
	
	#hero { height: 6em; }
	#hero .text, #hero h1 { font-size: 1.8em; }
	
	#site-header { position: static; }
	body { padding-top: 0; }
	
	.product-catalogue > * { width: 50%; }
	
	.product-main-block .availability ul li { width: calc(50% - 1em); }
	.product-main-block .extra { display: block; }
	.product-main-block .extra > * { display: block; width: auto; margin-bottom: 1em; }
	
	.solutions-sub-content { display: block; }
	.solutions-sub-content > .image,
		.solutions-sub-content > .text { width: auto; }
	.solutions-sub-content .download-container { text-align: center; }
	.solutions-sub-content .download-container .button-1 { display: block; }
	
	.category-list-1 > .entry { width: auto; }
	
	.region-list li { width: 49%; }
}

@media ( max-width: 360px ) {
	.team-member-list > li { height: 20em; }
	
	.container-news-events .news-piece-container > .entry > .thumb { display: none; }
	.container-news-events .news-piece-container > .entry > .text { width: 100%; }
	
	.home-product > * { width: 100%; }
	.home-product .icon { width: 30%; padding-bottom: 30%; }
	
	.region-list li { width: 100%; }
	
	#site-logo img { width: 8em; margin-right: .5em; }
}