@import url('https://fonts.googleapis.com/css?family=Righteous|Poppins:400,400i,500,600,700,800,900&display=swap');
*{
	margin: 0;
	padding: 0;
}
.top{
	position: relative;
}
.header-top{
	background: #cccccc;
	padding: 15px 0
}
.header-top h1{
	font-family: Righteous;
	color: #000;
	font-weight: bold;
}
.header-top .img{
	text-align: right;
}
.navigation{
	background: rgba(0,0,0,0.5);
	height: 100%;
	position: absolute;
	top: 0;
	width: 100%;
}
.content ul li{
	font-family: Poppins;
}
.inner-sal{
	position: relative;
}
.navbar-brand h1{
	font-family: Righteous;
	color: #fff;
	font-weight: bold;
}
.navbar-nav{
	margin:auto;
}
.content strong{
	font-family: Poppins;
}
.nav-link{
	font-family: Poppins;
	color: #fff;
	padding: 0.5em 1em !important;
	font-size: 15px;
}
.navi{
	padding: 0 20px;
	background: #000
}
.glod-link{
	text-align: center;
	
}
.glod-link a:hover{
	text-decoration: none;
	color: #fff;
}
.glod-link a{
	display: block;
	text-decoration: none;
	color: #fff;
	padding: 8px 15px;
    background: #77471f;
    width: 200px;
    margin: 20px auto 0;
    text-transform: uppercase;
    font-family: Righteous;
    font-size: 1.5em;
    letter-spacing: 2px;
}
.main-title{
	color: #fff;
	font-family: Righteous;
	text-transform: uppercase;
	font-size: 80px;
	text-align: center;
	text-shadow: 0 5px 5px #000; 
}
.subtitle{
	color: #fff;
	font-size: 30px;
	text-align: center;
	font-family: Poppins;
	font-weight: 600;
	text-transform: uppercase;
}
.navbar-brand h1{
	display: none;
}
.caption{
	width: 100%;
	margin: 0 auto;
	padding: 20px;
	border-radius: 4px;
}
.product{
	padding: 60px 0;
	background: #cccccc;
}
.content{
	padding: 60px 0; 
}
.content h3{
	font-family: Righteous;
	font-weight: bold;
}
.content p{
	text-align: justify;
	font-family: Poppins;
}
.read{
	margin-top: 2em;
}
.read-more{
	padding: 10px 15px;
	background: #77471f;
	color: #fff;
	font-family: Poppins; 
}
.box{
	border: 6px solid #000;
	z-index: 2;
	position: relative;
}
.col1{
	margin-bottom: 50px;
}
.overlay{
	background: rgba(0,0,0,0.8);
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	opacity: 0;
	transition: 0.8s all; 
}
.overlay p{
	font-family: Righteous;
	padding: 6rem 20px 0;
	text-align: center;
	position: relative;
	color: #fff;
	font-weight: bold;
	font-size: 24px;
}
.overlay:hover{
	opacity: 1;
}
.footer{
	padding: 60px 0px 0px;
	background: #333333;
}
.footer h4{
	background: #cccccc;
	color: #000;
	padding: 10px;
	text-align: center;
	font-family: Righteous;
}
ul.link{
	margin: 0;
	padding: 0;
}
ul.link li{
	list-style: none;
	font-family: Poppins;
	color: #fff;
	padding: 5px 15px;
}
.inner-bottom{
	margin-top: 20px;
	border-top: 1px solid #fff;
}
.inner-bottom p{
	margin: 0;
	color: #fff;
	padding: 10px;
	font-family: Poppins; 
}
.goldfinch{
	position: absolute;
	top: 45%;
	left: -0.5%;
	display: none;
}
.inner-slider{
	height: 350px;
	background: url('../images/banner.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}
.w .navigation{
	top: 130px;
	height: 73%;
}
.w .h-top{
	padding: 15px 0;
	background: #cccccc;
}
.w .container h1{
	font-family: Righteous;
	color: #000;
	font-weight: bold;	
}
.w .img{
	text-align: right;
}
.w .caption{
	margin-top: 80px;
	background: transparent;
}
.w .caption .main-title{
	font-size: 60px;
	color: #cccccc;
}
.content h4{
	font-family: Righteous;
}
.content .row{
	margin-top: 30px;
}
.getbrand h1{
	color: #fff;
	font-family: Righteous;
	text-transform: uppercase;
	margin-top: 20px;
	text-align: center;
}
.getbrand h1 i{
	font-size: 2.5em;
}
.content ul{
	margin: 0;
	padding: 0;
	margin-left: 20px;
}
.content ul li{
	list-style: none;
	padding: 10px 0px;
	border-bottom: dotted; 
}
.content ul li p{
	margin: 0;
	text-align: justify;
}
.form{
	width: 100%;
	padding: 10px 20px;
	background: #77471f;
	text-align: center;
}
.form h4{
	margin: 0;
	text-align: center;
	color: #fff;
	margin-bottom: 10px;
}
.form strong{
	text-align: center;
}
.form input[type="text"], .form textarea{
	padding: 10px 15px;
	width: 100%;
	margin-bottom: 10px;
	margin-top: 10px;
	border-radius: 4px;
	border-style: none;
	box-shadow: 3px 3px 5px #000;
	font-family: Poppins;
}
.form textarea{
	height: 80px;
}
.form input[type="text"]::placeholder{
	font-family: Poppins;
}
.form input[type="submit"]{
	margin-top: 15px;
	margin-bottom: 15px;
	font-family: Poppins;	
	padding: 5px 25px;
	border-radius: 4px;
}
ul.cont{
	margin: 0;
	padding: 0;
}
ul.cont li{
	display: inline-block;
	font-family: Poppins;
	border: none;
}
ul.cont li:nth-child(odd){
	width: 29%;
}
ul.cont li:nth-child(even){
	width: 70%;
}
.map{
	margin-top: 40px;
}
ul.flex-column{
	margin: 0;
	background: #77471f;
	padding: 20px 0;
}
ul.nav-tabs{
	margin: 0;	
	background: #77471f;
	margin-top: 20px;
}
ul.flex-column li{
	border:none;
	padding: 0;
}
ul.nav-tabs li{
	border:none;
	padding: 10px;	
}
.nav-tabs .nav-link{
	border: none !important;
}
.tab-content{
	margin-top: 15px;
}
.tab-pane table td{
	padding: 15px 10px;
	font-family: Poppins;
	text-align: center;
}
.link li a{
	color: #fff;
	text-decoration: none;
}
@media only screen and (max-width: 768px) {
	.navbar-brand h1{
		display: block !important;
		font-size: 1.1em;
	}
	.header-top h1{
		display: none;
	}
	.header-top .img{
		text-align: center !important; 
	}
	.navbar-toggler-icon {
 	 background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") !important;
	}
	.w .caption .main-title{
		font-size: 35px;
	}
	.w .navigation{
		top: 145px;
		height: 64%;
	}
	.w .img{
		text-align: center;
	}
	.w .h-top h1{
		display: none;
	}
	.inner-slider{
		height: 250px;
	}
	.caption{
		width: 90%;
	}
	.subtitle{
		font-size: 20px;
	}
	.main-title{
		font-size: 45px;
	}
	.row .col-md-3 img{
		margin-bottom: 20px;
	}
	.content ul{
		margin: 0;
	}
	.content .box{
		margin-top: 20px;
	}
	.content .row{
		margin: 0;
	}
	.navbar-nav{
		position: absolute;
		background: #000;
		padding: 0 15px !important;
		display: block;
		z-index: 99;
		width: 91.5%;
	}
	.footer h4{
		margin-top: 25px;
	}
	.inner-bottom p{
		text-align: center;
	}
	.col1{
		margin-bottom: 0px;
	}
	.float-right{
		float: left;
	}
	.product .box{
		margin-bottom: 20px; 
	}
	.product .box img{
		height: 250px;
	}
}
@media only screen and (max-width: 380px){
	.navbar-brand h1{
		font-size: 0.9em;
    	margin-top: 20px;
	}
	.main-title{
		font-size: 35px;
	}
	.getbrand h1 i{
		font-size: 1.8em;
	}
	.getbrand h1{
		font-size: 35px;
	}
}