/*
green #8cc640
orange #f15b24

*/
html, body {
	height: 100%;
	min-height: 100%;
}

html {	
	font-size: 100%;
	-webkit-font-smoothing: antialiased;
	font-size: 62.5%;
}

body { 
	font-family: 'Open Sans', sans-serif; 
	font-size: 100%; 
	font-weight: 400; 
	color: #000; 
	padding-top: 70px;
}

body#home {
	padding-top: 0;
}

.hidden {
	display: none;
}
/*----------------
--- Typografie ---
------------------*/
p {
	font-size: 1.6rem;
	font-weight: 300;
	margin-bottom: 2rem;
	line-height: 2.8rem;
}

h1, h2, h3 {
	color: #f15b24;
}

h1 {
	font-weight: 800;
	text-transform: uppercase;
}
h2, h3 {
	font-weight: 600;
	text-transform: unset;
}

h1 {
	font-size: 3rem;
}

h2 {
	font-size: 2rem;
	margin-top: 15px;
}

h3 {
	font-size: 1.6rem;
}

strong {
	font-weight: 600;
}

ul {	
	margin: 0 0 2rem 15px;
	padding: 0;
	list-style-type: none
}

ol {	
	margin: 0 0 2rem 0;
	padding: 0 0 0 30px;
}


ul li, ol li {
	font-size: 1.6rem;
	font-weight: 300;
	padding-bottom: 5px;
}

ul li {
	background: url(../images/assets/li.png) no-repeat;
	background-position: 0 9px;
	padding-left: 15px;
}

.subheading {
	font-size: 1.8rem;
	font-weight: 600;
	text-transform: uppercase;
}


.green {
	color: #8dc63f;
}

.orange {
	color: #f15b24;
}
.white {
	color: #fff;
}

a, a:link, a:visited {
	color: #f15b24;
	border-bottom: 1px dotted #f15b24;
	text-decoration: none;
}

a:hover {
	border-bottom: 1px solid transparent;
	text-decoration: none;
}

a.btn:focus {
	box-shadow: none;
}

p.more-link i {
	margin-right: 5px;
}

.orange-bg {
	background: #fcded3;
}

.green-bg {
	background: #e8f4d9;
}
/*-----------
--- Forms ---
-----------*/
input[type="text"]:focus {
	border-color: #a1a1a1;
    outline: 0;
    box-shadow: none;
}

svg.fasvg {
	width: 2rem !important;
	height: 2rem !important;
}
/*------------
--- Header ---
------------*/

/* Top menu */

.navbar { background: #fff; transition: all .6s; backface-visibility: hidden; height: 70px; }

.navbar.navbar-no-bg { background: #fff;     border-bottom: 1px solid #8DC63F;}

.navbar-dark .navbar-nav { font-size: 15px; color: #fff; text-transform: uppercase; }
.navbar-dark .navbar-nav .nav-link { color: #fff; color: rgba(255, 255, 255, 0.8); border: 0; }
.navbar-dark .navbar-nav .nav-link:hover { color: #fff; }
.navbar-dark .navbar-nav .nav-link:focus { color: #fff; outline: 0; }

.navbar-expand-md .navbar-nav .nav-link { padding-right: 1rem; padding-left: 1rem; }

a.navbar-brand {
	border-right: 1px solid #f05c24;
	border-bottom: none;
	padding-right: 5px;
}

a.navbar-brand:hover, a.navbar-brand:focus   {
	border-right: 1px solid #f05c24;
	outline: none;
}

.navbar .navbar-text {
	text-transform: uppercase;
	font-weight: 800;
	font-size: 1.8rem;
}

.navbar-default {
  background-color: #FFF;
}

.main-nav {
	display: none;
}

.main-nav {
	padding: 100px 0 0 0;
	position: fixed;
	height: calc(100%);
	width: 100%;
	z-index: 999;
	text-align: center;
	background: #fff;
}

a.toggle {
	border-bottom: 0px solid transparent;
}

.hc-nav-trigger {
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: none;
    z-index: 9980;
    width: 30px;
    min-height: 26px;
	top: auto;
}

.hc-nav-trigger span {
	top: 45%;
}
.hc-nav-trigger span::before {
    top: -7px;
}
.hc-nav-trigger span::after {
	bottom: -7px;
}

header .toggle:hover span, 
header .toggle:hover span::before, 
header .toggle:hover span::after {
    background: #f15b24;
}

header .toggle:hover span::before {
	top: -15px;
	display: block;
    position: absolute;
    left: 0;
    height: 0px;
    background: transparent;
	content: 'MENU';
}

.hc-nav-trigger.toggle-open span::before {
    transform: translate3d(0, 7px, 0);
    width: 22px;
}

.hc-nav-trigger.toggle-open span::after {
    transform: rotate(-90deg) translate3d(7px, 0, 0);
    width: 22px;
}

.hc-offcanvas-nav .nav-container, .hc-offcanvas-nav .nav-wrapper, .hc-offcanvas-nav ul {
    background: #f15b24;
}

.hc-offcanvas-nav .nav-content>h2, .hc-offcanvas-nav .nav-content>h3, .hc-offcanvas-nav .nav-content>h4, .hc-offcanvas-nav .nav-content>h5, .hc-offcanvas-nav .nav-content>h6 {
    color: #fff;
	font-weight: bold;
	min-height: 90px;
}

.hc-offcanvas-nav li {
    background: transparent;
	padding-left: 0px;
	padding-bottom: 0;
}

.hc-offcanvas-nav li a {
	font-weight: 700;
}

.hc-offcanvas-nav .nav-item-link, 
.hc-offcanvas-nav li.nav-close a, 
.hc-offcanvas-nav .nav-back a {
    border-bottom: 1px solid #a63208;
}

.hc-offcanvas-nav a.nav-next {
    border-left: 1px solid #a63208;
    border-bottom: 1px solid #a63208;
}

.hc-offcanvas-nav .nav-wrapper>.nav-content>ul:first-of-type>li:first-child:not(.nav-back):not(.nav-close)>.nav-item-wrapper>.nav-item-link+a {
    border-top: 0px solid transparent
}


.hc-offcanvas-nav .nav-close-button span::before {
    margin-left: -6px;
	color: #fff;
}


.hc-offcanvas-nav span.nav-next::before {
    border-top: 2px solid #a63208;
    border-left: 2px solid #a63208;
	transform: translate(-50%, -50%) rotate(135deg);
}

.hc-offcanvas-nav li.nav-back span::before {	
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
}

.hc-offcanvas-nav li.nav-close span::before, 
.hc-offcanvas-nav li.nav-close span::after {
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
}


.hc-offcanvas-nav li.nav-back {
	margin-top: 50px;
	
}

.hc-offcanvas-nav li.nav-back a,
.hc-offcanvas-nav li.nav-back a:hover {
	background: #f59f80 !important;
}

.hc-offcanvas-nav .nav-wrapper>.nav-content>ul:first-of-type>li:first-child:not(.nav-back):not(.nav-close)>.nav-item-wrapper>.nav-item-link {
    border-top: 0px solid transparent;
}

.hc-offcanvas-nav h2.level-title,
.hc-offcanvas-nav h2.nav-title {
	border-bottom: 1px solid #c84110;
	margin-bottom: 0px;
}

.hc-offcanvas-nav .nav-content>.nav-close:first-child a, .hc-offcanvas-nav .nav-title+.nav-close a.has-label, .hc-offcanvas-nav li.nav-close a, .hc-offcanvas-nav .nav-back a {
    background: #f15b24;
    border-top: 1px solid #c84110;
    border-bottom: 1px solid #c84110;
}

.hc-offcanvas-nav:not(.touch-device) li.nav-close:not(.nav-item-custom) a:not([disabled]):hover,
.hc-offcanvas-nav:not(.touch-device) div.nav-back:not(.nav-item-custom) a:not([disabled]):hover{
    background: #c84110;
}

.hc-offcanvas-nav:not(.touch-device) li:not(.nav-item-custom) a:not([disabled]):hover,
.hc-offcanvas-nav li.active > .nav-item-wrapper a {
    background: #8cc640;
}
.hc-offcanvas-nav .nav-next span {
	background: #f59f80;
}

.hc-offcanvas-nav .nav-next span::before {
    transform: translate(-50%, -50%) rotate(135deg);
}

.hc-offcanvas-nav li.nav-parent .nav-item-link:last-child {
    padding-right: 30px;
}

.hc-offcanvas-nav .nav-wrapper>.nav-content>ul:not(:last-child) {
    border-bottom: 0px solid transparent;
}

.hc-offcanvas-nav ul.bottom-nav {
   
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    border-top: 0px solid transparent;
}

.hc-offcanvas-nav.disable-body::after, .hc-offcanvas-nav .nav-wrapper::after {
    content: '';
    z-index: 9990;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -ms-scroll-chaining: none;
    overscroll-behavior: none;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s ease .4s,opacity .4s ease;
}
.hc-offcanvas-nav::after, .hc-offcanvas-nav .nav-wrapper::after {
    background: rgba(0,0,0,0);
}

/* Carousel */

.carousel-container { 
	width: 100%; 
	padding: 0; 
}

.carousel-inner{
  max-height: 790px !important;
}

.carousel-container .carousel-control-prev { border-bottom: 0; }
.carousel-container .carousel-control-next { border-bottom: 0; }

.carousel-container .carousel-caption { 
	background-color: #000;
	padding: 15px;
	bottom: 50%;
	right: auto;
	left: 15%;
	width: 40%;
	background: rgba(0,0,0, .8);
}


.carousel-container .carousel-caption .carousel-caption-description { 
	color: #fff;  
	text-transform: uppercase;
	text-align: justify;
	opacity: 1;
	font-weight: 600;
	font-size: 1.8rem;
}

.carousel-container .carousel-caption .carousel-caption-description p {
	font-weight: 600;
}

.carousel-container .carousel-caption .carousel-caption-description a { color: #f05c24; border-bottom: 1px dashed #f05c24; text-decoration: none; transition: all .3s; font-weight: 700; }
.carousel-container .carousel-caption .carousel-caption-description a:hover, a:focus { color: #f05c24; border: 0; text-decoration: none; }

.carousel-container .carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
	top: auto;
    left: 0;
    z-index: 15;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    list-style: none;
	margin-bottom: 0;
	background-color: rgba(0,0,0,.85);
	
}


.carousel-container .carousel-indicators li { 
	/* box-sizing: content-box; */
    width: auto;
	max-width: 151px;
    height: 80px;
    margin-right: 3px;
    margin-left: 0px;
    text-indent: 0px;
    cursor: pointer;
    background-color: transparent;
    background-clip: padding-box;
    border-top: 0px solid transparent;
    border-bottom: 0px solid transparent;
    opacity: .6;
    transition: opacity .6s ease;
	float: left;
	border-left: 1px solid #f05c24;
	text-align: left;
	padding: 10px 15px 0px 5px;

}
.carousel-container .carousel-indicators li h3 i {
	color: #f05c24;
	margin-right: 5px;
}

.carousel-container .carousel-indicators li.active h3 i {
	color: #8cc640;
}
.carousel-container .carousel-indicators li:first-child {
	border-left: 1px solid transparent;
	margin: 0; 
	padding: 10px 0 0 0; 
	color: #f05c24;
	width: 30px;
	height: 80px;
}

.carousel-container .carousel-indicators li.active,
.carousel-container .carousel-indicators li:hover {
	opacity: 1;	
}
.carousel-container .carousel-indicators li:not(.s0) {
	width: 151px;
}
.carousel-container .carousel-indicators li.active:not(.s0) {
	background: #000;

}

.carousel-container .carousel-indicators h3 {
	font-weight: 800;
	text-transform: uppercase;
	font-size: 1.6rem;
}

.carousel-container .carousel-indicators .s1 {	
	color: #f05c24;
	border-color: #f05c24;
}
.carousel-container .carousel-indicators .s2 {	
	color: #dd6f29;
	border-color: #dd6f29;
}
.carousel-container .carousel-indicators .s3 {	
	color: #cd812d;
	border-color: #cd812d;
}
.carousel-container .carousel-indicators .s4 {	
	color: #bd9233;
	border-color: #bd9233;
}
.carousel-container .carousel-indicators .s5 {	
	color: #a9a738;
	border-color: #a9a738;
}
.carousel-container .carousel-indicators .s6 {	
	color: #8dc63f;
	border-color: #8dc63f;
}

.carousel-container .carousel-indicators p {
	margin-bottom: 0;
	color: #fff;
	font-size: 1.2rem;
	line-height: 135%;
}

.carousel-container .carousel-item {
  height: 100vh;
  min-height: 350px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


/* Canvas Sidebar */

.sidebar-wrapper {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 9999;
}



.sidebar-wrapper .sidebar-toggle {
	position: fixed;
	top: 75px;
	right: 10px;
	transition: 200ms;
	background: transparent;
}

.sidebar-wrapper .sidebar-toggle.open {
	right: calc(20% + 10px);
	transition: 200ms;
}

.sidebar.right {
    top: 0;
    right: 0;
    bottom: 0;
    width: 20%;
    background: #f15b24;
}

.sidebar.right a {
	color: #fff;
	border-bottom: 1px dashed #fff;
}



.sidebar-wrapper .sidebar-toggle a  {
	display: inline-block;
	color: #fff;
	background: rgba(241,91,36,0.5);
	border-radius: 50%;
	width: 50px;
	height: 50px;
	padding-top: 10px;
	border-bottom: 0px solid transparent;
}

.sidebar-wrapper .sidebar-toggle a.opener-btn,
.sidebar-wrapper .sidebar-toggle a.opener-btn:hover{
	display: block;
	color: rgba(241,91,36,1);
	background: transparent;
	border-radius: 0%;
	padding-top: 0px;
	text-align: center;
	vertical-align: middle;
	
}


 
.sidebar-wrapper .sidebar-toggle .mobile-opener {
	display: none;
}

.sidebar-wrapper .sidebar-toggle a.top-btn {
	background: #8cc640;
}

.sidebar-wrapper .sidebar-toggle a:hover, 
.sidebar-wrapper .sidebar-toggle.open a.contact-btn {
	background: rgba(241,91,36,1);
}

.sidebar-wrapper .sidebar-toggle a.top-btn:hover,
.sidebar-wrapper .sidebar-toggle.open a.top-btn {
	background: #8cc640;
}


.sidebar-wrapper .sidebar-toggle a span::before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}



.sidebar-wrapper .sidebar-toggle a span::before {
	font-size: 2rem;
	color: #fff; 
}

.sidebar-wrapper .sidebar-toggle a.opener-btn span::before {
    font-family: "Font Awesome 5 Free";
    content: "\f358";
}

.sidebar-wrapper .sidebar-toggle a.contact-btn span::before {
	font-family: "Font Awesome 5 Free";
	content: "\f0e0";
}

.sidebar-wrapper .sidebar-toggle.open a.contact-btn span::before {
	font-family: "Font Awesome 5 Free";
	content: "\f2b6";
}

.sidebar-wrapper .sidebar-toggle a.facebook-btn span::before {
	font-family: "Font Awesome 5 Brands";
	content: "\f082";
}

.sidebar-wrapper .sidebar-toggle a.instagram-btn span::before {
	font-family: "Font Awesome 5 Brands";	
	content: "\f16d";
}

.sidebar-wrapper .sidebar-toggle a.youtube-btn span::before {
	font-family: "Font Awesome 5 Brands";
	content: "\f167";
}

.sidebar-wrapper .sidebar-toggle a.top-btn span::before {
	font-family: "Font Awesome 5 Free";
	content: "\f35b";
}

.sidebar-wrapper .sidebar-toggle a.tv-btn span::before {
	content: '';
	background-image: url(../../../images/icons/teamviewer_icon.svg);
	background-size: 20px 20px;
	width: 20px;
	height: 20px;
	margin-top: 4px;
}


.sidebars > .sidebar {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.64);
    position: fixed;
    color: white;
    padding: 30px;
    font-size: 2em;
    text-align: left;
	z-index: 9999;
}

.sidebars > .sidebar h2 {
	color: #fff;
	font-weight: 800;
	margin-bottom: 20px;
}

/* Breezing Forms */

.bfQuickMode section.bfElemWrap {
	padding: 0 0 15px;
}

.bfQuickMode .bfLabelLeft label {
    font-size: 1.6rem;
    font-family: 'Open Sans';
    font-weight: 300;
}

.bfQuickMode section input[type='text'], .bfQuickMode section select {
    min-height: 35px;
	font-size: 1.6rem;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
}

#bfGroupLabel13:after { 
     content: "\A";
     white-space: pre; 
}

.bfQuickMode .bfSubmitButton {
    float: left;
	font-size: 1.6rem;
    font-family: 'Open Sans';
    font-weight: 800;
	background-color: #f15b24;
	color: #fff;
	padding: 15px;
	border: 1px solid #7d2200;	
}

.bfQuickMode .bfSubmitButton:hover {    
	background-color: #7d2200;
	border: 1px solid #f15b24;	
}

/*
----------------
--- Content ---
----------------
*/

#home .content {
	margin-top: 50px;
}



#home section {
	margin-bottom: 50px;
}

#home h1, #home h2, #home h3 {
	text-transform: uppercase;
	font-weight: 800;
}

/* Home Teaser */

#home .teaser-container {
	background: rgba(0,0,0,0.8);
	padding: 10px 15px;
	color: #fff;
}

#home .follow-articles  {
	margin: 50px 0;
}

#home section .block-header {
	font-size: 4rem;
	text-transform: uppercase;
	font-weight: 800;
}

#home section.left .block-header {
	text-align: right;
}
#home section.right .block-header {
	text-align: left;
}

#home section .teaser h1 {
	font-size: 3rem;
}

#home section .teaser h1 small {
	font-size: 1.6rem;
}


#home .section-references {
	margin-bottom: 0;
	border-bottom: 1px solid #f15b24;
}
.section-elo .block-header {
	color: #8cc640
}

.section-elo h1 {
	color: #f15b24;
}

.section-software .block-header {
	color: #f15b24
}

.section-software h1 {
	color: #8cc640;
}

.section-elo .teaser h2 {
	color: #f15b24;
}

.section-elo .follow-articles h3 i {
	color: #f15b24;
}

.section-elo .follow-articles h3 i {
	color: #f15b24;
}

.header-image-bg {
	height: 450px;
	width: 100%;		
	background-repeat: no-repeat; 
	/*background-attachment: fixed;*/
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.breadcrumb {
	font-size: 1.4rem;
	padding: 10px 0;
}

#subnav {
	margin: 0 30px 0 0;
}

#subnav li {
	border-bottom: 1px dashed #666;
	background-position: 5px 18px;
	padding-left: 25px;
}

#subnav li a {
	border-bottom: none;
	color: #f15b24;
	padding: 10px 0;
	display: block;
	font-weight: 600;
}

#subnav li a:hover,
#subnav li.current a {
	color: #bb3807;
}

#subnav li.current a {
	font-weight: 800;
}

.page-header h1, .item-page h1 {
	color: #f15b24;
	font-weight: 600;
	text-transform: unset;
	margin-bottom: 15px;
}

a.doc-link, a.request-link {
	color: #fff;
	display: inline-block;
	font-weight:700;
}

a.doc-link {
	padding: 0 0 0 10px;
}

a.request-link {
	padding: 10px;
}

a.doc-link span {
	display: inline-block;
	padding: 10px;
	font-weight: 300;
	margin-left: 10px;
}

a.doc-link.green,
a.request-link.green {
	background: #8cc640;
	border: 1px solid #166205;
}

a.doc-link.green span {
	border-left: 1px solid #166205;
	background: #cff1a2;
	color: #68a912;
}

a.doc-link.green:hover,
a.request-link.green:hover {
	background: #68a912;
	border: 1px solid #166205;
}

a.doc-link.orange {
	background: #f15b24;
	border: 1px solid #c84110;
}

a.doc-link.orange span {
	border-left: 1px solid #c84110;
	background: #f6baa4;
	color: #db5828;
}

a.doc-link.orange:hover {
	background: #db5828;
	border: 1px solid #c84110;
}

/* Blocks */
.block-item {
	border: 10px solid #fff;
	padding: 15px 25px;
	background: #ffefe9;
	min-height: 300px;
}

/* Accordion */

h2.accordion-header {
	margin: 0;
	color: #68a912;
}

.accordion-button.collapsed {
	font-size: inherit;
	color: inherit;	
	background-color: rgba(140,198,64,0.3); 
}

.accordion-button {
	font-size: inherit;
	color: #fff;
	background-color: rgba(140,198,64,1); 
	border: 1px solid rgba(140,198,64,1);
}

.accordion-button:focus {
    border-color: #8cc640;
    box-shadow: none;
}

.accordion-button:not(.collapsed) {
    color: #fff;
    background-color: #8cc640;
}
.accordion-collapse {
    border: 1px solid rgba(140,198,64,1);
	border-bottom: none;
}

.carousel-container {
	margin-top: 70px;
}

.carousel-indicators {
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	background: transparent;
}

/* Tiles */

.wbx-tile-wrap {
	margin-bottom: 15px;
	
}

.category-module-modules .wbx-tile-wrap {
	min-height: 230px;
}

.wbx-tile {
	border-radius: 5px;
	padding: 15px 30px;
	height: 100%;
	border: 1px solid #e0e0e0;	
}

.wbx-tile:hover {
	box-shadow: 0 0 7px rgba(0, 0,0, .2);
}

/* Search */
#searchFormShow {
	margin-top: 1px;
	margin-left: 15px;
	margin-right: 8px;
	border-bottom: 0px solid transparent;	
}

#searchFormHide {
	border-bottom: 0px solid transparent;
}
#searchForm {
	display: flex;	
    flex-wrap: inherit;
    align-items: center;
    justify-content: space-between;
	background: #fff; 
	z-index: 99999; 
	padding: 10px 0 0 0; 
	height: 70px; 
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
}

#finder-search .inputbox, #mod-finder-searchword {
	height: 35px;
	font-size: 1.4rem;
}

#search-results h3 {
	margin: 25px 0 15px;
}
.search-results {
	margin-left: 0px;
}
.search-results .list-group-item {
    position: relative;
    display: block;
    padding: 0 0 5rem 1.5rem;
    text-decoration: none;
    background-color: #fff;
    border: 0px solid transparent;
	background-position: 0 6px;
}

span.search-query, span.num-search-result {
	font-weight: bold;
}

.small.result-url {
	font-size: 1.2rem;
}

.result-url {
	padding-top: 10px;
}

/* Pagination */

ul.pagination li {
	background: none;
}

ul.pagination li a {
	border-bottom: 1px solid #dee2e6;
}

.page-item.active .page-link {
    background-color: #F15B24;
    border-color: #F15B24;
}

.page-link:hover, .page-link:focus {
    color: #F15B24;
    background-color: #e9ecef;
    border-color: #dee2e6;
	box-shadow: none;
	border: 1px solid #dee2e6;;
}


/* References */
.references-masonry {
  column-count: 3;
  column-gap: 2em;
}

.reference-item {
  display: inline-block;
  width: 100%;
  margin-bottom: 20px;
}

.reference-header {
	background: #ececec; 
	text-align: center; 
	padding: 15px 10px;
}

.reference-header .reference-img {
	margin: 0 0 15px 0;
}

.reference-header a {
	border-bottom: 0px solid transparent;
}


.reference-header h2 {
	text-transform: uppercase;
	font-weight: 600;
	font-size: 1.4rem;
	color: #000;
	margin-bottom: 0px;
}
.reference-header h2 a {
	color: #8cc640;
	text-decoration: none;
	border-bottom: 1px dotted #8cc640;
}

.reference-content {
	padding: 10px 10px 1px 10px;
    background: #f8f8f8;
}

.reference-content blockquote,
.reference blockquote{
	background: url(../images/assets/blockquote.png) no-repeat top left;
	padding: 0 0 0 60px;
}

.reference-content blockquote p,
.reference blockquote p {
	border-left: 1px solid #f15b24;
	font-style: italic;
	font-size: 1.45rem;
	line-height: 140%;
	padding-left: 10px;
}

.reference .reference-img {
	text-align: center;
}

.reference .reference-introtext {
	margin: 30px 15px 0 0;
}

.reference .reference-fulltext {
	
}


.reference .reference-fulltext h1 {
	color: #f15b24; 
}

/*----------
--- News ---
----------*/
/* Home*/
.home-news {
	margin: 50px 0;
}

.home-news h1.page-title { 
	color: #F15B24;
}

.home-news .readmore {
	text-align: right;
	margin-bottom: 0px;
}

.home-news .readmore a {
	border-bottom: none;
	
}
.home-news .readmore a:hover {
	color: #8CC640;
}
/*news page*/
.news h1 a, .news .btn {
	border-bottom: 0px solid transparent;
	text-decoration: none
}

.news h1,
.news-item h1 {
	font-family: 'Open Sans';
	text-transform:uppercase;
	font-size: 2rem;
	font-weight: 800;
}

.news .article-info,
.news-item .article-info {
	border-bottom: 1px solid gray;
}

.news .btn {
	font-size: 1.5rem;
}
.news .item-image,
.news-item .item-image {
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: 1px solid gray;
}
/*
--------------
--- Footer ---
--------------
*/
.breadcrumbs-below {
	background: #8cc640;
	color: #fff;	
}

.breadcrumbs-below  .breadcrumb {
    padding: 5px 0 0 0;
}

.breadcrumbs-below .breadcrumb a {
	color: #fff;
	border-bottom: 1px dashed #fff;
}

.breadcrumbs-below .breadcrumb-item+.breadcrumb-item::before {    
    color: #fff;
}

.breadcrumbs-below  .breadcrumb-item.active {
    color: #fff;
	font-weight: 800;
}
footer { padding: 0 0 40px 0; height: 70px; }
footer hr {
    margin: 0 0 1rem 0;
}
.foot-nav-law {
	font-size: 1.1rem;
}

.footer .social a {
	padding-right: 15px;
	border-bottom: 0px solid transparent;
}

/*
------------------
--- Overrrises ---
------------------
*/

.ui.message .list li {
	list-style-type: none !important;
	background: none !important;
}

.ui.message .list:not(.ui) li:before {
	content: '' !important;
}

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

@media (min-width: 768px) and (max-width: 991px) {
	.navbar .navbar-text {
		font-size: 1.4rem;
	}			
	.references-masonry {
		column-count: 2;
		column-gap: 1em;
	}
}

@media (max-width: 991px)  {
	.sidebar-wrapper .sidebar-toggle .mobile-opener {
		display: block;
	}
	
	.sidebar-wrapper .sidebar-toggle p {margin-bottom: 1rem;}
	
	.sidebar-wrapper .sidebar-toggle .quick-buttons {
		display: none;
	}

	.sidebar-wrapper .sidebar-toggle .quick-buttons.btns-opened {
		display: block;
	}
	
}

@media (max-height: 375px) and (orientation: landscape) {
	.sidebar-wrapper .sidebar-toggle .quick-buttons.btns-opened {
		max-height: 200px;
		overflow-y: scroll;
	}
}

@media (max-width: 767px) {	
		
	h1, h2 { font-size: 22px; line-height: 30px; }
	.carousel-container .carousel-caption { bottom: 20px; }
	.carousel-container .carousel-indicators { display: none; }	
	.hc-offcanvas-nav .nav-container {
		width: 100%;
	}
	.references-masonry {
		column-count: 1;
		column-gap: 1em;
	}
	
	
}

@media (max-width: 575px) {	
	.carousel-container .carousel-caption { bottom: 0; padding-bottom: 20px; }
	.carousel-container .carousel-caption-description { display: none; }	
	.carousel-container h1, 
	.carousel-container h2, 
	.carousel-container h3 { font-size: 18px; }
	.sidebar-wrapper .sidebar-toggle.open {
	right: calc(80% + 10px);
	transition: 200ms;
	}

	.sidebar.right {
		top: 0;
		right: 0;
		bottom: 0;
		width: 80%;
		background: #f15b24;
	}
	.header-image-bg {
		max-height: 150px;
		background-position: 0 0;
		-webkit-background-size: 100%;
		-moz-background-size: 100%;
		-o-background-size: 100%;
		background-size: 100%;
	}
	#home section .teaser h1 {
		font-size: 2.2rem;
	}
	#home .content {
		margin-top: 100px;
	}
	
	.item-page {
		margin-top: 50px;
	}
	
	
}

/* Retina-ize images/icons */
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
	/* logo */
    
}


/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  }

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {  }

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {  }

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  }