@font-face {
  font-family: 'Helvetica';
  src: url('../fonts/Helvetica.ttf')  format('truetype');
}

@font-face {
  font-family: 'HelveticaNeue';
  src: url('../fonts/HelveticaNeue65Medium.ttf')  format('truetype');
}

@font-face {
	font-family: 'SutiRegular';
	src: url('../fonts/Mika-Melvas-Suti-Regular.otf')  format('opentype');
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

input[type=number] {
	-moz-appearance: textfield;
}

@media (min-width: 1200px) {
	.container {
		max-width:1200px;
	}
}

a{
	color:white;
}

hr{
	background-color: black;
}

*:focus {
    outline: none;
}

.navlinks a{
	color:#FFFFFF;
	font: Bold 13px Montserrat;
	letter-spacing: 0.7px;
}

.yellowhover:hover{
	color:#EDB52A !important;
	text-decoration:underline !important;
}

a:hover{
	text-decoration:none !important;
	color:#EDB52A;
}



.filter:hover{
	filter:invert(27%) sepia(51%) saturate(2878%) hue-rotate(359deg) brightness(104%) contrast(97%)
}


.header{
	background-color: #151515;
	padding: 20px;
	color:#FFFFFF;
}

.navbar{
	background-color: #222222;
	color:white;
	
}

.navlinks{
	float:left;
}

.navlinks ul{
	list-style-type: none;
	margin: 0;
    padding: 0;
}

.navlinks li{
	float:left;
	padding-right:30px;
}

.mobile{
	display:none;
}

.instagram{
	background-color: #ffffff
}

.footer{
	width: 100%;
	background-color: #151515;
	color:white;
}

.footer a{
	color:#AFAFAF;
}

.footer p{
	color:#AFAFAF;
}

.footer td{
	color:#AFAFAF;
}

.footer h5{
	color:white;
}

.footer ul{
	list-style-type: none;
	margin: 0;
		padding: 0;
}

.placeholder{
	background-color:#E6E6E6;
}

.openingtable{
    color: white;
    font: 300 16px/21px Roboto;
}

.openingtable td{
	padding: 5px 20px 2px 0;
}

.servicetable{
    font: 300 16px/21px Roboto;
    width: 100%;
    color:white;
}

.servicetable td{
    padding:10px 0;
}

.servicetable tr:nth-child(even) {
    background-color: #333333
}

.servicetable td:first-child {
    text-align: left;padding-left: 55px;
}

html{
  overflow-x:hidden;
} 

body{
	overflow-x:hidden;
	font-family: Montserrat;
	font-size:12px;
}

input{
	font-size: 14px;
	letter-spacing: 0px;
	color: #333333;
}

h1{
	color:#707070;
	font-size:32px;
}

h3{
	color:#252525;
    font: 300 40px/49px SutiRegular;
    text-align:center;
    padding: 50px 0;
}

h4{
    font: Bold 18px Montserrat;
}

h5{
	font: Bold 16px/21px Roboto;
}

p{
	margin: 0;
    font: 300 16px/21px Roboto;
}

.brmform textarea{
    margin-bottom:15px;
}

.brmform input {
    width:100%;
    border-radius: 17px;
    padding:10px;
    border-style: none;
    color:#333333;
    background-color:#F4F4F4;
	margin-bottom:15px;
}

input[type="date"] {
	min-height: 2.5rem;
}

input[type="date"]:not(.has-value):before{
  color: lightgray;
  content: attr(placeholder);
}

.accordion {
  background-color: #222222;
  color: #fff;
  font-weight: bold;
  cursor: pointer;
  padding: 18px 0px 18px 0px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 16px;
  transition: 0.4s;
}

.accordion.active:hover {
  background-color: #222222;
}

.accordion:after {
  content: '\002B';
  color: #ffffff;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.accordion.active:after {
  content: "\2212";
}

.panel {
  padding-top: 0px
  padding-bottom: 18px
  padding-left: 0px
  padding-right: 18px
  color: #fff;
  background-color: #222222;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  border-bottom: 1px solid #ffffff;
}

.brmform input:focus{
	box-shadow: inset 0px 0px 0px 3px #edb52a;
}

.brmform textarea{
	border: none;
    width:100%;
    border-radius: 17px;
    padding:10px;
    height:150px;
    color:#333333;
    background-color:#F4F4F4;
}

.brmform textarea:focus{
	box-shadow: inset 0px 0px 0px 3px #edb52a;
}

.brmform button{
	color:white;
	background-color:#EDB52A;
	padding:10px 30px;
	width:100%;
	border:none;
	height:40px;
	font: normal normal bold 16px/19px Montserrat;
}

.brmform button:hover{
	background-color:#EF7037;
}


.button{
	cursor: pointer;
	display: inline-block;
	color:white;
	background-color:#EDB52A;
	padding:10px 30px;
	border:none;
	height:40px;
	font: normal normal bold 16px/19px Montserrat;
}

.button:hover{
	background-color:#EF7037;
}

.cartopen
{
	right:0 !important;
}


.niceInput{
	margin:10px 0;
	position:relative;
	display:inline-block;
	width:100%;
}

.niceInput span {
	padding: 0px 10px;
	pointer-events: none;
	position:absolute;
	left:0;
	top:0;
	transition: 0.2s;
	transition-timing-function: ease;
	transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
	opacity:0.5;
}

.niceInput input{
	padding: 0px 10px;
	font: normal normal normal 14px/16px Roboto;
	border: none;
	width:100%;
}

.niceInput input:focus + span, .niceInput input:not(:placeholder-shown) + span {
	opacity:1;
	transform: scale(0.75) translateY(-100%) translateX(-14%);
}

/* For IE Browsers*/
.niceInput input:focus + span, .niceInput input:not(:-ms-input-placeholder) + span {
	opacity:1;
	transform: scale(0.75) translateY(-100%) translateX(-14%);
}

.contact-info .row{
	margin-bottom:10px;
}

.spinner{
	margin: auto;
	width: 64px;
	height: 64px;
	border: 8px solid;
	border-color: #EDB52A transparent #EDB52A transparent;
	border-radius: 50%;
	animation: spin 1.2s linear infinite;
}

.pagination>li>a,
.pagination>li>span {
	border: 1px solid #222222;
	color: #333333;
}
.page-item.active .page-link {
	background: #EDB52A;
	color: #222222;
	border-color: #222222;
}

.page-link:hover{
	background: #EDB52A;
	border-color: #222222;
	color: #222222;
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}