.clearfix:after {
	display: table;
	clear: both;
	content: ""
}

.visually-hidden {
	position: absolute !important;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	width: 1px;
	height: 1px;
	word-wrap: normal
}

.media.media--ratio {
	display: block;
	height: 0;
	min-height: 1px;
	overflow: hidden;
	position: relative;
	width: 100%
}

.media--ratio .media__element {
	display: block;
	height: 100%;
	left: 0;
	min-height: 1px;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
	object-fit: cover
}

.blazy,
.blazy *,
.blazy *::before,
.blazy *::after {
	box-sizing: border-box
}

.b-lazy {
	display: block;
	height: auto;
	min-height: 1px;
	opacity: 0
}

.blazy .media {
	display: block;
	position: relative
}

.field[data-blazy] {
	min-width: 50%
}

@-webkit-keyframes rotateplane {
	0% {
		-webkit-transform: perspective(120px);
		transform: perspective(120px)
	}

	50% {
		-webkit-transform: perspective(120px) rotateY(180deg);
		transform: perspective(120px) rotateY(180deg)
	}

	100% {
		-webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
		transform: perspective(120px) rotateY(180deg) rotateX(180deg)
	}
}

@keyframes rotateplane {
	0% {
		transform: perspective(120px) rotateX(0deg) rotateY(0deg)
	}

	50% {
		transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
	}

	100% {
		transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
	}
}

.media--loading {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	position: relative;
	min-height: 30px
}

.media--loading::before {
	content: '';
	display: none;
	width: 30px;
	height: 30px;
	max-width: 30px;
	background: #2eaae0;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -15px;
	margin-top: -15px;
	font-size: 0;
	z-index: 22;
	-webkit-animation: rotateplane 1.2s infinite ease-in-out;
	animation: rotateplane 1.2s infinite ease-in-out
}

.layout--onecol .layout__region {
	width: 100%
}

.slick,
.slick * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.slick img {
	height: auto
}

.slick img {
	border: 0;
	max-width: 100%
}

.slick {
	max-width: 100%;
	position: relative
}

.slick__slider::before,
.slick__slider::after {
	display: table;
	content: ''
}

.slick__slider::after {
	clear: both
}

.slick__slide {
	max-width: 100%;
	position: absolute;
	visibility: hidden
}

.slick__slide.slide--0 {
	position: relative
}

.media__image {
	margin: 0 auto
}

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

body::-webkit-scrollbar {
	width: 5px
}

body::-webkit-scrollbar-track {
	background: #fff
}

body::-webkit-scrollbar-thumb {
	background-color: #6c757d;
	border-radius: 50px
}

:root {
	--blue: #007bff;
	--indigo: #6610f2;
	--purple: #6f42c1;
	--pink: #e83e8c;
	--red: #dc3545;
	--orange: #fd7e14;
	--yellow: #ffc107;
	--green: #28a745;
	--teal: #20c997;
	--cyan: #17a2b8;
	--white: #fff;
	--gray: #6c757d;
	--gray-dark: #343a40;
	--primary: #0079c0;
	--secondary: #ff4e2e;
	--success: #28a745;
	--info: #17a2b8;
	--warning: #ffc107;
	--danger: #dc3545;
	--light: #f8f9fa;
	--dark: #343a40;
	--breakpoint-xs: 0;
	--breakpoint-sm: 576px;
	--breakpoint-md: 768px;
	--breakpoint-lg: 992px;
	--breakpoint-xl: 1200px;
	--font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

*,
*::before,
*::after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

html {
	font-family: sans-serif;
	line-height: 1.15;
	-webkit-text-size-adjust: 100%
}

aside,
header,
nav,
section {
	display: block
}

body {
	margin: 0;
	/* font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; */
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #343a40;
	text-align: left;
	background-color: #fff
}

h2 {
	margin-top: 0;
	margin-bottom: .5rem
}

p {
	margin-top: 0;
	margin-bottom: 1rem
}

ul {
	margin-top: 0;
	margin-bottom: 1rem
}

ul ul {
	margin-bottom: 0
}

a {
	color: #0079c0;
	text-decoration: none;
	background-color: transparent
}

img {
	vertical-align: middle;
	border-style: none
}

button {
	border-radius: 0
}

input,
button {
	margin: 0;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit
}

button,
input {
	overflow: visible
}

button {
	text-transform: none
}

button,
[type="button"] {
	-webkit-appearance: button
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner {
	padding: 0;
	border-style: none
}

::-webkit-file-upload-button {
	font: inherit;
	-webkit-appearance: button
}

h2 {
	margin-bottom: .5rem;
	font-weight: 500;
	line-height: 1.2
}

h2 {
	font-size: 2rem
}

@media (max-width:1200px) {
	h2 {
		font-size: calc(1.325rem + .9vw)
	}
}

.img-fluid {
	max-width: 100%;
	height: auto
}

.container {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto
}

@media (min-width:576px) {
	.container {
		max-width: 540px
	}
}

.row {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px
}

.form-control {
	display: block;
	width: 100%;
	height: calc(1.5em + .75rem + 2px);
	padding: .375rem .75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: .25rem
}

.form-control::-ms-expand {
	background-color: transparent;
	border: 0
}

.form-control:-moz-focusring {
	color: transparent;
	text-shadow: 0 0 0 #495057
}

.form-control::-webkit-input-placeholder {
	color: #6c757d;
	opacity: 1
}

.form-control::-moz-placeholder {
	color: #6c757d;
	opacity: 1
}

.form-control::-ms-input-placeholder {
	color: #6c757d;
	opacity: 1
}

.collapse:not(.show) {
	display: none
}

.dropdown {
	position: relative
}

.dropdown-toggle {
	white-space: nowrap
}

.dropdown-toggle::after {
	display: inline-block;
	margin-left: .255em;
	vertical-align: .255em;
	content: "";
	border-top: .3em solid;
	border-right: .3em solid transparent;
	border-bottom: 0;
	border-left: .3em solid transparent
}

.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 10rem;
	padding: .5rem 0;
	margin: .125rem 0 0;
	font-size: 1rem;
	color: #343a40;
	text-align: left;
	list-style: none;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, .15);
	border-radius: .25rem
}

.dropdown-item {
	display: block;
	width: 100%;
	padding: .25rem 1.5rem;
	clear: both;
	font-weight: 400;
	color: #212529;
	text-align: inherit;
	white-space: nowrap;
	background-color: transparent;
	border: 0
}

.nav {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none
}

.nav-link {
	display: block;
	padding: .5rem 1rem
}

.navbar {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: .5rem 1rem
}

.navbar-brand {
	display: inline-block;
	padding-top: .3125rem;
	padding-bottom: .3125rem;
	margin-right: 1rem;
	font-size: 1.25rem;
	line-height: inherit;
	white-space: nowrap
}

.navbar-nav {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none
}

.navbar-nav .nav-link {
	padding-right: 0;
	padding-left: 0
}

.navbar-nav .dropdown-menu {
	position: static;
	float: none
}

.navbar-collapse {
	-webkit-flex-basis: 100%;
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.navbar-toggler {
	padding: .25rem .75rem;
	font-size: 1.25rem;
	line-height: 1;
	background-color: transparent;
	border: 1px solid transparent;
	border-radius: .25rem
}

.navbar-toggler-icon {
	display: inline-block;
	width: 1.5em;
	height: 1.5em;
	vertical-align: middle;
	content: "";
	background: no-repeat center center;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%
}

.navbar-dark .navbar-brand {
	color: #fff
}

.navbar-dark .navbar-nav .nav-link {
	color: rgba(255, 255, 255, .5)
}

.navbar-dark .navbar-nav .active>.nav-link,
.navbar-dark .navbar-nav .nav-link.active {
	color: #fff
}

.navbar-dark .navbar-toggler {
	color: rgba(255, 255, 255, .5);
	border-color: rgba(255, 255, 255, .1)
}

.navbar-dark .navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvgxmlns='http://www.w3.org/2000/svg'width='30'height='30'viewBox='003030'%3e%3cpathstroke='rgba%28255,255,255,0.5%29'stroke-linecap='round'stroke-miterlimit='10'stroke-width='2'd='M47h22M415h22M423h22'/%3e%3c/svg%3e")
}

.media {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start
}

.align-top {
	vertical-align: top !important
}

.bg-primary {
	background-color: #0079c0 !important
}

.clearfix::after {
	display: block;
	clear: both;
	content: ""
}

.d-none {
	display: none !important
}

.d-inline-block {
	display: inline-block !important
}

.justify-content-end {
	-webkit-box-pack: end !important;
	-webkit-justify-content: flex-end !important;
	-ms-flex-pack: end !important;
	justify-content: flex-end !important
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0
}

.ml-2 {
	margin-left: .5rem !important
}

.field--type-entity-reference {
	margin: 0 0 1.2rem
}

.skip-link {
	left: 50%;
	-webkit-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 50;
	background: #495057;
	font-size: 1rem;
	line-height: 1.5;
	padding: 1px 1rem 2px;
	border-radius: 0 0 .3rem .3rem;
	border-bottom-width: 0;
	outline: 0
}

p {
	line-height: 28px;
	font-size: 18
}

body {
	background: #fff
}

body,
p,
a,
li {
	font-family: "Helvetica" !important
}

html {
	scroll-behavior: smooth
}

p {
	font-size: 18px;
	line-height: 1.56;
	letter-spacing: .3px
}

::-webkit-input-placeholder {
	color: #c4c4c4
}

h2 {
	font-family: "Helvetica-Bold" !important
}

:-ms-input-placeholder {
	color: #c4c4c4
}

::-webkit-input-placeholder {
	color: #c4c4c4
}

::-moz-placeholder {
	color: #c4c4c4
}

::-ms-input-placeholder {
	color: #c4c4c4
}

::placeholder {
	color: #c4c4c4
}

a {
	color: #0079c0
}

.menu--main li a {
	color: #ff4e2e
}

.slick {
	width: 100%
}

.slick>div {
	margin: 0 15px
}

.dropdown-toggle::after {
	display: none !important
}

.header-sap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9;
	padding-top: 20px
}

.header-sap .bg-primary {
	background: none !important;
	padding: 0
}

.header-sap img {
	max-width: 200px
}

.header-sap .navbar-dark .navbar-nav .nav-link {
	color: black !important;
	font-size: 14px;
	padding-top: 0
}

.header-sap .navbar-dark .navbar-nav .dropdown-menu {
	background: #000
}

.header-sap .navbar-dark .navbar-nav .dropdown-menu li {
	background: #000
}

.header-sap .navbar-dark .navbar-nav .dropdown-menu li a {
	color: #fff;
	font-size: 11px;
	text-transform: capitalize
}

.dropdown-toggle::after {
	display: none
}

.page-view-blogs {
	background: #f7f8f9
}

.page-view-blogs .highlighted::before {
	content: "Latest Thinking";
	background-image: url(/sap/themes/custom/cloud4c_sap/css/../images/banner-line.png);
	display: block;
	padding: 130px 10vw 80px 10vw;
	color: #0025c9;
	font-size: 40px;
	font-family: "Helvetica-Bold" !important;
	text-transform: uppercase;
	line-height: 1
}

.page-view-blogs .highlighted>.container {
	padding: 0
}

.page-view-blogs .view-header {
	display: none
}

.featured-bottom aside>section input {
	text-align: center;
	width: 314.5px;
	height: 27px;
	margin: 0 auto;
	margin-top: 10px
}

@media only screen and (max-width:860px) {
	p {
		font-size: 14px;
		line-height: 1.3
	}

	.header-sap {
		position: static;
		padding: 8px 0
	}

	.header-sap img {
		max-width: 150px
	}

	.header-sap .navbar-dark .navbar-nav .nav-link {
		margin: 0;
		padding: 12px 0 8px 16px;
		color: #fff !important;
		font-weight: 700
	}

	.navbar-dark .navbar-toggler {
		background: #0025c9;
		padding: 2px 10px
	}

	.navbar-dark button[aria-expanded="false"] span {
		background-image: url("data:image/svg+xml,%3csvgxmlns='http://www.w3.org/2000/svg'width='30'height='30'viewBox='003030'%3e%3cpathstroke='rgba%28255,255,255,0.5%29'stroke-linecap='round'stroke-miterlimit='10'stroke-width='2'd='M47h22M415h22M423h22'/%3e%3c/svg%3e")
	}

	.navbar-collapse .navigation {
		border: 0 !important;
		background: #1525c9f5 !important;
		padding: 0 !important
	}

	.navbar-collapse .navigation ul.navbar-nav {
		padding-top: 39px
	}
}

@media only screen and (max-width:850px) {
	.page-view-blogs .highlighted::before {
		padding: 44px
	}

	.page-view-blogs .highlighted {
		padding: 0 12px
	}
}

:root {
	--blue: #007bff;
	--indigo: #6610f2;
	--purple: #6f42c1;
	--pink: #e83e8c;
	--red: #dc3545;
	--orange: #fd7e14;
	--yellow: #ffc107;
	--green: #28a745;
	--teal: #20c997;
	--cyan: #17a2b8;
	--white: #fff;
	--gray: #6c757d;
	--gray-dark: #343a40;
	--primary: #007bff;
	--secondary: #6c757d;
	--success: #28a745;
	--info: #17a2b8;
	--warning: #ffc107;
	--danger: #dc3545;
	--light: #f8f9fa;
	--dark: #343a40;
	--breakpoint-xs: 0;
	--breakpoint-sm: 576px;
	--breakpoint-md: 768px;
	--breakpoint-lg: 992px;
	--breakpoint-xl: 1200px;
	--font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

*,
::after,
::before {
	box-sizing: border-box
}

html {
	font-family: sans-serif;
	line-height: 1.15;
	-webkit-text-size-adjust: 100%
}

aside,
header,
nav,
section {
	display: block
}

body {
	margin: 0;
	font-family: "Helvetica", Arial, sans-serif;
    font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	text-align: left;
	background-color: #fff
}

h2 {
	margin-top: 0;
	margin-bottom: .5rem
}

p {
	margin-top: 0;
	margin-bottom: 1rem
}

ul {
	margin-top: 0;
	margin-bottom: 1rem
}

ul ul {
	margin-bottom: 0
}

a {
	color: #007bff;
	text-decoration: none;
	background-color: transparent
}

img {
	vertical-align: middle;
	border-style: none
}
.view-id-blogs .view-content .slick-list img {
	width: 100%;
	border-radius: 10px;
}
button {
	border-radius: 0
}

button,
input {
	margin: 0;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit
}

button,
input {
	overflow: visible
}

button {
	text-transform: none
}

[type=button],
button {
	-webkit-appearance: button
}

[type=button]::-moz-focus-inner,
button::-moz-focus-inner {
	padding: 0;
	border-style: none
}

::-webkit-file-upload-button {
	font: inherit;
	-webkit-appearance: button
}

h2 {
	margin-bottom: .5rem;
	font-weight: 500;
	line-height: 1.2
}

h2 {
	font-size: 2rem
}

.img-fluid {
	max-width: 100%;
	height: auto
}

.container {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto
}

@media (min-width:576px) {
	.container {
		max-width: 540px
	}
}

.row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px
}

.form-control {
	display: block;
	width: 100%;
	height: calc(1.5em + .75rem + 2px);
	padding: .375rem .75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: .25rem
}

.form-control::-ms-expand {
	background-color: transparent;
	border: 0
}

.form-control:-moz-focusring {
	color: transparent;
	text-shadow: 0 0 0 #495057
}

.form-control::-webkit-input-placeholder {
	color: #6c757d;
	opacity: 1
}

.form-control::-moz-placeholder {
	color: #6c757d;
	opacity: 1
}

.form-control:-ms-input-placeholder {
	color: #6c757d;
	opacity: 1
}

.form-control::-ms-input-placeholder {
	color: #6c757d;
	opacity: 1
}

.collapse:not(.show) {
	display: none
}

.dropdown {
	position: relative
}

.dropdown-toggle {
	white-space: nowrap
}

.dropdown-toggle::after {
	display: inline-block;
	margin-left: .255em;
	vertical-align: .255em;
	content: "";
	border-top: .3em solid;
	border-right: .3em solid transparent;
	border-bottom: 0;
	border-left: .3em solid transparent
}

.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 10rem;
	padding: .5rem 0;
	margin: .125rem 0 0;
	font-size: 1rem;
	color: #212529;
	text-align: left;
	list-style: none;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, .15);
	border-radius: .25rem
}

.dropdown-item {
	display: block;
	width: 100%;
	padding: .25rem 1.5rem;
	clear: both;
	font-weight: 400;
	color: #212529;
	text-align: inherit;
	white-space: nowrap;
	background-color: transparent;
	border: 0
}

.nav {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none
}

.nav-link {
	display: block;
	padding: .5rem 1rem
}

.navbar {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: .5rem 1rem
}

.navbar-brand {
	display: inline-block;
	padding-top: .3125rem;
	padding-bottom: .3125rem;
	margin-right: 1rem;
	font-size: 1.25rem;
	line-height: inherit;
	white-space: nowrap
}

.navbar-nav {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none
}

.navbar-nav .nav-link {
	padding-right: 0;
	padding-left: 0
}

.navbar-nav .dropdown-menu {
	position: static;
	float: none
}

.navbar-collapse {
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-ms-flex-align: center;
	align-items: center
}

.navbar-toggler {
	padding: .25rem .75rem;
	font-size: 1.25rem;
	line-height: 1;
	background-color: transparent;
	border: 1px solid transparent;
	border-radius: .25rem
}

.navbar-toggler-icon {
	display: inline-block;
	width: 1.5em;
	height: 1.5em;
	vertical-align: middle;
	content: "";
	background: no-repeat center center;
	background-size: 100% 100%
}

.navbar-dark .navbar-brand {
	color: #fff
}

.navbar-dark .navbar-nav .nav-link {
	color: rgba(255, 255, 255, .5)
}

.navbar-dark .navbar-nav .active>.nav-link,
.navbar-dark .navbar-nav .nav-link.active {
	color: #fff
}

.navbar-dark .navbar-toggler {
	color: rgba(255, 255, 255, .5);
	border-color: rgba(255, 255, 255, .1)
}

.navbar-dark .navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.media {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: start;
	align-items: flex-start
}

.align-top {
	vertical-align: top !important
}

.bg-primary {
	background-color: #007bff !important
}

.clearfix::after {
	display: block;
	clear: both;
	content: ""
}

.d-none {
	display: none !important
}

.d-inline-block {
	display: inline-block !important
}

.justify-content-end {
	-ms-flex-pack: end !important;
	justify-content: flex-end !important
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0
}

.ml-2 {
	margin-left: .5rem !important
}

.content img {
	max-width: 100%;
	height: auto
}

@media (max-width:767px) {
	nav.menu--main {
		margin-left: 16px;
		width: 100%;
		padding-bottom: 12px
	}

	ul.dropdown-menu {
		border: 0
	}
}

.dropdown-item {
	padding: 5px 15px
}

ul.dropdown-menu {
	padding: 0;
	margin: 0
}

@media (max-width:767px) {
	.navbar-collapse {
		border-top: 0
	}

	.navbar-collapse .navbar-nav {
		margin-right: 0;
		margin-left: 0
	}

	.navbar-collapse .navigation {
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		z-index: 1030;
		width: 240px;
		height: 100%;
		margin: 0;
		overflow: auto;
		background-color: white;
		border-right: 1px solid;
		border-right-color: inherit;
		padding-left: .25rem
	}

	.navbar-collapse .navigation .navbar-nav .dropdown-menu li a {
		width: 100%;
		white-space: normal
	}
}

.navbar-dark .navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvgxmlns='http://www.w3.org/2000/svg'width='30'height='30'viewBox='001616'%3e%3cpathstroke='rgba%28255,255,255,0.5%29'fill-rule='evenodd'd='M11.8544.146a.5.50010.708l-77a.5.5001-.708-.708l7-7a.5.5001.7080z'/%3e%3cpathstroke='rgba%28255,255,255,0.5%29'fill-rule='evenodd'd='M4.1464.146a.5.50000.708l77a.5.5000.708-.708l-7-7a.5.5000-.7080z'/%3e%3c/svg%3e")
}