@font-face {
	font-family: "montserrat";
	src: url("../font/montserrat.ttf");
}

@font-face {
	font-family: "montserrat-med";
	src: url("../font/Montserrat-Medium.ttf");
}

@font-face {
	font-family: "bt";
	src: url("../font/bahnschrift.ttf");
}

@font-face {
	font-family: "bebas";
	src: url("../font/bebas.ttf");
}

body {
	font-family: montserrat;
	box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

:root {
	--gray-theme: #1d1d1d;
	--red-theme: #b82828;
}

.btn-primary {
  background-color: #d82828;
  border-color: #d82828;
}

.btn-primary:hover {
  background-color: #C02E2E;
  border-color: #d82828;
}

.btn-primary:focus {
  background-color: #C02E2E;
  border-color: #d82828;
}

.row {
	width: 100%;
}

.hide {
	display: none;
}

/*HEADER*/

.header {
	width: 100%;
	height: auto;
	position: relative;
	padding: 6px;
}

.header-logo {
	width: 275px;
	margin: auto;
	transition: 0.2s;
}

.header-logo img {
	width: 100%;
}

.header-icns {
	width: 121px;
	position: absolute;
	top: 30px;
	right: 5px;
}

.header-icns img {
	float: left;
	margin-right: 8px;
	height: 20px;
}

/*END HEADER*/


/* NAVBAR */
.nav-main {
	margin-top: -1px;
	margin-bottom: 50px;
    width: 100%;
    top: 0;
    position: sticky;
    z-index: 5;
    background: white;
}

.nav-item {
	margin-right: 10px;
}

.nav-wrapper {
	background: var(--gray-theme)
}

nav {
	font-family: "bebas";
}

.navbar-toggler {
    color: white;
    border-color: white;
}

.nav-link {
	color: white;
	font-size: 20px;
}

.nav-active a {
	color: red;
}

.nav-active:hover > a {
	color: red;
}

.tel {
	text-decoration: underline;
}

.dropdown-menu p {
	margin-bottom: 3px;
}

.dropdown-item-custom {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

.nav-search {
	margin-left: 23px;
}

#searchbar {
	width: 190px;
	height: 35px;
}

/*email*/

.emailcon {
    border-top: 0.5px solid;
    width: 500px;
    padding: 10px;
    margin: 20px auto;
}

.email-header {
    width: 100%;
    margin: auto;
}

.email-header h5 {
    font-family: "montserrat-med";
    text-align: center;
    font-size: 26px;
}

.email-header p {
	text-align: center;
	font-size: 13px;
}

.email-content {
	width: 360px;
	margin: 10px auto;
	display: flex;
}

.email-inner {
	margin-right: 10px;
}

#emailbar {
	width: 250px;
	height: 40px;
}

#send-email {
	cursor: pointer;
    width: 90px;
    color: white;
    /* padding: 0px; */
    padding-top: 8px;
    padding-left: 21px;
    height: 40px;
    background: var(--gray-theme);
}

#send-email:hover {
	background: var(--red-theme);
}

/*email end*/

/* FOOTER */
.footer {
	background: var(--gray-theme);
	position: relative;
	bottom: 0;
	padding: 10px;
	color: white;
}

.footer p {
	margin: 0;
}

.footer-inner {
	
}

.footer-card {
	width: 250px;
	margin: 50px auto;
}

#visit-us {
	margin-top: 81px;
}

.footer-title {
    height: 36px;
    width: 200px;
    border-bottom: 0.5px solid white;
    margin-bottom: 10px;
}

.footer-description {
	width: 255px;
}

.footer-description a {
	font-size: 14px;
}

.soc-icns {
	width: 100%;
	height: 25px;
}

.soc-icns img {
	margin-right: 10px;
	float: left;
}

.footer-description ul {
	padding-left: 5px;
}

.footer-description ul li {
	list-style: none;
}

.footer-description ul li a {
	color: white;
}

.footer-description p {
	font-size: 13px;
	line-height: 1.8rem;
}

#credits {
	text-align: center;
	font-size: 10px;
}

@media only screen and (max-width: 995px) {
	.nav-wrapper {
		width: 100%;
	}

	.nav-search {
		margin-left: 0;
	}
}

@media only screen and (max-width: 840px) {
	
}

@media only screen and (max-width: 440px) {
	.header-icns {
		display: none;
	}
	.nav-wrapper {
		width: 375px;
	}

	.emailcon {
		width: 375px;
	}
}