/*
Theme Name:  Ergon
Description: Dedicated theme for Ergon designed by Only Studio.
Author:      Owls Department
Author URI:  http://www.owlsdepartment.com/
Version:     1.0
Text Domain: owd
*/


* { outline: none; }
html { overflow-x: hidden; }
body { color: #000; font-size: 16px; line-height: 25px; font-weight: 300; font-family: 'Graphik-web', sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

input, textarea, button { -webkit-appearance: none; border-radius: 0; }

a { color: #000; text-decoration: none; transition: all 250ms ease-out; }
a:hover { color: #000; }
a:link { -webkit-tap-highlight-color: transparent; }

::-moz-selection { background: #999; color: #fff; text-shadow: none; }
::selection { background: #999; color: #fff; text-shadow: none; }

.ajax-message { display: none; margin-top: 10px; }
form.loading { cursor: wait; }
form.loading > * { opacity: .5; pointer-events: none; }

button { border: 0; padding: 0; background: none; font: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }



/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/

.overall { padding-top: 130px; }
.wrapper { margin: 0 auto; width: 100%; max-width: 1300px; padding: 0 50px; }


	/* HEADER
	-------------------------------------------------------------------------------*/

	header { position: fixed; top: 0; left: 0; right: 0; height: 130px; padding-top: 55px; background: #fff; border-bottom: 1px solid #e0e0e0; z-index: 100; transition: all 250ms ease-out; }
	header:before { content: ''; display: block; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 1200px; height: 10px; background: #00987c; }
	header nav { float: left; line-height: 36px; }
	header nav li { float: left; margin-right: 30px; position: relative; }
	header nav li:before { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 0; height: 1px; background: #cccccc; transition: all 250ms ease-out; }
	.no-touch header nav li:hover:before,
	header nav li.current-menu-item:before,
	.single-people header nav li.menu-item-39:before { width: 100%; }
	header .logo { display: block; float: right; width: 85px; }
	header .burger { display: none; }

	header.small { height: 100px; padding-top: 40px; }


	.text { color: #666666; }
	.text p:not(:last-child),
	.text ul:not(:last-child) { margin-bottom: 25px; }
	.text ul li { padding-left: 15px; position: relative; }
	.text ul li:before { content: '•'; display: block; position: absolute; left: 0; top: 0px; }

	.articles-list { border-top: 1px solid #e0e0e0; }
	.articles-list li { font-size: 26px; line-height: 35px; border-bottom: 1px solid #e0e0e0; }
	.articles-list li a { display: block; padding: 20px 0; position: relative; }
	.articles-list li a .title { display: block; float: left; width: 66%; }
	.articles-list li a .date { display: block; float: right; width: 34%; font-size: 20px; color: #767676; text-align: right; transition: all 250ms ease-out; }
	.articles-list li a:hover { color: #00987c; }
	.articles-list li a:hover .date { color: #00987c; }

	.pagination { padding: 80px 0 0; position: relative; font-size: 20px; }
	.pagination .page-numbers { display: block; float: left; margin-right: 25px; }
	.pagination .page-numbers.prev,
	.pagination .page-numbers.next { display: block; width: 21px; height: 17px; margin: 0; position: absolute; top: 84px; right: 0; font-size: 0; }
	.pagination .page-numbers.prev { right: 50px; }

	.pagination .page-numbers.prev:before,
	.pagination .page-numbers.prev:after,
	.pagination .page-numbers.next:before,
	.pagination .page-numbers.next:after { content: ''; display: block; position: absolute; width: 21px; top: 0; bottom: 0; left: 0; background-position: left center; background-repeat: no-repeat; opacity: 1; transition: all 250ms ease-out; }
	.pagination .page-numbers.prev:before { background: url(_/img/icon-left.svg) no-repeat right center; opacity: 1; }
	.pagination .page-numbers.prev:after { background: url(_/img/icon-left-green.svg) no-repeat right center; opacity: 0; }
	.pagination .page-numbers.next:before { background: url(_/img/icon-right.svg) no-repeat right center; opacity: 1; }
	.pagination .page-numbers.next:after { background: url(_/img/icon-right-green.svg) no-repeat right center; opacity: 0; }
	.pagination .page-numbers.prev:hover:before { opacity: 0; }
	.pagination .page-numbers.prev:hover:after { opacity: 1; }
	.pagination .page-numbers.next:hover:before { opacity: 0; }
	.pagination .page-numbers.next:hover:after { opacity: 1; }

	.pagination a { color: #999999; }
	.pagination a.current,
	.pagination a:hover { color: #000000; }

	.pagination-loading { opacity: .5; cursor: wait; }
	.pagination-loading > * { pointer-events: none; }



	.read-more { display: block; font-size: 20px; font-family: 'Tiempos-web', serif; border-top: 1px solid #e0e0e0; padding: 15px 0; position: relative; }
	.read-more:hover { color: #00987c; }
	.read-more:before,
	.read-more:after { content: ''; display: block; position: absolute; width: 20px; top: 0; bottom: 0; right: 0; background-position: right center; background-repeat: no-repeat; opacity: 1; transition: all 250ms ease-out; }
	.read-more:before { background: url(_/img/icon-right.svg) no-repeat right center; opacity: 1; }
	.read-more:after { background: url(_/img/icon-right-green.svg) no-repeat right center; opacity: 0; }
	.read-more:hover:before { opacity: 0; }
	.read-more:hover:after { opacity: 1; }

	.back { font-size: 14px; padding-left: 30px; position: relative; }
	.back:hover { color: #00987c; }
	.back:before,
	.back:after { content: ''; display: block; position: absolute; width: 14px; top: 0; bottom: 0; left: 0; background-position: left center; background-repeat: no-repeat; opacity: 1; transition: all 250ms ease-out; }
	.back:before { background: url(_/img/icon-back.svg) no-repeat right center; opacity: 1; }
	.back:after { background: url(_/img/icon-back-green.svg) no-repeat right center; opacity: 0; }
	.back:hover:before { opacity: 0; }
	.back:hover:after { opacity: 1; }

	.section { padding: 100px 0; }
	.section-border { border-top: 1px solid #e0e0e0; }
	.section-top { padding-top: 165px; }
	.section-dark { background: #121628; color: #fff; }
	.section-dark .read-more { color: #fff; border-color: #2b3043; }
	.section-dark .read-more:before { background: url(_/img/icon-right-white.svg) no-repeat right center; opacity: 1; }
	.section-dark .read-more:hover:before { opacity: 1; }
	.section-dark .read-more:after { display: none; }

	.section-introduction { padding-bottom: 100px; } /* services 145px */


	/* HOME
	-------------------------------------------------------------------------------*/

	.home .read-more { margin-top: 70px }

	.section-home { height: calc(100vh - 130px); max-height: 660px; background-repeat: no-repeat; background-position: center; background-size: cover; color: #fff; font-size: 60px; line-height: 65px; font-family: 'Tiempos-web', serif; display: flex; justify-content: flex-start; align-items: center; }

	.section-h-people .people .col-4:nth-child(n+4) { margin-top: 100px; }
	.section-h-people figure { background: #2b3043; margin-bottom: 45px; transition: all 250ms ease-out; -webkit-backface-visibility: hidden; }
	.section-h-people a:hover figure { opacity: 0.7; }
	.section-h-people h5 { color: #fff; }
	.section-h-people .link { display: block; font-size: 14px; color: #878c9f; margin-top: 15px; }
	.section-h-people .link:hover { color: #fff; }

	.section-h-news .read-more { margin-top: 80px; }



	/* ABOUT US
	-------------------------------------------------------------------------------*/

	.section-clients { padding: 115px 0 265px 0; }
	.section-clients h2 { margin-bottom: 135px; }
	.section-clients .clients { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
	.section-clients .clients figure { width: 20%; padding: 30px 0; }
	.section-clients .clients figure img { margin: 0 auto; }

	.section-expertise .text ul { column-count: 2; }


	/* SERVICES
	-------------------------------------------------------------------------------*/

	.section-services-introduction { padding-bottom: 0; }
	.section-services-introduction figure { padding: 0 0 85px 0; }
	.section-services { padding: 85px 0; }
	.section-services .subitem:nth-child(n+4) { margin-top: 65px; }
	.section-services .subitem:nth-child(3n+1) { clear: both; }
	.section-services .read-more { margin-top: 105px; }
	.section-services .text ul { column-count: 2; }



	/* PEOPLE
	-------------------------------------------------------------------------------*/

	.section-people .people-row .subitem:nth-child(3n+1) { clear: both; }
	.section-people .subitem:nth-child(n+4) { margin-top: 100px; }
	.section-people figure { background: #2b3043; margin-bottom: 45px; }
	.section-people figure img { transition: all 250ms ease-out; -webkit-backface-visibility: hidden; }
	.section-people a:hover figure img { opacity: 0.7; }
	.section-people h5 { margin-bottom: 15px; }
	.section-people .link { font-size: 14px; }
	.section-people .link:hover { color: #00987c; }

	.section-related-articles .articles-list { min-height: 500px; }
	.section-related-articles h2 { margin-bottom: 70px; }



	/* PUBLICATIONS
	-------------------------------------------------------------------------------*/

	.section-publications {  }
	.section-publications .publications-list + .pagination { margin-top: 20px; }
	.section-publications .subitem:nth-child(n+4) { margin-top: 85px; }
	.section-publications .subitem:nth-child(3n+1) { clear: both; }
	.section-publications figure { background: #eee; margin-bottom: 40px; overflow: hidden; }
	.section-publications figure img { display: block; margin: 0 auto; max-width: none; width: 100%; }
	.section-publications h5 { margin-bottom: 30px; }
	.section-publications p { color: #767676; font-size: 14px; line-height: 20px; }
	.section-publications .options { border-top: 1px solid #e0e0e0; margin-top: 45px; font-size: 14px; padding-top: 10px; }
	.section-publications .options a { display: inline-block; }
	.section-publications .options a:not(:first-child) { margin-left: 40px; }
	.section-publications .link { padding-left: 30px; position: relative; }
	.section-publications .download { padding-left: 25px; position: relative; }
	.section-publications .link:hover { color: #00987c; }
	.section-publications .download:hover { color: #00987c; }
	.section-publications .link:before,
	.section-publications .link:after,
	.section-publications .download:before,
	.section-publications .download:after { content: ''; display: block; position: absolute; width: 14px; top: 0; bottom: 0; left: 0; background-position: left center; background-repeat: no-repeat; opacity: 1; transition: all 250ms ease-out; }
	.section-publications .link:before { background: url(_/img/icon-right.svg) no-repeat right center; opacity: 1; background-size: 14px auto; }
	.section-publications .link:after { background: url(_/img/icon-right-green.svg) no-repeat right center; opacity: 0; background-size: 14px auto; }
	.section-publications .download:before { background: url(_/img/icon-download.svg) no-repeat right center; opacity: 1; background-size: 12px auto; }
	.section-publications .download:after { background: url(_/img/icon-download-green.svg) no-repeat right center; opacity: 0; background-size: 12px auto; }
	.section-publications .link:hover:before,
	.section-publications .download:hover:before { opacity: 0; }
	.section-publications .link:hover:after,
	.section-publications .download:hover:after { opacity: 1; }


	/* NEWS
	-------------------------------------------------------------------------------*/

	.section-news .swiper-wrapper { align-items: stretch; }
	.section-news .slider { position: relative; }
	.section-news .slider .slide { background: #fff; height: auto; }
	.section-news figure { height: 680px; background: #eee center no-repeat; background-size: cover; margin-bottom: 45px; }
	.section-news h5 { font-size: 26px; line-height: 32px; margin-bottom: 20px; }
	.section-news .link { font-size: 14px; }
	.section-news .link:hover { color: #00987c; }
	.section-news .slider-buttons { position: absolute; bottom: 50px; right: 0; z-index: 99; }
	.section-news .slider-buttons a { display: block; position: relative; width: 21px; height: 17px; background-size: 20px auto; }
	.section-news .slider-buttons a.button--prev { position: absolute; right: 50px; }
	.section-news .slider-buttons a:before,
	.section-news .slider-buttons a:after { content: ''; display: block; position: absolute; width: 21px; top: 0; bottom: 0; right: 0; background-position: right center; background-repeat: no-repeat; opacity: 1; transition: all 250ms ease-out; }
	.section-news .slider-buttons a:before { background: url(_/img/icon-right.svg) no-repeat right center; opacity: 1; }
	.section-news .slider-buttons a:after { background: url(_/img/icon-right-green.svg) no-repeat right center; opacity: 0; }
	.section-news .slider-buttons a:hover:before { opacity: 0; }
	.section-news .slider-buttons a:hover:after { opacity: 1; }
	.section-news .slider-buttons a.button--prev:before,
	.section-news .slider-buttons a.button--prev:after { content: ''; display: block; position: absolute; width: 21px; top: 0; bottom: 0; right: 0; background-position: right center; background-repeat: no-repeat; opacity: 1; transition: all 250ms ease-out; }
	.section-news .slider-buttons a.button--prev:before { background: url(_/img/icon-left.svg) no-repeat right center; opacity: 1; }
	.section-news .slider-buttons a.button--prev:after { background: url(_/img/icon-left-green.svg) no-repeat right center; opacity: 0; }
	.section-news .slider-buttons a.button--prev:hover:before { opacity: 0; }
	.section-news .slider-buttons a.button--prev:hover:after { opacity: 1; }

	.section-news .slider-pagination { position: absolute; top: 670px; height: 10px; left: 0; right: 0; z-index: 10; display: flex; overflow: hidden; }
	.section-news .slider-pagination .swiper-pagination-bullet { opacity: 1; width: 100%; height: 10px; display: block; border-radius: 0; background: #00987c; transform: translateY(10px); transition: all 250ms ease-out; }
	.section-news .slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { transform: translateY(0); }

		.headline-container h2 { float: left; }
		.headline-container .filters { float: right; width: 480px; margin: -10px -50px 0 0; position: relative; z-index: 50; }
		.headline-container .filters .filter { line-height: 80px; font-size: 20px; position: relative; text-align: right; padding: 0 50px 0 50px; }
		.headline-container .filters .filter-reset { display: none; }
		.headline-container .filters .filter-toggle { position: relative; padding: 0 35px 0 0; }
		.headline-container .filters .filter-toggle:before,
		.headline-container .filters .filter-toggle:after { content: ''; display: block; width: 15px; height: 1px; margin: -1px 0 0 0; position: absolute; top: 50%; right: 0; background: currentColor; }
		.headline-container .filters .filter-toggle:after { transform: rotate(90deg); }
		.headline-container .filters .filter-list { display: none; min-height: 300px; position: absolute; top: 100%; left: 0; right: 0; background: #121628; border-top: 1px solid #404355; }
		.headline-container .filters .filter-list-item { font-size: 20px; }
		.headline-container .filters .filter-list ul { padding: 20px 0; }
		.headline-container .filters .filter-checkbox { display: block; padding: 10px 50px; position: relative; }
		.headline-container .filters .filter-checkbox input { position: absolute; opacity: 0; }
		.headline-container .filters .filter-checkbox .custom-checkbox-label:before { content: ''; display: block; width: 16px; height: 16px; margin: -8px 0 0 0; position: absolute; top: 50%; right: 50px; background: #404355; border-radius: 50%; transition: background 150ms ease-out; }
		.headline-container .filters .filter-checkbox:hover .custom-checkbox-label:before { background: #fff; }
		.headline-container .filters .filter-checkbox .custom-checkbox-input:checked + .custom-checkbox-label:before { background: #00977B; }
		.headline-container .filters .nano-pane { width: 5px; right: 10px; top: 10px; bottom: 10px; background: #404355; }
		.headline-container .filters .nano-pane > .nano-slider { margin: 0; background: #fff; }
		.headline-container .filters.is-open { background: #121628; color: #fff; }
		.headline-container .filters.is-open .filter { text-align: left; }
		.headline-container .filters.is-open .filter-toggle { width: 15px; padding: 0; position: absolute; right: 50px; color: #fff; font-size: 0; }
		.headline-container .filters.is-open .filter-toggle:after { transform: rotate(0deg); }
		.headline-container .filters.is-open .filter-reset { display: block; color: #fff; }
		.headline-container .filters.is-open .filter-list { display: block; }
		.headline-container .filters.is-open .filter-list ul { display: block; animation: move-down 150ms ease-out; }



	/* CONTACT
	-------------------------------------------------------------------------------*/

	.section-contact .map { height: 680px; background: #eee; margin: 0 0 55px 0; position: relative; }
	.section-contact .map owd-map { position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
	.section-contact a { position: relative; }
	.section-contact a:before { content: ''; display: block; position: absolute; bottom: -1px; left: 0; right: 0; height: 1px; background: #cccccc; transition: all 250ms ease-out; }

	.section-nb { padding-bottom: 145px; }
	.section-nb a { color: #fff; }
	.section-nb .person figure { background: #2b3043; }
	.section-nb .person p:not(:last-child),
	.section-nb .person h5:not(:last-child) { margin-bottom: 30px; }
	.section-nb .wysiwyg-content { margin-top: 5px; }

	.section-enquiries p { color: #767676; }
	.section-enquiries p a { color: #767676; }
	.section-enquiries p:not(:last-child) { margin-bottom: 25px; }
	.section-enquiries .enquiry h5 { margin: 10px 0 20px 0; }


	.section-category .options-top { padding: 35px 0 115px 0; }


	/* ARTICLE
	-------------------------------------------------------------------------------*/

	.section-article { padding-bottom: 80px; }
	.section-article .options-top { padding: 35px 0 115px 0; }
	.section-article .date { font-size: 14px; line-height: 20px; margin-bottom: 0; }
	.section-article .date a:hover { color: #00987c; }
	.section-article .info { margin-bottom: 105px; }
	.section-article h2 { font-size: 50px; line-height: 55px; margin: -5px 0 0 0; }
	.section-article h5 { color: #000; margin: 50px 0 25px 0; }
	.section-article figure { margin-bottom: 95px; }
	.section-article p + .socials { margin-top: 60px; }
	.section-article .inner-image { margin: 70px 0 65px 0; }
	figcaption { font-size: 14px; color: #666666; margin-top: 15px; }

	.article-publication { padding-bottom: 100px; }
	.article-publication .date { margin-top: 20px; }
	.article-publication .options-bottom { margin-top: 55px; }

	.article-news .date { margin-top: 20px; }

	.article-people figure { margin-bottom: 75px; }

	.socials { border-top: 1px solid #e0e0e0; }
	.socials li { line-height: 40px; border-bottom: 1px solid #e0e0e0; }
	.socials li a { display: block; background-size: 14px auto; position: relative; }
	.socials li a.share { padding-right: 30px; }
	.socials li a.download { padding-right: 30px; }
	.socials li a:hover { color: #00987c; }
	.socials li a:before,
	.socials li a:after { content: ''; display: block; position: absolute; width: 14px; top: 0; bottom: 0; right: 0; background-position: right center; background-repeat: no-repeat; opacity: 1; transition: all 250ms ease-out; }
	.socials li a:before { background: url(_/img/icon-right.svg) no-repeat right center; opacity: 1; }
	.socials li a:after { background: url(_/img/icon-right-green.svg) no-repeat right center; opacity: 0; }
	.socials li a.share:before { background-image: url(_/img/icon-share.svg); background-position: left center; }
	.socials li a.share:after { background-image: url(_/img/icon-share-green.svg); background-position: left center; }
	.socials li a.download:before { background-image: url(_/img/icon-download.svg); background-position: left center; }
	.socials li a.download:after { background-image: url(_/img/icon-download-green.svg); background-position: left center; }
	.socials li a:hover:before { opacity: 0; }
	.socials li a:hover:after { opacity: 1; }
	


	/* TWITTER
	-------------------------------------------------------------------------------*/

	.section-tweet { background: #f2f2f2; padding: 95px 0 85px 0; }
	.section-tweet h2 { margin-bottom: 50px; }
	.section-tweet p { font-size: 26px; line-height: 35px; }
	.section-tweet .read-more { margin-top: 70px; }
	.section-tweet p a { position: relative; }
	.section-tweet p a:before { content: ''; display: block; position: absolute; bottom: -1px; left: 0; right: 0; height: 1px; background: #cccccc; transition: all 250ms ease-out; }
	.section-tweet p a:hover:before { background: #00987c; }



	/* FOOTER
	-------------------------------------------------------------------------------*/

	footer { background: #121628; padding: 80px 0 105px; color: #878c9f; position: relative; }
	footer:before { content: ''; display: block; position: fixed; bottom: 0; left: 50%; transform: translateX(-50%); width: 1200px; height: 10px; background: #00987c; }
	footer h5 { color: #fff; margin-bottom: 25px; }
	footer a { color: #878c9f; }
	footer a:hover { color: #fff; }
	footer form { position: relative; margin-top: -10px; }
	footer form input { border: 0; background: transparent; }
	footer form input { width: 100%; line-height: 15px; border-bottom: 1px solid #676c82; color: #878c9f; padding: 12px 0; font-size: 16px; font-family: 'Graphik-web', sans-serif; margin-bottom: 8px; }
	footer form input::-webkit-input-placeholder { color: #878c9f; }
	footer form input::-moz-placeholder { color: #878c9f; }
	footer form input:-ms-input-placeholder { color: #878c9f; }
	footer form input:-moz-placeholder { color: #878c9f; }
	footer form input[type=submit] { padding: 12px 0 0 0; color: #fff; background: url(_/img/icon-right-white.svg) no-repeat center right; background-size: 14px auto; text-align: left; border-bottom: 0; }


	img { display: block; }
	img.alignright { float: right; margin-left: 10px; }
	img.alignleft { float: left; margin-right: 10px; }
	p:not(:last-child) { margin-bottom: 25px; }
	h2 { font-size: 42px; line-height: 50px; font-weight: normal; font-family: 'Tiempos-web', serif; }
	h3 { font-size: 34px; line-height: 40px; font-weight: 300; margin-top: 5px; margin-bottom: 100px; }
	h3:not(:last-child) { margin-bottom: 55px; }
	h4 { font-size: 30px; line-height: 40px; font-weight: normal; font-family: 'Tiempos-web', serif; margin-bottom: 55px; }
	h5 { font-size: 20px; line-height: 25px; font-weight: 300; }
	h6 { font-size: 16px; line-height: 25px; font-weight: 300; }

	.nano { position: relative; width: 100%; height: 100%; overflow: hidden; }
	.nano > .nano-content { position: absolute; overflow: scroll; overflow-x: hidden; top: 0; right: 0; bottom: 0; left: 0; }
	.nano > .nano-content:focus { outline: thin dotted; }
	.nano > .nano-content::-webkit-scrollbar { display: none; }
	.has-scrollbar > .nano-content::-webkit-scrollbar { display: block; }
	.nano > .nano-pane { background: rgba(0,0,0,.25); position: absolute; width: 10px; right: 0; top: 0; bottom: 0; opacity: .01; }
	.nano > .nano-pane > .nano-slider { background: rgba(0,0,0,.5); position: relative; margin: 0 1px; }
	.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed { opacity: 0.99; }

	@keyframes appear { 
		from { opacity: 0; }
		to   { opacity: 1; }
	}
	@keyframes move-down { 
		from { transform: translateY(-15px); }
		to   { transform: none; }
	}

	@keyframes move-up { 
		from { transform: translateY(15px); }
		to   { transform: none; }
	}


	@media screen and (max-width: 1300px) {

		header:before { width: auto; left: 50px; right: 50px; transform: none; height: 8px; }
		footer:before { width: auto; left: 50px; right: 50px; transform: none; height: 8px; }

	}

	@media screen and (min-width: 1200px) {

		header.small .logo { width: 70px; margin-top: 5px; }

	}
	
	@media screen and (max-width: 1199px) {

		body { font-size: 14px; line-height: 20px; }

		.overall { padding-top: 100px; }

		header { height: 100px; padding-top: 44px; }
		header.small { padding-top: 44px; }
		header nav { line-height: 22px; }
		header nav li { margin-right: 25px; }
		header nav li:before { bottom: -4px; }
		header .logo { width: 55px; height: 22px; }

		.pagination { padding: 65px 0 0; }
		.pagination .page-numbers.prev,
		.pagination .page-numbers.next { top: 65px; }

		.section-news .slider-buttons a:before,
		.section-news .slider-buttons a:after,
		.section-news .slider-buttons a.button--prev:before,
		.section-news .slider-buttons a.button--prev:after,
		.pagination .page-numbers.prev:before,
		.pagination .page-numbers.next:before,
		.pagination .page-numbers.prev:after,
		.pagination .page-numbers.next:after,
		.read-more:before,
		.read-more:after { background-size: 15px auto; }

		.section { padding: 75px 0; }
		.section-top { padding-top: 75px; }

		.home .read-more { margin-top: 35px; }
		.section-home { height: 450px; font-size: 40px; line-height: 45px; }
		.section-h-people figure { margin-bottom: 30px; }
		.section-h-people .link { margin-top: 25px; }
		.section-h-people .read-more { margin-top: 50px; }
		.section-h-people .people .col-4:nth-child(n+4) { margin-top: 50px; }
		.section-h-news h3 { margin-bottom: 75px; }
		.section-h-news .read-more { margin-top: 75px; }

		.section-services { padding: 0 0 65px 0; }
		.section-services-introduction figure { padding: 0 0 65px 0; }
		.section-services .subitem:nth-child(n+4) { margin-top: 40px; }
		.section-services .read-more { margin-top: 70px; }

		.section-clients h2 { margin-bottom: 60px; }
		.section-clients .clients figure { width: 25%; padding: 15px 0; }
		.section-clients .clients figure img { transform: scale(0.75); }

		.section-people .subitem:nth-child(n+4) { margin-top: 50px; }
		.section-people figure { margin-bottom: 40px; }
		.section-people .link { font-size: 12px; }
		.section-people h5 { margin-bottom: 10px; }
		.section-people .people-row .subitem:nth-child(3n+1) { clear: none; }
		.section-people .people-row .subitem:nth-child(2n+1) { clear: both; }

		.section-publications .subitem:nth-child(n+4) { margin-top: 80px; }
		.section-publications h5 { font-size: 20px; line-height: 25px; }

		.section-news { padding-bottom: 40px; }
		.section-news h3 { margin-bottom: 95px; }
		.section-news figure { height: 375px; }
		.section-news .slider-pagination{ top: 365px; }
		.section-news h5 { font-size: 20px; line-height: 25px; margin-bottom: 5px; }
		.section-news .slider-buttons { bottom: 30px; }

		.section-contact .map { height: 340px; margin: 0 0 30px 0; }
		.section-nb .person p:not(:last-child),
		.section-nb .person h5:not(:last-child) { margin-bottom: 20px; }

		.section-category .options-top { padding: 25px 0 65px 0; }

		.section-article .options-top { padding: 25px 0 0 0; }
		.section-article h2 { font-size: 35px; line-height: 40px; margin: 0; }
		.section-article h5 { margin: 40px 0 20px 0; }
		.section-article p + .socials { margin-top: 25px; }
		.section-article .info { margin-top: 75px; margin-bottom: 65px; }
		.section-article .feature-img { margin: 0 -50px 75px -50px; }
		.section-article .inner-image { margin: 75px 0 65px 0; }
		.article-news .date { margin-top: 0; }
		.article-publication h2 { margin-bottom: 15px; }
		.article-publication .date { margin: 0; }


		.section-related-articles h2 { margin-bottom: 35px; }

		.read-more { padding: 12px 0; font-size: 16px; }

		.articles-list li { font-size: 20px; line-height: 25px; }
		.articles-list li a { padding: 24px 0; }
		.articles-list li a .date { font-size: 16px;}

		.section-tweet { padding: 80px 0 65px 0; }
		.section-tweet h2 { margin-bottom: 30px; }
		.section-tweet p { font-size: 20px; line-height: 25px; }

		footer { padding: 60px 0; }
		footer h5 { margin-bottom: 15px; }
		footer form input { font-size: 14px; }

		h2 { font-size: 30px; line-height: 40px; }
		h3 { font-size: 20px; line-height: 25px; margin-bottom: 60px; }
		h3:not(:last-child) { margin-bottom: 30px; }
		h4 { font-size: 24px; line-height: 30px; margin-bottom: 40px; }
		h5 { font-size: 16px; line-height: 20px; }
		h6 { font-size: 14px; line-height: 20px; }

	/*}

	@media screen and (max-width: 1023px) {
*/		
		.section-h-people .people .col-4:nth-child(n+3) { margin-top: 50px; }

		.section-publications .subitem:nth-child(n+3) { margin-top: 80px; }
		.section-publications .subitem:nth-child(3n+1) { clear: none; }
		.section-publications .subitem:nth-child(2n+1) { clear: both; }

		.section-people .subitem:nth-child(n+3) { margin-top: 50px; }

		.section-services .subitem:nth-child(n+3) { margin-top: 40px; }
		.section-services .subitem:nth-child(3n+1) { clear: none; }
		.section-services .subitem:nth-child(2n+1) { clear: both; }

	}

	@media screen and (min-width: 768px) {
	
		.show-m { display: none; }

	}

	@media screen and (max-width: 767px) {

		.hide-m { display: none; }

		.overall { padding-top: 55px; }
		.wrapper { padding: 0 20px; }

		header { height: 55px; padding-top: 20px; }
		header.small { height: 55px; padding-top: 20px; }
		header:before { left: 20px; right: 20px; height: 5px; }
		header nav { display: none; position: fixed; top: 55px; bottom: 0; left: 0; right: 0; background: #fff; padding: 30px 20px; }
		header nav ul li { float: none; font-size: 20px; line-height: 35px; }
		header nav li:before { display: none; }
		header .logo { width: 50px; height: 20px; }
		header .burger {display: block; height: 10px; width: 15px; float: left; position: relative; z-index: 10000; margin-top: 5px;}
		header .burger:before,
		header .burger:after {display: block; content: ''; width: 15px; height: 2px; position: absolute; background: #121628; transition: all 300ms ease-in-out;}
		header .burger span {display: block; width: 15px; height: 2px; background: #121628; position: absolute; top: 4px; transition: all 300ms ease-in-out;}
		header .burger:before {top: 0px;}
		header .burger:after {top: 8px;}
		header .burger.active span {opacity: 0;}
		header .burger.active:after {transform: rotate(-45deg); top: 50%;}
		header .burger.active:before {transform: rotate(45deg); top: 50%;}

		.pagination { padding: 20px 0 0; font-size: 15px; }
		.pagination .page-numbers { margin-right: 20px; }
		.pagination .page-numbers.prev,
		.pagination .page-numbers.next { top: 20px; margin-right: 0; }
		.pagination .page-numbers.prev { right: 45px; }

		.section { padding: 40px 0; }
		.section-introduction { padding-bottom: 40px; }
		.section-top { padding-top: 45px; }

		.home .read-more { margin-top: 25px; }

		.section-home { height: 325px; font-size: 28px; line-height: 30px; }
		.section-home br { display: none; }
		.section-h-people figure { margin-bottom: 20px; }
		.section-h-people .link { margin-top: 15px; }
		.section-h-news h3 { margin-bottom: 35px; }
		.section-h-news .read-more { margin-top: 40px; }

		.section-h-services .services > div:not(:first-child) { margin-top: 25px; }
		.section-h-people .people > div:not(:first-child) { margin-top: 35px; }
		.section-h-people figure { margin-bottom: 25px; position: relative; background-size: cover; background-position: center; }
		.section-h-people figure:before { display: block; content: ''; padding-top: 56.25%; }
		.section-h-people figure img { display: none; }
		.section-h-people .people .col-4:nth-child(n+2) { margin-top: 40px; }

		.section-clients h2 { margin-bottom: 30px; }
		.section-clients .clients figure { width: 50%; padding: 0; }
		.section-clients .clients figure img { transform: scale(0.6); }
		.section-expertise .text ul { column-count: 1; }

		.section-services { padding: 0 0 35px 0; }
		.section-services-introduction { padding-bottom: 0; }
		.section-services-introduction figure { padding: 0 0 35px 0; margin-left: -20px; margin-right: -20px; }
		.section-services-introduction h3 { margin-bottom: 50px; }
		.section-services .subitem:nth-child(n+2) { margin-top: 20px; }
		.section-services .read-more { margin-top: 25px; }

		.section-people .subitem:nth-child(n+2) { margin-top: 40px; }
		.section-people h3 { margin-bottom: 50px; }
		.section-people figure { margin-bottom: 25px; }

		.section-contact h3 { margin-bottom: 50px; }
		.section-contact .map { height: 200px; margin: 0 -20px 30px -20px; }

		.section-nb h3 { margin-bottom: 50px; }
		.section-nb .person figure { margin-bottom: 30px; }

		.section-enquiries .enquiry:last-child { margin-top: 20px; }

		.section-publications h3 { margin-bottom: 50px; }
		.section-publications .options { margin-top: 35px; }
		.section-publications .subitem:nth-child(n+2) { margin-top: 55px; }

		.section-related-articles .articles-list { min-height: auto; }

		.section-news h3 { margin-bottom: 50px; }
		.section-news .slider { margin-left: -20px; margin-right: -20px; }
		.section-news figure { height: 225px; margin-bottom: 25px; }
		.section-news .slider-pagination { height: 5px; top: 220px; }
		.section-news .slider-pagination .swiper-pagination-bullet { height: 5px; transform: translateY(5px); }
		.section-news .slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { transform: translateY(0); }
		.section-news h5 { padding: 0 20px; font-size: 20px; line-height: 25px; }
		.section-news .link { padding: 0 20px; }
		.section-news .slider-buttons { display: none; }

		.section-category .options-top { padding: 25px 0 30px 0; }

		.section-article { padding-bottom: 60px; }
		.section-article h2 { font-size: 24px; line-height: 30px; margin-bottom: 15px; }
		.section-article h5 { font-size: 16px; }
		.section-article .info { margin: 40px 0 50px 0; }
		.article-people figure,
		.section-article .feature-img { margin-bottom: 50px; margin-left: -20px; margin-right: -20px; }
		.section-article .inner-image { margin: 35px 0 30px 0; }
		.section-article .socials { margin-top: 35px; }
		.section-article .info .socials { margin-top: 20px; }
		.article-publication .options-bottom { margin-top: 0; }
		.article-people figure { margin-left: -20px; margin-right: -20px; }

		.articles-list li a { padding: 20px 0; }
		.articles-list li a .title { float: none; width: 100%; font-size: 18px; line-height: 20px; margin-bottom: 5px; }
		.articles-list li a .date { float: none; width: 100%; text-align: left; font-size: 14px; }

		.headline-container .filters { width: auto; margin: 0; }
		.headline-container .filters .filter { padding: 0; line-height: 26px; font-size: 15px; }
		.headline-container .filters .filter-toggle { padding: 0; }
		.headline-container .filters .filter-toggle:before, 
		.headline-container .filters .filter-toggle:after { display: none; }
		.headline-container .filters .filter-list { top: 70px; bottom: 0; height: auto !important; }
		.headline-container .filters .filter-list ul { padding: 10px 0; }
		.headline-container .filters .filter-list-item { font-size: 15px; }
		.headline-container .filters .filter-checkbox { padding: 10px 20px; }
		.headline-container .filters .filter-checkbox .custom-checkbox-label:before { width: 12px; height: 12px; margin: -6px 0 0 0; right: 20px; }
		.headline-container .filters .nano-pane { width: 3px; right: 5px; }
		.headline-container .filters.is-open { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 110; }
		.headline-container .filters.is-open .filter { line-height: 70px; padding: 0 20px; }
		.headline-container .filters.is-open .filter-toggle { width: 55px; right: 0; }
		.headline-container .filters.is-open .filter-toggle:after { display: block; width: 13px; left: 50%; margin-left: -6px; }
		.headline-container .filters.is-open .filter-list ul { animation: move-up 150ms ease-out; }

		.read-more { padding: 15px 0; }

		.section-tweet { padding: 35px 0 15px 0; }
		.section-tweet p { font-size: 16px; line-height: 20px; }
		.section-tweet .read-more { margin-top: 35px; }

		footer { padding: 50px 0; }
		footer:before { left: 20px; right: 20px; height: 5px; }
		footer .row > div:not(:first-child) { margin-top: 25px; }
		footer form { width: 200px; }

		h2 { font-size: 24px; line-height: 30px; margin-bottom: 25px; }
		h2.has-filters { font-size: 20px; line-height: 26px; }
		h3 { margin-top: 0; margin-bottom: 20px; }
		h3:not(:last-child) { margin-bottom: 20px; }
		h4 { font-size: 20px; line-height: 26px; margin-bottom: 30px; }
		h5 { font-size: 14px; line-height: 20px; }
	}