@import url('https://fonts.googleapis.com/css?family=Google+Sans&display=swap');
body, .b_no h4, h2 .b_secondaryText, h2 .b_alert, .h3 {
    font-family:'Google Sans',Arial,Helvetica,Sans-Serif;
}

.h3 {
	font-weight: 400;
    letter-spacing: -.25px;
	color: #202124;	
	-webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
	margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
	font-style: normal;
}

.gap-8px {
	gap:8px;
}

.text-success {
	color:rgba(37, 202, 196, 1);
}

.h5 {
	font-weight: 400;
    letter-spacing: -.25px;
	color: #202124;
	-webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
	margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
	font-style: normal;
}

.label {
	-webkit-font-smoothing: antialiased;
    color: #3c4043;
    font-family: Google Sans;
    font-weight: 500;
    position: relative;
    top: 1px;
}

.primary-site-button {
	background-color:rgba(37, 202, 196, 0.8);
	color:#ffffff;
	border:1px solid transparent;
	border-radius:4px;
	font-family:"Google Sans",Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:500;
	letter-spacing: 0.5px;
	line-height: 24px;
	padding:10px 20px 10px 20px;
	text-decoration:none;
	-webkit-transition: background-color .2s,color .2s,-webkit-box-shadow .2s;
	transition: background-color .2s,color .2s,-webkit-box-shadow .2s;
	-o-transition: background-color .2s,box-shadow .2s,color .2s;
	transition: background-color .2s,box-shadow .2s,color .2s;
	transition:background-color .2s, box-shadow .2s, -webkit-box-shadow .2s;
	transition-property:background-color, box-shadow, color, box-shadow;
	transition-duration:0.2s 0.2s 0.2s 0.2s;
	transition-timing-function:ease ease ease ease;
	transition-delay:0s 0s 0s 0s;
	display:inline-block;
	}
	.primary-site-button:hover {
		background-color:rgba(37, 202, 196, 1);
		color:#ffffff;
		text-decoration:none;
		box-shadow: 1px 1px 2px #D3D3D3;
	}
	.primary-site-button:focus {
		background-color:rgba(37, 202, 196, 1);
		color:#ffffff;
		text-decoration:none;
		box-shadow: 1px 1px 2px #D3D3D3;
	}
	.primary-site-button:active {
		background-color:rgba(37, 202, 196, 1);
		color:#ffffff;
		text-decoration:none;
		box-shadow: 1px 1px 2px #D3D3D3;
	}
	.primary-site-button:visited {
		background-color:rgba(37, 202, 196, 1);
		color:#ffffff;
		text-decoration:none;
		box-shadow: 1px 1px 2px #D3D3D3;
	}
	.primary-site-button:not(:disabled):not(.disabled).active {
		background-color:rgba(37, 202, 196, 1);
		color:#ffffff;
		text-decoration:none;
		box-shadow: 1px 1px 2px #D3D3D3;
	}
	.primary-text-link {
		color:rgba(37, 202, 196, 1);
		text-rendering: optimizeLegibility;
		font-size: 16px;
		font-weight: 500;
		letter-spacing: .25px;
		line-height: 24px;
		padding-top:5px;
		font-family: "Google Sans",Arial,Helvetica,sans-serif;
		text-decoration:none;
		-webkit-transition: background-color .2s,color .2s,-webkit-box-shadow .2s;
		transition: background-color .2s,color .2s,-webkit-box-shadow .2s;
		-o-transition: background-color .2s,box-shadow .2s,color .2s;
		transition: background-color .2s,box-shadow .2s,color .2s;
		transition:background-color .2s, box-shadow .2s, -webkit-box-shadow .2s;
		transition-property:background-color, box-shadow, color, box-shadow;
		transition-duration:0.2s 0.2s 0.2s 0.2s;
		transition-timing-function:ease ease ease ease;
		transition-delay:0s 0s 0s 0s;
		display:inline-block;
		}
	
	.primary-text-link:hover {
		color:rgba(49, 145, 139, 1);
		text-decoration:none;
	}
	.primary-text-link:focus {
		color:rgba(49, 145, 139, 1);
		text-decoration:none;
		outline:none;
	}
	.in-primary-text-link {
		color:rgba(37, 202, 196, 1);
		text-rendering: optimizeLegibility;
		font-weight: 500;
		letter-spacing: .25px;
		padding-top:5px;
		font-family: "Google Sans",Arial,Helvetica,sans-serif;
		text-decoration:none;
		-webkit-transition: background-color .2s,color .2s,-webkit-box-shadow .2s;
		transition: background-color .2s,color .2s,-webkit-box-shadow .2s;
		-o-transition: background-color .2s,box-shadow .2s,color .2s;
		transition: background-color .2s,box-shadow .2s,color .2s;
		transition:background-color .2s, box-shadow .2s, -webkit-box-shadow .2s;
		transition-property:background-color, box-shadow, color, box-shadow;
		transition-duration:0.2s 0.2s 0.2s 0.2s;
		transition-timing-function:ease ease ease ease;
		transition-delay:0s 0s 0s 0s;
		display:inline-block;
		}
	
	.in-primary-text-link:hover {
		color:rgba(49, 145, 139, 1);
		text-decoration:none;
	}
	.primary-outline-button {
		color:rgba(37, 202, 196, 0.8);
		background-color:#ffffff;
		border:1px solid rgba(37, 202, 196, 0.8);
		border-radius:4px;
		font-family:"Google Sans",Arial, Helvetica, sans-serif;
		font-size:16px;
		font-weight:500;
		letter-spacing: 0.5px;
		line-height: 24px;
		padding:10px 20px 10px 20px;
		text-decoration:none;
		-webkit-transition: background-color .2s,color .2s,-webkit-box-shadow .2s;
		transition: background-color .2s,color .2s,-webkit-box-shadow .2s;
		-o-transition: background-color .2s,box-shadow .2s,color .2s;
		transition: background-color .2s,box-shadow .2s,color .2s;
		transition:background-color .2s, box-shadow .2s, -webkit-box-shadow .2s;
		transition-property:background-color, box-shadow, color, box-shadow;
		transition-duration:0.2s 0.2s 0.2s 0.2s;
		transition-timing-function:ease ease ease ease;
		transition-delay:0s 0s 0s 0s;
		display:inline-block;
		}
		.primary-outline-button:hover {
			color:rgba(37, 202, 196, 1);
			background-color:#ffffff;
			border:1px solid rgba(37, 202, 196, 1);
			text-decoration:none;
			box-shadow: 1px 1px 2px #D3D3D3;
		}

p {
	font-weight: 400;
	font-size: 1rem;
    line-height: 1.5;
    letter-spacing: .25px;
	display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
	color: #202124;
	font-style: normal;
}

.p {
	font-weight: 400;
	font-size: 1rem;
    line-height: 1.5;
    letter-spacing: .25px;
	display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
	color: #202124;
	font-style: normal;
}

li {
	line-height: 1.5;
	font-family:'Google Sans';
    font-size: 16px;
	font-weight: 500;
	letter-spacing: .01562rem;
    text-decoration: none;
	padding: 0 4px;
    position: relative;
	text-align: -webkit-match-parent;
	transition: background-color .2s,color .2s;
}

.li {
	line-height: 1.5;
	font-family:'Google Sans';
    font-size: 16px;
	font-weight: 500;
	letter-spacing: .01562rem;
    text-decoration: none;
	padding: 0 4px;
    position: relative;
	text-align: -webkit-match-parent;
	transition: background-color .2s,color .2s;
}

.formvar {

	border: none;

	width: 100%;

	padding-left: 10px;

	padding-right:10px;

	border-radius: none;

	height: 50px;

}
.designer-bg {
	background:rgba(250,249,249,1);
}
.logo-green-text {
	color: rgba(37, 202, 196, 1);
}
.logo-green-bg { 
	background: rgba(37, 202, 196, 1);
}
.text-success {
	color:rgba(37, 202, 196, 1);
}
.bg-success {
	background:rgba(37, 202, 196, 1);
}
.loader-green {
	color :rgba(37, 202, 196, 1);
}
.text-cp-green {
	color:rgba(37, 202, 196, 1);
}
.text-cp-m-green {
	color:rgba(37, 202, 196, 1);
}
.text-cp-l-green {
	color:rgba(37, 202, 196, 1);
}
.text-cp-gold {
	color:rgba(229,186,3,1);
}.text-cp-m-gold {
	color:rgba(229,186,3,1);
}
.text-cp-l-gold {
	color:rgba(229,186,3,1);
}
.text-cp-grey {
	color:#808080;
}
.text-cp-black {
	color:#171717;
}
.bg-cp-green {
	background:rgba(37, 202, 196, 1);
}
.bg-cp-m-green {
	background:#8DA036;
}
.bg-cp-l-green {
	background:#BDAA25;
}
.bg-cp-gold {
	background:#ECB314;
}
.bg-cp-m-gold {
	background:#F6D98A;
}
.bg-cp-l-gold {
	background:#FBECC5;
}
.bg-cp-grey {
	background:#808080;
}
.bg-cp-black {
	background:#171717;
}

.border-left-logo-green {
	border-color:rgba(37, 202, 196, 1)!important
}

.bgheader
{
	background:rgba(110,87,63,1);
	color:white;
	padding-left:3%;
}
.font-roboto {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fCRc4EsA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
.textheader
{
	color:rgba(110,87,63,1);
}
.header{
	height:100px;
}
#new_reg_form {
	 height: 450px;
	 width:auto;
  overflow-y: scroll;
  overflow-x:hidden;
}
.gap-8px {
	gap:8px;
}
#add_profile_form {
	 height: 450px;
	 width:auto;
  overflow-y: scroll;
  overflow-x:hidden;
}
#address_form {
	 height: 420px;
	 width:auto;
  overflow-y: scroll;
  overflow-x:hidden;
}

.logo-gold-text {
	color:rgba(238,187,44,1);
}
.logo-gold-bg {
	background:rgba(238,187,44,1);
}
b {
    font-weight: bold;
}
.btn-logo-green {
	color:#fff;
	background-color:rgba(37, 202, 196, 1);
	border-color:rgba(37, 202, 196, 1);
	}
	.btn-logo-green:hover {
		color:#fff;
		background-color:rgba(37, 202, 196, 1);
		border-color:rgba(37, 202, 196, 1);
		}
		.btn-logo-green.focus,.btn-logo-green:focus {
			box-shadow:0 0 0 .2rem rgba(37, 202, 196, 1);
			}
			.btn-logo-green.disabled,.btn-logo-green:disabled { 
			color:#fff;
			background-color:rgba(37, 202, 196, 1);
			border-color:rgba(37, 202, 196, 1);
			}
			.btn-logo-green:not(:disabled):not(.disabled).active,.btn-logo-green:not(:disabled):not(.disabled):active,.show>.btn-logo-green.dropdown-toggle { 
			color:#fff;
			background-color:rgba(37, 202, 196, 1);
			border-color:rgba(37, 202, 196, 1);
			}
			.btn-logo-green:not(:disabled):not(.disabled).active:focus,.btn-logo-green:not(:disabled):not(.disabled):active:focus,.show>.btn-logo-green.dropdown-toggle:focus {
				box-shadow:0 0 0 .2rem rgba(37, 202, 196, 1);
				}
			/* button  logo green half */
.btn-logo-green-half {
	color:#fff;
	background-color:rgba(37, 202, 196, 0.8);
	border-color:rgba(37, 202, 196, 0.8);
}
	.btn-logo-green-half:hover {
		color:#fff;
		background-color:rgba(37, 202, 196, 0.8);
		border-color:rgba(37, 202, 196, 0.8);
		}
		.btn-logo-green-half.focus,.btn-logo-green-half:focus {
			box-shadow:0 0 0 .2rem rgba(37, 202, 196, 0.8);
			}
			.btn-logo-green-half.disabled,.btn-logo-green-half:disabled { 
			color:#fff;
			background-color:rgba(37, 202, 196, 0.8);
			border-color:rgba(37, 202, 196, 0.8);
			}
			.btn-logo-green-half:not(:disabled):not(.disabled).active,.btn-logo-green-half:not(:disabled):not(.disabled):active,.show>.btn-logo-green-half.dropdown-toggle { 
			color:#fff;
			background-color:rgba(37, 202, 196, 0.8);
			border-color:rgba(37, 202, 196, 0.8);
			}
			.btn-logo-green-half:not(:disabled):not(.disabled).active:focus,.btn-logo-green-half:not(:disabled):not(.disabled):active:focus,.show>.btn-logo-green-half.dropdown-toggle:focus {
				box-shadow:0 0 0 .2rem rgba(37, 202, 196, 1);
				}
		/*button logo green half finished */	
	.btn-outline-logo {
	color:rgba(37, 202, 196, 1);
	background-color:transparent;
	background-image:none;
	border-color:rgba(37, 202, 196, 1);
	}
	.btn-outline-logo:hover {
	color:#fff;
	background-color:rgba(37, 202, 196, 1);
	border-color:rgba(37, 202, 196, 1);
	}
	.btn-outline-logo.focus,.btn-outline-logo:focus {
	box-shadow:0 0 0 .2rem rgba(37, 202, 196, 1);
	}
	.btn-outline-logo.disabled,.btn-outline-logo:disabled {
	color:rgba(37, 202, 196, 1);
	background-color:transparent
	}
	.btn-outline-logo:not(:disabled):not(.disabled).active,.btn-outline-logo:not(:disabled):not(.disabled):active,.show>.btn-outline-logo.dropdown-toggle {
	color:#fff;
	background-color:rgba(37, 202, 196, 1);
	border-color:rgba(37, 202, 196, 1);
	}
	.btn-outline-logo:not(:disabled):not(.disabled).active:focus,.btn-outline-logo:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-logo.dropdown-toggle:focus {
	box-shadow:0 0 0 .2rem rgba(37, 202, 196, 1);
	}
.bgheader-1
{
	background:rgba(110,87,63,1);
}
.zoom {
  transition: transform .2s; /* Animation */
  margin: 0 auto;
}

.zoom:hover {
  transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}
.p-header
{
margin-top:60px;
}
.bg-img
{
	background:url(../image/bgw.jpg);
	background-repeat:no-repeat;
}
.bg-img-form
{
	background:url(../image/bgm1.png);
	background-repeat:no-repeat;
	background-position:top center;
}
.bg-img-feedback
{
	background:url(../image/bgnew.png);
	background-repeat:no-repeat;
	background-position:top center;
}
.bg-reciept
{
	background:url(../image/recieptnew.png);
	background-repeat:no-repeat;
	background-position:top center;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

button:focus {
	border:0px;
	outline:none;
}
button:visited {
	border:0px;
	outline:none;  
}
  
  button:active {
	border:0px;
	outline:none;  
}
.b-fp-cover
{
	background:url(../image/bfp.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	height:700px;
	width:100%;
}
.bg-wrapper-grey
{
	background:rgba(255,255,255,0.3);
}
.bg-img-product-view
{
	background:url(../image/whitebg1.png);
	background-position:right top;
}
.bg-list-heading
{
	color:rgba(33,47,60,1);
}
.speech-bubble {
	position: relative;
	background: #00aabb;
	border-radius: .4em;
	width:100%;
	height:auto;
}
.border-3p
{
	border:5px;
}
.f10
{
	font-size:10px;
}
.f11
{
	font-size:11px;
}
.f12
{
	font-size:12px;
}
.speech-bubble:after {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	width: 0;
	height: 0;
	border: 20px solid transparent;
	border-bottom-color: #00aabb;
	border-top: 0;
	border-left: 0;
	margin-left: -10px;
	margin-top: -20px;
}
.maincontent
{
	margin-top:22%;
	color:white;
}
.bgfooter
{
	background:rgba(110,87,63,1);
	color:white;
}
.bgfooter ul li a
{
	color:white;
}
.pledge img
{
	height:400px;
}
.bgtop
{
	background-image:url(../image/topbg.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
}
.text-red-autumn
{
	color:rgba(195,26,107,1);
}
.text-purple-winter
{
	color:rgba(135,54,121,1);
}
.bgblue1
{
	background:rgba(57,163,197,0.1);
}
.fontsize-12
{
	font-size:12;
}
.textblue2
{
	color:rgba(38,108,127,1);
}
.pledgecol
{
	color:white;
	padding-top:2%;
	padding-bottom:2%;
	border:solid 5px #fff;
	border-radius:10px;
	background:rgba(235,151,135,1);
}
.textgreensr
{
	color:rgba(1,185,193,1);
}
.fontRoboto
{
	font-family : "Roboto", serif;
}
.fontRaleway
{
	font-family : "Raleway", serif;
	font-weight: bold;
}
.bgtan
{
	background:rgba(200,175,145,0.2);
}
.bgtan1
{
	background:rgba(200,175,145,0.1);
}
.fontgreat
{
	font-family:"Great Vibes","sans-serif";
}
	.bgbrown
{
	background:rgba(110,87,63,0.5);
}
	.textbrown
{
	color:rgba(110,87,63,1);
}
.pledgercircle
{
	color:rgba(243,110,93,1);
	background:#FFF;
}
.bgblue2
{
	background:rgba(38,108,127,1);
}
.textdpurple
{
	color:rgba(81,52,80,1);
}
.overlay
{
	position:absolute;
	top:40%;
}
.bggreen
{
	background:rgba(107,150,124,1);
	color:white;
}
.bggrey
{
	background:rgba(142,137,124,0.4);
	
}
.bggrey-90
{
	background:rgba(108,117,125,0.6);
	
}
.bgsblue
{
	background:rgba(109,162,212,0.2);
	
}
.bgblue
{
	background:rgba(97,124,206,1);
	color:white;
}
.bgblueq
{
	background:rgba(97,124,206,0.2);
	color:white;
	
}
.bgwhiteq
{
	background:rgba(250,250,250,0.2);
}
.textteal
{
	color:rgba(142,61,54,1);
}
.bg-teal-spring
{
	background:rgba(142,61,54,1);
}
.bgpurple
{
	background:rgba(186,105,161,1);
}
.textdpurple
{
	color:rgba(235,60,39,1);
}
.bgpurple1q
{
	background:rgba(101,44,113,0.25);
}
.bgorchid
{
	background:rgba(213,212,228,0.5);
}
.textpurple
{
	color:rgba(186,105,161,1);
}
.bgorange
{
	background:rgba(227,131,37,1);
}
.speech-bubble-spring {
	position: relative;
	background:rgba(109,162,212,1);
	border-radius: .4em;
	width:30%;
	height:auto;
	margin-left:13%;
	padding-right:2%;
}
.speech-bubble-spring:after {
	content: '';
	position: absolute;
	top: 0;
	width: 0;
	height: 0;
	border: 15px solid transparent;
	border-top-color: rgba(109,162,212,1);
	border-bottom: 5px;
	border-right: 0;
	margin-left: -10px;
	margin-top:0.25px;
	z-index:-1;
}
.speech-bubble-summer {
	position: relative;
	background:rgba(0,120,144,1);
	border-radius: .4em;
	width:30%;
	height:auto;
	margin-left:13%;
	padding-right:2%;
}
.speech-bubble-summer:after {
	content: '';
	position: absolute;
	top: 0;
	width: 0;
	height: 0;
	border: 15px solid transparent;
	border-top-color:rgba(0,120,144,1);
	border-bottom: 5px;
	border-right: 0;
	margin-left: -10px;
	margin-top:0.25px;
	z-index:-1;
}
.speech-bubble-autumn {
	position: relative;
	background:rgba(103,31,7,1);
	border-radius: .4em;
	width:30%;
	height:auto;
	margin-left:13%;
	padding-right:2%;
}
.speech-bubble-autumn:after {
	content: '';
	position: absolute;
	top: 0;
	width: 0;
	height: 0;
	border: 15px solid transparent;
	border-top-color: rgba(103,31,7,1);
	border-bottom: 5px;
	border-right: 0;
	margin-left: -10px;
	margin-top:0.25px;
	z-index:-1;
}
.speech-bubble-winter {
	position: relative;
	background:rgba(117,92,85,1);
	border-radius: .4em;
	width:30%;
	height:auto;
	margin-left:13%;
	padding-right:2%;
}
.speech-bubble-winter:after {
	content: '';
	position: absolute;
	top: 0;
	width: 0;
	height: 0;
	border: 15px solid transparent;
	border-top-color: rgba(117,92,85,1);
	border-bottom: 5px;
	border-right: 0;
	margin-left: -10px;
	margin-top:0.25px;
	z-index:-1;
}
.bggold
{
	background:rgba(212,175,55,0.1);
}
.bggold1
{
	background:rgba(212,175,55,0.2);
}
.bggold2
{
	background:rgba(212,175,55,0.6);
}
.textgold
{
	color:rgba(255,223,0,1);
}
.textorange
{
	color:rgba(227,131,37,1);
}
.fontssp
{
	font-family:"Source Sans pro","sans-serif";
	font-size:12px;
}
.fontchela
{
	font-family:"Chela One","sans-serif";
	
}
.round
{
	border-radius:50%;
	width:200px;
	height:200px;
}
.bgrose
{
	background:rgba(231,101,137,1);
}
.textrose
{
	color:rgba(231,101,137,1);
}
.textred
{
	color:rgba(223,5,25,1);
}
.bgbanner
{
	background-image:url(../image/banner.png);
	background-size:cover;
	background-position:right;
}
.innerpadding
{
	padding-top:5%;
	padding-bottom:5%;
}
.padding
{
	padding-top:8%;
	padding-bottom:8%;
}
.paddingtplg
{
	padding-top:15%;
}
.paddingtpxlg
{
	padding-top:20%;
}
.paddingtpsm
{
	padding-top:5%;
}
.paddingmini
{
	padding-top:5%;
	padding-bottom:5%;
}
.paddingsmall
{
	padding-top:2%;
	padding-bottom:2%;
}
.paddingvsmall
{
	padding-top:1%;
	padding-bottom:1%;
}
.paddingbtmsm
{
	padding-bottom:2%;
}
.paddingbtmmd
{
	padding-bottom:7%;
}
.paddingtop
{
	padding-top:8%;
}
.paddingright
{
	padding-right:6%;
}
.paddingleft
{
	padding-left:6%;
}
.paddinglefteuro
{
	padding-left:11%;
}
.paddinglefthand
{
	padding-left:3%;
}
.parallelogram
{
	margin:4rem;
	
}
.sample-image-bg
{
	background:url(../image/upload_image.png);
}
.parrallelogram-body
{
	width:20rem;
	transform: skewY(-4deg);
}
.parallelogram-content
{
	transform: skewY(4deg);
}
.fontlato
{
font-family:'Lato', sans-serif;
}

.footer li a
{
	color:black;
}
.pledgercircle
 {
	border:solid 1px white;
	border-radius:50%;
	width:60px;
	height:60px;
	padding-top:1%;
 }
 .regdata
 {
	 border:2px solid grey;
	 border-radius:10px;
 }
 .textgrey
 {
	 color:grey;
 }
 .bg-lgrey
 {
 background:rgba(150, 150, 150,0.2);
 }
 
 .bg-grey
 {
	 background:grey;
 }
 .text-lgrey
 {
	 color:rgba(150, 150, 150,0.5);
 }
  .text-xlgrey
 {
	 color:rgba(150, 150, 150,0.1);
 }
 .bg-xlgrey
 {
	 background:rgba(150, 150, 150,0.1);
 }
.btnnext{
	font-size:18px;
	border-radius:20px;
}
.noborder
{
	border:none;
}
.footer a:hover
{
	color:rgba(234,225,214,1);
}
.circle{
	border-radius:50%;
}
.nav-link 
{
	font-size:20px;
	text-shadow:1px 2px 5px rgba(150, 150, 150,0.3);
}
.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #111;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
}
.borderbtm{
	border-bottom:solid 1px white;
}
.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 18px;
    color:#FFFFF0;
    display: block;
    transition: 0.3s;
}
.b-headerbg
{
background:rgba(39, 103, 99,1);
}
.b-text-headerbg
{
color:rgba(39, 103, 99,1);
}
.b-headerbg-20
{
	background:rgba(39, 103, 99,0.1);
}
.b-headerbg-50
{
	background:rgba(12, 179, 168,0.5);
}
.b-subheaderbg 
{
	background:rgba(  237, 240, 243,1);
	color:rgba(39, 103, 99,1);
}
.sidenav a:hover {
    color: #f1f1f1;
}
.font-14
{
	font-size:14px;
}
.bg-login
{
	background:url(../image/bgw.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}
.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

#main {
    transition: margin-left .5s;
    padding: 16px;
}
/*pasted for testing */
 article, aside, figure, footer, header, hgroup, 
  menu, nav, section { display: block; }
  .image-holder{
	height:250px;
	  width:200px;
  
  }
 .image-holder img{
	height:250px;
	  width:200px;
  
  }
 .img-input {
		position: absolute;
		opacity:0;
		height:250px;
	  width:200px;
	}
img[src='#'] 
{
display: none;
}
.pointer {cursor: pointer;}
	.trapezoid {
	border-bottom: 50px solid rgba(68,145,146,1);
	border-left: 25px solid transparent;
	border-right: 25px solid transparent;
	color:white;
	height: 0;
	width: 325px;
	line-height:1;
}
.trapezoid-inverse {
	border-top: 50px solid #555;
	border-left: 25px solid transparent;
	border-right: 25px solid transparent;
	height: 0;
	width: 325px;
	line-height:1;
}
 #pointer { width: 200px; height: 40px; position: relative; background: #2c8e66; } #pointer:after { content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 0; border-left: 20px solid white; border-top: 20px solid transparent; border-bottom: 20px solid transparent; } #pointer:before { content: ""; position: absolute; right: -20px; bottom: 0; width: 0; height: 0; border-left: 20px solid #2c8e66; border-top: 20px solid transparent; border-bottom: 20px solid transparent; } 
	/*reg form data*/
 #regiration_form fieldset:not(:first-of-type) {
		display: none;
	}

.preview-pic {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
	-ms-flex-positive: 1;
          flex-grow: 1; 
		  }

.preview-thumbnail.nav-tabs {
  border: none;
  margin-top: 15px; }
  .preview-thumbnail.nav-tabs li {
    width: 18%;
    margin-right: 2.5%; }
    .preview-thumbnail.nav-tabs li img {
      max-width: 100%;
      display: block; }
    .preview-thumbnail.nav-tabs li a {
      padding: 0;
      margin: 0; }
    .preview-thumbnail.nav-tabs li:last-of-type {
      margin-right: 0; }
/*old*/
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;
border-right:0px;}
  .sidenav a {font-size: 14px;}
}
@media only screen and (max-width:768px)
{
	.footer
	{
		padding-top:5%;
	padding-bottom:5%;
	padding-left:10%;
	}
	
}
	@media only screen and (min-width:968px)
{
.bompad {
margin-left:10%;
}
.bompadmini {
margin-left:5%;
}
}	
@media only screen and (min-width:468px)
{

.card1
{
	display:none;
}
}
@media only screen and (max-width:468px)
{

.regmd
{
	display:none;
}
.card{
	display:none;
}
}	
@media only screen and (max-width:668px)
{
	.category-data
{
	width:40%;
	margin-left:30%;
}
.occasion-tabs
{
	display:none;
}
}
/* @media only screen and (max-width:668px and min-width:368px) { */
@media only screen and (max-width:668px){
	.occasion
	{
		width:40%;
	}
}
@media only screen and (max-width:368px)
{
	.footer
{
	padding-top:5%;
	padding-bottom:5%;
	padding-left:10%;
}
.category-data
{
	width:70%;
	margin-left:15%;
}
}