:root {
  --extra_padding_for_angle: 25.22px;
}

#hikashop_checkout{
  font-family:var(--font-evo);
}

h3.company_title {
  font-size: 24px;
  color: white;
  background-color: var(--blue-evo);
  padding: 10px 20px;
  font-family: var(--font-evo);
  width: calc(70% - 42px);
  position: relative;
  clip-path: polygon(0 0, 100% 0, calc(100% - var(--extra_padding_for_angle) - 5px) 100%, 0 100%);
  padding-right: var(--extra_padding_for_angle);
  margin-bottom:20px;
}

h4.company_title {
  padding: 0;
    margin-bottom: calc(var(--block_distance) / 4);
    font-family: var(--font-evo);
    font-size: 18px;
    color: var(--gray-evo);
    border-bottom: 1px solid var(--gray-evo);
    text-align: center;
}

.company_button {
    white-space: nowrap;
    color: white !important;
    background-color: var(--blue-evo) !important;
}

.menu-with-offcanvas ul.cart-menu li.only_hover {
  display:none;
}

@media (min-width:992px){
  .menu-with-offcanvas ul.cart-menu li:first-child {
  clip-path: polygon(0 0, 100% 0, calc(100% - var(--extra_padding_for_angle) - 5px) 100%, 0 100%)!important;
}

.menu-with-offcanvas ul.cart-menu li:not(:first-child) {
    clip-path: polygon(var(--extra_padding_for_angle) 0, 100% 0%, 100% 100%, 0 100%) !important;
    padding-left: calc(1rem + var(--extra_padding_for_angle));
}

  .menu-with-offcanvas ul.cart-menu{
    background-color:var(--blue-evo);
  }
}

@media (min-width:1200px){
 .menu-with-offcanvas ul.cart-menu {
  min-width: 233px;
    justify-content: flex-end!important;
}

.menu-with-offcanvas ul.cart-menu:hover {
  border-left: #fff solid 3px;
}

  .menu-with-offcanvas ul.cart-menu li.only_hover {
  display:initial;
}

.menu-with-offcanvas ul.cart-menu:not(:hover) li.only_hover, .menu-with-offcanvas ul.cart-menu:hover li:not(.only_hover) {
  display:none;
  transition:all 1s;
} 
}

.company_subtoolbar {
  background-color:#f9f9f9!important;
  padding: 10px 0;
}

.company_subtoolbar .left {
  display:flex;
  justify-content:flex-start;
}

.company_subtoolbar .right {
  display:flex;
  justify-content:flex-end;
}

.content_inner_container {padding:20px 0;}

#system-message-container {
    position: fixed;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9999;
    width: auto;
    max-width: 90%;
    text-align: center;
  transition: all 0.3s ease-in-out;
    opacity: 0.95;
  pointer-events: none;
}

#system-message-container joomla-alert {
    pointer-events: auto;
}

#system-message-container .alert-message {
  font-size:16px;
  font-family:var(--font-evo);
}

.company_wizardbar {
	background-color:#f9f9f9;
	border:1px solid #d4d4d4;
	margin-bottom:8px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.065);
	-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.065);
	box-shadow:0 1px 4px rgba(0, 0, 0, 0.065);
}

.company_wizardbar .badge {
    display: inline-block;
    margin-right: 5px;
    vertical-align: text-bottom;
}

.company_wizardbar:before,
.company_wizardbar:after {
	display:table;
	line-height:0;
	content:"";
}
.company_wizardbar:after { clear:both; }

.company_wizardbar ul {
	padding:0;
	margin:0;
	list-style:none outside none;
}

.company_wizardbar ul li {
	position:relative;
	float:left;
	height:46px;
	padding:0 20px 0 30px;
	margin:0;
	font-size:16px;
	line-height:46px;
	color:#999999;
	cursor:default;
	background:#ededed;
}

.company_wizardbar ul li .company_chevron {
	position:absolute;
	top:0;
	right:-14px;
	display:block;
	border:24px solid transparent;
	border-right:0;
	border-left:14px solid #d4d4d4;
}

.company_wizardbar ul li .company_chevron:before {
	position:absolute;
	top:-24px;
	right:1px;
	display:block;
	border:24px solid transparent;
	border-right:0;
	border-left:14px solid #ededed;
	content:"";
}

.company_wizardbar ul li .hkbadge { margin-right:8px; }

.company_wizardbar ul li a { color:#999999; }
.company_wizardbar ul li.company_step_finished { color:#468847; background:#f3f4f5; }
.company_wizardbar ul li.company_step_finished a { color:#468847; }
.company_wizardbar ul li.company_step_finished:hover { cursor:pointer; background:#e7eff8; }
.company_wizardbar ul li.company_step_finished:hover .company_chevron:before { border-left:14px solid #e7eff8; }
.company_wizardbar ul li.company_step_finished .company_chevron:before { border-left:14px solid #f3f4f5; }
.company_wizardbar ul li.company_step_current { color:#3a87ad; background:#f1f6fc; }
.company_wizardbar ul li.company_step_current a { color:#3a87ad; }
.company_wizardbar ul li.company_step_current .company_chevron:before { border-left:14px solid #f1f6fc; }

.company_wizardbar ul li:nth-child(1) {
	z-index:10;
	padding-left:20px;
	border-radius:4px 0 0 4px;
}
.company_wizardbar ul li:nth-child(2) { z-index:9; }
.company_wizardbar ul li:nth-child(3) { z-index:8; }
.company_wizardbar ul li:nth-child(4) { z-index:7; }
.company_wizardbar ul li:nth-child(5) { z-index:6; }
.company_wizardbar ul li:nth-child(6) { z-index:5; }
.company_wizardbar ul li:nth-child(7) { z-index:4; }
.company_wizardbar ul li:nth-child(8) { z-index:3; }
.company_wizardbar ul li:nth-child(9) { z-index:2; }
.company_wizardbar ul li:nth-child(10) { z-index:1; }