html {
	/*background-color: #515fd2;*/
	background-color: #121212;
	/*background-image: url(/img/bluebg.jpg?111);*/
}

video {
	width: 100%;
}

@keyframes moveBackground {
  0% {
    background-position: 0 0; /* Starting position */
  }
  100% {
    background-position: 100% 100%; /* Ending position (adjust as needed) */
  }
}

th, td {
    padding: 2px 5px 2px 10px;
    border: 1px solid #fff;
    text-align: left;
}

.table-info, .table-info>td, .table-info>th {
	background: transparent;
}


.vid {
/*	background: #000;*/
	padding-top: 15px;
}
a:hover {
	color: #fff;
	text-decoration: underline;
}

#tour .footer.subscribe {
	display: none;
}

pre {
	color: #fff;
}
.nat-pleasure-txt img {
	max-width: 400px; 
	padding: 10px 0 5px;
	width: 100%;
}
.social img {
	/*height: 40px;*/
	margin-bottom: 5px;
	position: relative;
	top: 2px;
}
.navlinks img {
	height: 30px;
}
.earthworld {
    width: 165px;
    position: absolute;
    margin: auto;
    display: block;
    vertical-align: middle;
    top: 0;
    height: 115px;
    bottom: 40px;
    right: 60px;
    left: 0;
}

.friendstext:hover {
	text-decoration: none;
}

.friendsart {
    width: 165px;
    position: absolute;
    margin: auto;
    display: block;
    vertical-align: middle;
    top: 0;
    height: 115px;
    bottom: 40px;
    left: 60px;
    right: 0;
}

.splash-wrap {
    /*height: 100vh;*/
    background: rgba(0, 0, 0, .3);
}

.rope {
	margin: auto;
    height: fit-content;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.jones {
	margin: 0 auto 20px;
	max-width: 420px;
}

/*tbody.table-border {
    border-top: 5px solid;
    border-bottom: 5px solid;
}*/

th, td {
text-transform: uppercase;}

#bandSelect {
	    display: inline;
    width: auto;
    background: transparent;
    color: #fff;
    border: 1px solid #fff;
    padding: 5px 10px;
    margin: 0 10px 15px;
    border-radius: 40px;
}
th {
    letter-spacing: -1px;
    font-weight: 900;
    font-size: 1.2em;
}

.tour-table {
	min-height: 50vh;
}

body{
		background-image: url(https://dev.biglow.co/thegrowlers/img/tiletest.jpg);
		background-repeat: repeat;
		background-size: contain;
		background-attachment: fixed;
		background-position: center center;
		/*background-color: #515fd2;*/
		background-color: #121212;
		min-height: 100vh;
	    animation: moveBackground 100s linear infinite;	
        /*color: #fb629c;*/
	    font-weight: 600;
	    /*font-style: italic;*/
	}	
	.footer {
		padding-top: 20px;
		padding-bottom: 10px;
/*		background-image: url(/img/bluebg.jpg?111);*/
		background-repeat: repeat;
		background-size: cover;
		background-position: center center;
		background-color: transparent;
	}
	.hide{
		display: none;
		padding: 0;
	}
	.horse {
		margin-bottom: 20px;
	}
	*{
		font-family: "Poppins", serif;
		color:#fff;
	}
	.top-banner{
		position: relative;
		height: 100vh;
		top:0px;
		left:0px;
		width: 100%;
		display: block;
		/*background-color: rgba(255,255,255,.666);*/
		padding-top: 0px;
		display: table;
	}
	.caption {
		padding: 0px 15px;
		display: table-cell;
		width: 100%;
		vertical-align: middle;
	}
	a, a i{
		color:#fff;
	}

	.navlinks {
	    background: transparent;
	}

	.navlinks a {
		color: #fff;
	}

	a i {
		/*border: 1px solid #fff;
		border-radius: 50px;*/
	}

	a:focus,a:visited,a:active,.btn.focus, .btn:focus,.close:focus,.close.focus,input:focus,textarea:focus,input:active,textarea:active,select:active,select:focus,select.active{
		outline:none;
		filter:none;
		box-shadow: none;
		text-shadow: none;
	}
	.close{
		color: #132854;
		opacity: 1;
		font-weight: 300;
		font-size: 12px;
		font-weight: 900;
		text-shadow: none;
		position: absolute;
		top: 20px;
		right: 20px;
		cursor: pointer;
	}
	.close:hover{

		color: #132854;
		text-shadow: none;
	}
	.btn{
		color:#fff;
		border: 4px solid #132854;
		background: #132854;
		border-radius: 0px;
		width:220px;
		max-width: 100%;
		margin: 0 auto;
		padding:.5rem 1rem;
		font-weight: 900;
		display: inline-block;
	}
	.btn:hover{
		background-color:transparent;
		color:#132854;
		border-color: #132854;
	}
	.main-content{
		padding:60px 0px;
	}
	img{
		display: block;
		margin: 0 auto;
	}
	.modal-backdrop.show{

		/*background-image: url(img/csillag-tag-bg-b.jpg?111);*/
		background-repeat: repeat;
		background-size: 900px auto;
		background-color: #ffebbf;

		background-position: center center;
		opacity: 1;
	}
	.modal-dialog {
		max-width: none;
		margin: 0;
		width: 100%;
		height: 100vh;
		display: table;
		/*background-color: rgba(255,255,255,.666);*/
	}
	.modal-content {
		position: relative;
		display: table-cell;
		background-color: transparent;
		border: none;
		border-radius: 0px;
		outline: 0;
		width: 100%;
		vertical-align: middle;
	}

	#lookbookModal .modal-content {
		background: #000;
	}
	.modal-header,.modal-body{
		border:none;
		width: 100%;
		display: block;
	}
	.modal-body{
		border:none;
		width: 100%;
		display: block;
	}

	iframe{
		width:100%;
		display: block;
		height: 70vh;
	}

	form{
		width: 100%;
		max-width: 420px;
		margin:0 auto;
	}

	/*h2{
		color:#132854;
		margin-bottom: 30px;
		font-size: 16px;
		font-weight: 900;
	}*/
	h1, h2, h3, h4 {
		font-family: "Poppins", serif;
	}
	input,textarea{
		width: 100%;
		border:none;
		background-color: #ffffff; 
		border:none;
		color:#132854;
		margin-bottom: 20px;
		padding:.5rem 1rem;
		font-size: 11px;
		border-radius: 0px;
		min-height: 40px;
		border:1px solid #132854;
		-webkit-appearance: none;
	}
	select{
		width: 100%;
		border:none;
		background-color: #ffffff; 
		border:none;
		color:#132854;
		margin-bottom: 20px;
		padding:.5rem 1rem;
		font-size: 11px;
		border-radius: 0px;
		height: 40px;
		border:1px solid #132854;
		-webkit-appearance: none;
		text-align: center;
	}
	.form-check-input {
		padding-left: 0;
		margin-left: 0;
		-webkit-appearance: none;
	}
	.form-check {
		margin-bottom: 20px;
	}
	form .btn{ 
		background-color: #132854;
		float: left;
		font-size: 12px;
		color: #fff;
		width: auto;
		min-width: 150px;
	}
	form .btn:hover{
		background-color: transparent; 
		border-color: #132854;
		color:#132854;
	}
	input::placeholder,textarea::placeholder{
		color:#132854;
	}
	.mobile-only{
		display: none;
	}

	@media (max-width: 1300px){
/*
		.friendsart {
		    width: 165px;
		    position: relative;
		    display: block;
		    left: 0px;
		    margin: 0 auto 35px;
		}

		.earthworld {
		    width: 165px;
		    position: relative;
		    top: 0;
		    left: 0;
		    display: block;
		    margin: auto;
		}
*/


	}

	.visible-sm {
		display: none;
	}

	.doublebar {
		max-width: 400px;
	}

	/*th {
		padding: 2px 5px 2px 0;
	}*/

	@media (max-width: 868px){
		body {
			background-size: cover;
			background-position: top;
			min-height: 100vh;
		}
		.hidden-sm {
			display:  none;
		}
		.visible-sm {
			display: inline-block;
		}
		.friendsart, .earthworld {
			display: none;
		}
	}

	@media (max-width: 768px){
		th, td {
	        font-size: 13px;
	        border: 1px solid #fff;
	        padding: 4px 5px;
		}
		#mc_embed_signup .mc-field-group label {
			font-size: 12px !important;
			font-weight: 100;
			text-align: center;
		}
		#bandSelect {
			margin-bottom: 10px;
		}
		body .social ul li {
			margin: 0 7px;
		}
		.heady {
			/*max-width: 385px;*/
			margin: auto;
		}
		.nat-pleasure-txt img {
			max-width: 385px; 
			padding: 10px 0 5px;
			width: 100%;
		}
		.horse {
			margin: 0px auto 25px;
			padding: 0;
		}
		.doublebar {
			max-width: 385px;
		}

		.navlinks ul li {
			margin: 0 10px !important;
		}

		#mc_embed_signup input.email, #mc_embed_signup .clear {
			float: none !important;
		}

	}


	@media (max-width: 520px){
		.heady {
			max-width: 90%;
		}
		.mobile-only{
			display: block;
		}
		img{
			max-width: 100%;
		}
		.btn{
			display: block;
			width: 100%;
			max-width: 460px;
		}

	}
	.nav {
		width: 100%;
		text-align: center;
	}
	.container-fluid h1 {
	    margin-top: 35px;
	}
	.logotop {
		padding-top: 28px;
		margin-bottom: 0;
		width: 360px;
		padding-bottom: 25px;
	}
	.social {
		position: relative;
	    width: 100%;
	    text-align: center;
	}
	.social ul {
		padding: 0 0 35px;
		width: fit-content;
		margin: auto;
	}
	.social ul li {
		list-style: none;
		display: inline;
		margin: 0 10px;
		float: left;
	}
	.navlinks {
		position: relative;
	    width: 100%;
	    text-align: center;
	}
	.navlinks ul {
		padding: 0 0 35px;
		width: fit-content;
		margin: auto;
	}
	.navlinks ul li {
		list-style: none;
		display: inline;
		margin: 0 20px;
		float: left;
	}