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

video {
	width: 100%;
}

.heady {
	min-height: 80vh;
}

.vid {
	background: #f5f5f0;
	padding-top: 15px;
}
a:hover {
	color: #e81d33;
	text-decoration: underline;
}

.earthworld {
    width: 265px;
    position: absolute;
    margin: auto;
    display: block;
    vertical-align: middle;
    top: 100px;
    height: 125px;
    bottom: 40px;
    left: 5px;
    right: 0;
}

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

.tvwrap {
	width: 100%;
	margin: 0 auto;
}
.darkteaheart {
    width: 125px;
    position: relative;
    display: block;
    margin: 15px auto 25px;
   /* top: 60px;
    left: 50px;*/
}

body{
		/*background-image: url(/img/bluebg.jpg?111);*/
		background-repeat: repeat;
		background-size: cover;
		background-position: center center;
		/*background-color: #515fd2;*/
		background-color: #f5f5f0;
	}
	.footer {
		padding-top: 20px;
		padding-bottom: 30px;
		margin-bottom: 20px;
		/*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: arial, sans-serif, helvetica;
		color:#e81d33;
	}
	.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:#e81d33;
	}

	.navlinks {
	    position: fixed;
	    top: 0;
	    background: #e81d33;
	    right: 0;
	    padding: 10px 30px;
	}

	.navlinks a {
		color: #e81d33;
	}

	a i {
		/*border: 1px solid #f5f5f0;
		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;
	}
	.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }

.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

	.close{
		color: #e81d33;
		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: #e81d33;
		text-shadow: none;
	}
	.btn{
		color:#f5f5f0;
		border: 4px solid #e81d33;
		background: #e81d33;
		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:#e81d33;
		border-color: #e81d33;
	}
	.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:#e81d33;
		margin-bottom: 30px;
		font-size: 16px;
		font-weight: 900;
	}
	input,textarea{
		width: 100%;
		border:none;
		background-color: #e81d33fff; 
		border:none;
		color:#e81d33;
		margin-bottom: 20px;
		padding:.5rem 1rem;
		font-size: 11px;
		border-radius: 0px;
		min-height: 40px;
		border:1px solid #e81d33;
		-webkit-appearance: none;
	}
	select{
		width: 100%;
		border:none;
		background-color: #e81d33fff; 
		border:none;
		color:#e81d33;
		margin-bottom: 20px;
		padding:.5rem 1rem;
		font-size: 11px;
		border-radius: 0px;
		height: 40px;
		border:1px solid #e81d33;
		-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: #e81d33;
		float: left;
		font-size: 12px;
		color: #e81d33;
		width: auto;
		min-width: 150px;
	}
	form .btn:hover{
		background-color: transparent; 
		border-color: #e81d33;
		color:#e81d33;
	}
	input::placeholder,textarea::placeholder{
		color:#000;
	}
	.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;
		}
*/


	}

	@media (max-width: 868px){
		.friendsart, .earthworld {
			display: none;
		}
	}

	@media (max-width: 768px){
		.homeframe {
			position: fixed !important;
		    bottom: 10px !important;
		    left: 10px !important;
		    top: unset !important;
		    width: 250px;
		}
		.heady {
			padding-top: 30px;
		}
		.horse {
			margin: 50px auto 90px;
		}

		#mc_embed_signup input.email, #mc_embed_signup .clear {
			float: none !important;
		}
		.logotop {
			margin-top: 0px !important;
		}

	}


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

	}
	.nav {
		width: 100%;
		text-align: center;

	}
	.logotop {
		margin-top: 30px;
		margin-bottom: 25px;
	}
	.social {
		position: relative;
	    width: 100%;
	    text-align: center;
	}
	.social ul {
		padding: 0;
	}
	.social ul li {
		list-style: none;
		display: inline;
		margin: 0 10px;
	}