@charset "utf-8";
/* CSS Document */

body{
	background-image:url(../img/bg.jpg);
	background-size:cover !important;
	background-repeat:no-repeat;
	background-position:80% 50%;
	color:#fff;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	text-shadow: none;
	box-shadow:none;

}
main img{
	width:90%;
	max-width:350px;
	margin-top:10%;
}
a{
	color:#fff;
	text-decoration:none;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
}
a:hover{
	color:#fad73a;
}
h1{
	color:#fad73a;
	font-family:Verdana, Geneva, sans-serif;
	font-size:2em;
	font-weight:bold;
}
h1 small{
	display:block;
	text-transform:uppercase;
	color:#fff;
	font-size:0.7em;
}
ul{
	list-style-type:none;
	color:#fff;
}
.address li:nth-child(2),.address li:nth-child(3){
	display:inline-block;
}
.address li span{
	color:#fad73a;
}
.socials li{
	display:inline-block;
	padding:0 5px;
}
.socials li:nth-child(1) i,.socials li:nth-child(3) i,.socials li:nth-child(2) i{
	border:2px solid #fff;
	border-radius:5px;
	width:25px;
	height:25px;
	line-height:22px;
	vertical-align:middle;
}
.socials li:nth-child(2) i{
	font-size:1.8em;
	border-color:rgba(255,255,255,0) !important
}
.socials li a:hover i{
	border-color:#fad73a;
}
footer .row div{
	position: absolute;
	bottom:35px;
	width:300px;
	padding:0;
}
.left-button{
	left:20px;
	text-align:left;
}
.right-button{
	right:20px;
	text-align:right;
}
footer .row div a,main div a{
	text-transform:uppercase;
	background: linear-gradient(to bottom,  #fad73a 0%,#bea42d 100%);
	padding:10px 30px;
	color:#000;
	box-sizing:border-box;

}
footer .row div a:hover{
	color:#fff;
}
.hide-desk{
	display:none !important;
}
@media only screen and (max-width:991px){
	.hide-desk{
		display:block !important;
	}
	.hide-mob{
		display:none !important;
	}
	main img{
		max-width:200px;
		margin-bottom:20px;
	}
	footer .row div, main  div {
		position: relative;
		bottom: 0;
		width: 100%;
		padding: 0;
		text-align:center !important;
		left:0 !important;
		right:0 !important;
		margin-bottom:10px;
	}
	footer .row div a,main div a{
		display:inline-block;
		width:200px;
		font-size:.8em;
	}
	
}
@media only screen and (max-width:991px) and (orientation: landscape){
		.h-100{
			height:auto !important
		}
		main img{
			margin-top:5%;
		}
	}