body {
	margin: 0;
	padding: 0;
	font-family: "Karla",Helvetica,Arial,sans-serif;
	color: #000;
	font-weight: 300;
}

img {
	width: 100%;
	height: auto;
}

a {
	color: #000;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	color: #000;
}

h2 {
	color: #e32117;
}

.scroll {
    position: absolute;
    top: 90%;
    left: 0;
    right: 0;
    bottom: 20px;
    width: 100%;
    text-align: center;
}

.arrow i {
	color: #fff;
	font-size: 35px;
}

.bounce {
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}

@-webkit-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
  }
}

header {
	height: 100vh;
	background-image: url('../images/background.jpg');
	background-size: cover;
	background-position: center;
	padding-top: 30vh;
	position: relative;
}

header .logo img {
	width: 300px;
}

.logo {
	text-align: left;
}

.logo-head img {
	width: 55%;
	float:right;
}
.btn-primary, .btn-primary:hover {
	background-color: #e22117;
	color: #fff;
	padding: 10px!important;
	min-width: 150px;
	text-align: center;
	border: 2px solid #e22117;
	border-radius: 0px;
	text-transform: uppercase;
}

.red {
	color: #e22117;
}

header h1 {
	font-size: 55px;
	color: #fff;
}

header h1 span {
	color: #e32117;
}

.topbar {
	padding: 10px;
	text-align: center;
	background-color: #e32117;
	color: #000;
}

.topbar p {
	margin: 0;
	padding: 0;
	font-size: 18px;
	color: #fff;
}

.topbar p a {
	color: #fff;
}

.logo img {
	width: 80%;
	padding: 10px;
}

.menu {
	background-color: #000;
}

.navbar.navbar-expand-lg.navbar-light {
	background-color: transparent;
	border: none;
	margin: 0;
	text-align: right;
}

.navbar.navbar-expand-lg.navbar-light .nav {
	float: none;
}

.navbar.navbar-expand-lg.navbar-light li {
	display: inline-block;
	float: none;
}

.navbar.navbar-expand-lg.navbar-light li a {
	text-transform: uppercase;
	color: #fff!important;
	font-size: 14px;
	font-weight: 300;
	padding: 5px;
	margin-right: 5px;
	margin-left: 5px;
	margin-top: 30px;
	padding-bottom: 5px;
	margin-bottom: 20px;
}

.navbar.navbar-expand-lg.navbar-light li.active a {
	background-color: transparent!important;
	border-bottom: 1px dotted;
}

.heading {
    padding-top: 161px;
	padding-bottom: 140px;
	background-size: cover;
	background-position: center;
	border-bottom: 5px solid #e22117;
}

.heading h1 {
	color:#fff;
	text-align: center;
	font-size: 40px;
	text-transform: uppercase;
}

.home-blocks {
	padding-top: 40px;
	padding-bottom: 40px;
}

.home-blocks img{
	margin-bottom: 15px;
	padding: 15px;
}

.block {
	position: relative;
}

.block p {
	position: absolute;
	padding: 15px;
	background-color: #fff;
	bottom: 50px;
	text-transform: uppercase;
	font-size: 25px;
	right: 15px;
}

.newsletter-block .newsletter-text {
	background-color: transparent;
	padding: 30px;
	top: 0;
	left: 0;
	margin: 15px;
	font-size: 40px;
	color: #fff;
}

.home-video {
	padding-top: 80px;
}

.home-about {
	padding-top: 40px;
	padding-bottom: 40px;
	background-color: #ececec;
}

.home-about h2 {
	font-size: 60px;
}

.home-about p {
	font-size: 20px;
	padding-top: 15px;
	line-height: 30px;
	color: #000;
	font-weight: 300;
}

.home-gallery {
	padding-top: 40px;
	padding-bottom: 40px;
	text-align: center;
}

.home-gallery h2 {
	text-align: center;
	font-size: 45px;
	margin-bottom: 20px;
}
/* 
.home-gallery img{
	margin-bottom: 30px;
} */

.home-social {
	padding-top: 40px;
	padding-bottom: 40px;
	background-color: #e32117;
	text-align: center;
}

.home-social h2 {
	color: #fff;
}

.home-social a {
	padding: 15px;
}

.home-social i {
	font-size: 30px;
	color: #fff;
}

.home-contact {
	padding-bottom: 40px;
	text-align: center;
}

.home-contact h2 {
	font-size: 60px;
}

.home-contact p {
	font-size: 20px;
	padding-top: 15px;
}

.gallery-header {
	background-image: url('/images/gallery-header.jpg');
	background-position: center;
	background-size: cover;
	border-bottom: 5px solid #e22117;
}

.contact-header {
	background-image: url('/images/contact-header.jpg');
	background-position: center;
	background-size: cover;
	border-bottom: 5px solid #e22117;
}

.gallery {
	padding-top: 40px;
	padding-bottom: 40px;
}

.gallery img {
	margin-bottom: 30px;
}

.ourstory-header {
	background-image: url('/images/ourstory.jpg');
	background-position: center;
	background-size: cover;
	border-bottom: 5px solid #e22117;
}

.our-story {
	padding-top: 40px;
	padding-bottom: 40px;
	text-align: center;
}

.our-story img {
	width: 300px;
	padding-bottom: 20px;
}

.our-story p {
	font-size: 18px;
}

.mayaprass-logo {
	width: 60%;
}

.products-header {
	background-image: url('/images/products-header.jpg');
	background-position: center;
	background-size: cover;
	border-bottom: 5px solid #e22117;
}

.products {
	padding-top: 40px;
	padding-bottom: 40px;
}

.products img {
	margin-bottom: 30px;
}

.product-logo {
	border: 3px solid #000;
}

.products-cta {
	text-align: center;
}

.products-cta img {
	position: relative;
}

.products-cta p {
	position: absolute;
	top: 37%;
	z-index: 999;
	font-size: 30px;
	left: 0;
	right: 0;
	margin-right: auto;
	margin-left: auto;
	color: #fff;
}

.product-item {
	position: relative;
	margin-bottom: 10%;
}

.product-item:hover .overlay {
	opacity: 1;
	transition: all ease 0.5s;
}

.product-item .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	opacity: 0;
	transition: all ease 0.5s;
}

.product-item .overlay p {
	color: #fff;
	text-align: center;
	padding-top: 35%;
	font-size: 20px;
	padding-left: 15px;
	padding-right: 15px;
}

.product-item .overlay p .price {
	font-size: 14px;
}

.quality, .shipping {
	text-align: center;
	padding: 20px;
	background-color: #ececec;
	margin-bottom: 30px;
}

.quality h2, .shipping h2 {
	margin: 0;
	margin-bottom: 10px;
	color: #000;
}

.baa-header{
	background-image: url('/images/agent-header.jpg');
	background-position: center;
	background-size: cover;
	border-bottom: 5px solid #e22117;
}

.why-golf-header{
	background-image: url('/images/whygolf-header.jpg');
	background-position: center;
	background-size: cover;
	border-bottom: 5px solid #e22117;
}

.why-golf, .become-an-agent {
	padding-top: 40px;
	padding-bottom: 40px;
}

.contact {
	padding-top: 40px;
	padding-bottom: 40px;
}

.details p {
	padding-bottom: 30px;
	font-size: 18px;
	padding-left: 10px;
}

label,input,textarea {
	width: 80%;
	display: block;
	padding: 5px;
	color: #000;
	margin-bottom: 10px;
}

input, textarea {
	border: 1px solid #ccc;
}

textarea {
	height: 150px;
}

form .btn-primary {
	width: 150px;
}

#email2 {
	display: none;
}

.output {
	padding: 5px;
	margin-top: 10px;
	background-color: #000;
	color: #fff;
	text-align: center;
	display: none;
}

.error {
	padding: 5px;
	margin-top: 10px;
	background-color: #FF563C;
	color: #fff;
	text-align: center;
	display: none;
}

.footer-upper {
	padding-top: 30px;
	padding-bottom: 30px;
	background-color: #000;
	border-bottom: 1px solid #fff;
	color: #fff;
}
.footer-upper .col-md-2, .gallery-footer-text {
	padding-top: 20px;
}
.footer-images-group {
	padding-top: 20px;
}
.footer-upper h3 {
    margin-bottom: 0;
}
.footer-upper img {
	width: 80%;
}

.footer-upper p {
	padding-top: 20px;
	font-size: 18px;
	width: 80%;
}

.footer-upper p a {
	color: #fff;
}

.footer-upper .footer-nav {
	font-size: 14px;
	padding-left: 10px;
	line-height: 30px;
}

.footer-upper .footer-contact p {
	font-size: 14px;
}

.footer-newsletter {
	background-color: #fff;
	padding: 20px;
}

.footer-newsletter h3 {
	margin-top: 0;
	color: #000;
	width: 100%;
}

.footer-newsletter p {
	color: #000;
	width: 100%;
}

.footer-newsletter input {
	width: 100%;
	padding: 7px;
}

.footer-image {
	display: inline-block;
	width: 100px;
	padding: 0 0 25px 0;
}

footer {
	background-color: #000;
	padding: 15px;
}

footer p {
	color: #fff;
	padding: 0;
	margin: 0;
	color: #fff;
	text-align: center;
}

footer a, footer a:hover {
	color: #fff;
	border-bottom: 1px dotted;
}