@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,700,700i,900,900i&display=swap');

p, li {
	font-family: 'Montserrat', sans-serif;
	font-size: 18px;
	font-weight: 300;
	color: #222;
	line-height: 1.3em;
	margin-bottom: 1em;
    letter-spacing: -0.3px;
}

b, strong {
	font-weight: bold;
}

h1, h2, h3, h4, h5 {
	font-family: 'Montserrat', Arial, sans-serif;
	font-weight: 900;
}
h1 {
	font-size: 48px;
	line-height: 1em;
	color: #fff;
	text-align: center;
}
h2 {
	text-align: center;
	color: #222;
	font-size: 36px;
	line-height: 1.25em;
}
h3 {
	text-align: center;
	color: #fff;
	font-size: 48px;
	line-height: 1.25em;
}

h4 {
	text-align: center;
	color: #222222;
	font-size: 30px;
	line-height: 1.25em;
}

h6 {
	text-align: center;
	color: #222;
	font-size: 20px;
	line-height: 1.25em;
}

.text-primary {
	color: #fff000 !important;
}

.text-secondary {
	color: #f6343f !important;
}

.fnt-16 {
	font-size: 16px;
}

.fnt-24 {
	font-size: 24px;
}

.fnt-20 {
	font-size: 20px;
}

.mt-6 {
	margin-top: 5rem;
}

.mt-7 {
	margin-top: 7rem;
}

.pr-6 {
	padding: 6rem;
}

.pt-7 {
	padding-top: 6rem;
}

.pt-8 {
	padding-top: 8rem;
}

.pb-6 {
	padding-bottom: 5rem;
}

.pb-7 {
	padding-bottom: 6rem;
}

.pb-9 {
	padding-bottom: 9rem;
}

.py-6 {
	padding-top: 5rem;
	padding-bottom: 5rem;
}

.py-7 {
	padding-top: 6rem;
	padding-bottom: 6rem;
}

.py-9 {
	padding-top: 10rem;
	padding-bottom: 10rem;
}

.px-9 {
	padding-right: 9rem;
	padding-left: 9rem;
}

.container {
    max-width: 960px;
}

.bg-secondary {
	background: #f6343f !important;
}

.bg-header {
	background: url(../assets/bg-header.jpg) no-repeat center top;
}

.dark-bg {
	background: #252525;
}

.yellow-bg {
	background: #f5e602;
}

.grey-bg {
	background: #e1e1e1;
}

.bundle-bg {
	background: #ebebeb url(../assets/bundle-bg.png) no-repeat center top;
}

.buy-sec {
	background: url(../assets/buy-sec.jpg) no-repeat center top;
	background-size: cover;
}

.border-bot {
	border-bottom: 1px solid #ccc;
}

.border-head {
	border-top: 2px solid #e1e1e1;
	border-left: 2px solid #e1e1e1;
	border-right: 2px solid #e1e1e1;
	border-radius: 10px 10px 0 0;
}

.border-bot {
	border-bottom: 2px solid #e1e1e1;
	border-left: 2px solid #e1e1e1;
	border-right: 2px solid #e1e1e1;
	border-radius: 0 0 10px 10px;
}

.border-lr {
	border-left: 2px solid #e1e1e1;
	border-right: 2px solid #e1e1e1;
}

.border-all {
	border: 2px solid #e1e1e1;
	border-radius: 10px;
}

.border-rds {
	border-radius: 0 0 10px 10px;
}

.border-rds-top {
	border-radius: 10px 10px 0 0;
}

.pad-cstm {
	padding: 31px;
}

.pad-cstm-2 {
	padding: 57px 31px;
}

.pad-cstm-3 {
	padding: 44px 31px;
}

.pad-cstm-4 {
	padding: 109px 31px;
}

.pad-cstm-gry {
	padding: 37px;
}

.badge-offset {
	margin-top: -58px;
	margin-bottom: 50px;
}

.badge-offset-2 {
	margin-top: -28px;
}

/* --------------   hover  ----------- */
.hvr-grow {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  transition-duration: 0.3s;
  transition-property: transform; }

.hvr-grow:hover,
.hvr-grow:focus,
.hvr-grow:active {
  transform: scale(1.1);
  color: #fff; }
.space   {
    margin-bottom: auto;
    margin-top: auto;
}


  @media only screen and (max-width: 736.98px) {
  	.pad-cstm-2, .pad-cstm-3, .pad-cstm-4 {
	    padding: 31px 31px !important;
	}
  }


  @media (min-width: 737px) and (max-width: 768.98px) {
  	.px-9 {
  		padding-right: 0;
		padding-left: 0;
  	}

  	.badge-offset {
		margin-top: -26px;
	}

	.pad-cstm-2 {
	    padding: 70px 31px;
	}

	.pad-cstm-3 {
	    padding: 57px 31px;
	}

	.pad-cstm-4 {
	    padding: 161px 31px;
	}

  }

  @media (min-width: 769px) and (max-width: 991.98px) {
  	.pad-cstm-4 {
	    padding: 135px 31px;
	}

	.pad-cstm-3 {
	    padding: 57px 31px;
	}

	.pad-cstm-2 {
	    padding: 70px 31px;
	}
  }

  @media only screen and (max-width:1024px) {
  	
  }