@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900');

body {
	color: #323232;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	line-height: 130%;
}
input, textarea, button, select {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	line-height: 130%;
}
h1 { font-weight: 900; font-size: 3em; }
@media (max-width: 990px) {
  h1 { font-weight: 900; font-size: 2em; }
}
h2 { font-weight: 900; font-size: 1.75em; color: #000; margin-bottom: .5em; }
h3 { font-weight: 900; }
#loginform h5 { font-size: 1em; font-weight: 400; }
a {
	color: #323232;
}
a:hover {
	color: #000;
	text-decoration: none;
}
body.modal-open {
    padding-right: 15px !important;
}
body.modal-open #loginform {
    padding-right: 15px !important;
}
.hidden { display: none; }
.btn-primary {
	color: #fff;
	background: #e1051e;
  border: 1px solid #e1051e;
}
.btn-primary:hover,.btn-primary:focus {
	color: #fff;
	background: #c10217;
  border: 1px solid #c10217;
}
.navbar-light { background: #fff; }
.navbar-nav {
	margin-top: 0em;
	border: 1px solid transparent;
}
.navbar-brand { margin: 0 0 0 0; }
.navbar-brand img { width: 85%; }
@media (max-width: 991px) {
    .navbar-brand img { width:100px; }
}
@media (max-width: 990px) {
	.navbar-brand { margin: 0 0 0 0; }
	.navbar-toggler {
    margin-top: 1em;
	}
}
.navbar-collapse{ top: 1.45em !important; position: relative; }
a.nav-link { margin: .5em 1.25em; }

.navbar {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

a.nav-link.active {
    font-weight: 900;
}

.dropdown-menu {
    left: auto;
}

.container.main {
	margin-top: 9em;
}
@media (max-width: 1276px) {
  .navbar-nav .nav-link {
    margin-left: 0;
    margin-right: 0;
  }
}
@media (max-width: 990px) {
  .navbar-nav .nav-link {
    margin: 0;
    border-bottom: 1px solid #ededed;
  }
}


/** loginform **/
#loginform { float: right; margin-right: -3.5em; min-width: 320px; }

html[data-useragent*='MSIE 10.0'] #loginform {
  margin-right: 4.5em;
}
.navbar .form-group {
    margin-top: -1.8em;
}
#loginform .btn,
.btn.btn-dark {
	color: #000;
	background-color: #fff;
	border-color: #000000 !important;
	border: 1px solid;
	padding: .2rem .6rem;
}
#loginform .btn:hover,
.btn.btn-dark:hover {
    color: #fff;
    background-color: #000;
    border-color: #000;
    cursor: pointer;
}
#loginform .form-control {
    padding: .2rem .6rem;
}
#loginform a.social {
	margin-top: .5em;
}
#loginform a.social {
	line-height: 100%;
	background: #000;
	color: #fff;
	display: inline-block;
	width: 21px;
	height: 21px;
	padding: .45em .25em;
	margin-right: 0;
	font-size: 0.7em;
	text-align: center;
	border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;
}
#login-status-msg {
    width: 240px !important;
    margin-left: 1px;
    font-size: .75em !important;
    color: #c10217;
    font-weight: 700;
}
@media (max-width: 1260px) {
    #loginform {
        margin-top: 0;
        margin-bottom: 0;
        padding: 1em;
    }
}
@media (max-width: 990px) {
	#loginform {
	    margin-top: 1em;
		margin-bottom: 1em;
		padding: 1em 1em 1em 1em;
	}
	#loginform .form-group {
	    text-align: left;
	}
}
#loginform h5 { margin-top: -1.25em; }
/** Search **/
.container-fluid.page-search {
    margin-top: 88px;
	min-height: 50px;
	padding: 1.5em 0 1.5em 0;
	background: #000 url(../images/page-search-background.jpg) center -20px / 100% auto no-repeat;
}
.container-fluid.page-search .form-group {
	display: block;
	width: 100%;
}
.container-fluid.page-search .custom-select {
	width: 200px;
	background-color: #dddddd;
	border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0;
}
.container-fluid.page-search .form-control {
	width: calc(70% - 310px);
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0;
	margin-left: 90px;
}
.container-fluid.page-search button {
	width: 90px;
	border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0;
	cursor: pointer;
}
.extended-search {
	color: #fff;
}
.extended-search:hover {
	color: #e1051e;
}

@media (max-width: 990px) {
    .container-fluid.page-search .form-group {
        margin-bottom: 0;
    }
	.container-fluid.page-search {
		background: #000 url(../images/page-search-background.jpg) center top / auto 100% no-repeat;
		padding: 0.5em 0 .5em 0;
	}
	.container-fluid.page-search .custom-select {
		width: 49%;
		background-color: #dddddd;
		border: none;
	}
	.container-fluid.page-search .form-control {
		display: inline-block;
		width: 100%;
		margin-left: 0;
		border: none;
	}
	.container-fluid.page-search button {
		width: 100%;
		margin-top: .5em;
	}
}
@media (max-width: 500px) {
	.container-fluid.page-search .custom-select {
		display: block;
		width: 100%;
	}
	.container-fluid.page-search .form-control {
		display: block;
		margin-top: .5em;
		width: 100%;
	}
	.container-fluid.page-search button {
		width: 100%;
	}
}

/** Cards **/
.container-fluid.cards {
	margin: 2em auto 1em auto;
}
.card {
	border: none;
}
.card .card-img-top {
	opacity: 1;
}
.card .card-img-top:hover {
	opacity: 1;
}
.card-block {
	padding: .5em 0 1em 0;
}
img.card-img-top {
	display: block;
	width: 100% !important;
	height: auto !important;
	max-width: 260px !important;
}
/* img-count */
span.img-count { float: right; }
span.card-date { max-width: 256px;}

@media (max-width: 991px) {
  span.img-count { display: none; }
}

img.card-img-top.portrait {
	margin: auto;
	width: 60% !important;
	max-width: 260px;
	height: auto;
}
@media (min-width: 1920px) {
    img.card-img-top.portrait {
        margin: 0 0 0 0;
        width: auto !important;
        height: 260px !important;
    }
}

.container-fluid.cards.startpage .card > a {
  overflow: hidden;
  height: 8vw;
  max-height: 172px;
}
.owl-carousel.owl-theme.categories .image-item {
  overflow: hidden;
  height: 9vw;
  max-height: 172px;
}
@media (max-width: 990px) {
    .container-fluid.cards.startpage .card > a {
      overflow: hidden;
      height: 29vw;
    }
    .owl-carousel.owl-theme.categories .image-item {
      overflow: hidden;
      height: 30vw;
    }
}
@media (max-width: 600px) {
    .container-fluid.cards.startpage .card > a {
      overflow: hidden;
      height: 26vw;
    }
    .owl-carousel.owl-theme.categories .image-item {
      overflow: hidden;
      height: 28vw;
    }
}


.card a {
	display: block;
	color: #323232;
}
.card a:hover {
	color: #000;
}
.card-date {
	display: block;font-size: 14px;
}
.card-title {
	display: block;font-size: 15px;
}
.fluid-container.header-startpage {
    padding: 0 1em;
}
.owl-carousel.owl-theme.categories {
    margin-bottom: 12em;
    display: block;
}
.container-fluid.topics {
	padding-top: 2em;
	padding-bottom: 0;
	margin-bottom: 2em;
	background: #dddddd;
}
.container-fluid.topics .card {
	position: relative;
	background-color: transparent;
	margin-bottom: 2em;
}
.container-fluid.topics .card-block {
	position: absolute;
	display: block;
	padding: 1em;
}
.container-fluid.topics .card-title {
	display: block;
	width: 100%;
	color: #FFFFFF;
	font-weight: 700;
}
.imgFunctions {}
.imgFunctions a {}


/** Dates **/
.container-fluid.top.dates {
	background: #000 url(../images/dates-background.jpg) -20em center / 150% auto no-repeat;
	min-height: 400px;
	padding: 4em 0 17.5em 0;
	/* 20220915
        color: #fff;
        */
        color: #b6e0ff;
}
@media (max-width: 1680px) {
    .container-fluid.top.dates {
        background: #000 url(../images/dates-background.jpg) -18em center / cover no-repeat;
        min-height: 400px;
        padding: 4em 0 12.5em 0;
        /* 20220915
        color: #fff;
        */
        color: #b6e0ff;
    }
}
/*
@media (max-width: 1160px) {
	.container-fluid.top.dates {
		padding: 4em 0 4em 0;
                /* 20220915
		color: #fff;
                */
                color: #b6e0ff;
		margin-right: 0;
	}
}
*/
@media (max-width: 1200px) and (min-width: 991px) {
    .container-fluid.top.dates .col-lg-6 {
      -webkit-flex: 0 0 59%;
      -ms-flex: 0 0 59%;
      flex: 0 0 59%;
      max-width: 59%;
    }
    .container-fluid.top.dates .offset-lg-6 {
      margin-left: 40% !important;
    }
}

@media (max-width: 990px) {
    .container-fluid.top.dates {
        background: #000 url(../images/dates-background.jpg) -350px bottom / auto 100% no-repeat;
        padding: 0;
        opacity: 1;
    }
    .container-fluid.top.dates .container {
        position: relative;
        top: 0;
        left: 0;
        background: rgba(0,0,0,.45);
        width: 100%;
        height: 100%;
        padding-top: 4em;
        padding-bottom: 4em;
        margin: 0;
    }
}
@media (max-width: 480px) {
    .container-fluid.top.dates {
        background: #000 url(../images/dates-background.jpg) -35em center / cover no-repeat;
        min-height: 400px;
        padding: 0 0 0 0;
        color: #fff;
    }
}
.container-fluid.upcoming.dates {
	background: #fff;
	min-height: 100px;
	padding: 3em 0 3em 0;
	color: #000;
}
/** About **/
.carousel-item {
    transition: -webkit-transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
    -webkit-backface-visibility: visible;
            backface-visibility: visible;
}


.container-fluid.carousel .carousel-caption	{
	text-align: left;
}
.container-fluid.carousel h3 {
	font-weight: 900;
	font-size: 4em;
	margin-left: .725em;
	margin-bottom: 1.15em;
	text-shadow: 0 0 30px rgba(0,0,0,.7);
}
.container-fluid.carousel h3 a {
    color: #fff;
}
.container-fluid.carousel p {
	font-size: 2em;
	text-shadow: 0 0 30px rgba(0,0,0,.7);
}
#carouselIndicators img.img-fluid {
	max-width: auto !important;
	width: 100% !important;
	height: 50% !important;
}
.carousel-control-next-icon, .carousel-control-prev-icon {
	height: 100% !important;
}
.introduction {
	margin: 3em 0 0 0;
}
.row.team.odd, .row.team.even { margin: 1em 0 2em 0; }

.row.team.odd .member-image {
	margin-right: 2.25%;
}
.row.team.even .reference-image {
	margin-right: 2.25%;
}
.team .member-image {
	position: relative;
	display: inline-block;
	width: 39%;
	overflow: hidden;
}
.team .reference-image {
	display: inline-block;
	width: 58.75%;
}
.team .description {
	position: absolute;
	color: #fff;
	top: 0;
	z-index: 9;
	padding: 4em 2em 1em 2em;
	min-height: 800px;
	background: rgba(0,0,0,.5);
	opacity: 0;
}
.team .description a {
	color: #fff; font-weight: bold;
}
@media (max-width: 1200px) {
    .team .description {
        position: absolute;
        color: #fff;
        top: 0;
        z-index: 9;
        padding: 2em 1em 1em 1em;
        min-height: 800px;
        background: rgba(0,0,0,.7);
        opacity: 0;
    }
    .team .description h3 {
        font-size: 1.5em;
    }
    .team .description p {
        font-size: .8em;
    }
}

@media (max-width: 980px) {
	.team .description {
		position: absolute;
		color: #fff;
		top: 0;
		z-index: 9;
		padding: .5em .5em;
		min-height: 800px;
		background: rgba(0,0,0,.7);
		opacity: 0;
	}
	.team .description h3 {
		font-size: 1em;
	}
	.team .description p {
		font-size: .7em;
		font-weight: 300;
		line-height: 110%;
		margin-bottom: .5em;
	}
}
@media (max-width: 640px) {
    .team .description {
        position: absolute;
        color: #fff;
        top: 0;
        z-index: 9;
        padding: .5em .5em;
        min-height: 800px;
        background: rgba(0,0,0,.7);
        opacity: 0;
    }
    .team .description h3 {
        font-size: .75em;
    }
    .team .description p {
        font-size: .575em;
        font-weight: 300;
        line-height: 110%;
        margin-bottom: .5em;
    }
}


.team .member-image:hover .description {
	opacity: 1;
}

p.favorite-note {
    position: absolute;
    top: 470px;
    width: 90%;
    margin-left: -1em;
}
@media (max-width: 1200px) {
    p.favorite-note {
        position: absolute;
        top: 380px;
        width: 90%;
        margin-left: 0;
    }
}
@media (max-width: 990px) {
    p.favorite-note {
        position: absolute;
        top: 280px;
        width: 90%;
        margin-left: 0;
    }
}
@media (max-width: 766px) {
    p.favorite-note {
        position: absolute;
        top: 200px;
        width: 90%;
        margin-left: 0;
    }
}
@media (max-width: 640px) {
    p.favorite-note {
        position: absolute;
        top: 140px;
        width: 90%;
        margin-left: 0;
    }
}
.customers {
	margin: 5em auto 4em auto;
}
.customers .items > div {
	opacity: .9;
}
.customers .items div:hover {
	opacity: 1;
}
.contact {
	margin-top: 2em;
	background-color: #ededed;
}
.contact iframe {
	height: 500px;
}
.contact address {
	line-height: 140%;
}
.contact p {
	line-height: 180%;
}
/** Sticky Footer **/
html {
  position: relative;
  min-height: 100%;
}
body {
  margin-bottom: 130px;
}
footer {
	background-color: #000000;
	color: #fff;
	padding: 2em 0 ;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 130px;
	font-size: 14px;
}
footer a {
	display: inline-block;
	padding: .5em;
	color: #fff;
	opacity: .8;
}
footer a:hover {
	color: #fff;
	opacity: 1;
}
/** Results **/
.container-fluid.result-control {}
.gallery-header {
	margin-bottom: .5em;
}
.page-item .page-link {
	z-index: 2;
	color: #000;
	font-size: 14px;
}
.page-item.active .page-link {
	color: #fff;
	background-color: #e1051e;
	border-color: #e1051e;
}
.page-item.active .page-link:hover {
    color: #fff;
}
.badge-primary {
	background-color: #e1051e;
}
/** modal-body **/
.modal-body .btn { font-weight: 300; }
.modal-body .badge { line-height: 110%; font-size: .8em; padding: .35em 1em; margin-bottom: .25em; font-weight: 300; }
.modal-body .addCart .fa-refresh {
	opacity: 0;
	margin-left: -24px;
}
.modal-body a.html-base-link,
.modal-body p.htmlpage { display: none !important; }
.modal-body p.modaltext { display: block !important; }
/** basket **/
.container.basket {}
.container.basket img {
	width: 100% !important;
	height: auto !important;
}
.cart-header {
	background: #ddd;
}
.cart-items {
	border-bottom: 1px solid #adadad;
}
.cart-items:hover {
	background: #fafafa;
}

/** Categories Carousel **/
.owl-carousel.owl-theme.owl-loaded.owl-drag {
	padding: 0 0 1em 0;
	background: #cecece;
}

.owl-carousel.owl-theme.owl-loaded.owl-drag .image-item {
	display: block;
	padding: 15px;
	position: relative;
}
.owl-carousel.owl-theme.owl-loaded.owl-drag .image-item img {
    max-width: 260px;
}
.owl-carousel.owl-theme.owl-loaded.owl-drag .image-item img.portrait {
	display: block;
	margin: auto;
	width: 60%;
}
.owl-carousel.owl-theme.owl-loaded.owl-drag .image-item span {
	position: absolute;
	top: 0;
	display: block;
	padding: 20px 10px;
	font-weight: 700;
	color: #fff;
	text-shadow: 0 0 5px rgba(0,0,0,.8);
}

.owl-carousel.owl-theme.categories {}

.reference-image .owl-carousel.owl-theme.owl-loaded.owl-drag {
    padding: 0 !important;
    background: #fff;
}
.reference-image .owl-carousel .owl-item img {
    opacity: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.reference-image .owl-carousel .owl-item.active img {
    display: block;
    opacity: 1 !important;
    margin-left: -1px !important;
    background: #fff !important;
}
.owl-carousel.owl-theme.categories {}
.owl-carousel.owl-theme.categories .owl-nav {
    display: block !important;
    width: 100%;
    top: 3.5vw;
    position: absolute;
    max-height: 0;
}
@media (max-width: 990px) {
    .owl-carousel.owl-theme.categories .owl-nav {
        top: 7vw;
    }
}
@media (max-width: 768px) {
    .owl-carousel.owl-theme.categories .owl-nav {
        top: 11vw;
    }
}
.owl-carousel.owl-theme.categories .owl-prev {
    float: left;
    margin-left: 18px;
}
.owl-carousel.owl-theme.categories .owl-next {
    float: right;
    margin-right: 12px;

}
.owl-theme .owl-nav [class*=owl-],
.owl-theme .owl-nav [class*=owl-]:hover {
    background: none;
}
.owl-theme .owl-nav .carousel-control-next-icon,
.owl-theme .owl-nav .carousel-control-prev-icon {
    height: 20px !important;
    color: #000000;
}

/* Rev. 1
    .drooltip.loaded {
        padding: 0;
        width: 520px !important;
        border: none;
    }
    .drooltip.top:after,
    .drooltip.right:after,
    .drooltip.bottom:after,
    .drooltip.left:after {
        display: none;
    }
    .drooltip.loaded .bg {
        width: 520px !important;
        background: #ffffff;
        border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0;
    }
    .drooltip.loaded {
        width: 520px !important;
    }
    .drooltip.loaded .content img {
        display: block;
        width: 100% !important;
        height: auto !important;
    }
    .popcontent { border: 1px solid #000000; width: 520px !important; }
    .popcontent span { display: block; margin: 9px 9px 9px 9px; font-size: .85em; }
*/


/* Rev. 2 */
.drooltip.top:after,
.drooltip.right:after,
.drooltip.bottom:after,
.drooltip.left:after {
    display: none;
}
.drooltip.loaded { margin-left: -260px; }
.drooltip.loaded > div:first-child { display: none; }
.popcontent { position: absolute; margin-top: 0; }
.drooltip.loaded .content img { margin-top: 0; border: 1px solid #000000;  border-bottom: none;  }
.popcontent span { border: 1px solid #000000; border-top: none; display: block; background: #ffffff; padding: 9px 9px 9px 9px; font-size: .85em; }

.container-fluid.carousel  {
    background: #000;
}
.container-fluid.carousel .carousel.slide {
    max-width: 1920px;
    margin: 0 auto !important;
}

@media (min-width: 1921px) {
.container-fluid.top.dates {
    background-size: 1921px auto;
    background-position: center top;
}