/**
 * If using a CSS pre-processor, tell it to overwrite this file. If not, place
 * your custom CSS modifications here.
 */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	line-height: 1.428571429;
	color: #bdbdbd;
    background: #161616;
}

a {
	color: #af9568;
	-webkit-text-decoration-skip: objects;
	text-decoration: none;  
}
:visited {
	color: #af9568;
}
a:active {
	color: #af9568;
}
a:active:not(.button) {
	background: none;
}
a:active,
a:hover {
	color: #af9568;
	outline-width: 0;
    text-decoration: underline;  
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 500;
	line-height: 1.1;
	color: inherit;
}
h1, .h1 {
	font-size: 1.6em;
    color: #ffffff;
}
h2, .h2 {
	font-size: 1.5em;
	margin: 1.0em 0 0.5em;	
}
hr {
    border: 1px solid #000000;
    height: 1px;
    margin: 0.7em;	
}
h1 {
	font-size: 1.6em;
}
h2 {
	font-size: 1.5em;
}
h3 {
	font-size: 1.25em;
}
h4 {
	font-size: 1em;
}
h5 {
	font-size: 0.875em;
}
h6 {
	font-size: 0.625em;
}

p {
    margin: 0.5em 0 10px;
}
p:last-child {
    margin-bottom: 0.5em;
}

label {
	color: #ffffff;	
}

blockquote {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
	border-left: 1px solid #bbb;
	font-style: italic;
	margin: 1.5em 10px;
	padding: 0.5em 10px;
}
blockquote:before {
	color: #bbb;
	content: "\201C";
	font-size: 3em;
	line-height: 0.1em;
	margin-right: 0.2em;
	vertical-align: -.4em;
}
blockquote:after {
	color: #bbb;
	content: "\201D";
	font-size: 3em;
	line-height: 0.1em;
	vertical-align: -.45em;
}
blockquote > p:first-child {
	display: inline;
}

tr.odd {
    background: #f6f6f6;
}
tr.even {
    background: #ffffff;
}
table.table {
    background: #ddd;
}
.table-striped > tbody > tr,
.table > thead > tr {
    border: 1px solid #ddd;
}
.table > thead > tr > th,
.table > thead > tr > th a.active,
.table > thead > tr > th a {
    color: #525252;
    font-weight: bold;
}
.table > thead > tr > th, 
.table > tbody > tr > th, 
.table > tfoot > tr > th, 
.table > thead > tr > td, 
.table > tbody > tr > td, 
.table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 0px solid #ddd;
}
.table > thead > tr > th {
    vertical-align: bottom;
    border: 1px solid #ddd;
}
.table > thead:first-child > tr:first-child > th {
    border: 1px solid #ddd;
}
.table > thead > tr > th.active {
    background: #d2d2d2 none repeat scroll 0 0;
}
.table-striped > tbody > tr:nth-of-type(odd) {
    background: #f6f6f6;
}
.table-striped > tbody > tr:nth-of-type(even) {
    background: #ffffff;
}
.table.table-hover.table-striped th, .table.table-hover.table-striped th a {
    color: #525252;
    font-weight: bold;
}
.table.table-hover.table-striped th {
    background: #e5e5e5;	
}
table.sticky-header tr {
    border: 1px solid #ddd;
}
table.sticky-header th {
    background: #e5e5e5;
    border: 1px solid #ddd;
    color: #525252;
    margin: 0;
    padding: 0.5em;
}
table.sticky-header th.active {
    background: #d2d2d2;
}
table.sticky-header th a {
    color: #525252;
    font-weight: bold;		
}
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr > td.active:hover,
.table > tbody > tr:hover,
.table > tbody > tr > td.active {
    background: #efefef;
}
table.views-table tbody tr:hover {
	background: #efefef;
}




/* ----- Block region ----- */

/*#Mobile (Portrait)
================================================== */
@media screen and (min-width: 576px) {
  .navbar.container {
    max-width: 540px;
  }
}
@media screen and (min-width: 768px) {
  .navbar.container {
    max-width: 720px;
  }
}
@media screen and (min-width: 992px) {
  .navbar.container {
    max-width: 960px;
  }
}
@media screen and (min-width: 1200px) {
  .navbar.container {
    max-width: 1140px;
  }
}
@media screen and (min-width: 1400px) {
  .navbar.container {
    max-width: 1320px;
  }
}

@media screen and (min-width: 576px) {
  .container {
    width: 540px;
  }
}
@media screen and (min-width: 768px) {
  .container {
    width: 720px;
  }
}
@media screen and (min-width: 992px) {
  .container {
    width: 960px;
  }
}
@media screen and (min-width: 1200px) {
  .container {
    width: 1140px;
  }
}
@media screen and (min-width: 1400px) {
  .container {
    width: 1320px;
  }
}


@media screen and (min-width: 1200px) {
  .navbar-right {
    float: right !important;
    margin-right: 0px;
  }
}


.main-container {
    background: #161616;
    padding-top: 10px;   
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 10px;     
}
.row {
    margin-right: -5px;
    margin-left: -5px;
}


[class*="col-"] {
    padding-right: 10px;
    padding-left: 10px;
}

section.col-xs-6, 
section.col-sm-6, 
section.col-md-6, 
section.col-lg-6 {
    padding-right: 0px;
    padding-left: 0px;
}


/* // Medium devices (tablets, 48em and up) */
@media (min-width: 48em) {
.layout-one-sidebar .col-sm-8 {
    padding-right: 0px;
    padding-left: 10px;
}

}


/* // Small devices (landscape phones, less than 48em) */
@media (max-width: 47.9em) {
.container {
  padding-right: 5px;
  padding-left: 5px;  
  margin-right: auto;
  margin-left: auto;
}

section.col-xs-6, 
section.col-sm-6, 
section.col-md-6, 
section.col-lg-6 {
    padding-right: 10px;
    padding-left: 10px;
}

}




/* ----- Header ----- */

@media screen and (min-width: 768px) {
body {
    margin-top: 0px;
}

}

.container > .navbar-header, 
.container-fluid > .navbar-header, 
.container-fluid > .navbar-collapse {
    margin-right: 5px;
    margin-left: 5px;
}
.container > .navbar-collapse {
    margin-right: 10px;
    margin-left: 10px;
    clear: both;    
}


#navbar.navbar-default.container-fluid,   
#navbar.navbar.container {   
    background-color: rgba(22, 22, 22, 0.88); 
    border: 0px solid #161616; 
    padding: 15px 0px 0px;
    margin-bottom: 0px;
    border-radius: 0px;         
    margin-top: 0px; 
}

.path-frontpage #navbar.navbar-default.container-fluid,   
.path-frontpage #navbar.navbar.container {   
    background-color: rgba(22, 22, 22, 0.88); 
    border: 0px solid #ffffff;   
    padding: 15px 0px 0px;
    margin-bottom: 0px;
    border-radius: 0px;
    display: inline-block;
    position: absolute;
    vertical-align: top;
    width: 100%;
    z-index: 1;
}

#navbar.navbar-default.container-fluid .navbar-header,   
#navbar.navbar.container .navbar-header {   
    background: transparent;
    padding: 0px 0px;
    margin-bottom: 0px;     
    border: 0px solid #161616;
    border-radius: 0px;    
}
#navbar.navbar-default.container-fluid .container {
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
}


#navbar.navbar-default.container-fluid .logo,
#navbar.navbar.container .logo {		
	margin: 0px 10px 10px 0px;	
    padding: 0px;   	
}
#navbar.navbar-default.container-fluid .maintenance-page .logo img,
#navbar.navbar-default.container-fluid img.img-fluid.d-inline-block.align-top,
#navbar.navbar.container .maintenance-page .logo img,
#navbar.navbar.container img.img-fluid.d-inline-block.align-top {	
    max-width: 100%;
    height: auto;
	margin: 0px auto 10px;	
}


#navbar.navbar-default.container-fluid .navbar-brand,
#navbar.navbar.container .navbar-brand {
    margin: 0px 10px 0px 0px;	
    padding: 0px;
    font-size: 2.2em;
    line-height: 1.228571429;
    height: auto;   
    letter-spacing: 0px;
}
#navbar.navbar-default.container-fluid a.name.navbar-brand,
#navbar.navbar-default.container-fluid a.name.navbar-brand:focus,
#navbar.navbar.container a.name.navbar-brand,
#navbar.navbar.container a.name.navbar-brand:focus {
    color: #af9568;
}
#navbar.navbar-default.container-fluid a.name.navbar-brand:hover,
#navbar.navbar.container a.name.navbar-brand:hover {
    color: #af9568;
}


#navbar.navbar-default.container-fluid .navbar-text,
#navbar.navbar.container .navbar-text {	
    margin: 0px 0px 10px 10px;	
    padding: 0px;
    font-style: normal;
    color: #ffffff;
}


/* // Small devices (landscape phones, less than 48em) */
@media (max-width: 47.9em) {
#navbar.navbar-default.container-fluid,     
#navbar.navbar.container {
    background: #161616;
    padding: 0px;
    margin: 0px auto 0px;  
    border: 0px solid #000000;
    border-radius: 0px;        
}
.path-frontpage #navbar.navbar-default.container-fluid,   
.path-frontpage #navbar.navbar.container {   
    background-color: rgba(250, 250, 250, 0.58); 
    border: 0px solid #ffffff;   
    padding: 0px 0px 0px;
    margin-bottom: 0px;
    border-radius: 0px;
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 100%;
    z-index: 1;
}

#navbar.navbar-default.container-fluid .navbar-header,   
#navbar.navbar.container .navbar-header {   
    background: #161616;
    padding: 10px 10px 0px;
    margin-bottom: 5px;     
    border: 0px solid #000000;
    border-radius: 0px;    
    margin: 0px;    
}


#navbar.navbar-default.container-fluid .navbar-brand,
#navbar.navbar.container .navbar-brand {
    float: none;
    margin: 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 1.8em;
    line-height: 1.228571429;
    letter-spacing: 0px;
    height: auto;
    text-align: center;
    display: block;        
}


#navbar.navbar-default.container-fluid .logo,
#navbar.navbar.container .logo {		
	margin: 0px 0px 10px 0px;	
    padding: 0px;   	
}
#navbar.navbar-default.container-fluid .logo.navbar-btn,
#navbar.navbar.container .logo.navbar-btn {
    margin-top: 0px;
    margin-bottom: 0px;
}
#navbar.navbar-default.container-fluid .logo img,
#navbar.navbar.container .logo img {
	margin: 0px auto 10px;		
    display: block;
}
#navbar.navbar-default.container-fluid .logo.navbar-btn.pull-left,
#navbar.navbar.container .logo.navbar-btn.pull-left {
    float: left !important;
}
#navbar.navbar-default.container-fluid img.img-fluid.d-inline-block.align-top,
#navbar.navbar.container img.img-fluid.d-inline-block.align-top {
    max-width: 33%;
	margin: 0px 0px 10px;		
    display: block;
}


#navbar.navbar-default.container-fluid .navbar-text,
#navbar.navbar.container .navbar-text {	
    margin: 10px 0px 10px 0px;
    padding: 0px;
    color: #ffffff;
    text-align: center;	    
    font-style: italic;
}

}




/* ----- Navigation first ----- */

#navbar.navbar-default.container-fluid .navbar-header, 
#navbar.navbar.container .navbar-header {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: left;
    width: 100%;
    margin: auto;
}


/* // Large devices (desktops, 62em and up) */
@media (min-width: 62em) {
div.region.region-navigation {
    flex: 0 0 14%;
    margin: 0;
}
div.region.navbar-collapse {
    flex: 0 0 86%;
    margin: 0;

    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin: auto;
}
div.region.region-navigation-first {
    flex: 0 0 25%;   
    margin: 0;

    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin: 15px auto;
}

}


/* // Medium devices (tablets, less than 62em) */
@media (max-width: 61.9em) {
div.region.region-navigation {
    flex: 0 0 100%;
    margin: 0;
}
div.region.region-navigation-first {
    flex: 0 0 100%;
    margin: 0;

    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin: auto;
}

}


/* // Small devices (landscape phones, less than 48em) */
@media (max-width: 47.9em) {
div.region.region-navigation {
    flex: 1 0 84%;
    margin: 0;
}    
div.region.region-navigation-first {
    flex: 0 0 0%;
    margin: 0;
}

}




/* ----- Footer ----- */

.footer {
    background-color: rgba(22,22,22,0.88);
    margin: 0px auto -1px;
    padding: 1.0em 0px 40px 0px;    
    border-top: 0px solid #161616;
}
.footer.container {
    padding-right: 10px;
    padding-left: 10px;
    margin-right: auto;
    margin-left: auto;
    width: 100%;		
    max-width: 100%;	
    text-align: center;
}
.path-frontpage .footer {
    background: #161616;
    margin: 0px auto -1px;
    padding: 0em 0px 40px 0px;    
    border-top: 0px solid #161616;
}


#block-footermessage {
    margin: 0px;
    padding: 0px 10px;
}
#block-footermessage h2.block-title {
    margin-top: 1.0em;
    color: #ffffff;
}
#block-footermessage .field--name-body {
    color: #ffffff;
    font-size: 0.9em;
}
#block-footermessage .field--name-body a {
    color: #af9568;
}


#block-footermessage [class*="col-"] {
    padding-right: 0px;
    padding-left: 0px;
}
#block-footermessage .list-inline svg.fa-circle {
    border-radius: 50%;
	border: 2px solid #3f4449;
    width: auto;	
}
#block-footermessage .list-inline a,
#block-footermessage .list-inline a:visited {
	color: #3f4449;
}
#block-footermessage .list-inline a:hover {
	color: #af9568;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s; 
}
#block-footermessage .list-inline>li {
    display: inline-block;
    padding-right: 0px;
    padding-left: 0px;
	margin: 0px -2px 4px;
}




/* ----- Bootstrap - Breadcrumb ----- */

.breadcrumb > li + li:before {
    padding: 0 0px;
    color: #999;
    content: "/\00a0";
}
.breadcrumb {
    padding: 0px 0px 8px;
    margin-bottom: 0px;
    list-style: none;
    background: transparent;
    border-radius: 0px;
}




/* ----- Bootstrap - Help ----- */

#block-system-help.block {
    margin-bottom: 0em;
}
.help-block {
	color: #777777;	
}




/* ----- Bootstrap - Alert ----- */

.alert {
    margin-bottom: 10px;
}




/* ----- Bootstrap - Panel ----- */

.panel-title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: bold;
}




/* ----- Bootstrap - Tabs ----- */

.tabs--primary.nav-tabs {
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;	
}
.tabs--primary.nav-tabs > li > a {
    background: #dfdfdf linear-gradient(#ffffff,#dfdfdf) repeat scroll 0 0;	
    border: 1px solid #ddd;
    color: #525252;
	padding: 8px 12px;	
}
.tabs--primary.nav-tabs > li > a:hover {
    background: #dfdfdf linear-gradient(#dfdfdf,#dfdfdf) repeat scroll 0 0;	
    border: 1px solid #ddd;
    color: #525252;	
}
.tabs--primary.nav-tabs > li > a.active {
    background: #ffffff linear-gradient(#ffffff,#ffffff) repeat scroll 0 0;	
    border: 1px solid #ddd;
    color: #525252;	
}
.tabs--primary.nav-tabs > li.active > a, .tabs--primary.nav-tabs > li.active > a:hover, .tabs--primary.nav-tabs > li.active > a:focus {
    color: #525252;
    cursor: default;
    background: #ffffff;
    border: 1px solid #ddd;
}


/* // Extra small devices (portrait phones, less than 34em) */
@media (max-width: 33.9em) {
.tabs--primary.nav-tabs > li {
    float: none;
    margin-bottom: 5px;
}
.tabs--primary.nav-tabs > li > a {
    background: #f9f9f9 linear-gradient(#f9f9f9,#f9f9f9) repeat scroll 0 0;	
    border: 1px solid #ddd;
    border-radius: 4px 4px 4px 4px;
    color: #525252;
}
.tabs--primary.nav-tabs > li > a:hover {
    background: #ffffff linear-gradient(#ffffff,#ffffff) repeat scroll 0 0;	
    border: 1px solid #ddd;
    border-radius: 4px 4px 4px 4px;
    color: #525252;
}
.tabs--primary.nav-tabs > li > a.active {
    background: #ececec linear-gradient(#ececec,#ececec) repeat scroll 0 0;	
    border: 1px solid #ddd;
    border-radius: 4px 4px 4px 4px;
    color: #525252;
}

}




/* ----- Bootstrap - Buttons ----- */

.btn-primary,
.btn-default {
    background: #af9568;
    border: 1px solid #8f7b55;
    color: #fff;
    text-shadow: 0 1px 0 #ae9668;
}
.btn-primary:hover,
.btn-default:hover {
    background: #e0e0e0;
    border: 1px solid #adadad;
    color: #52526f;
    text-shadow: 0 1px 0 #fff;	
}




/* ----- Bootstrap - Pagination ----- */

.pagination > li > a, 
.pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #fff;
    text-decoration: none;
    background: #161616;
    border: 1px solid #000;
}
.pagination > .active > a, 
.pagination > .active > span, 
.pagination > .active > a:hover, 
.pagination > .active > span:hover, 
.pagination > .active > a:focus, 
.pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    cursor: default;
    background: #354278;
    border-color: #000;
}
.pagination > .disabled > span:hover,
.pagination > li > a:hover,
.pagination > li > span:hover {
    color: #fff;	
    background: #354278;
    border-color: #000;
}
.pagination > .disabled > span {
    color: #777;
    cursor: not-allowed;
    background: #161616;
    border-color: #000;
}

.pager li > a, 
.pager li > span {
    display: inline-block;
    padding: 5px 14px;
    background: #354278;
    border: 1px solid #354278;
    border-radius: 5px;
    color: #fff;	
}
.pager > li > a:hover,
.pager > li > span:hover {
    color: #fff;	
    background: #354278;
    border-color: #000;  
}
li.pager-current {
    display: inline-block;
    padding: 5px 14px;
    background: #161616;
    border: 1px solid #000;
    border-radius: 5px;
    color: #fff;
}


aside .pager.js-pager__items {
    padding-left: 0;
    margin: 1em 0px 0em;
    text-align: center;
    list-style: none;
}
aside .js-pager__items li {
    display: inline-block;
}
aside .pager li > a {
    display: inline-block;
    padding: 5px 14px;
    background: #efefef;
    border: 1px solid #e4e4e4;
    border-radius: 5px;
    color: #525252;	
    font-size: 0.9em;
}




/* ----- Bootstrap - Search ----- */

#block-dsvline-search-form-narrow {
    background: #222222;
    border: 1px solid #000000;
    border-radius: 5px;
    box-shadow: 0px 0px 0px rgba(0,0,0,0.2);
    padding: 5px;
    margin: 1em 0px 1em;
    width: 100%;
    clear: both;  
}
#block-dsvline-search-form-narrow .form-group {
    margin-bottom: 0px;
}
#block-dsvline-search-form-narrow .help-block {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
#block-dsvline-search-form-narrow .btn-primary {
	background-image: linear-gradient(#af9568 0%, #000000 100%);
    background-repeat: repeat-x;
    border-color: #af9568;
	color: #ffffff;
    text-shadow: 0 1px 0 #353535;		
}
#block-dsvline-search-form-narrow .btn-primary:active:focus,
#block-dsvline-search-form-narrow .btn-primary:active,
#block-dsvline-search-form-narrow .btn-primary:hover {	
	background-image: linear-gradient(#111111 0%, #111111 100%);
    background-repeat: repeat-x;
    border-color: #111111;
}


#block-dsvline-search-form-wide {
    background: #222222;
    border: 1px solid #000000;
    border-radius: 6px;
    box-shadow: 0px 0px 0px rgb(0 0 0 / 20%);
    padding: 5px;
    margin: 1.0em 0px 1.0em;
}
#block-dsvline-search-form-wide .form-group {
    margin-bottom: 0px;
}
#block-dsvline-search-form-wide .help-block {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
#block-dsvline-search-form-wide .btn-primary {
	background-image: linear-gradient(#af9568 0%, #000000 100%);
    background-repeat: repeat-x;
    border-color: #af9568;
	color: #ffffff;
    text-shadow: 0 1px 0 #353535;		
}
#block-dsvline-search-form-wide .btn-primary:active:focus,
#block-dsvline-search-form-wide .btn-primary:active,
#block-dsvline-search-form-wide .btn-primary:hover {	
	background-image: linear-gradient(#111111 0%, #111111 100%);
    background-repeat: repeat-x;
    border-color: #ffffff;
}




/* ----- Blokkok ----- */

aside .block {
    margin-bottom: 1em;
}

aside h2.block-title {
    margin-bottom: 10px;
}




/* ----- Region-sidebar ----- */

/* // Small devices (landscape phones, less than 48em) */
@media (max-width: 47.9em) {
aside .block-title {
    margin-top: 10px;
}

}

/* // Medium devices (tablets, 48em and up) */
@media (min-width: 48em) {
aside .block-title {
    margin-top: 10px;
}

}




/* ----- User account menu ----- */

#block-dsvline-account-menu .navbar-nav {
    margin: 0px 0px 10px;
}
#block-dsvline-account-menu .svg-inline--fa {
    color: #af9568;
}
#block-dsvline-account-menu .nav > li {
    display: inline-block;	    
    border-left: solid 1px #000000;	
    padding: 0px 0px 0px 0px;
}
#block-dsvline-account-menu .nav > li:first-child {
    border-left: solid 0px #000000;
    padding: 0px 0px 0px 7px;	    
}
#block-dsvline-account-menu .nav > li > a {
    background-color: transparent;    
    color: #999;    
    padding: 5px 10px 5px 10px;
}
#block-dsvline-account-menu .nav > li > a:hover, 
#block-dsvline-account-menu .nav > li > a:focus {
    background: transparent;
    text-decoration: underline;	
}

#block-dsvline-account-menu .nav .open > a,
#block-dsvline-account-menu .nav .open > a:focus, 
#block-dsvline-account-menu .nav .open > a:hover {
	background: none;
}
#block-dsvline-account-menu .dropdown-menu {
	margin: 0px;
}
#block-dsvline-account-menu .dropdown-menu > li > a {
    padding: 7px 20px 7px 14px;
}
#block-dsvline-account-menu .navbar-nav li i.fab, 
#block-dsvline-account-menu .navbar-nav li i.fas, 
#block-dsvline-account-menu .navbar-nav li i.fa {
    color: #af9568;	
}
#block-dsvline-account-menu .dropdown-menu .active {
    color: #fff;
    text-decoration: none;
    background-color: #525252;
}
#block-dsvline-account-menu .dropdown-menu .active .svg-inline--fa {
    color: #fff;		
}
#block-dsvline-account-menu .dropdown-menu > li > a:hover {
    background-color: #e8e8e8;
}


.user-logged-out #block-dsvline-account-menu .nav > li > a {
    background: #4c76ae;
    border: 1px solid #1a447c;
    color: #ffffff;
    text-shadow: 0 1px 0 #1a447c;
    padding: 6px 12px 6px 12px;
    font-size: 1em;
    line-height: 1.42857143;
    border-radius: 4px;
    font-weight: normal;
}
.user-logged-out #block-dsvline-account-menu .svg-inline--fa {
    color: #ffffff;
}
.user-logged-out #block-dsvline-account-menu .nav > li > a:hover {
    background: #e0e0e0;
    border: 1px solid #adadad;
    color: #52526f;
    text-shadow: 0 1px 0 #fff;
    text-decoration: none;	    
}
.user-logged-out #block-dsvline-account-menu .nav > li > a:hover .svg-inline--fa {
    color: #52526f;
}


/* // Small devices (landscape phones, less than 48em) */
@media (max-width: 47.9em) {
#block-dsvline-account-menu .nav > li {
    border-left: solid 1px #000000;	
    padding: 0px 0px 0px 0px;
}
#block-dsvline-account-menu .nav > li > a {
    background-color: transparent;    
    color: #999;    
    padding: 5px 5px 5px 10px;
}
#block-dsvline-account-menu .nav > li.expanded.dropdown.open {
    display: block;
}
#block-dsvline-account-menu .nav > li.expanded.dropdown.open .dropdown-menu a {
    color: #ccc;
}
#block-dsvline-account-menu .nav > li.expanded.dropdown.open .dropdown-menu a .svg-inline--fa {
    color: #af9568;
}

}


[class*="page-user-"] .layout--twocol-section[class*="col-"] {
    padding-right: 0px;
    padding-left: 0px;
}
[class*="page-user-"] .layout__region--second .nav > li {
	margin: 0px 0px 2px;
}
[class*="page-user-"] .layout__region--second .nav > li > a {
    background: #232323;
    border-bottom: 1px solid #000000;
    border-left: 5px solid #000000;
    color: #ffffff;
}
[class*="page-user-"] .layout__region--second .nav > li > a:hover, 
[class*="page-user-"] .layout__region--second .nav > li > a:focus {
    background: #333;
    border-left: 5px solid #555;
    text-decoration: none;	
}




/* ----- Main navigation fluid ----- */

@media screen and (min-width: 576px) {
  .region-navigation-collapsible {
    max-width: 540px;
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;	
  }
}
@media screen and (min-width: 768px) {
  .region-navigation-collapsible {
    max-width: 720px;
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;	
  }
}
@media screen and (min-width: 992px) {
  .region-navigation-collapsible {
    max-width: 960px;
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;	
  }
}
@media screen and (min-width: 1200px) {
  .region-navigation-collapsible {
    max-width: 1140px;
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;	
  }
}
@media screen and (min-width: 1400px) {
  .region-navigation-collapsible {
    max-width: 1320px;
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;	
  }
}




/* ----- Mobil navigation ----- */

.navbar-toggle {
    position: relative;
    float: right;
    padding: 14px 12px;
    margin-right: 0px;
    margin-left: 0px;    
    margin-top: 0px;
    margin-bottom: 8px;
    background-color: #161616;
    background-image: none;
    border: 1px solid #ffffff;
    border-radius: 4px;
}


.navbar-default .navbar-toggle:hover, 
.navbar-default .navbar-toggle:focus {
    background-color: #111111;
}
.navbar-default .navbar-toggle {
    border-color: #ffffff;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #ffffff;
}


#navbar-collapse {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 15px;
    border: 0px solid #af9568;
    border-top: 0px solid #af9568;
    -webkit-box-shadow: inset 0 0px 0 rgb(255 255 255 / 10%);
    box-shadow: inset 0 0px 0 rgb(255 255 255 / 10%);
}


/* // Medium devices (tablets, 48em and up) */
@media (min-width: 48em) {
#navbar-collapse {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 15px;
}    
#block-dsvline-main-menu .menu-base-theme {
    z-index: 40;    
}
#block-dsvline-main-menu .menu-base-theme .svg-inline--fa {
    color: #af9568;
}
#block-dsvline-main-menu .menu-base-theme a {
    background: transparent;            
    padding: 20px 15px 17px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #ffffff;
    border-bottom: 3px solid transparent;
}
#block-dsvline-main-menu .menu-base-theme a.is-active,
#block-dsvline-main-menu .menu-base-theme a.active, 
#block-dsvline-main-menu .menu-base-theme a:hover {
    background-color: rgba(0, 0, 0, 0.18);
    border-bottom: 3px solid #000000;
}
#navbar-collapse #block-dsvline-main-menu .menu-base-theme a:focus, 
#navbar-collapse #block-dsvline-main-menu .menu-base-theme a:active, 
#navbar-collapse #block-dsvline-main-menu .menu-base-theme a.highlighted { 
    border-bottom: 3px solid #af9568;
}
#block-dsvline-main-menu .menu-base-theme li.menu-item--expanded a {
    padding: 20px 30px 17px 15px;    
}
#block-dsvline-main-menu .menu-base-theme > li {   
    border-left: 0px solid #000000;
}
#block-dsvline-main-menu .menu-base-theme .sub-arrow  {
    padding: 0px;
    top: 30px;
    right: 10px;
    left: auto;
    border-color: #af9568 transparent transparent transparent;
}


#block-dsvline-main-menu .menu-base-theme ul {
    border: 0px solid #f5f5f5;
}
#block-dsvline-main-menu .menu-base-theme ul.menu a {
    background: #111111;
    padding: 10px 25px 10px 15px;   
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #ffffff;
}
#block-dsvline-main-menu .menu-base-theme ul.menu a.hover,
#block-dsvline-main-menu .menu-base-theme ul.menu a:hover {
    background-color: #222222;       
    border-bottom: 3px solid #af9568;
}
#block-dsvline-main-menu .menu-base-theme ul.menu a.active {
    background-color: #111111;   
    border-bottom: 3px solid #af9568;
}
#block-dsvline-main-menu .menu-base-theme ul.menu a:focus, 
#block-dsvline-main-menu .menu-base-theme ul.menu a:active, 
#block-dsvline-main-menu .menu-base-theme ul.menu a.highlighted { 
    border-bottom: 3px solid #af9568;
}
#block-dsvline-main-menu .menu-base-theme ul li.menu-item--expanded a {
    border: 5px !important;
    padding: 12px 25px 12px 15px;
    border-bottom: 3px solid #af9568;      
}
#block-dsvline-main-menu .menu-base-theme ul .sub-arrow  {
    padding: 0px;
    top: 20px;
    right: 7px;
    left: auto;
    border-color: transparent transparent transparent #000000;
}

}


/* // Small devices (landscape phones, less than 48em) */
@media (max-width: 47.9em) {
#navbar-collapse {
    background: transparent;
    border-top: 0px solid #af9568;
    width: 100%;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;    
}

#navbar-collapse #block-dsvline-main-menu {
    background: #111111 none repeat-x scroll left top;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 10px 0px;
    border-top: 1px solid #000000;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    border-radius: 0px;
}
h2#block-dsvline-main-menu-menu {
    margin: 0.5em 0.5em;
    color: #161616;
}
#navbar-collapse #block-dsvline-main-menu .menu-base-theme ul {
    background: transparent;
}
#navbar-collapse #block-dsvline-main-menu .menu-base-theme li:first-child {
    border-top: 1px solid #000000;
}
#navbar-collapse #block-dsvline-main-menu .menu-base-theme li {
    border-top: 1px solid #000000;
}
#navbar-collapse #block-dsvline-main-menu .menu-base-theme li a {
    background: #111111;   
    color: #e7e7e7;
}
#navbar-collapse #block-dsvline-main-menu .menu-base-theme a:hover {
    background: #1d1d1d;
    color: #af9568;
}
#navbar-collapse #block-dsvline-main-menu .menu-base-theme a.is-active,
#navbar-collapse #block-dsvline-main-menu .menu-base-theme a.active {
    background: #0a0a0a;
    color: #af9568;
}
#navbar-collapse #block-dsvline-main-menu .menu-base-theme .sub-arrow {
    background-color: #222222;
    right: 0;
    margin: -22px -1px 0 0;
    padding: 0;
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    border: 1px solid #000;
    border-radius: 0px;
    color: #ffffff;
    font-size: 2em;
}
#navbar-collapse #block-dsvline-main-menu .svg-inline--fa {
    color: #161616;
}

}


#navbar-collapse #block-felhasznaloifiokmenuje {
    background: #111111 none repeat-x scroll left top;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 10px 0px;
    border-top: 1px solid #000000;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    border-radius: 0px;
}
h2#block-felhasznaloifiokmenuje-menu {
    margin: 0.5em 0.5em;
    color: #af9568;
}
#navbar-collapse #block-felhasznaloifiokmenuje li ul li ul li,
#navbar-collapse #block-felhasznaloifiokmenuje li ul li,
#navbar-collapse #block-felhasznaloifiokmenuje li {
    border-top: 1px solid #000;
}
#navbar-collapse #block-felhasznaloifiokmenuje li ul li ul li a:hover,
#navbar-collapse #block-felhasznaloifiokmenuje li ul li a:hover,
#navbar-collapse #block-felhasznaloifiokmenuje li a:hover {
    background: #1d1d1d;
    color: #ffffff;
}
#navbar-collapse #block-felhasznaloifiokmenuje li ul li ul li.menu-item--active-trail a.active,
#navbar-collapse #block-felhasznaloifiokmenuje li ul li.menu-item--active-trail a.active,
#navbar-collapse #block-felhasznaloifiokmenuje li.menu-item--active-trail a.active {
    background: #0a0a0a;
    color: #af9568;
}
#navbar-collapse #block-felhasznaloifiokmenuje li ul li ul li a,
#navbar-collapse #block-felhasznaloifiokmenuje li ul li a,
#navbar-collapse #block-felhasznaloifiokmenuje li a {
    padding: 0.8em;
    color: #ffffff;
    display: block;
    background: #111111;    
}
#navbar-collapse #block-felhasznaloifiokmenuje ul ul {
    list-style-type: none;
}
#navbar-collapse #block-felhasznaloifiokmenuje ul {
    padding: 0px;
    margin: 0px;
}
#navbar-collapse #block-felhasznaloifiokmenuje li ul li ul li a {
    margin-left: 40px;
}
#navbar-collapse #block-felhasznaloifiokmenuje li ul li a {
    margin-left: 20px;
}
#navbar-collapse #block-felhasznaloifiokmenuje .navbar-nav li i.fab, 
#navbar-collapse #block-felhasznaloifiokmenuje .navbar-nav li i.fas, 
#navbar-collapse #block-felhasznaloifiokmenuje .navbar-nav li i.fa {
    color: #af9568;
}




/* ----- Syndicate ----- */

#block-dsvline-syndicate {
    padding: 0px 0px 0px 0px;
}
.feed-icon {
    background: url(../../../core/misc/feed.svg) no-repeat;
    overflow: hidden;
    text-indent: -9999px;
    display: block;
    width: 16px;
    height: 16px;
}




/* ----- Node ----- */

h1.page-header {
    padding: 0px;
    margin-top: 0rem;
    margin-bottom: 0.9rem;
    border-bottom: 0px solid #eee;
}

.is-promoted.full,
.is-sticky.teaser {
    padding: 0em 0px 1.0em;
}
.is-promoted.is-unpublished.full {
    background: #fff4f4;
    padding: 0.5em 0.5em 10px;
}

.page-user-password .user-pass,
.page-user-register .user-register-form,
.page-user-login .user-login-form {
    padding: 1.0em 0px 10px;
}




/* ----- Field ----- */

.author {
    font-style: italic;
    color: #777;    
    padding-bottom: 9px;
    margin: 0px 0 10px;
    border-bottom: 1px solid #eeeeee;
}

.field--name-member-for.field--type-created {
    padding: 1.0em 0px 10px;
}
.field--name-field-reference {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}




/* ----- More information ----- */

.list-inline {
    padding-left: 0;
    margin-left: 0px;
	margin-bottom: 0px;	
    list-style: none;
}
.links li.first {
    border: medium none;
    padding: 0 0.5em 0 0;	
}
.links li {
    border-left: 1px solid #3c3c3c;
    padding: 0 0.5em;
}




/* ----- Images ----- */

.is-promoted.full .field--name-field-image img.img-responsive {
    margin: 10px 0px 0px;
    padding: 0px;
    vertical-align: top;
}


.blazy__caption {
    margin: 5px 0px 7px 0px;
    padding: 0px;
    text-align: left;
}

.blazy--photoswipe.slick--field {
    margin: 15px 0px 0px;
}
.blazy--photoswipe.slick--field-image.unslick {
    margin: 0px 0px 15px;
}


/* // Extra small devices (portrait phones, less than 34em) */
@media (max-width: 33.9em) {
.is-promoted.full .field--name-field-image img.img-responsive {
    margin: 10px 0px 0px;
    padding: 0px;
    vertical-align: top;
}

}




/* ----- User Picture ----- */

.path-user h4.label {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.0em;
    color: #fff;
    padding: 0em 0em 0.3em;	
}




/* ----- File - Upload ----- */

.views-row .file,
.field--name-field-upload .file {
    background: #f6f6f6;	
    border: 1px solid #ddd;
    border-radius: 6px;	
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
    line-height: 1.428571429;
    color: #af9568;	
}
.views-row .file:hover,
.field--name-field-upload .file:hover {
    background: #efefef;
}
.views-row .file .text-primary,
.field--name-field-upload .file .text-primary {
    color: #777777;	
}
.views-row .file > span:first-child,
.field--name-field-upload .file > span:first-child {
    border-left: 0px solid #ddd;
    border-radius: 0px;	
}
.views-row .file > span,
.field--name-field-upload .file > span {
    background: transparent;
    color: #af9568;	
    border-bottom: 0px solid #ddd;
    border-top: 0px solid #ddd;
    padding: 4px 8px;		
	font-weight: normal;
    border-radius: 0px;	
}
.views-row .file > span:last-child,
.field--name-field-upload .file > span:last-child {
    border-right: 0px solid #ddd;
    border-radius: 0px;	
    color: #777777;	    
}




/* ----- Frontpage ----- */

body.path-frontpage .main-container {
    background: #fff;
    margin-bottom: 0px;	
    padding-top: 0px;   
}


/* // Small devices (landscape phones, less than 48em) */
@media (max-width: 47.9em) {
body.path-frontpage .main-container {
    background: #fff;
    margin-bottom: 0px;	
    padding-top: 0px;   
}

}

body.path-frontpage .main-container .alert {
    margin-top: 10px;
}

.path-frontpage .region-content h2.block-title {
    margin-top: 0px;
}


/* // Large devices (desktops, 62em and up) */
@media (min-width: 48em) {
.path-frontpage .main-container.container .col-sm-12 {
    padding-right: 0px;
    padding-left: 0px;
}

}


.path-frontpage .main-container.container .layout--twocol-section--50-50 {
    padding-right: 0px;
    padding-left: 0px;
}


/* // Extra large devices (large desktops, 75em and up) */
@media (min-width: 75em) {
body.path-frontpage .main-container {
    width: 100%;
    max-width: 100%;
}	

}


/* // Extra large devices (large desktops, 75em and up) */
@media (min-width: 75em) {
.path-frontpage .block-views-blockszoveg-block-1 .view-content {
    width: 1320px;	
    margin: 0px auto;
}

}


.path-frontpage .block-views-blockszoveg-block-1 {
    background: #161616;
    border-top: 3px solid #af9568;
    border-bottom: 3px solid #af9568;    
    text-align: center;	
    margin: 0px auto 0px;
    padding: 25px 10px 25px;
    color: #525252;  
}


/* // Medium devices (tablets, less than 62em) */
@media (max-width: 61.9em) {
.path-frontpage .block-views-blockszoveg-block-1 {
    margin: 0px -10px;
}

}


.path-frontpage .block-views-blockszoveg-block-1 .views-field-title h2 a {
    font-size: 1.4em;
    font-weight: normal;
    color: #af9568;
}
.path-frontpage .block-views-blockszoveg-block-1 .views-field-body { 
    padding: 0 15px;
    color: #ffffff;
}
.path-frontpage .block-views-blockszoveg-block-1 .views-field-view-node {
    margin: 25px 0px 0px;
}
.path-frontpage .block-views-blockszoveg-block-1 .views-field-view-node a {
    color: #af9568;
}

.path-frontpage .block-views-blockszoveg-block-1 .views-field-nothing {
    height: 20px;
}
.path-frontpage .block-views-blockszoveg-block-1 .section-divider.triangle.down {
    background: #161616;        
    bottom: -22px;
    border-bottom: 3px solid #af9568;
    border-right: 3px solid #af9568;    
}
.path-frontpage .block-views-blockszoveg-block-1 .section-divider.triangle.down {
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.path-frontpage .block-views-blockszoveg-block-1 .section-divider {
    background: #161616;    
    display: block;
    width: 50px;
    height: 50px;
    position: relative;
    left: 50%;
    margin-left: -25px;
    background-color: inherit;
    z-index: 1;
}


.path-frontpage .block-views-blockszoveg-block-2 {
    text-align: center;
    margin: 45px auto 0px;
    padding: 0px 10px 5px;
}
.path-frontpage .block-views-blockszoveg-block-2 h2.block-title {
	font-size: 2.0em;
    line-height: 120%;
    font-weight: normal;
    color: #af9568;
    margin: 0px 10px 15px;	    
	padding: 0;	
}
.path-frontpage .block-views-blockszoveg-block-2 .views-row h2 {
	font-size: 2.0em;
    line-height: 120%;
    font-weight: normal;
    color: #af9568;
    margin: 15px 10px 15px;	    
	padding: 0;	
}
.path-frontpage .block-views-blockszoveg-block-2 .views-row .views-field-body {
    color: #161616;
}


/* // Small devices (landscape phones, less than 48em) */
@media (max-width: 47.9em) {
.path-frontpage .block-views-blockszoveg-block-2 .views-row img {
    display: block;
    width: 100%;
    height: auto;
}

}




/* ----- Responsive Tables Filter ----- */

.tablesaw-advance a.tablesaw-nav-btn {
    border: 1px solid #525252;
    border-radius: .25em;
    background: none;
    box-shadow: 0 0px 0 rgb(255 255 255);
    color: #525252;
}
.tablesaw-advance a.tablesaw-nav-btn.right:before {
    left: .7em;
    border-left: 5px solid #525252;
}
.tablesaw-advance a.tablesaw-nav-btn.left:before {
    left: .6em;
    border-right: 5px solid #525252;
}


/* // Small devices (landscape phones, less than 48em) */
@media (max-width: 47.9em) {
table.tablesaw.table {
    background: transparent; 
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;        
}
.tablesaw-stack td .tablesaw-cell-label {
    color: #525252;
}
.tablesaw-stack tbody tr {
    border-bottom: 0px solid #dddddd;
}
table.tablesaw.table > thead > tr {
    border: 0px solid #ddd;
}
table.tablesaw.table > tbody > tr:nth-of-type(odd) > td {
    background: #f6f6f6;
}
table.tablesaw.table > tr:nth-of-type(even) > td {
    background: #ffffff;
}
table.tablesaw.table > tbody > tr:hover > td {
    background: #e5e5e5;
}

}




/* ----- Webform ----- */

.webform legend {
    margin-bottom: 0px;
    padding-bottom: 5px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: bold;	
    color: #af9568;    
}
.webform .form-actions.form-group {
    margin-bottom: 0px;
}


.page-node-type-webform .radios--wrapper .fieldset-wrapper,
.page-node-type-webform .checkboxes--wrapper .fieldset-wrapper,

.path-webform .radios--wrapper .fieldset-wrapper,
.path-webform .checkboxes--wrapper .fieldset-wrapper {
    margin-top: 5px;    
    margin-bottom: 15px;

    background: #222222;
    border: 1px solid #000000;
    padding: 10px;
    border-radius: 4px;

}


.webform .description,
.page-node-type-webform .description,
.path-webform .description {
    color: #777;
    font-size: 0.9em;
    margin: 5px 0 10px;
    padding: 0;
}


.webform-options-display-buttons input:checked + label.webform-options-display-buttons-label {
    color: #000;
    border-color: #f38c01;
    background: #ffde97;
}


/* // Extra small devices (portrait phones, less than 34em) */
@media (max-width: 33.9em) {
.page-node-type-webform .webform-flex,
.path-webform .webform-flex {
    margin: 0px 0 10px;
    padding: 0;
}

}




/* ----- view - View ----- */

.view .table {
    margin-bottom: 10px;
}




/* ----- view - Filters ----- */

.view-filters {
	background: #ecebeb;
    border: 1px solid #dadada;
    border-radius: 5px;
    margin: 10px 0px;
    padding: 0.5em 0.5em 0em 0.5em;
}
.view-filters .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0.5em;
    vertical-align: middle;
}




/* ----- view - Slideshow ----- */

.view-slideshow .view-content {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
.block.block-views-blockslideshow-block-1 {
    margin-bottom: 0em;
}

.view-slideshow .slick-arrow:hover::before {
    color: #ffffff;
}


.slick-arrow::before {
    color: #ffffff;
}
.slick-dots {
    position: relative;
    bottom: -15px;
}


.view-slideshow .slide__caption {	
    background: linear-gradient(to right, rgba(250,250,250,0) 1%,rgba(0,0,0,0.39) 50%,rgba(0,0,0,0.4) 51%,rgba(250,250,250,0) 100%);
    margin: 0px;
    text-align: center;
}
.view-slideshow .slide__caption .slide__title a {
    color: #fff;
    font-size: 1.6em;
    font-style: normal;	
    text-decoration: none;
    text-shadow: 1px 1px 2px #000;
}
.view-slideshow .slide__caption .slide__description {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 0.9em;
    line-height: 1.428571429;
    margin-bottom: 5px;    
    font-style: normal;    
    color: #eee;
    text-shadow: 1px 1px 2px #000;   
}
.view-slideshow .slide__caption .slide__link {
    margin: 0px auto 5px;
}
.view-slideshow .slide__caption .slide__link a {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 0.9em;
    color: #fff;
    text-decoration: none;    
    text-shadow: 0px 0px 0px #000;     
}


/* // Medium devices (tablets, 48em and up) */
@media (min-width: 48em) {
.view-slideshow .slick-prev {
    left: 15px;
}
.view-slideshow .slick-next {
    right: 15px;
}
.view-slideshow .slick-arrow {
    height: 71px;
    width: 71px;
}

.view-slideshow .slick-arrow::before {
    color: #ffffff;
    font-size: 7rem;
}

}


/* // Small devices (landscape phones, less than 48em) */
@media (max-width: 47.9em) {
.view-slideshow .view-content {
    margin: 0px -10px 0px -10px;
    padding: 0px 0px 0px 0px;
}

.view-slideshow .slide__caption {	
    background: linear-gradient(to right, rgba(250,250,250,0) 1%,rgba(0,0,0,0.39) 50%,rgba(0,0,0,0.4) 51%,rgba(250,250,250,0) 100%);
    padding: 5px 10px 5px 10px;
    margin: 0px;
    position: absolute;
    bottom: 0%;
    text-align: center;
    color: #fff;	
}
.view-slideshow .slide__caption .slide__title a {
    color: #fff;
    font-size: 1.2em;
}

}




/* ----- view - Fooldal szoveg ----- */

.path-frontpage h1.page-header {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}




/* ----- Layout region body ----- */

.path-node .is-promoted.full .layout--twocol-section.layout--twocol-section--50-50[class*="col-"] {
    padding-right: 0px;
    padding-left: 0px;
}

/* // Medium devices (tablets, 48em and up) */
@media (min-width: 48em) {
.path-node .layout--twocol-section.layout--twocol-section--50-50 > .layout__region--first {
    margin: 0px 0px 0px 0px;
    padding: 0px 15px 0px 0px;
    vertical-align: top;
}

.path-node .is-promoted.full .layout--twocol-section.layout--twocol-section--50-50[class*="col-"] {
    padding-right: 0px;
    padding-left: 0px;
}

}




/* ----- Locale language ----- */

.block#block-nyelvvalaszto {
    margin-bottom: 10px;
    text-align: center;
}
#block-nyelvvalaszto > ul.links { 
    margin: 0px;
    padding: 0px;
}
#block-nyelvvalaszto > ul.links > li {
    background: #f5f5f5;
    border: 1px solid #dddddd;
    display: inline-block;
    margin-right: 5px;
    padding: 6px 12px 6px 12px;
    line-height: 1.42857143;
    border-radius: 4px;
    font-weight: normal;
}
#block-nyelvvalaszto > ul.links > li:last-child {
    margin-right: 0px;
}
#block-nyelvvalaszto > ul.links > li .img-responsive {
    display: inline-block;
}
#block-nyelvvalaszto > ul.links > li:hover {
    background: #f5f5f5;
    text-decoration: underline;
}
#block-nyelvvalaszto > ul.links > li > a {
    background-color: transparent;    
    color: #c4010f;
    font-weight: normal;
    text-transform: capitalize;
    padding: 0px 0px 0px 0px;     
}


.block#block-nyelvvalaszto-2 {
    margin: 10px 0px 10px;
}
#block-nyelvvalaszto-2 ul.links { 
    margin: 0px;
    padding: 0px;
}
#block-nyelvvalaszto-2 ul.links > li  {
    background: #f5f5f5;
    border: 1px solid #dddddd;
    display: inline-block;
    margin-right: 5px;
    padding: 6px 12px 6px 12px;
    line-height: 1.42857143;
    border-radius: 4px;
    font-weight: normal;
}
#block-nyelvvalaszto-2 ul.links > li .img-responsive {
    display: inline-block;
}
#block-nyelvvalaszto-2 ul.links > li:hover {
    background: #f5f5f5;
    text-decoration: underline;
}
#block-nyelvvalaszto-2 ul.links > li > a {
    background-color: transparent;    
    color: #c4010f;
    font-weight: normal;
    text-transform: capitalize;
    padding: 0px 0px 0px 0px;     
}




/* ----- Media - Video ----- */

.field--name-field-media-video-file,
.field--name-field-media-oembed-video {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

/* Then style the iframe to fit in the container div with full height and width */
video.b-lazy.media__element.b-loaded.is-b-loaded  {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}




/* ----- view - Videok ----- */

.block-block-content658b293b-8b7c-4478-affa-15373b23dbf8 { 
    margin: 0px;
    padding: 0px;
}

/* // Medium devices (tablets, less than 62em) */
@media (max-width: 61.9em) {
.block-block-content658b293b-8b7c-4478-affa-15373b23dbf8 { 
    background: #fff;
    margin: 0px -10px 0px -10px;
    padding: 0px 0px 0px 0px;
}

}




/* ----- Bootstrap Grid ----- */

.views-view-grid .row {
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    display: flex;
    flex-wrap: wrap;
    margin-right: 0px;
    margin-left: 0px;
}
.views-view-grid .row > [class*='col-'] {
    margin: 1px;
}
.views-view-grid .row:after, 
.views-view-grid .row:before {
	display: flex;
}
.views-view-grid .row img.img-responsive {
	margin-bottom: 5px;
}


/* // Medium devices (tablets, 48em and up) */
@media (min-width: 48em) {
.views-view-grid .row .col-lg-3 {
    width: calc(25% - 2px);
    margin: 1px;	    
}
.views-view-grid .row .col-lg-4 {
    width: calc(33.33333333% - 2px);
    margin: 1px;	    
}
.views-view-grid .row .col-lg-6 {
    width: calc(50% - 2px);
    margin: 1px;	    
}
.views-view-grid .row .col-lg-12 {
    width: calc(100% - 2px);
    margin: 1px;	    
}

}




/* ----- view - Termekek ----- */

.path-termekek,
.path-termekek .main-container {
    background: #f6f6f6;
}

.path-product .contextual-region,
.path-product h1.page-header,
.path-termekek .main-container h1 {
    color: #525252;
}

.block-grid, .blazy.block-grid, 
.item-list > .block-grid {
    clear: both;
    display: block;
    list-style: none;
    padding: 0;
    margin: 0;
}

.view-termekek .slick__slide,
.view-termekek .views-view-responsive-grid__item {
	background: #fff;
	border: 2px solid #ffffff;	
    border-radius: 3px;
    margin: 1px;   
    padding: 10px 10px 10px;
    text-align: center;	
    transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
}
.view-termekek .slick__slide:hover,
.view-termekek .views-view-responsive-grid__item:hover {
	border: 2px solid #ffffff;
    box-shadow: 0 0rem 0rem 0 rgba(66,66,66,.35);	
}

.view-termekek .img-responsive {
    display: inline;
}
.view-termekek .views-field-title {
    margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 0px;    
    color: #525252;  
}
.view-termekek .views-field-title a {
    text-decoration: none;
    color: #525252;
}

.view-termekek .views-field-price {
    margin: 10px 0px 5px 0px;
    padding: 0px 10px 0px 10px;   
    color: #525252;
    font-weight: bold;
}

.view-termekek .views-field-list-price {
    margin: 10px 0px 10px 0px;
    padding: 0px 0px 0px 0px;       
}    
.view-termekek .views-field-list-price .field-content {
    display: inline;
    color: #cc0000;
    -webkit-text-decoration: #990000 line-through;
    text-decoration: #990000 line-through;
}

.view-termekek .views-field-view-node a {
    text-decoration: none;
	color: #525252;
}


/* // Extra small devices (portrait phones, less than 34em) */
@media (max-width: 33.9em) {
.view-termekek table {
    border-collapse: separate;
    border-spacing: 0px;
    width: 100%;		
}

.view-termekek .img-responsive {
    width: auto;	
}

}




/* ----- Node - Termekek ----- */

body.path-product .main-container, 
body.path-product {
    background: #ebebeb;;
}

.path-product * {
    min-height: 0;
    min-width: 0;
} 

.path-product .layout--twocol-section[class*="col-"] {
    padding-right: 0px;
    padding-left: 0px;
}


/* // Medium devices (tablets, 48em and up) */
@media (min-width: 48em) {
.path-product .layout__region.layout__region--first {
    margin: 0px 0px 0px 0px;
    padding: 0px 15px 0px 0px;
    vertical-align: top;
}

}


.path-product div.field {
    margin-bottom: 5px;
}


.path-product .field--name-title {
    font-size: 2.0em;
}

.path-product .field--name-list-price .field--label {
    color: #666;
    font-weight: normal;
}
.path-product .field--name-list-price {
    font-size: 1.2em;
}
.path-product .field--name-list-price .field--item {
    color: #898989;
    text-decoration: line-through;
}
.path-product .field--name-price {
    font-size: 1.6em;
}
.path-product .field--name-price .field--label {
    color: #666;
    font-weight: normal;
}
.path-product .field--name-price .field--item {
    color: #de150b;
}




/* ----- Commerce ----- */

body.path-checkout,
body.path-cart {
    background: #f6f6f6;
}
body.path-checkout  h1.page-header,
body.path-cart h1.page-header {
    color: #525252;
}
.path-checkout .main-container label,
.path-cart .main-container label {
    color: #000000;
}


.path-checkout .main-container,
.path-cart .main-container {
    padding-bottom: 60px;
    background: #f6f6f6;    
    color: #525252;
}
.path-checkout .main-container .form-item {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}
.path-checkout .main-container legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333333;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
    font-weight: normal;    
}




/* ----- Commerce stock ----- */

.path-product .field--name-field-stock-level p {
    margin: 0em 0 0px;
}




/* ----- Commerce cart block ----- */

#block-kosar .cart-block--summary__icon {
    margin: -5px 0px 0px 0px;
    float: left;
}
#block-kosar .cart-block--summary__count {
    margin: 0px 0px 0px 10px;
}


#block-kosar-2 {
    margin: 0px 10px 0px 10px;
}
#block-kosar-2 .cart-block--summary__icon {
    margin: -5px 0px 0px 0px;
    float: left;
}
#block-kosar-2 .cart-block--summary__count {
    margin: 0px 0px 0px 10px;
}


.view-commerce-cart-form .views-field-purchased-entity>div {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.view-commerce-cart-form .views-field-purchased-entity .field--name-title {
    padding: 10px;
    max-width: 220px;
    width: 100%;
}

.view-commerce-cart-form .field--name-total-price {
    margin-bottom: 35px;
    padding: 30px 0;
    border-bottom: 2px solid #000000;
}


.path-cart .order-total-line {
    padding: 0 0px;
    text-align: right;
}
.path-cart .order-total-line-label {
    display: inline-block;
}
.path-cart .order-total-line-value {
    display: inline-block;
    width: 140px;
    text-align: right;
}




/* ----- Commerce checkout ----- */

.layout-region-checkout-secondary .checkout-pane-order-summary table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}
.layout-region-checkout-secondary .checkout-pane-order-summary td {
    padding: 8px;
    background-color: #f6f6f6;
    border-bottom: 1px solid #dddddd;
}
.layout-region-checkout-secondary .checkout-pane-order-summary {
    padding: 15px;
    background-color: #ffffff;
    margin: 0px 0px 15px;    
    border: 1px solid #dddddd;    
}
.layout-region-checkout-secondary .order-total-line {
    padding: 0 0px;
    text-align: right;
}
.layout-region-checkout-secondary .order-total-line-label {
    display: inline-block;
}
.layout-region-checkout-secondary .order-total-line-value {
    display: inline-block;
    width: 40%;
    text-align: right;
}

.checkout-progress {
    background: #ffffff;
    border: 1px solid #e8e8e8;
    border-radius: 5px;
    box-shadow: 0px 0px 0px rgb(0 0 0 / 20%);
    padding: 15px;
    font-size: 1.3em;
}
.checkout-progress--step__current {
    font-weight: normal;   
    color: #af9568;
}




/* ----- Commerce shipping ----- */

#edit-review-shipping-information-summary-0 {
    margin: 1em 0px 0px 0px;
}




/* ----- Commerce login ----- */

a#edit-login-returning-customer-forgot-password {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  padding: 6px 12px;
  font-size: 1.4em;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}




/* ----- Orders ----- */

.customer-information .field,
.order-information .field {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}
.customer-information .field__label,
.order-information .field__label {
    text-decoration: none;
    color: #000000;
    font-weight: bold;

    background-color: #f5f5f5;

    padding: 10px 15px;
    border-bottom: 1px solid #ddd;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;

}
.customer-information .contextual-region,
.order-information .contextual-region {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
}
.customer-information__shipping,
.customer-billing { 
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;

    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
    box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
}
.customer-information__shipping .field,
.customer-billing .field { 
    margin: 1.5rem;
}




/* ----- Physical-measurement ----- */

.field--type-physical-measurement .field--item { 
    text-transform: lowercase;
}




/* ----- Adsress book ----- */

.address-book__profiles.form-group .address-book__profile {
    padding: 1.5rem;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
    box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
}


.path-user .field--name-customer-profiles {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
    box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
}
.path-user .field--name-customer-profiles .field--label {
    text-decoration: none;
    font-weight: bold;
    color: #333333;
    background-color: #f5f5f5;
    border-color: #ddd;
    padding: 10px 15px;
    border-bottom: 1px solid #ddd;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.path-user .field--name-customer-profiles .field--items {
    padding: 1.5rem;
}
.path-user .panel-default > .panel-heading {
    color: #000000;
    background-color: #f0b351;
    border-color: #000;
}
.path-user .panel {
    margin-bottom: 20px;
    background-color: #3b3b3b;
    border: 1px solid #000000;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}




/* ----- view - Commerce cart ----- */

.view-termekek .views-field-variations div {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .4s ease;
}
.view-termekek .views-field-variations .form-inline .form-control {
    display: inline-block;
    width: 33%;
    vertical-align: middle;
    margin-left: 10px;
}
.view-termekek .views-field-variations .field--name-quantity.form-group {
    margin-bottom: 8px;
}
.path-product .form-actions .btn-primary,
.view-termekek .btn-primary {
    background: #af9568;
    border: 1px solid #8f7b55;
    color: #fff;
    text-shadow: 0 1px 0 #ae9668;
}
.path-product .form-actions .btn-primary:hover,
.view-termekek .btn-primary:hover {
    background: #e0e0e0;
    border: 1px solid #adadad;
    color: #52526f;
    text-shadow: 0 1px 0 #fff;
}




/* ----- view - Hirek ----- */

.view-hirek h3 {
    font-size: 1.3em;
    font-weight: normal;
    margin-top: 15px;	
    margin-bottom: 10px;
}
.view-hirek h3:first-child {
    margin-top: 0px;
}
.view-hirek .views-row {
    margin: 0;
    padding: 0px 0px 0px 0px;
    vertical-align: top;
}
.view-hirek .views-row:before, 
.view-hirek .views-row:after {
    content: " ";
    display: table;
    clear: both;
}
.view-hirek .views-field-title h2 {
    margin: 0em 0px 0.3em 0px;
    padding: 0;
}


.view-hirek .views-row .views-field-field-image [class*="col-"] {
    padding-right: 10px;
    padding-left: 0px;
}
.view-hirek .views-row .views-field-field-image img.img-responsive {
    margin: 5px 0px 5px 0px;
    padding: 0px;
}


.view-hirek .views-field-view-node {
    clear: both;
}


.path-frontpage .view-hirek.view-display-id-block_1 .views-row {
    text-shadow: 1px 1px 1px #22375c; 
    border-left: 5px solid #4c76ae;
    margin: 0px 0px 15px 0px;
    padding: 0px 0px 10px 10px;
}
.path-frontpage .view-hirek.view-display-id-block_1 hr {
    border: 1px solid #4c76ae;
}
.path-frontpage .view-hirek .views-field-title h2 {
    color: #ffffff;
    text-shadow: 1px 1px 1px #22375c;
    padding: 0px;
    margin: 0em 0 0.5em;
}
.path-frontpage .view-hirek .views-field-title h2 a {
    color: #ffffff;
}
.path-frontpage .view-hirek .views-field-body {
    color: #ffd700;
}
.path-frontpage .view-hirek .views-field-view-node a {
    color: #ffffff;
}