html,
body {
  overflow-x: hidden; /* Prevent scroll on narrow devices */
}

body {
  padding-top: 5px;
}

@media (max-width: 767.98px) {
  .offcanvas-collapse {
    position: fixed;
    top: 58px; /* Height of navbar */
    bottom: 0;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    overflow-y: auto;
    background-color: var(--gray-dark);
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
      z-index: 15;
  }
  .offcanvas-collapse.open {
    -webkit-transform: translateX(-1rem);
    transform: translateX(-1rem); /* Account for horizontal padding on navbar */
    z-index: 15;
  }
}

.nav-scroller {
  position: relative;
  z-index: 2;
  height: 2rem;
  overflow-y: hidden;
    border-top: 5px solid #005a1e;
  /*border-bottom: 3px solid #005a1e;*/
}

.nav-scroller .nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  padding-bottom: 1rem;
  margin-top: -7px;
  overflow-x: auto;
  color: rgba(255, 255, 255, .75);
  text-align: center;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

.nav-underline .nav-link {

  padding-bottom: .75rem;
  font-size: .875rem;
  color: var(--secondary);
}

.nav-underline .nav-link:hover {
  color: #005a1e;
}

.nav-underline .active {
  font-weight: 500;
  color: var(--gray-dark);
}

.text-white-50 { color: rgba(255, 255, 255, .5); }

.bg-purple { background-color: var(--purple); }

.border-bottom { border-bottom: 1px solid #e5e5e5; }

.box-shadow { box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05); }

.lh-100 { line-height: 1; }
.lh-125 { line-height: 1.25; }
.lh-150 { line-height: 1.5; }
.logo-size{
  display: block;
  margin-top: -35px;
  margin-bottom: -25px;
  z-index: 10;
}
.logo{
  z-index: 16;
border:0px;
transition: opacity 0.4s, transform 0.4s;
-moz-transition: opacity 0.4s, -moz-transform 0.4s;
-webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
-o-transition: opacity 0.4s,-o-transform 0.4s;
}
.logo:hover{
opacity:0.5;
filter:alpha(opacity=50); /* For IE8 and earlier */
}
.navbar{
  margin-top: 12px;
  padding: .2rem 1rem;
}
.list-group-item{
  padding: .25rem 1.25rem !important;
}
.menu-princ-card{
  background-color: #343a40 !important;
  /*background-color: #fff !important;*/
  color: #f8f9fa;
  border-bottom: 3px solid #005a1e;
  padding: 3px;
  border-radius: 5px;
  margin-bottom: 10px;
}

.menu-princ-card-in{
  background-color: #fff !important;
  color: #343a40;

  border-radius: 5px;
}
.footer-head{
  margin-top: 30px;
  padding: 15px;
}
.footer-head-h1, .footer-head-h1:hover{
  font-weight: bold;
  font-size: 12px;
  color: #ccc;
  text-shadow: 1px 1px 0px #005a1e;
  text-transform: uppercase;
}
.footer-links{
  padding-top: 10px;
  padding-bottom: 10px;
}
.link-green{
  text-decoration: none;
  color: #005a1e;
}
.link-green:hover{
  color: #343a40;
}
.footer-link, .footer-link:hover{
  color: #777;
  display: block;
  width: auto;
}
.morelink, .morelink:hover{
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: none;
  color: #009900;
}
.footer-logo{
  margin-top: 40px !important;
}
.front-display{
  display: block;
  margin-bottom: 20px;
  background-color: #343a40;
  color: #f8f9fa;
  height: 240px;
  width: auto;
  border-radius: 5px;
  padding: 15px;
  background-image: url('../img/artlantis-featured-image.png');
  background-position: right;
  background-repeat: no-repeat;
}
.objects-header{
  color: #343a40;
  font-size: 18px;
  font-weight: bold;
  text-shadow: 1px 1px 0px #ccc;
  margin: 0px;
  padding: 0px;
}
.alb-cadru-objects{
	width:256px;	height:125px;
	background-color: #FFF;
	display: inline-block;
	background-repeat:no-repeat;
	/*box-shadow:inset 0px 0px 5px #000000;*/
	margin:7px;
  padding: 0px !important;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;

	transition: box-shadow 0.4s, transform 0.4s;
-moz-transition: box-shadow 0.4s, -moz-transform 0.4s;
-webkit-transition: box-shadow 0.4s, -webkit-transform 0.4s;
-o-transition: box-shadow 0.4s,-o-transform 0.4s;
}

.alb-cadru-objects-o{
	width:244px;	height:125px;
	background-color: #FFF;
	display: inline-block;
	background-repeat:no-repeat;
	/*box-shadow:inset 0px 0px 5px #000000;*/
	margin:7px;
  padding: 0px !important;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;

	transition: box-shadow 0.4s, transform 0.4s;
-moz-transition: box-shadow 0.4s, -moz-transform 0.4s;
-webkit-transition: box-shadow 0.4s, -webkit-transform 0.4s;
-o-transition: box-shadow 0.4s,-o-transform 0.4s;
}

.alb-cadru-objects:hover, .alb-cadru-objects-o:hover{
	box-shadow:10px 5px 0px #555;
opacity:0.7;
filter:alpha(opacity=70);
}
.alb-cadru-objects-in-photo{
	width:256px;	height:125px;
	display:block;
	padding-top:5px;
	padding-right:10px;
  border: 1px solid #dee2e6;
	background-image:url(../img/bg-slider-2.png);
	background-repeat:repeat-y;
	background-position:right;
	margin:0px !important;
	cursor:pointer;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
	/*box-shadow:inset 0px 0px 5px #000000;*/

transition: box-shadow 0.4s, transform 0.4s;
-moz-transition: box-shadow 0.4s, -moz-transform 0.4s;
-webkit-transition: box-shadow 0.4s, -webkit-transform 0.4s;
-o-transition: box-shadow 0.4s,-o-transform 0.4s;
}
.alb-cadru-objects-in-photo-o{
	width:244px;	height:125px;
	display:block;
	padding-top:5px;
	padding-right:10px;
  border: 1px solid #dee2e6;
	background-image:url(../img/bg-slider-2.png);
	background-repeat:repeat-y;
	background-position:right;
	margin:0px !important;
	cursor:pointer;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
	/*box-shadow:inset 0px 0px 5px #000000;*/

transition: box-shadow 0.4s, transform 0.4s;
-moz-transition: box-shadow 0.4s, -moz-transform 0.4s;
-webkit-transition: box-shadow 0.4s, -webkit-transform 0.4s;
-o-transition: box-shadow 0.4s,-o-transform 0.4s;
}
.alb-cadru-objects-in-photo:hover, .alb-cadru-objects-in-photo-o:hover{
box-shadow:inset 0px 0px 0px #000000;
}
.gripal{
	color:#999999;
}
.downloads-number{
  display: block;
margin-top: 60px !important;
 }
.h2{
  font-size: 22px;
  font-weight: bold;
  text-shadow: 2px 2px 0px #005a1e;
}
.h3{
  font-size: 18px;
  text-shadow: 1px 1px 0px #005a1e;
}

.pagination{
	padding:5px;
	padding-left:7px;
	padding-right:7px;
	margin:3px;
	text-decoration:none;
	color:#000;

	border-bottom:1px solid #CCC;
	border-top:1px solid #FFF;
	border-left: 1px solid #e4e4e4;
	border-right: 1px solid #e4e4e4;
background: #f4f4f4; /* Old browsers */
background: -moz-linear-gradient(top,  #f4f4f4 0%, #ddf1f9 35%, #e4e4e4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(35%,#ddf1f9), color-stop(100%,#e4e4e4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f4f4f4 0%,#ddf1f9 35%,#e4e4e4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f4f4f4 0%,#ddf1f9 35%,#e4e4e4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f4f4f4 0%,#ddf1f9 35%,#e4e4e4 100%); /* IE10+ */
background: linear-gradient(top,  #f4f4f4 0%,#ddf1f9 35%,#e4e4e4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#e4e4e4',GradientType=0 ); /* IE6-9 */
-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
cursor:pointer;
}
.pagination:hover{
box-shadow:0px 0px 2px #000;
}
.pagination:active{
box-shadow:inset 0px 2px 2px #000;
}
.pagination-pressed{
	padding:5px;
	padding-left:7px;
	padding-right:7px;
	margin:3px;
	text-decoration:none;
	color:#000;

	border-bottom:1px solid #CCC;
	border-top:1px solid #FFF;
	border-left: 1px solid #e4e4e4;
	border-right: 1px solid #e4e4e4;
background: #f4f4f4; /* Old browsers */
background: -moz-linear-gradient(top,  #f4f4f4 0%, #ddf1f9 35%, #e4e4e4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(35%,#ddf1f9), color-stop(100%,#e4e4e4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f4f4f4 0%,#ddf1f9 35%,#e4e4e4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f4f4f4 0%,#ddf1f9 35%,#e4e4e4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f4f4f4 0%,#ddf1f9 35%,#e4e4e4 100%); /* IE10+ */
background: linear-gradient(top,  #f4f4f4 0%,#ddf1f9 35%,#e4e4e4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#e4e4e4',GradientType=0 ); /* IE6-9 */
-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
cursor:pointer;
box-shadow:inset 0px 2px 2px #000;
}

.frontcopyright{
  margin-top: 40px;
  margin-left: -15px;
  color:#fff;
  background-color: #B30000;
  padding: 4px;
  padding-left: 20px;
  width: 175px;
}
.whitelink, .whitelink:hover{
  color: #fff;
  text-decoration: none;
}
#head-subtitle{
  padding-top: 6px;
  padding-left: 40px;
}
.text-Pre-Object{
  text-shadow: 1px 1px 0px #fff;
}
.cursor-pointer{
  cursor: pointer;
}
.text-page-heading{
  color: #212529;
  text-shadow: 1px 1px 0px #fff;
  font-size: 28px;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.padding-right-5{
  margin-right: 5px;
}

.fr-ol{
list-style:none;
margin:0px;
padding:0px;
}
.meniulink-sub{
  margin-left: 30px;
  color:#155724;
  text-decoration: none;
  display: block;
  width:auto;
}
.meniulink-sub:hover{
  color:#343a40 ;
}
.inmenudiv{
  margin-bottom: 20px;
}
.download-div-btn{
margin-top: 1rem;
margin-bottom: 5px;
border-top: 1px solid rgba(0,0,0,.1);
border-bottom: 1px solid rgba(0,0,0,.1);
padding-top: 5px;
padding-bottom: 5px;
}